.site{padding-top:0}.wrap{max-width:1440px;padding-inline:clamp(24px,5.5vw,80px)}.sketch{background-color:#f5f3ec;background-image:none;min-height:0}.typography-hero{flex-direction:column;align-items:stretch;min-height:min(950px,100svh);padding:145px 0 32px;display:flex}.hero-edition,.hero-colophon{justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-edition{color:#4d5a71}.hero-edition .eyebrow{letter-spacing:.1em;font-size:10px}.hero-stage{perspective:1100px;flex:1;align-items:center;min-height:330px;display:flex;position:relative}.name-study{width:74%;margin:0;padding:30px 0}.name-study:before{opacity:.15;background-size:48px 48px;inset:12px 0}.type-guides{border-inline:none;left:0;right:0}.type-guides i{background:repeating-linear-gradient(90deg,#182d551c 0 4px,#0000 4px 12px)}.sketched-name{padding-inline:0 .1em;font-size:clamp(90px,21cqw,265px);line-height:1.15}.sketched-name .name-outline{-webkit-text-stroke:1px #182d5530;transform:translate(2px,-3px)}.sketched-name .name-ink{transform:rotate(-3deg)}.depth-layer{transform:translate3d(var(--depth-x,0px), calc(var(--depth-y,0px) + var(--depth-scroll,0px)), 0) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg))}.hero-introduction{grid-template-columns:1.2fr 1fr;gap:8%;margin-top:22px}.hero-introduction .hero-subtitle{font:500 clamp(27px, 3.3vw, 46px)/1.12 var(--font-body), sans-serif;letter-spacing:-.05em;max-width:none}.hero-introduction .hero-description{color:#576071;max-width:42ch;font-size:15px;line-height:1.7}.hero-introduction .hero-actions{margin-top:20px}.sketch .ink-button{color:#182d55;border:0;background:0 0;border-bottom:1px solid #182d5580;border-radius:0;gap:32px;padding:8px 0;font-weight:500}.ink-button svg,.case-link svg,.study-open svg{transition:transform .3s}.ink-button:hover{transform:none}.ink-button:hover svg,.case-link:hover svg{transform:translate(3px,-3px)}.hero-colophon{color:#657083;border-top:1px solid #182d5520;margin-top:44px;padding-top:18px;font-size:11px}.hero-colophon a{color:#182d55;align-items:center;gap:14px;display:flex}.atelier-nav{inset:18px max(20px,50vw - 640px) auto}.atelier-nav[data-material=sketch]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f3ec;border-color:#182d5520;border-radius:0}[data-material=sketch] .atelier-label{font:13px var(--font-body), sans-serif}[data-material=sketch] .atelier-links a:nth-child(2n) .atelier-label{transform:none}[data-material=sketch] .atelier-resume{border:0;border-left:1px solid var(--nav-line);border-radius:0;transform:none}.atelier-nav .atelier-monogram{font-size:39px}.motion-control{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:100px}.canvas-chapter{padding-top:130px;padding-bottom:160px}.canvas-texture{clip-path:polygon(0 55px,100% 0,100% calc(100% - 55px),0 100%);background:#eb7758;-webkit-mask-image:none;mask-image:none}.canvas-texture:after{opacity:.12;mix-blend-mode:multiply;background:0 0}.canvas-chapter .intro-row{align-items:center;min-height:250px;margin-bottom:28px;position:relative}.canvas-chapter .chapter-title{font:500 clamp(58px, 7.5vw, 110px)/1.05 var(--font-body), sans-serif;letter-spacing:-.075em;color:#182d55;margin-top:16px}.canvas-chapter .eyebrow{color:#253752}.canvas-chapter .library-intro{color:#293954;margin:20px 0 0;font-size:16px;line-height:1.5}.collection-grid{gap:28px;margin-top:40px}.collection-grid .study-card{background:0 0;border:0;border-top:1px solid #182d5560;padding:22px 0 0;transition:translate .5s}.collection-grid .study-card:hover{box-shadow:none}.collection-grid .study-0{padding:22px 0 0}.collection-grid .study-1,.collection-grid .study-2{background:0 0}.collection-grid .study-0 .collection-preview{aspect-ratio:1.25;flex:none;min-height:330px;margin:20px 0 24px}.collection-preview{border:0;border-radius:3px}.collection-grid .study-0 h3{font-size:clamp(30px,3.3vw,48px)}.collection-grid .study-open{padding-bottom:6px}.collection-grid .study-card:hover .study-open svg{transform:translate(3px,-3px)}.preview-creative{background:#f3dfc8}.preview-creative i{border-color:#16274845}.glass-chapter{background:#101b29;padding-top:40px}.glass-intro{min-height:530px;padding-bottom:70px}.glass-intro .chapter-title{margin-top:28px;font-size:clamp(62px,8vw,112px);line-height:.98}.glass-intro p{max-width:33ch;font-size:16px}.glass-object{perspective:1200px;position:relative}.sculpture{perspective:900px;width:min(100%,480px);padding:0}.sculpture canvas,.glass-loop-fallback{width:100%;height:100%;position:absolute;inset:0}.sculpture canvas{opacity:0}.glass-loop-fallback{animation:16s ease-in-out infinite alternate glass-loop-drift;transform:rotateX(23deg)rotateY(-18deg)rotate(-25deg)}.sculpture[data-renderer=webgl] canvas{opacity:1}.sculpture[data-renderer=webgl] .glass-loop-fallback{visibility:hidden}.sculpture[data-active=false] .glass-loop-fallback,.sculpture[data-renderer=webgl] .glass-loop-fallback{animation-play-state:paused}@keyframes glass-loop-drift{0%{transform:rotateX(23deg)rotateY(-18deg)rotate(-25deg)}to{transform:rotateX(-14deg)rotateY(35deg)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.glass-loop-fallback{animation:none}}.sculpture-halo{background:0 0;border:1px solid #b6e6ef25;width:85%;height:85%;inset:7.5%}.sculpture-halo:after{content:"";border:1px dashed #b6e6ef14;border-radius:50%;position:absolute;inset:-10%}.sculpture-caption{text-align:center;letter-spacing:.16em;margin-top:-15px;font-size:9px;display:block}.eight-ball{width:min(100%,480px);margin-inline:auto}.eight-ball-stage{aspect-ratio:1;position:relative;container-type:inline-size}.eight-ball-toy{color:inherit;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset:12.2%;transform:none}.eight-ball-toy:active{cursor:grabbing}.eight-ball-toy:focus-visible{outline-offset:12px;outline:2px solid #d7ebff}.eight-ball-shell{clip-path:polygon(25% 7%,50% 0,75% 7%,93% 25%,100% 50%,93% 75%,75% 93%,50% 100%,25% 93%,7% 75%,0 50%,7% 25%);background:conic-gradient(from 30deg,#394a65,#192337,#26344a,#394a65);position:absolute;inset:0}.eight-ball-sphere{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.eight-ball-fallback{color:#080b12;background:#f5f1e5;border-radius:50%;place-items:center;font:600 15cqw/1 Arial,sans-serif;display:grid;position:absolute;inset:32%}.eight-ball-toy[data-rendered=true] .eight-ball-sphere{opacity:1}.eight-ball-toy[data-rendered=true] :is(.eight-ball-shell,.eight-ball-fallback){display:none}.eight-ball[data-answered=true] .eight-ball-sphere{animation:9s ease-in-out infinite alternate answer-spectrum}@keyframes answer-spectrum{0%{filter:hue-rotate(-18deg)saturate(1.05)}to{filter:hue-rotate(28deg)saturate(1.2)}}.eight-ball-shadow{background:radial-gradient(#0009,#0000 70%);border-radius:50%;width:56%;height:7.2%;position:absolute;bottom:2%;left:22%}.eight-ball-controls{text-align:center}.eight-ball-result{color:#c0cddd;min-height:42px;margin-bottom:15px;font-size:14px;line-height:1.5;display:block}.eight-ball[data-answered=true] .eight-ball-result{color:#eff5ff}.eight-ball-shake{color:#eff5ff;cursor:pointer;background:#6b91d414;border:1px solid #9cbbeb55;border-radius:4px;justify-content:center;align-items:center;gap:9px;width:216px;min-height:44px;padding:10px 18px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}.eight-ball-shake:hover{background:#6b91d42a;border-color:#aac9ff}.eight-ball-shake:disabled{cursor:wait;color:#a8b9d1}.glass-intro .eight-ball-controls .eight-ball-hint{color:#91a4bd;margin:13px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){.eight-ball-shake{transition:none}}.project-list{row-gap:72px}.project-list .project-card:last-child{margin-bottom:0}.project-visual-button{background:#1b2e43;border-radius:4px;padding:28px;position:relative}.project-studio .project-visual-button{background:#cbbfae}.project-ink .project-visual-button{background:#52604e}.project-visual-button:after{content:"↗";color:#ffffffa0;font-size:17px;position:absolute;bottom:8px;right:14px}.actual-site-art{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border:1px solid #ffffff18;box-shadow:0 20px 30px #0003}.project-sail .project-copy h3{font-size:clamp(48px,5.4vw,78px)}.project-copy .case-link{margin-top:28px}.project-copy h3{margin-top:18px}.project-copy p{font-size:15px}.project-studio .project-copy,.project-ink .project-copy{padding-top:26px}.work-heading{margin-bottom:40px}.about-redesign{padding-top:150px}.about-facts{border-color:#b6c9e32e}.skill-detail{background:#b6d9e90a;border:1px solid #b6d9e91c}.pixel-content h2{letter-spacing:-.04em}.site.motion-paused .depth-layer{transform:none}html:has(.motion-paused){scroll-behavior:auto}@media (min-width:1500px){.typography-hero{min-height:900px}}@media (max-width:900px){.typography-hero{min-height:800px;padding-top:125px}.hero-stage{min-height:300px}.project-visual-button{padding:20px}.glass-intro{min-height:450px}}@media (max-width:650px){.atelier-nav{inset:12px 16px auto}.atelier-rail{gap:10px;min-height:58px;padding-inline:14px}.typography-hero{min-height:0;padding:105px 0 24px}.hero-edition .eyebrow{font-size:8px}.hero-edition>span:last-child{display:none}.hero-stage{flex:none;align-items:start;min-height:380px}.name-study{width:100%;padding-top:30px;padding-bottom:20px}.sketched-name{font-size:clamp(72px,22cqw,150px)}.hero-introduction{grid-template-columns:1fr;gap:20px;margin-top:0}.hero-introduction .hero-subtitle{margin-bottom:0;font-size:clamp(28px,8vw,42px)}.hero-introduction .hero-description{font-size:14px}.hero-colophon{align-items:start;margin-top:32px;font-size:9px}.hero-colophon>span{max-width:125px}.hero-colophon a{white-space:nowrap;gap:8px}.canvas-chapter{padding-top:100px;padding-bottom:110px}.canvas-chapter .intro-row{min-height:190px;margin-bottom:10px}.canvas-chapter .chapter-title{font-size:clamp(50px,14vw,74px)}.canvas-chapter .library-intro{max-width:21ch;font-size:13px}.collection-grid .study-0{padding:20px 0 0}.collection-grid .study-0 .collection-preview{aspect-ratio:1.25;min-height:0}.collection-grid .study-1,.collection-grid .study-2{column-gap:20px}.collection-grid .study-1 h3,.collection-grid .study-2 h3{font-size:25px}.collection-grid .study-1 .study-medium,.collection-grid .study-2 .study-medium{font-size:9px}.collection-grid .creative-preview-word{font-size:20px}.collection-grid .creative-preview-stamp{padding:3px 4px;font-size:7px;bottom:6px;left:5px}.glass-intro{grid-template-columns:1fr;min-height:0;padding-bottom:32px}.glass-intro .chapter-title{font-size:clamp(64px,17vw,90px)}.glass-object{width:100%;max-width:320px;margin:24px auto 40px}.glass-intro p{font-size:14px}.work-heading .eyebrow{letter-spacing:.04em;font-size:9px}.project-sail .project-copy h3{font-size:48px}.project-visual-button{padding:22px}.project-card{margin-bottom:44px;padding-bottom:44px}.about-redesign{padding-top:60px}}@media (max-width:360px){.collection-grid .creative-preview-word{font-size:17px}.collection-grid .creative-preview-stamp{font-size:6px}.hero-stage{min-height:340px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth-layer,.actual-site-art,.collection-preview{transform:none!important}}.name-study{width:100%}.hero-stage{min-height:300px}.sketched-name{font-size:clamp(92px,23cqw,320px)}.typography-hero{min-height:min(850px,100svh)}.canvas-chapter{background:#e98165;padding:110px 0}.canvas-chapter:before{display:none}.canvas-texture{clip-path:none;opacity:.65;mix-blend-mode:normal;background:url(/materials/painted-canvas.png) top/800px;-webkit-mask-image:linear-gradient(#000 calc(100% - 120px),#0000);mask-image:linear-gradient(#000 calc(100% - 120px),#0000);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.canvas-texture:after{display:none}.glass-chapter{padding-bottom:100px}.about-page{color:#edf3fa;background:#101b29;padding-top:64px;padding-bottom:56px}.about-page .about-redesign{padding-top:110px}.about-page .eyebrow{color:#c3d1e1}.skills-heading h3{color:#f5f7fc;letter-spacing:-.035em;font-weight:500}.skills-heading p,.creative-tools{color:#d0dcec}.skill-tile{color:#edf3fa}.skill-tile>span:last-of-type{font-size:15px;font-weight:500}.skill-detail{color:#172b45;background:#edf2f7;border:0}.skill-detail h4{color:#172b45;letter-spacing:-.02em;font-weight:500}.skill-detail p{color:#273d56;line-height:1.7}.skill-detail .eyebrow,.skill-context{color:#3a526b}.skill-context{border-color:#172b4530;font-size:14px}.skill-filters [data-slot=tabs-trigger]{color:#d1deed;font-size:15px;font-weight:500}.skill-filters [data-slot=tabs-trigger][data-active]{color:#fff}.skill-tile:hover .skill-icon-bed img{transform:none}#main{isolation:isolate;--paper-edge-height:176px;--paint-edge-height:176px;--pixel-page-tail:clamp(192px, 24vw, 288px)}.chapter-page{position:relative;overflow:clip visible}#sketch{z-index:4}#canvas{z-index:3;margin-top:calc(-1 * var(--paper-edge-height))}#glass{z-index:2;margin-top:calc(-1 * var(--paint-edge-height))}#pixel{z-index:1;margin-top:calc(-1 * var(--pixel-page-tail))}.page-surface{background:0 0;position:relative}.material-edge{pointer-events:none;clip-path:inset(0 -40px -60px);background-position:bottom;background-repeat:repeat-x;background-size:auto 320px;width:100%;margin-top:-1px;display:block;position:relative;overflow:visible}.material-edge:before{content:"";background:linear-gradient(var(--edge-tone), transparent);height:36px;position:absolute;inset:0 0 auto}.edge-paper{height:var(--paper-edge-height);--edge-tone:#f5f3ec;background-image:url(/materials/torn-paper-edge.png)}.edge-paint{height:var(--paint-edge-height);--edge-tone:#e98165;background-image:url(/materials/painted-edge.png)}.pixel-page-tail{height:var(--pixel-page-tail);pointer-events:none;margin-top:-1px;position:relative;overflow:hidden}.pixel-page-edge{max-width:none;image-rendering:pixelated;display:block;position:absolute;top:0;left:0}@supports (animation-timeline:--sheet-entry) and (animation-range:entry 0% entry 100%){.chapter-page{view-timeline:--sheet-entry block;view-timeline-inset:0}.pages-native .chapter-page:not(:first-child)>.page-surface{animation:linear both sheet-reveal;animation-timeline:--sheet-entry;animation-range:entry}}@keyframes sheet-reveal{0%{transform:translateY(-90dvh)}80%{animation-timing-function:cubic-bezier(.333333,.666667,.666667,1);transform:translateY(-10dvh)}to{transform:none}}.motion-paused .chapter-page>.page-surface{animation:none;transform:rotate(0)}.glass-chapter{padding-top:140px;padding-bottom:0}.about-page .about-redesign{border-top:1px solid #b6c9e326;margin-top:0;padding-top:64px}.pixel-chapter{background:#101b29;min-height:100svh}.pixel-chapter .pixel-content{padding-top:280px}.pixel-chapter .pixel-landscape{transform:translateY(52px)}@media (max-width:650px){.typography-hero{min-height:0}.hero-stage{min-height:0;margin:15px 0 28px}.name-study{padding:24px 0}.sketched-name{font-size:clamp(70px,23cqw,160px)}.canvas-chapter{padding-top:100px;padding-bottom:80px}.canvas-chapter .intro-row{min-height:0}.glass-chapter{padding-top:110px;padding-bottom:0}.about-page{padding-top:40px;padding-bottom:80px}.about-page .about-redesign{margin-top:0;padding-top:48px}.skill-detail{min-height:0;padding:24px}.skills-heading h3{font-size:36px}.skill-filters [data-slot=tabs-trigger]{padding-block:14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.pages-ready .chapter-page>.page-surface{box-shadow:none;animation:none;transform:rotate(0)}}