/* Daniel's glass-and-light identity. */
:root{--paper:#090909;--ink:#eeeef0;--muted:#a7a8b0;--line:#303037;--serif:Georgia,'Times New Roman',serif}
html{scrollbar-color:#44464f #090909;scroll-padding-top:36px}body{background:#090909;color:var(--ink)}
.announcement{height:26px;overflow:hidden;background:#111114;border-bottom:1px solid #26262c;color:#aaaab5;font:10px/26px Arial,sans-serif;white-space:nowrap;position:absolute;inset:0 0 auto;z-index:12;letter-spacing:.01em}.announcement>div{width:max-content;animation:announcement-move 48s linear infinite}.announcement span{margin:0 45px;color:#8b9fe2}.header{height:100px;top:26px;gap:32px;padding:0 4.5%;background:transparent}.wordmark{gap:9px;display:flex;align-items:center}.logo-monogram{width:54px;height:64px}.brand-name{font-family:Arial,sans-serif;font-size:31px;line-height:1!important;font-weight:400;letter-spacing:-1.6px;position:relative;display:block}.brand-name small{display:block;font:7px/1.5 Arial,sans-serif;letter-spacing:1.5px;margin-top:8px;color:#a6a7ae}.brand-registered{font:10px Arial,sans-serif;position:absolute;right:-9px;top:0}.header nav{margin:auto;flex:1;max-width:600px;justify-content:space-around;gap:20px;padding:4px 25px;background:linear-gradient(#0b0c13ed,#0b0c13ed) padding-box,conic-gradient(from 40deg,#2b96b0,#6861b8,#aa679b,#2e6cb2,#2b96b0) border-box;border:1.5px solid transparent;box-shadow:0 0 3px #63d1e7,0 0 25px #595edc12;min-height:48px}.header nav a,.header nav button{font-size:12px;color:#e2e1e9;min-height:40px;display:flex;align-items:center}.header nav a:after{background:#8cdcf3}.header .nav-contact{gap:10px}.header-cta{display:flex;align-items:center;gap:18px;white-space:nowrap;border:1px solid #9d9da5;border-radius:30px;padding:6px 8px 6px 17px;font-size:12px;min-height:40px}.header-cta>span{display:grid;place-items:center;border-radius:50%;background:#efeff1;color:#111;width:26px;height:26px;font-size:16px}.header .motion-toggle{position:fixed;right:24px;bottom:25px;z-index:24;background:#0b0b0dd9;backdrop-filter:blur(8px);border:1px solid #4b4c56;border-radius:50%;padding:12px;width:46px;height:46px;min-width:46px;color:#e9ebf4}.motion-label{display:none}.motion-icon{display:flex}.header-cta:hover{background:#fff;color:#15151a}
.hero{padding:150px 4.5% 0;min-height:850px;min-height:max(850px,100svh);background:#090909;display:flex;flex-direction:column;justify-content:space-between}.hero-atmosphere{z-index:-1;pointer-events:none;inset:0;overflow:hidden;background:#090909}.ambient-halo{inset:3% 5% auto auto;width:85%;height:85%;filter:blur(70px);background:radial-gradient(ellipse at 60% 45%,#3537a835,transparent 65%);animation:none}.hero-monogram{position:absolute;width:min(81vw,1100px);height:min(92vw,1100px);left:51%;top:42%;transform:translate(-50%,-50%) rotate(9deg);filter:blur(24px) saturate(1.6);opacity:.85}.ambient-vignette{background:linear-gradient(0deg,#090909 0%,transparent 20%,transparent 85%,#090909cc),linear-gradient(90deg,#090909a8,transparent 40%,#09090970)}#idea-field{opacity:.12}.hero-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:#888995;padding:0;max-width:none;min-height:14px}.hero-location{font-size:8px}.hero-body{display:grid;grid-template-columns:52% 48%;min-height:525px;align-items:center;padding:55px 0 65px;gap:0;flex:1}.hero-copy{padding:0;min-width:0}.hero-copy h1{font:400 clamp(76px,7.9vw,126px)/.94 var(--serif);letter-spacing:-.055em;white-space:normal;margin:0;max-width:none;color:#f1f0ec}.hero-copy h1>span{display:block}.hero-copy h1 em{color:#efeee9;min-width:0;font-style:normal;font-weight:400;transition:opacity .3s,transform .4s,filter .3s}.hero-copy h1 em.word-exit{transform:translateY(-14px);filter:blur(9px)}.hero-word-line{margin-top:9px}.hero-copy h1 .hero-last-line{font-size:.87em;margin-top:14px;padding-left:20%;white-space:nowrap}.hero-last-line i{font-weight:400}.hero-side{padding:95px 0 0 8%;margin:0;max-width:560px;display:block}.hero-side p{font:15px/1.75 Arial,sans-serif;color:#d5d4db;margin:0 0 14px;max-width:475px}.hero-side .pill{border:1px solid #b0a7b8;background:transparent;color:#f0eef5;font-size:12px;padding:7px 8px 7px 17px;border-radius:30px;gap:21px;margin-top:9px;min-height:40px}.hero-side .pill>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0eef4;color:#131219;font-size:16px}.hero-side .pill:hover{background:#f0eef5;color:#15131b;transform:none}.project-signatures{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 0 36px;position:relative;z-index:2;opacity:.82}.project-signatures>span{font:10px Arial,sans-serif;letter-spacing:.08em;max-width:120px;line-height:1.5}.project-signatures>a{color:#bdbdc5;white-space:nowrap;transition:color .2s}.project-signatures>a:hover{color:#fff}.signature-kinary{font:bold 28px Arial,sans-serif;letter-spacing:-1.3px;display:flex;align-items:center;gap:6px}.signature-kinary>.icon{font-size:28px}.signature-kinary>span{font-weight:400;font-size:15px;letter-spacing:-.7px;margin-left:-1px}.signature-lore{font:800 31px Arial,sans-serif;letter-spacing:-1.8px}.signature-lore i{font-weight:500}.signature-renant{font:35px Georgia,serif;letter-spacing:-2px}.signature-desk{font:700 27px Arial,sans-serif;letter-spacing:-1.4px}.signature-desk span{font-size:22px;margin-left:5px}.hero-foot{border-top:1px solid #25252b;padding:19px 0 20px;font-size:8px;color:#8d8d99;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-foot button,.hero-foot a{color:#aeafba;font-size:8px;display:flex;align-items:center;gap:14px;min-height:30px}.hero-foot .icon{font-size:12px}.hero-foot>span:last-child{color:#888992}
.section-pad{padding:90px 4.5%}.work{background:#090909}.work>.section-kicker{display:none}.section-heading{margin:0 0 42px;align-items:center;gap:20px}.section-heading h2{font:400 34px/1.1 Arial,sans-serif;letter-spacing:-1.2px}.work-filters{border-color:#363640;margin:0}.work-filters button{color:#a9a9b6}.work-filters button.active{background:#e5e4ec;color:#13131a}.projects-grid{gap:25px;margin:0 -5%;padding:0 4.5% 10px;scroll-padding-inline:4.5%}.project-card{flex:0 0 min(52vw,710px);scroll-snap-align:start}.project-scene{border-radius:26px;height:490px}.project-scene:after{border-radius:26px}.project-info{padding:20px 2px 0}.project-info h3{font:400 25px/1.2 Arial,sans-serif;letter-spacing:-.7px}.project-info p{color:#a9a8b2;font-size:12px}.project-category{color:#aaa9b7}.gallery-hint,.gallery-pagination .mono,.work-note{color:#9898a7}.gallery-pagination button{width:44px;height:44px;border-color:#575765;color:#e5e5f0}.gallery-pagination button:hover{background:#373447}.work-note{border-color:#30303b}#workbench>div{background:#181820;border-color:#353344}#workbench p,#workbench small{color:#bbb8ce}
.play-space{padding-top:70px;background:radial-gradient(ellipse at 70% 45%,#2b255f70,transparent 52%),radial-gradient(ellipse at 30% 70%,#174d4b35,transparent 55%),#0d0c12;border-color:#24212e}.play-copy h2{font-size:clamp(55px,5.8vw,90px)}.play-copy h2 em{color:#ccc6ed}.play-copy>p,.play-copy>p.play-instructions{color:#bab6c9}.section-kicker,.play-copy .eyebrow,.play-tags,.play-bottom{color:#a9a5bd}.section-kicker>span:first-child{color:#d5d1e0}.play-space .hero-art{filter:hue-rotate(195deg) saturate(.67)}.play-bottom{border-color:#363147}.about{background:#0b0b0d;border-color:#2b2932}.about-copy h2 em{color:#b8b1d9}.about-text,.about-left>p{color:#b8b7c2}.about-text strong{color:#e2dff1}.about-emblem{width:245px;max-width:100%;text-align:center;margin-bottom:28px}.about-monogram{height:260px;width:100%;filter:drop-shadow(0 0 26px #576dc51c)}.about-emblem>span{font:8px var(--mono);letter-spacing:.06em;color:#8d8a9e;display:block;margin-top:5px}.skill-tags span{color:#bbb7ce;border-color:#414050}.process{background:#09090c}.process-list details,.process-list details:first-child{border-color:#32303b}.process-list details p{color:#b2afc0}.process-list summary .mono{color:#9490a9}.process-list details[open] .process-plus{color:#a69cda}.contact{background:radial-gradient(ellipse at 80% 100%,#2d235f55,transparent 70%),#111016;border-color:#312a46}.contact .section-kicker,.contact-foot p{color:#b6adc9}.contact-giant em{color:#bdb5f5}.contact-arrow{border-color:#77708f;color:#e1dcff}.contact-giant:hover .contact-arrow{background:#b9acf1;color:#141020}.contact .text-link{border-color:#8b7eaa;color:#e1d8f5}footer{background:#09090b}footer>.mono,footer>a.mono{color:#9b96ac}.footer-brand{color:#d6d2e5}.floating-dock{border:1.5px solid transparent;background:linear-gradient(#0b0d16ed,#0b0d16ed) padding-box,linear-gradient(105deg,#8275d9,#4485b7,#6964b2,#9b5987) border-box;box-shadow:0 0 3px #739bd8,0 15px 40px #0009}.floating-dock a,.floating-dock button{color:#d6d4e4}.floating-dock a.active{color:#f2ebff;background:#3a304f}.floating-dock .dock-home{border:0;padding:0;width:38px;height:38px}.dock-monogram{width:31px;height:38px}.floating-dock button{border-color:#777088}.floating-dock button:hover{background:#d4c9ec;color:#21162e}dialog{background:#15131c;border-color:#51475e}.case-label,.case-role,.case-section p,#contact-dialog>p,.contact-handle{color:#c0b7ce}.case-status{color:#bcb3ef}.case-notice{background:#292334;color:#d4c9e2}.dialog-close{border-color:#797087}.toast{background:#d6d1e8;color:#221c31}.scroll-progress{background:linear-gradient(90deg,#7179f8,#6fd2c7,#e59ace)}
.brand-intro{display:none;position:fixed;inset:0;z-index:1000;background:#000;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.intro-playing .brand-intro{display:flex;animation:intro-close .8s cubic-bezier(.6,0,.2,1) 1.65s forwards}.intro-monogram{width:min(44vw,430px);height:min(65vh,500px);position:relative;animation:intro-appear 1.55s cubic-bezier(.2,.6,.2,1) both}.intro-caption{position:absolute;bottom:19%;left:0;right:0;text-align:center;color:#b6b5be;font:9px Arial,sans-serif;letter-spacing:.4em;animation:intro-caption 1.6s both}.intro-sparks{position:absolute;inset:-20%;background:radial-gradient(circle at 27% 38%,#83d7ff 0 1px,transparent 2px),radial-gradient(circle at 72% 30%,#c18cfd 0 1px,transparent 2px),radial-gradient(circle at 75% 70%,#96e8d6 0 1px,transparent 2px),radial-gradient(circle at 30% 75%,#9b93e9 0 1px,transparent 2px);background-size:191px 183px,267px 209px,213px 263px,337px 283px;opacity:.3;animation:intro-stars 1.65s ease-out both}.motion-paused .announcement>div{animation-play-state:paused}.motion-paused.intro-playing .brand-intro{display:none}
@keyframes announcement-move{to{transform:translateX(-50%)}}@keyframes intro-appear{from{opacity:0;transform:perspective(800px) rotateY(-30deg) scale(.76);filter:blur(5px)}to{opacity:1;transform:perspective(800px) rotateY(0) scale(1);filter:blur(0)}}@keyframes intro-close{to{opacity:0;visibility:hidden;transform:scale(1.12)}}@keyframes intro-caption{0%,30%{opacity:0;transform:translateY(8px)}70%,100%{opacity:1;transform:none}}@keyframes intro-stars{from{opacity:0;transform:scale(.65)}50%{opacity:.4}to{opacity:0;transform:scale(1.3)}}
@media(min-width:1500px){.hero{min-height:980px;padding-top:165px}.hero-body{min-height:650px}.hero-copy h1{font-size:136px}.hero-side{max-width:600px;padding-left:10%}.hero-side p{font-size:17px}.project-card{flex-basis:750px}.project-scene{height:530px}}
@media(max-width:1100px){.header{gap:24px}.header nav{padding:3px 17px;gap:20px}.header-cta{font-size:10px;gap:8px}.brand-name{font-size:28px}.logo-monogram{width:44px;height:54px}.hero-copy h1{font-size:8.5vw}.hero-side{padding-left:6%;padding-top:65px}.hero-side p{font-size:13px}.project-card{flex-basis:70vw}.project-signatures{gap:24px}.signature-kinary{font-size:24px}.signature-lore{font-size:27px}.signature-renant{font-size:30px}.signature-desk{font-size:23px}.about-emblem{width:190px}.about-monogram{height:210px}}
@media(max-width:760px){html{scroll-padding-top:25px}.announcement{height:23px;font-size:9px;line-height:23px}.announcement span{margin:0 24px}.header{top:23px;height:85px;padding:0 6%;gap:10px}.header nav{display:none}.header-cta{display:flex;margin-left:auto;font-size:10px;min-height:36px;padding:5px 6px 5px 12px;gap:10px}.header-cta>span{width:22px;height:22px;font-size:13px}.logo-monogram{width:36px;height:45px}.brand-name{font-size:27px}.brand-name small{font-size:5px;letter-spacing:1px;margin-top:6px}.header .motion-toggle{right:14px;bottom:82px;width:42px;height:42px;min-width:42px;padding:12px}.hero{padding:127px 6% 0;min-height:900px;min-height:max(900px,100svh);display:flex;justify-content:flex-start}.hero-top{font-size:6.5px;letter-spacing:.07em;max-width:none;line-height:1.5}.hero-location{display:none}.hero-body{display:block;min-height:0;flex:none;padding:57px 0 32px}.hero-copy h1{font-size:clamp(54px,12.7vw,91px);line-height:.97;letter-spacing:-.05em;margin:0}.hero-copy h1 .hero-last-line{font-size:.94em;padding-left:14%;margin-top:9px}.hero-word-line{margin-top:4px}.hero-side{margin:0;padding:35px 0 0 10%;max-width:none;display:block}.hero-side p{font-size:12px;line-height:1.7;margin-bottom:11px;max-width:390px}.hero-side .pill{font-size:10px;gap:19px;padding:6px 7px 6px 14px;margin-top:5px;min-height:36px}.hero-side .pill>span{height:23px;width:23px;font-size:14px}.hero-monogram{width:175vw;height:185vw;top:38%;left:52%;filter:blur(17px) saturate(1.7);opacity:.82}.ambient-vignette{background:linear-gradient(0deg,#090909 0%,transparent 24%,transparent 78%,#090909a8),linear-gradient(90deg,#09090970,transparent 60%)}.project-signatures{display:grid;grid-template-columns:1fr 1fr;justify-items:start;gap:19px 22px;padding:16px 0 28px;margin-top:auto}.project-signatures>span{grid-column:1/-1;max-width:none;font-size:8px;letter-spacing:.1em;margin-bottom:0}.signature-kinary{font-size:24px}.signature-kinary>.icon{font-size:23px}.signature-kinary>span{font-size:13px}.signature-lore{font-size:27px}.signature-renant{font-size:28px}.signature-desk{font-size:24px}.hero-foot{font-size:7px;padding:14px 0 16px;gap:12px}.hero-foot>span:last-child{display:none}.hero-foot button,.hero-foot a{font-size:7px;gap:8px;min-height:30px}.hero-foot .icon{font-size:10px}.hero-foot>span:first-child{max-width:none}.section-pad{padding:58px 6%}.section-heading{display:block;margin:0 0 27px}.section-heading h2{font-size:28px;letter-spacing:-.6px}.work-filters{margin:20px 0 0}.projects-grid{margin:0 -6.82%;gap:16px;padding:0 6% 5px;scroll-padding-inline:6%}.project-card{flex-basis:84vw}.project-scene{height:420px;border-radius:22px}.project-scene:after{border-radius:22px}.project-info h3{font-size:24px}.project-info p{font-size:11px}.gallery-pagination button{width:44px;height:44px}.gallery-hint{max-width:125px;font-size:6.5px}.gallery-pagination .mono{font-size:8px}.play-copy h2{font-size:52px}.play-space{padding-top:45px}.play-space .hero-art{margin-top:16px}.about-layout{gap:26px}.about-emblem{width:110px;margin-bottom:0;flex-shrink:0}.about-monogram{height:125px}.about-emblem>span{font-size:5px;line-height:1.7}.about-left>p{font-size:7px;margin-left:15px}.about-copy h2{font-size:54px}.floating-dock{bottom:max(15px,env(safe-area-inset-bottom));gap:2px;max-width:calc(100vw - 20px)}.floating-dock a{min-height:40px;padding:11px 13px;font-size:10px}.floating-dock .dock-home{width:35px;height:40px;padding:1px 4px}.dock-monogram{width:30px;height:34px}.floating-dock button{min-height:40px;padding:9px 11px;font-size:10px}.intro-monogram{width:66vw;height:55vh;max-width:350px}.intro-caption{bottom:24%;font-size:8px;letter-spacing:.3em}}
@media(max-width:370px){.header-cta{font-size:9px;gap:6px}.header{padding:0 5%}.brand-name{font-size:24px}.logo-monogram{width:31px;height:40px}.hero{min-height:890px;padding-top:126px}.hero-body{padding-top:48px}.hero-copy h1{font-size:12.6vw}.hero-side{padding-left:6%}.hero-side p{font-size:11px}.project-scene{height:395px}.floating-dock a{padding:11px 10px}.floating-dock button{padding:9px}.gallery-hint{max-width:112px}.gallery-pagination .mono{margin-right:0}.play-copy h2{font-size:45px}.about-copy h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){.announcement>div{animation:none}.intro-playing .brand-intro{display:none}.hero-monogram{filter:blur(20px)}.hero-copy h1 em{transition:none}}

@media(max-width:760px){.project-signatures>.signature-kinary{grid-column:1/-1}}