:root{--icon-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='square'/%3E%3C/svg%3E");--icon-asterisk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 3v94M3 50h94M17 17l66 66M17 83l66-66' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}
.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;background:currentColor;-webkit-mask:var(--icon-shape) center/contain no-repeat;mask:var(--icon-shape) center/contain no-repeat}.icon--arrow{--icon-shape:var(--icon-arrow)}.icon--asterisk{--icon-shape:var(--icon-asterisk)}
@font-face{font-family:Fallback;src:local('Arial')}*{box-sizing:border-box}html{font-size:max(14px,1.111111vw);--scene-unit:min(0.063052vw,0.115svh);--bg:#141413;--fg:#f3f2ee;--muted:#a2a19c;--accent:#ff7b2b;--line:#ffffff28;scroll-behavior:smooth;color-scheme:dark}html[data-theme=light]{--bg:#eae7df;--fg:#1c1c1b;--muted:#625f59;--line:#18181830;color-scheme:light}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;transition:background .55s,color .55s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:calc(2 * var(--scene-unit)) solid var(--accent);outline-offset:calc(7 * var(--scene-unit))}button:hover,a:hover{color:var(--accent)}.header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(24 * var(--scene-unit)) 4.4%;height:calc(90 * var(--scene-unit));gap:calc(25 * var(--scene-unit))}.logo{font-weight:900;font-size:calc(46 * var(--scene-unit));letter-spacing:calc(-5 * var(--scene-unit));line-height:1}.logo span{color:var(--accent)}.nav,.settings,.languages,.theme{display:flex;align-items:center}.nav{gap:calc(38 * var(--scene-unit));margin-left:15%}.nav button,.nav a{font-size:clamp(0.9375rem,1.05vw,1.1875rem);padding:calc(8 * var(--scene-unit)) 0}.settings{gap:calc(27 * var(--scene-unit))}.languages{gap:calc(17 * var(--scene-unit))}.languages button{padding:calc(8 * var(--scene-unit)) 0;font-size:0.875rem;color:var(--muted);position:relative}.languages button[aria-pressed=true]{color:var(--accent)}.languages button[aria-pressed=true]:after{content:'';position:absolute;bottom:calc(-8 * var(--scene-unit));left:0;right:0;height:calc(1 * var(--scene-unit));background:var(--accent)}.theme{gap:calc(8 * var(--scene-unit));border-left:calc(1 * var(--scene-unit)) solid var(--line);padding-left:calc(22 * var(--scene-unit));font-size:calc(24 * var(--scene-unit));color:var(--muted)}.theme__track{width:calc(44 * var(--scene-unit));height:calc(25 * var(--scene-unit));border:calc(1 * var(--scene-unit)) solid var(--muted);border-radius:calc(40 * var(--scene-unit));padding:calc(4 * var(--scene-unit))}.theme i{display:block;width:calc(15 * var(--scene-unit));height:calc(15 * var(--scene-unit));background:var(--accent);border-radius:50%;transition:transform .4s}html[data-theme=light] .theme i{transform:translateX(calc(18 * var(--scene-unit)))}[data-depth],.hero__copy{will-change:transform}.orbit{will-change:transform}.experience{min-height:100svh;height:auto}.hero{height:100svh;position:relative;top:0;isolation:isolate;overflow:hidden;perspective:calc(1200 * var(--scene-unit))}.city{position:absolute;left:-4%;bottom:0;width:108%;height:37%;background:url(assets/city.webp) left bottom/cover no-repeat;opacity:.6;z-index:0;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);pointer-events:none}html[data-theme=light] .city{opacity:.22;mix-blend-mode:multiply}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 67% 54%,#ff7b2b0b,transparent 45%),radial-gradient(ellipse at 47% 90%,#8a918817,transparent 55%)}.sun{position:absolute;width:calc(166 * var(--scene-unit));height:calc(166 * var(--scene-unit));max-width:calc(170 * var(--scene-unit));max-height:calc(170 * var(--scene-unit));top:15%;left:65%;border-radius:50%;background:var(--accent);box-shadow:0 0 calc(85 * var(--scene-unit)) #ff7b2b17;z-index:0}.sun:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 24% 22%,transparent 25%,#3515076b)}.hero__copy{position:absolute;left:12.8%;top:13.5%;width:82%;z-index:2}.availability{display:flex;align-items:center;gap:calc(13 * var(--scene-unit));color:var(--muted);font-size:clamp(0.875rem,1vw,1.125rem);letter-spacing:calc(.6 * var(--scene-unit));margin:0 0 calc(27 * var(--scene-unit))}.availability>span:first-child{width:calc(10 * var(--scene-unit));height:calc(10 * var(--scene-unit));border-radius:50%;background:var(--accent);box-shadow:0 0 calc(15 * var(--scene-unit)) #ff7b2b70;animation:pulse 3s infinite}h1{margin:0;letter-spacing:-.065em;font-size:calc(168 * var(--scene-unit));font-weight:800;line-height:.92}h1>span{display:block}.surname{font-size:1.25em;-webkit-text-stroke:calc(1 * var(--scene-unit)) var(--accent);color:transparent;letter-spacing:-.055em;line-height:.92}.hero__details{position:relative;z-index:5;max-width:75%;padding-top:calc(9 * var(--scene-unit))}.hero h2{font-size:calc(40 * var(--scene-unit));letter-spacing:calc(-1.4 * var(--scene-unit));line-height:1.2;margin:0 0 calc(14 * var(--scene-unit));font-weight:700}.tagline{font-size:clamp(1.0625rem,1.35vw,1.5rem);font-weight:300;color:var(--muted);letter-spacing:calc(.5 * var(--scene-unit));margin:0}.actions{display:flex;gap:calc(15 * var(--scene-unit));margin-top:calc(28 * var(--scene-unit))}.button{border:calc(1 * var(--scene-unit)) solid var(--fg);border-radius:calc(50 * var(--scene-unit));min-height:2.75rem;padding:0 calc(24 * var(--scene-unit));display:inline-flex;align-items:center;justify-content:center;gap:calc(20 * var(--scene-unit));font-size:clamp(0.9375rem,1.05vw,1.125rem);white-space:nowrap;transition:background .25s,color .25s;position:relative;z-index:8}.button--primary{background:var(--accent);border-color:var(--accent);color:#171512}.button:hover{background:var(--fg);color:var(--bg)}.button--primary:hover{background:#ff944f;border-color:#ff944f;color:#151515}.portrait{position:absolute;left:45%;top:6.5%;height:110%;width:43%;z-index:3;pointer-events:none;mask-image:linear-gradient(to bottom,#000 75%,transparent 98%)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 86%,transparent 100%);}.hero__copy{pointer-events:none;z-index:3}.hero__copy button,.hero__copy a{pointer-events:auto}.portrait{z-index:4;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 60%,20% 47%,20% 30%)}.hero__details{position:relative;z-index:6;width:max-content;max-width:100%}.signature{position:absolute;right:9%;top:25%;font-family:Georgia,serif;font-style:italic;font-size:calc(22 * var(--scene-unit));line-height:1.3;transform:rotate(-12deg);color:var(--muted);z-index:5}.orbits{position:absolute;width:53%;height:65%;left:34%;top:24%;z-index:3;pointer-events:none;transform:rotate(-39deg)}.orbit{position:absolute;inset:0;border:calc(1 * var(--scene-unit)) solid var(--line);border-radius:50%}.orbit--two{inset:17% -7%;opacity:.4;transform:rotate(25deg)}.orbit i{position:absolute;top:49%;right:calc(-5 * var(--scene-unit));width:calc(10 * var(--scene-unit));height:calc(10 * var(--scene-unit));background:var(--accent);border-radius:50%;box-shadow:0 0 calc(20 * var(--scene-unit)) #ff7b2b40}.orbit--one{animation:orbit 24s linear infinite}.orbit--two{animation:orbit 36s linear infinite reverse}.coordinates{position:absolute;left:71%;bottom:17%;z-index:6;font-size:calc(9 * var(--scene-unit));letter-spacing:calc(3 * var(--scene-unit));line-height:2.4;color:var(--muted)}.coordinates span{margin-left:calc(15 * var(--scene-unit));color:var(--accent)}.project-card{position:absolute;z-index:1;width:calc(240 * var(--scene-unit));text-align:left;padding:0;will-change:transform;transition:opacity .3s;opacity:.66}.project-card:hover{opacity:1}.project-card--left{left:-6.4%;top:22%;rotate:-10deg;transform:rotateY(25deg)}.project-card--right{right:-3.2%;top:14%;rotate:8deg;transform:rotateY(-25deg)}.project-card--bottom{right:-6%;top:55%;rotate:12deg;transform:rotateY(-30deg)}.project-card__canvas{display:block;position:relative;height:calc(175 * var(--scene-unit));border:calc(5 * var(--scene-unit)) solid #383936;outline:calc(1 * var(--scene-unit)) solid #797975;overflow:hidden;color:#151515;background:#c2c1b8;box-shadow:0 calc(20 * var(--scene-unit)) calc(70 * var(--scene-unit)) #0005;padding:calc(15 * var(--scene-unit))}.project-card small{font-size:calc(5 * var(--scene-unit));letter-spacing:calc(2 * var(--scene-unit));position:relative;z-index:2}.project-card strong{display:block;position:relative;z-index:2;font-size:calc(20 * var(--scene-unit));line-height:1.03;letter-spacing:calc(-.7 * var(--scene-unit));margin-top:calc(23 * var(--scene-unit));max-width:calc(150 * var(--scene-unit))}.project-card em{position:absolute;bottom:calc(15 * var(--scene-unit));left:calc(15 * var(--scene-unit));font-size:calc(5 * var(--scene-unit));letter-spacing:calc(1 * var(--scene-unit));z-index:2}.building{position:absolute;width:calc(90 * var(--scene-unit));height:calc(160 * var(--scene-unit));right:calc(-12 * var(--scene-unit));top:calc(45 * var(--scene-unit));background:repeating-linear-gradient(90deg,#565b56 0 calc(8 * var(--scene-unit)),#9fa19b calc(8 * var(--scene-unit)) calc(11 * var(--scene-unit)));transform:skewY(-16deg);box-shadow:calc(-15 * var(--scene-unit)) 0 #82857d}.canvas--architecture{color:#fff;background:url(assets/city.webp) 15% center/cover}.canvas--architecture .building{display:none}.canvas--nature{background:linear-gradient(#aab6b4,#37463d);color:white}.mountain{position:absolute;width:calc(250 * var(--scene-unit));height:calc(140 * var(--scene-unit));right:calc(-55 * var(--scene-unit));bottom:calc(-45 * var(--scene-unit));background:linear-gradient(130deg,#98a198 45%,#35483b 46%);transform:rotate(40deg);box-shadow:calc(-60 * var(--scene-unit)) calc(40 * var(--scene-unit)) #53665a}.project-card__caption{display:flex;gap:calc(12 * var(--scene-unit));justify-content:space-between;font-size:calc(9 * var(--scene-unit));color:var(--muted);padding:calc(13 * var(--scene-unit)) calc(5 * var(--scene-unit))}.hero__footer{position:absolute;bottom:4.5%;left:4.4%;right:4.4%;display:flex;align-items:center;gap:calc(20 * var(--scene-unit));z-index:12;font-size:0.875rem;}.location{white-space:nowrap}.location__icon{font-size:calc(23 * var(--scene-unit));vertical-align:middle;margin-right:calc(12 * var(--scene-unit))}.footer-line{width:calc(40 * var(--scene-unit));height:calc(1 * var(--scene-unit));background:var(--muted)}.footer-copy{font-size:0.875rem;}.socials{display:flex;align-items:center;gap:calc(25 * var(--scene-unit));margin-left:auto}.socials button,.socials a{font-size:calc(16 * var(--scene-unit));padding:calc(8 * var(--scene-unit)) 0;display:flex;align-items:center;gap:calc(8 * var(--scene-unit))}.socials span{font-size:0.875rem;}.index{border-left:calc(1 * var(--scene-unit)) solid var(--line);padding-left:calc(28 * var(--scene-unit));font-size:calc(34 * var(--scene-unit));font-weight:200;line-height:1}.index small{display:block;font-size:0.75rem;margin-top:calc(9 * var(--scene-unit))}.replay{font-size:calc(25 * var(--scene-unit));color:var(--muted)}.scroll-hint{position:absolute;bottom:2%;left:46%;font-size:0.625rem;letter-spacing:calc(2 * var(--scene-unit));color:var(--muted);display:flex;align-items:center;gap:calc(10 * var(--scene-unit));z-index:12}.scroll-hint i{height:calc(20 * var(--scene-unit));width:calc(1 * var(--scene-unit));background:var(--accent);animation:scroll 1.5s infinite}.progress{position:fixed;top:0;left:0;height:calc(2 * var(--scene-unit));background:var(--accent);z-index:50;transform-origin:left;transform:scaleX(0);width:100%}.panel{background:var(--bg);color:var(--fg);border:calc(1 * var(--scene-unit)) solid var(--line);max-width:calc(640 * var(--scene-unit));width:calc(100% - calc(36 * var(--scene-unit)));padding:calc(50 * var(--scene-unit));border-radius:calc(12 * var(--scene-unit))}.panel::backdrop{background:#000a;}.panel__close{position:absolute;right:calc(16 * var(--scene-unit));top:calc(12 * var(--scene-unit));font-size:calc(28 * var(--scene-unit))}.panel__eyebrow{font-size:calc(9 * var(--scene-unit));letter-spacing:calc(2 * var(--scene-unit));color:var(--accent)}.panel h2{font-size:calc(40 * var(--scene-unit));letter-spacing:calc(-1.5 * var(--scene-unit));margin:calc(25 * var(--scene-unit)) 0}.panel p{color:var(--muted);line-height:1.7}.panel a{color:var(--accent)}html[data-theme=light] .project-card{opacity:.8}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(.85)}}@keyframes scroll{50%{transform:scaleY(.5);transform-origin:top}}
@media(max-width:1000px){html{font-size:16px;--scene-unit:0.0625rem}h1{font-size:clamp(6.5625rem,10.6vw,11.875rem)}.tagline{font-size:clamp(0.9375rem,1.35vw,1.375rem)}.header{padding:1.25rem 5%;height:5rem}.nav{margin-left:0;gap:1.25rem}.settings{gap:0.9375rem}.theme{padding-left:0.75rem}.hero{min-height:47.5rem}.hero__copy{left:7%;top:19%}.portrait{left:43%;width:63%;top:15%}.hero h2{font-size:1.5625rem}.project-card{width:11.25rem}.project-card__canvas{height:9.0625rem}.project-card--left{left:-12%;top:20%}.project-card--right{right:-8%;top:14%}.project-card--bottom{right:-9%;top:60%}.signature{display:none}.hero__footer{gap:0.75rem}.footer-copy,.footer-line{display:none}.coordinates{left:70%}.socials{gap:1rem}.index{padding-left:0.9375rem}.hero__details{max-width:77%}.hero h2{max-width:35.625rem}.sun{top:25%;left:70%;width:16vw;height:16vw}}
@media(max-width:650px){html{--mobile-gutter:10px}.header{gap:0.75rem;padding-inline:var(--mobile-gutter)}.logo{font-size:2.125rem}.nav{display:none}.settings{gap:0.8125rem}.languages{gap:0.0625rem}.languages button{min-width:2rem;min-height:2.75rem}.theme>span:not(.theme__track){display:none}.theme{font-size:1.1875rem;padding-left:0.625rem;gap:0.3125rem}.theme__track{width:2.3125rem;height:1.4375rem}.theme i{width:0.8125rem;height:0.8125rem}html[data-theme=light] .theme i{transform:translateX(0.8125rem)}.hero{height:max(calc(40.625rem + 75vw),100svh);min-height:0}.hero__copy{left:var(--mobile-gutter);top:7.1875rem;width:calc(100% - 2 * var(--mobile-gutter));z-index:6}.availability{font-size:0.6875rem;letter-spacing:0.00625rem;gap:0.5rem;margin-bottom:1.375rem}h1{font-size:17vw}.surname{font-size:1em}.hero__details{padding-top:1.5rem;max-width:100%}.hero h2{font-size:1.4375rem;letter-spacing:-0.04375rem;max-width:19.375rem}.tagline{font-size:0.9375rem;max-width:18.125rem;line-height:1.5}.actions{gap:0.5625rem;margin-top:1.375rem;flex-wrap:wrap}.button{padding:0 0.75rem;gap:0.75rem;min-height:3rem;font-size:0.75rem}.portrait{top:auto;bottom:1.5625rem;height:min(44%,29.375rem);left:13%;width:98%;z-index:4;opacity:1;clip-path:none}.sun{top:auto;bottom:18.4375rem;left:61%;width:29vw;height:29vw}.project-card--left{display:none}.project-card--right{display:none}.project-card__canvas{height:6.5625rem;padding:0.4375rem}.project-card strong{font-size:0.875rem}.project-card--bottom{top:auto;bottom:9.6875rem;left:-7%;right:auto;width:7.1875rem;z-index:3;rotate:-12deg}.project-card__caption{font-size:0.4375rem}.project-card em{display:none}.orbits{left:-12%;top:auto;bottom:6.5625rem;width:120%;height:34%}.coordinates{display:none}.hero__footer{left:var(--mobile-gutter);right:var(--mobile-gutter);bottom:1.5rem;flex-wrap:wrap;gap:0.5rem 0.75rem;padding-top:0.875rem;border-top:0.0625rem solid var(--line)}.location{font-size:0.6875rem;width:100%}.location__icon{font-size:1.125rem;margin-right:0.25rem}.socials{gap:1.125rem;margin-left:0}.socials a,.socials button,.replay{min-height:2.75rem;display:inline-flex;align-items:center}.hero__footer .replay{margin-left:auto}.socials span{display:inline;font-size:0.6875rem}.replay{font-size:1.3125rem}.index{display:none}.scroll-hint{display:none}.panel{padding:2.125rem 1.5625rem}.panel h2{font-size:1.875rem}}

/* The gallery is a sticky scene; only its track moves during scrolling. */
.section{position:relative;border-top:0.0625rem solid var(--line)}
.section__meta{display:flex;justify-content:space-between;gap:1.5rem;color:var(--muted);font-size:0.8125rem;letter-spacing:0.09375rem;position:relative;z-index:3}
.section h2{font-size:clamp(3.25rem,6vw,6.75rem);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:700}
.section h2 em{font-style:normal;color:var(--accent)}
.work{height:240svh;isolation:isolate}
.work__stage{height:auto;min-height:100svh;position:sticky;top:0;overflow:hidden;padding:3svh 6% 2svh;background:var(--bg);perspective:93.75rem}
.work__backdrop{position:absolute;top:4%;left:6%;font-size:27vw;font-weight:800;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:0.0625rem var(--line);pointer-events:none}
.section__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8%;margin:2.5svh 0 2.5svh;position:relative;z-index:2}
.section__heading h2{font-size:clamp(2rem,min(4.5vw,6svh),4.6875rem)}
.section__heading>p{font-size:1.0625rem;line-height:1.5;color:var(--muted);max-width:21.25rem;margin:0}
.work__grid{display:flex;gap:6vw;position:relative;width:max-content;will-change:transform;align-items:center}
.work-card{width:62vw;max-width:68.75rem;padding:0;text-align:left;flex:none;transform:rotateY(-5deg);transition:rotate .6s;position:relative}
.work-card:nth-child(2){rotate:3deg}.work-card:nth-child(3){rotate:-3deg}.work-card:hover{rotate:0deg}
.work-card__art{width:100%;display:flex;flex-direction:column;justify-content:center;position:relative;height:43svh;min-height:11.25rem;overflow:hidden;padding:2.5rem;color:#fff;border:0.0625rem solid #ffffff30;border-radius:0.375rem}
.work-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.work-card:hover .work-card__image{transform:scale(1.045)}
.work-card__art--interior{background:#53493a}
.work-card__word{font-size:clamp(2.75rem,5.6vw,6.125rem);line-height:.92;letter-spacing:-.06em;z-index:1;position:relative;max-width:65%}.work-card__word i{font-family:Georgia,serif;font-weight:400}
.work-card__label{position:absolute;bottom:1.5rem;left:2.5rem;font-size:0.6875rem;letter-spacing:0.125rem;z-index:2}.work-card__arrow{display:flex;align-items:center;justify-content:center;line-height:1;position:absolute;top:1.5rem;right:1.875rem;font-size:2rem;z-index:2}
.work-card__art--crm{background:#d4e2c6;color:#24392a}.work-card__art--crm .work-card__word{font-size:clamp(2.375rem,4.5vw,4.6875rem)}
.network-art{position:absolute;right:5%;top:8%;height:85%;aspect-ratio:1;border:0.0625rem solid #24392a55;border-radius:50%;transform:rotate(-22deg)}
.network-art:before{content:'';position:absolute;inset:15%;border:0.0625rem solid #24392a55;border-radius:50%}
.network-art__core{position:absolute;inset:31%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#24392a;color:#d4e2c6;border-radius:25%;font-size:2.75rem;letter-spacing:-0.25rem;box-shadow:0.75rem 1.125rem 0 #24392a18;transform:rotate(22deg)}.network-art__core span{font-size:0.5rem;letter-spacing:0.125rem;margin-top:0.5rem}.network-art__node{position:absolute;width:3.125rem;height:3.125rem;border-radius:50%;background:#d4e2c6;border:0.0625rem solid #24392a;display:flex;align-items:center;justify-content:center;font-size:0.875rem}.network-art__node--one{top:0;left:25%}.network-art__node--two{right:-5%;top:48%}.network-art__node--three{bottom:2%;left:20%;background:#ff7b2b}
.work-card__art--vpn{background:#212a3c;color:#e5ebf5}.vpn-art{position:absolute;right:2%;top:-10%;height:120%;aspect-ratio:1;border:0.0625rem solid #9ab6e166;border-radius:50%;transform:rotate(-25deg)}.vpn-art i{position:absolute;inset:10%;border:0.0625rem solid #9ab6e166;border-radius:50%}.vpn-art i:nth-child(2){inset:0 32%}.vpn-art i:nth-child(3){inset:32% 0}.vpn-art>span{position:absolute;top:45%;left:35%;font-size:0.875rem;letter-spacing:0.1875rem}
.work-card__info{display:flex;justify-content:space-between;gap:0.9375rem;padding:1.25rem 0;color:var(--fg)}.work-card__info strong{font-size:1.5rem;font-weight:500}.work-card__info>span{font-size:0.8125rem;color:var(--muted);padding-top:0.3125rem}
.work__more{display:flex;align-items:center;gap:2.1875rem;margin:1.125rem 0 0.75rem;font-size:0.875rem}.work__more>span{color:var(--muted);margin-right:auto}.work__more button{padding:0.5rem 0}.work__more button span{color:var(--accent);margin-left:0.9375rem}.demo-note{font-size:0.6875rem;color:var(--muted);margin:0}.gallery-progress{position:absolute;bottom:0;left:0;width:100%;height:0.1875rem;background:var(--line)}.gallery-progress i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);will-change:transform}
.about{padding:2.5rem 6%;min-height:120svh;overflow:hidden}.about__layout{display:flex;gap:9%;padding:3.4375rem 0 4.0625rem}.about__statement{width:51%;position:relative;flex:none;min-height:46.25rem}.about__portrait{position:absolute;top:0;left:0;width:95%;height:76%;isolation:isolate}.about__portrait img{width:100%;height:100%;object-fit:contain;object-position:center top;position:relative;z-index:1;mask-image:linear-gradient(#000 70%,transparent)}.about__disc{position:absolute;top:7%;left:8%;width:82%;aspect-ratio:1;border-radius:50%;background:var(--accent);z-index:0}.about__portrait-note{position:absolute;top:30%;left:-0.9375rem;writing-mode:vertical-rl;rotate:180deg;font-size:0.625rem;letter-spacing:0.1875rem;color:var(--muted)}.about__statement h2{position:absolute;bottom:0;left:0;z-index:2;font-size:clamp(3.4375rem,5.6vw,6.125rem);text-shadow:0 0.125rem 1.25rem var(--bg)}.about__asterisk{position:absolute;right:0;top:0;font-size:5.625rem;line-height:1;color:var(--accent)}.about__body{width:40%;padding-top:4.0625rem;position:relative;z-index:2}.about__body>p{font-size:1.125rem;line-height:1.65;color:var(--muted);margin:0 0 1.875rem}.about__body .about__lead{font-size:clamp(1.6875rem,2.55vw,2.75rem);line-height:1.2;letter-spacing:-.035em;color:var(--fg)}.expertise{display:flex;flex-direction:column;gap:0;margin:0 0 3.4375rem}.expertise>div{width:100%;padding:1.75rem 4.0625rem 1.75rem 3.75rem;border-top:0.0625rem solid var(--line);position:relative;display:flex;align-items:center;gap:2.1875rem;isolation:isolate;transition:color .35s}.expertise>div:hover{color:var(--accent)}.expertise>div>span{position:absolute;left:0.75rem;top:2.125rem;color:var(--accent);font-size:0.75rem}.expertise strong{font-weight:400;font-size:clamp(1.5625rem,2.5vw,2.625rem);letter-spacing:-.04em;width:48%;flex:none;transition:translate .4s}.expertise p{font-size:0.9375rem;line-height:1.65;color:var(--muted);margin:0;max-width:30.625rem}.about__bottom{display:flex;justify-content:space-between;gap:1.875rem;font-size:1rem;padding:1.5625rem 0 0;border-top:0.0625rem solid var(--line);color:var(--muted)}
.contact{min-height:100svh;background:#ff7b2b;color:#171715;padding:2.5rem 6% 1.875rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}.contact .section__meta{color:#3d291e}.contact__backdrop{position:absolute;left:6%;top:13%;font-size:29vw;line-height:1;letter-spacing:-.08em;font-weight:800;color:transparent;-webkit-text-stroke:0.0625rem #17171535;pointer-events:none;z-index:-1}.contact__orb{position:absolute;width:65vw;aspect-ratio:1;right:-28%;top:-15%;border:0.0625rem solid #17171555;border-radius:50%;z-index:-1;will-change:transform}.contact__orb i{position:absolute;inset:9%;border:0.0625rem solid #17171555;border-radius:50%}.contact__orb i:nth-child(2){inset:20%}.contact__orb i:nth-child(3){inset:33%;background:#171715;box-shadow:0 0 0 1.25rem #1717150a}
.contact__main{margin:5.9375rem 0 6.25rem;position:relative;z-index:2}.contact__main>p{font-size:1.125rem;line-height:1.5;color:#3d291e;margin:0 0 2.1875rem;max-width:26.25rem}.contact h2{font-size:clamp(4.6875rem,10vw,10.9375rem);max-width:88%;line-height:.94}.contact h2 em{color:#171715;font-family:Georgia,serif;font-weight:400;font-style:italic}.contact__email{display:inline-flex;gap:2.5rem;align-items:center;margin-top:0;font-size:clamp(1.375rem,2.5vw,2.625rem);letter-spacing:-.04em;border-bottom:0.0625rem solid #17171580;padding-bottom:0.9375rem}.contact__email span{transition:transform .3s}.contact__email:hover{color:#171715}.contact__email:hover span{transform:translate(0.5rem,-0.5rem)}.contact__footer{display:flex;gap:2.1875rem;align-items:center;flex-wrap:wrap;font-size:0.875rem;padding-top:1.5625rem;border-top:0.0625rem solid #17171550}.contact__footer>span{margin-left:auto}.contact a:hover{color:#fff}
.scroll-reveal.is-pending{opacity:0;transform:translateY(2.8125rem)}.scroll-reveal{transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1)}
@media(max-width:1000px){.expertise>div{width:100%}.work-card{width:78vw}.work-card__art{padding:1.5625rem}.work-card__label{left:1.5625rem}.section__heading>p{max-width:17.5rem;font-size:0.9375rem}.about__layout{gap:6%}.about__statement{width:48%;min-height:43.125rem}.about__body{width:46%;padding-top:1.875rem}.about__statement h2{font-size:3.25rem}.about__portrait{height:66%}.work__more{margin-top:0.3125rem}}
@media(max-width:650px){.expertise>div{width:100%}.work{height:auto}.work__stage{position:relative;height:auto;min-height:0;padding:2.1875rem var(--mobile-gutter)}.section__meta{font-size:0.625rem;letter-spacing:0.03125rem}.section__heading{flex-direction:column;align-items:flex-start;gap:1.25rem;margin:2.1875rem 0}.section__heading h2{font-size:clamp(2.375rem,11vw,4rem)}.work__grid{width:100%;flex-direction:column;gap:1.875rem;transform:none!important}.work-card{width:100%;rotate:0deg;transform:none}.work-card:nth-child(n){rotate:0deg}.work-card__art{height:17.5rem;min-height:0}.work-card__word{font-size:2.875rem}.work-card__art--crm .work-card__word{font-size:2.1875rem}.network-art{opacity:.45}.work-card__info{flex-direction:column;gap:0.25rem}.work__more{flex-wrap:wrap;gap:0.9375rem}.work__more>span{width:100%}.gallery-progress{display:none}.about{padding:2.1875rem var(--mobile-gutter);min-height:0}.about__layout{flex-direction:column;gap:1.5625rem;padding:2.1875rem 0}.about__statement{width:100%;min-height:clamp(31.875rem,145vw,42.5rem)}.about__portrait{height:77%}.about__statement h2{font-size:clamp(2.4375rem,10.6vw,4rem)}.about__body{width:100%;padding-top:0}.about__bottom{font-size:0.875rem;flex-direction:column;gap:0.75rem}.contact{padding:2.1875rem var(--mobile-gutter);min-height:53.125rem}.contact h2{font-size:clamp(2.5rem,12vw,4.875rem);max-width:100%}.contact__email{font-size:5.2vw;gap:0.9375rem}.contact__main{margin:4.375rem 0}.contact__orb{width:130vw;top:15%;right:-80%}.contact__backdrop{top:18%}.contact__footer{gap:1.25rem}.contact__footer>span{margin-left:0}}
@media(prefers-reduced-motion:reduce){.work{height:auto}.work__stage{position:relative;height:auto}.work__grid{width:100%;flex-wrap:wrap;transform:none!important;gap:2.1875rem}.work-card{width:100%;rotate:0deg;transform:none}.work-card:nth-child(n){rotate:0deg}.gallery-progress{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.experience{min-height:100svh;height:auto}.scroll-reveal.is-pending{opacity:1;transform:none}}
/* Project case explorations: shared controls, five distinct reading layouts. */
.case-expertise{display:flex;flex-wrap:wrap;gap:2rem 8%;margin:0 6% 3rem;padding:1.75rem 0;border-top:0.0625rem solid var(--case-border);border-bottom:0.0625rem solid var(--case-border)}.case-expertise__stack{flex:2 1 18.75rem}.case-expertise__skills{flex:1 1 13.75rem}.case-view .case-expertise h2{font-size:0.75rem;font-weight:400;text-transform:uppercase;letter-spacing:0.09375rem;color:var(--case-muted);margin:0 0 1.25rem}.case-expertise ul{list-style:none;padding:0;margin:0}.case-expertise__tags{display:flex;flex-wrap:wrap;gap:0.5625rem}.case-expertise__tags li{font-size:0.875rem;line-height:1.3;padding:0.625rem 0.9375rem;border:0.0625rem solid var(--case-border);border-radius:1.875rem}.case-expertise__tags li:first-child{border-color:var(--case-accent);color:var(--case-accent)}.case-expertise__skills li{font-size:0.9375rem;line-height:1.6;margin:0.375rem 0}.case-expertise__skills li:before{content:"";display:inline-block;width:1em;height:1em;background:var(--case-accent);-webkit-mask:var(--icon-arrow) center/contain no-repeat;mask:var(--icon-arrow) center/contain no-repeat;margin-right:0.75rem}
.case-open{overflow:hidden}.work-card__art--electro{padding:5%;background:#0b1117;aspect-ratio:3;height:auto;min-height:11.25rem}.work-card__art--electro .work-card__image{object-position:right center;object-fit:contain}.work-card__art--electro .work-card__word{font-size:clamp(1.875rem,5vw,5rem);color:#f3f6ff;max-width:48%;padding-bottom:1.25rem}.work-card__dot{color:#438fff}.work-card__art--electro:hover .work-card__image{transform:none}.work-card__art--electro .work-card__label{background:#151515;color:#fff;padding:0.625rem 0.9375rem;border-radius:1.875rem}.work-card__art--electro .work-card__arrow{background:#151515;color:white;width:2.625rem;height:2.625rem;text-align:center;border-radius:50%}.work__more{gap:1rem;flex-wrap:wrap}.work__more button{font-size:0.8125rem}
.case-view{--case-accent:#ff7b2b;--case-bg:var(--bg);--case-fg:var(--fg);--case-muted:var(--muted);--case-border:var(--line);background:var(--case-bg);color:var(--case-fg);width:min(82.5rem,94vw);height:92svh;max-width:none;max-height:none;border:0.0625rem solid var(--case-border);border-radius:1rem;padding:0;overflow:hidden;box-shadow:0 1.5625rem 6.25rem #0007}.case-view::backdrop{background:#080a0ee6}.case-view__bar{height:4.375rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:0 1.875rem;border-bottom:0.0625rem solid var(--case-border);position:relative;z-index:4;background:var(--case-bg)}.case-view__bar>a{font-size:0.75rem;letter-spacing:0.125rem}.case-view__switch{display:flex;gap:0.4375rem}.case-view__switch button{width:2.1875rem;height:2.1875rem;border:0.0625rem solid var(--case-border);border-radius:50%;font-size:0.75rem}.case-view__switch button[aria-pressed=true]{background:var(--case-accent);border-color:var(--case-accent);color:#111}.case-view__close{font-size:2rem;width:2.625rem;height:2.625rem;line-height:1}.case-view__content{height:calc(100% - 4.375rem);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3.125rem}.case-view h1,.case-view h2{letter-spacing:-.055em;line-height:1.04}.case-view h1{font-size:clamp(3.4375rem,7vw,6.875rem);margin:1.375rem 0}.case-view h1 em{font-style:normal;color:var(--case-accent)}.case-view h2{font-size:2rem;margin:1.5rem 0 1rem}.case-view p{font-size:1.0625rem;line-height:1.65;color:var(--case-muted);max-width:46.25rem}.case-kicker{font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.125rem;color:var(--case-muted)}.case-facts{display:flex;gap:3.125rem;padding:1.375rem 0;border-top:0.0625rem solid var(--case-border);margin-top:1.75rem;font-size:0.6875rem;color:var(--case-muted);text-transform:uppercase;letter-spacing:0.0625rem}.case-facts strong{display:block;margin-top:0.5625rem;color:var(--case-fg);font-size:0.9375rem;text-transform:none;letter-spacing:0;font-weight:500}.case-link{display:inline-block;padding:0.8125rem 1.4375rem;background:var(--case-accent);color:#151515;border-radius:3.125rem;font-size:0.875rem}.case-link:hover{background:var(--case-fg);color:var(--case-bg)}.case-shot{margin:0;min-width:0}.case-shot>a{display:block;border:0.0625rem solid var(--case-border);border-radius:0.375rem;overflow:hidden;background:#fff}.case-shot img{width:100%;display:block;height:auto;transition:transform .35s}.case-shot>a:hover img{transform:scale(1.012)}.case-shot figcaption{display:flex;justify-content:space-between;font-size:0.75rem;letter-spacing:0.03125rem;color:var(--case-muted);padding:0.875rem 0 1.5rem}.case-pair{display:flex;flex-wrap:wrap;gap:1.5rem}.case-pair .case-shot{width:calc(50% - 0.75rem)}.case-pair .case-shot:last-child:nth-child(odd){width:100%}.case-note{font-size:0.75rem!important}.case-chapter{display:flex;justify-content:space-between;align-items:center;gap:1.875rem;margin:2.5rem 0}.case-chapter>span{font-size:0.75rem;color:var(--case-muted)}
.case-view[data-variant="1"] .case-intro{padding:0 6% 3rem;position:relative}.case-view[data-variant="1"] .case-intro h1{font-size:clamp(5rem,10vw,9.6875rem);line-height:.86}.case-view[data-variant="1"] .case-intro h1 br{display:none}.case-view[data-variant="1"] .case-intro h1 em{margin-left:0}.case-view[data-variant="1"] .case-facts{position:static;display:flex;flex-wrap:wrap;border-top:0.0625rem solid var(--case-border)}.case-view[data-variant="1"] .case-facts>span{display:block;margin-bottom:0}
.work-card__art--project{--project-tone:#17242d;--project-highlight:#86b9e3;background:var(--project-tone);height:auto;aspect-ratio:3;min-height:12.5rem;padding:5%;isolation:isolate}
.work-card__art--project .work-card__image{object-fit:contain;object-position:right center;z-index:-1}
.work-card__art--project .work-card__word{font-size:clamp(1.875rem,5vw,4.875rem);max-width:48%;padding-bottom:1.625rem;color:#f6f5f1}
.work-card__art--project .work-card__label{left:5%;bottom:7%;font-size:0.625rem;letter-spacing:0.0625rem;color:#fff;background:#090b0dbb;border-radius:1.875rem;padding:0.5625rem 0.8125rem}
.work-card__art--project .work-card__arrow{top:6%;right:3%;width:2.5rem;height:2.5rem;font-size:1.75rem;border-radius:50%;text-align:center;background:#101315;color:white}
.work-card__art--project .work-card__dot{color:var(--project-highlight)}
.work-card__art--project:hover .work-card__image{transform:none}
.work-card__art--lynik{--project-tone:#100c08;--project-highlight:#d8b68a}
.work-card__art--wangpack{--project-tone:#321012;--project-highlight:#f7b6a0}
.work-card__art--unilikon{--project-tone:#112119;--project-highlight:#c1d3ab}
.work-card__art--electro{--project-tone:#0b1117;--project-highlight:#438fff}
.work-card__art--interior{--project-tone:#3a3026;--project-highlight:#e0c5a6}
.work-card__art--interior .work-card__image{object-fit:cover}
.work-card__art--interior:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16120cec,transparent);z-index:-1}
.work-card__art--paving{--project-tone:#333126;--project-highlight:#ccb997}
.work-card__art--siverguma{--project-tone:#162514;--project-highlight:#9ee144}
.work-card__art--crm{--project-tone:#172e2b;--project-highlight:#9ee5bd}
.work-card__art--seo-helper{--project-tone:#30213d;--project-highlight:#c6a3ec}
.work-card__art--vpn{--project-tone:#17233b;--project-highlight:#8aaef5}
.work-card__art--site-monitor{--project-tone:#2c3020;--project-highlight:#d6df91}
.work-card__art--prostudio{--project-tone:#391c2d;--project-highlight:#f29bc7}
.work-card__art--sn22{--project-tone:#142b3a}
.work-card__art--genesis{--project-tone:#12322f}
.work-card__art--msm{--project-tone:#391b26;--project-highlight:#e9a3bc}
.work-card__art--belvorobey{--project-tone:#423027;--project-highlight:#f2c6a4}
.work-card__browser{position:absolute;right:5%;width:47%;height:76%;display:flex;flex-direction:column;justify-content:center;z-index:-1;rotate:-4deg}
.work-card__browser>i{font:0.5rem Arial;letter-spacing:0.1875rem;color:#888;background:#e5e5e5;padding:0.375rem 0.5625rem;border-radius:0.3125rem 0.3125rem 0 0}
.work-card__browser img{width:100%;height:auto;max-height:100%;min-height:0;object-fit:contain;background:transparent;border-radius:0.25rem}
.work-card__system{position:absolute;right:5%;width:43%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--project-highlight);z-index:-1}
.work-card__system>span{font-size:clamp(4.0625rem,9vw,10rem);letter-spacing:-.08em;line-height:1;font-weight:200}
.work-card__system>i{position:absolute;inset:2%;border:0.0625rem solid currentColor;border-radius:50%;opacity:.25;rotate:-25deg;transform:scaleX(.65)}
.work-card__system>i:last-child{rotate:45deg}
.project-library{padding:4.375rem 6% 6.25rem;scroll-margin-top:1.5rem;overflow:clip}
.project-library .section__heading :is(h1,h2){max-width:50rem;font-size:clamp(2.75rem,5.5vw,5.375rem)}
.project-library__intro{line-height:1.6}
.project-library__filters{display:flex;gap:0.625rem;flex-wrap:wrap;margin-bottom:2.375rem}
.project-library__filters button{border:0.0625rem solid var(--line);border-radius:1.875rem;padding:0.75rem 1.25rem;font-size:0.875rem;display:flex;gap:1.125rem;align-items:center}
.project-library__filters button>span{font-size:0.6875rem;opacity:.65}
.project-library__filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#171512}
.project-library__grid{display:flex;flex-wrap:wrap;gap:2.25rem 1.75rem;align-items:flex-start}
.project-library .work-card{width:calc(50% - 0.875rem);max-width:none;rotate:0deg;transform:none;min-width:0}
.project-library .work-card__art{aspect-ratio:2.4;min-height:14.375rem}
.project-library .work-card__word{font-size:clamp(1.8125rem,3.4vw,3.625rem);font-family:Arial,Helvetica,sans-serif;max-width:49%;font-weight:400}
.project-library .work-card__info strong{font-size:1.25rem}
.project-library .work-card__info{gap:0.9375rem;align-items:baseline}
.project-library .work-card__info>span{font-size:0.75rem;line-height:1.5;max-width:55%;text-align:right}
.project-library .work-card__system>span{font-size:clamp(4.375rem,7vw,7.1875rem)}
.project-library__ribbon{margin:0 -7% 4.0625rem;overflow:hidden;border-block:0.0625rem solid var(--line);rotate:-3deg;padding:1.375rem 0;pointer-events:none}
.project-library__ribbon-track{display:flex;width:max-content;animation:library-ribbon 32s linear infinite;animation-play-state:paused}
.project-library__ribbon.is-moving .project-library__ribbon-track{animation-play-state:running}
.project-library__ribbon-track>span{display:flex;align-items:center;gap:2.1875rem;padding-right:2.1875rem;font-size:clamp(2.8125rem,6.5vw,6.875rem);font-weight:700;letter-spacing:-.06em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:0.0625rem var(--muted)}
.project-library__ribbon-track i{font-style:normal;color:var(--accent);-webkit-text-stroke:0}
.project-library .work-card.is-unrevealed{opacity:0}
.project-library .work-card__art{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.project-library .work-card__art.is-hovered{will-change:transform;transition-duration:.18s}
.project-library .work-card__word{transition:translate .5s cubic-bezier(.16,1,.3,1)}
.project-library .is-hovered .work-card__word{translate:0.375rem -0.25rem}
.project-library .work-card__browser{transition:rotate .6s,translate .6s}
.project-library .is-hovered .work-card__browser{rotate:0deg;translate:0 -0.375rem}
.project-library .work-card__arrow{transition:transform .4s,opacity .25s}
.project-library .is-hovered .work-card__arrow{transform:translate(0.375rem,-0.375rem);opacity:0}
.project-library .work-card__system{transition:rotate .8s}
.project-library .is-hovered .work-card__system{rotate:12deg}
.project-library__cursor{position:absolute;left:0;top:0;width:4.375rem;height:4.375rem;border-radius:50%;background:var(--accent);color:#151515;display:flex;align-items:center;justify-content:center;font-size:2.375rem;pointer-events:none;z-index:4;transition:transform .13s ease-out;box-shadow:0 0.375rem 1.5625rem #0002}
.project-library__filters button{transition:background .25s,color .25s,transform .25s}
.project-library__filters button:hover{transform:translateY(-0.1875rem)}
@keyframes library-ribbon{to{transform:translateX(-50%)}}
@media(max-width:650px){.project-library__ribbon{margin-bottom:2.5rem;padding:0.9375rem 0}.project-library__ribbon-track>span{gap:1.25rem;padding-right:1.25rem}}
@media(prefers-reduced-motion:reduce){.project-library .work-card.is-unrevealed{opacity:1}.project-library .work-card__art,.project-library .work-card__word,.project-library .work-card__browser,.project-library .work-card__arrow,.project-library .work-card__system,.project-library__filters button{transition:none}.project-library__cursor{display:none}}
.case-view__name{font-size:0.75rem;letter-spacing:0.09375rem;text-transform:uppercase;overflow-wrap:anywhere}
.case-view__position{margin-left:auto;font-size:0.75rem;color:var(--case-muted)}
.case-view[data-variant="1"] .case-intro h1{overflow-wrap:break-word}
.case-view .case-scope{font-size:0.875rem;line-height:1.6;border-left:0.125rem solid var(--case-accent);padding-left:1rem;margin-top:1.5625rem}
.case-architecture{padding:2.5rem 6%;margin-bottom:2.5rem;border-radius:0.5rem;border:0.0625rem solid var(--case-border);background:linear-gradient(130deg,#80808008,#80808015)}
.case-architecture ol{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:2rem 0;padding:0}
.case-architecture li{flex:1 1 10.625rem;border-top:0.0625rem solid var(--case-border);padding:1.375rem 0.5rem 0.75rem 0;position:relative}
.case-architecture li>span{display:block;font-size:0.75rem;color:var(--case-accent);margin-bottom:1.875rem}
.case-architecture strong{font-size:1.1875rem;font-weight:400;line-height:1.4;display:block;max-width:90%}
.case-architecture b{position:absolute;right:0.9375rem;top:1.375rem;font-weight:400;font-size:1.25rem;color:var(--case-muted)}
.case-architecture p{font-size:0.8125rem}
.case-navigation{display:flex;justify-content:space-between;gap:1.5rem;border-top:0.0625rem solid var(--case-border);padding-top:1.875rem;margin-top:2.5rem}
.case-navigation button{text-align:left;max-width:48%;padding:0.625rem 0}
.case-navigation button:last-child{text-align:right}
.case-navigation span{display:block;font-size:0.75rem;color:var(--case-muted);margin-bottom:0.75rem}
.case-navigation strong{font-size:clamp(1.125rem,2vw,1.625rem);font-weight:400;line-height:1.3}
@media(max-width:1000px){.case-view__content{padding:1.875rem}.project-library .work-card__info{flex-direction:column;gap:0.3125rem}.project-library .work-card__info>span{max-width:100%;text-align:left}.project-library .work-card__art{min-height:13.125rem}}
@media(max-width:650px){.case-view{width:100vw;height:100svh;border-radius:0}.case-view__bar{padding:0 var(--mobile-gutter);gap:0.625rem;height:3.75rem}.case-view__close{width:1.875rem;flex:none}.case-view__name{font-size:0.625rem;letter-spacing:0.03125rem}.case-view__content{height:calc(100% - 3.75rem);padding:1.5625rem var(--mobile-gutter)}.case-view[data-variant="1"] .case-intro{padding:0 0 1.875rem}.case-view[data-variant="1"] .case-intro h1{font-size:clamp(2.6875rem,12vw,4rem);line-height:1}.case-view h2{font-size:1.6875rem}.case-expertise{margin:0 0 1.875rem}.case-pair{flex-direction:column}.case-pair .case-shot{width:100%}.case-facts{gap:1.25rem}.case-chapter{align-items:flex-start;flex-direction:column;gap:0.3125rem}.case-architecture{padding:1.75rem 1.25rem}.case-architecture li{flex-basis:40%;min-width:0}.case-architecture strong{font-size:1rem;overflow-wrap:anywhere}.case-navigation{gap:1rem}.case-navigation strong{font-size:1.125rem}.project-library{padding:2.1875rem var(--mobile-gutter) 4.0625rem}.project-library .work-card{width:100%}.project-library .work-card__word{font-size:2.125rem}.project-library .work-card__art{aspect-ratio:1.2;min-height:16.25rem}.project-library__filters{gap:0.5rem;margin-bottom:1.5625rem}.project-library__filters button{padding:0.625rem 0.875rem;font-size:0.75rem;gap:0.625rem}.work-card__art--project{aspect-ratio:1.2;min-height:16.25rem;padding:1.4375rem;justify-content:flex-start}
.work-card__art--project .work-card__word{font-size:clamp(2rem,9vw,3rem);max-width:82%;padding-bottom:0}
.work-card__art--cover .work-card__image{inset:auto 0 0 auto;width:150%;height:78%;max-width:none;object-position:right bottom;mask-image:linear-gradient(transparent,#000 20%)}
.work-card__browser{width:65%;right:var(--mobile-gutter);height:53%;bottom:12%;justify-content:flex-end}
.work-card__system{top:auto;bottom:12%;height:55%}
.project-library .section__heading :is(h1,h2){font-size:clamp(2.375rem,10.5vw,4rem)}
.work-card__art--project .work-card__label{left:1.25rem;bottom:1.125rem;max-width:85%;font-size:0.625rem;letter-spacing:0.01875rem}
.section__meta{gap:0.9375rem;align-items:flex-start}.section__meta>span:last-child{text-align:right}
.contact__footer a{min-height:2.75rem;display:inline-flex;align-items:center}
.work-card__art--project .work-card__word{font-size:clamp(2rem,9vw,3rem)}.project-library__grid{gap:1.5625rem}.work-card__system>span{font-size:5rem}.work-card__art--project .work-card__arrow{width:2rem;height:2rem;font-size:1.5rem}}
.about{isolation:isolate}
.about__backdrop{position:absolute;top:5.625rem;left:6%;font-size:clamp(5rem,15vw,15.625rem);font-weight:800;letter-spacing:-.07em;line-height:1;color:transparent;-webkit-text-stroke:0.0625rem var(--line);white-space:nowrap;z-index:-1;pointer-events:none}
.about__word{display:inline-block}
.about__stamp{border-top:0.0625rem solid var(--line);margin-top:3.4375rem;padding-top:1.375rem;display:flex;flex-wrap:wrap;align-items:center;gap:0.9375rem 1.5625rem}
.about__stamp>span{font-size:clamp(5rem,10vw,9.375rem);letter-spacing:-.08em;line-height:1;font-weight:700;color:var(--accent)}
.about__stamp>i{font-style:normal;font-size:4.375rem;color:var(--accent);margin-left:auto}
.about__stamp>p{font-size:0.875rem;color:var(--muted);max-width:16.875rem;line-height:1.6;margin:0}
.expertise>div:before{content:'';position:absolute;inset:0;background:var(--line);opacity:.3;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:-1}
.expertise>div:after{content:'';width:1em;height:1em;background:currentColor;-webkit-mask:var(--icon-arrow) center/contain no-repeat;mask:var(--icon-arrow) center/contain no-repeat;position:absolute;right:0.75rem;top:1.6875rem;font-size:1.875rem;color:var(--muted);transition:transform .4s,color .4s}
.expertise>div:hover:before{transform:scaleX(1)}
.expertise>div:hover:after{transform:rotate(45deg);color:var(--accent)}
.expertise>div:hover strong{translate:0.5rem 0}
.contact__line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.08em}
.contact__line>span{display:block;transform-origin:left center}
.contact__actions{display:flex;align-items:center;justify-content:space-between;gap:2.1875rem;margin-top:3.125rem}
.contact__portal{width:10rem;height:10rem;flex:none;border:0.0625rem solid #17171580;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;color:#171715;position:relative;isolation:isolate;transition:color .35s,transform .5s}
.contact__portal:before{content:'';position:absolute;inset:0;border-radius:50%;background:#171715;transform:scale(0);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1}
.contact__portal>span{font-size:4.5rem;line-height:1;transition:transform .5s}
.contact__portal>small{font-size:0.75rem}
.contact__portal:hover:before{transform:scale(1)}
.contact__portal:hover{color:#ff7b2b;transform:rotate(-8deg)}
.contact__portal:hover>span{transform:translate(0.3125rem,-0.3125rem)}
.contact__orb i:first-child{border-radius:42%;animation:contact-ring 24s linear infinite;animation-play-state:paused}
.contact.is-in-view .contact__orb i:first-child{animation-play-state:running}
.contact__orb i:nth-child(3){transition:scale .7s cubic-bezier(.16,1,.3,1)}
.contact.is-inviting .contact__orb i:nth-child(3){scale:1.12}
@keyframes contact-ring{to{transform:rotate(360deg)}}
@media(max-width:1000px){.expertise>div{gap:1.5625rem;padding-left:2.8125rem;padding-right:2.8125rem}.expertise strong{width:45%}.about__stamp>i{font-size:3.125rem}}
@media(max-width:650px){.about__stamp{margin-top:2.1875rem}.about__stamp>span{font-size:5.625rem}.about__backdrop{top:4.0625rem}.expertise>div{flex-direction:column;align-items:flex-start;gap:0.75rem;padding:1.5rem 2.5rem}.expertise strong{width:100%;font-size:clamp(1.4375rem,6vw,1.875rem);overflow-wrap:anywhere}.expertise>div>span{top:1.75rem;left:0}.expertise>div:after{right:0;top:1.5rem;font-size:1.5rem}.contact__actions{align-items:flex-start;flex-direction:column;margin-top:2.1875rem;gap:1.875rem}.contact__portal{width:7.1875rem;height:7.1875rem;align-self:flex-end}.contact__portal>span{font-size:3.125rem}.contact__main{margin-bottom:2.8125rem}}
@media(prefers-reduced-motion:reduce){.expertise>div:before,.expertise>div:after,.expertise strong,.contact__portal,.contact__portal:before,.contact__portal>span,.contact__orb i:nth-child(3){transition:none}}

/* Background lettering travels at a gentle pace; no duplicated text is needed. */
.work__backdrop,.about__backdrop,.contact__backdrop{width:max-content;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.work__backdrop,.about__backdrop,.contact__backdrop{font-size:4vw;letter-spacing:-.04em}}

@media(max-width:650px){.project-library .work-card__art{transition:none}.work-card:active .work-card__arrow{scale:.88}.work-card__arrow{transition:scale .2s}}

/* The complete catalogue is a separate destination using the same cards and cases. */
.catalog-page .header{position:relative}
.catalog-page__back{padding:1.875rem 6% 0;font-size:0.875rem}
.catalog-page__back a{display:inline-flex;align-items:center;min-height:2.75rem}
.catalog-page .project-library{padding-top:2.8125rem;min-height:65svh}
.catalog-page .project-library__ribbon{margin-bottom:4.0625rem}
.catalog-page .section__heading h1{line-height:.96;letter-spacing:-.055em;margin:0;font-weight:700}
.catalog-page__footer{margin:0 6%;padding:2.1875rem 0;border-top:0.0625rem solid var(--line);display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;font-size:1rem}
.catalog-page__footer a{min-height:2.75rem;display:inline-flex;align-items:center;gap:0.5rem}
.work__all{display:inline-flex;align-items:center;gap:0.75rem;min-height:3rem;padding:0.75rem 1.25rem;border:0.0625rem solid var(--accent);border-radius:6.1875rem;transition:background .25s,color .25s}
.work__all:hover{background:var(--accent);color:#141413}
@media(max-width:650px){.catalog-page__back{padding:0.9375rem var(--mobile-gutter) 0}.catalog-page .project-library{padding-top:1.875rem}.catalog-page .project-library__ribbon{margin-bottom:2.5rem}.catalog-page__footer{margin:0 var(--mobile-gutter);font-size:0.875rem}.work__all{width:100%;justify-content:space-between}.catalog-page .section__heading h1{font-size:clamp(2.375rem,10.5vw,4rem)}}

/* Evidence and availability share the page's existing spacing and palette. */
.profile{grid-column:1/-1;margin-top:4.375rem;position:relative;z-index:2}
.hiring{padding:3rem;border:0.0625rem solid var(--line);border-radius:0.5rem;background:var(--bg)}
.hiring__status{display:flex;align-items:center;gap:0.625rem;font-size:0.8125rem;color:var(--muted);margin:0 0 1.875rem}
.hiring__status>span{width:0.5rem;height:0.5rem;background:var(--accent);border-radius:50%;box-shadow:0 0 0 0.375rem #ff7b2b18}
.hiring__heading{display:flex;align-items:center;justify-content:space-between;gap:1.875rem}
.hiring h3,.career h3{font-size:clamp(2rem,3.3vw,3.25rem);letter-spacing:-.045em;line-height:1.05;margin:0}
.hiring__heading a{flex:none;border:0.0625rem solid var(--accent);border-radius:3.75rem;padding:1rem 1.5rem;display:flex;gap:1rem;align-items:center}
.hiring__facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:1.5rem;margin:2.5rem 0 1.625rem;padding-top:1.875rem;border-top:0.0625rem solid var(--line)}
.hiring dt{font-size:0.75rem;color:var(--muted);margin-bottom:0.75rem}
.hiring dd{margin:0;font-size:1.25rem;line-height:1.3}.hiring dd small{display:block;color:var(--muted);font-size:0.875rem;line-height:1.6;margin-top:0.625rem}
.hiring__relocation{font-size:0.875rem;color:var(--muted);line-height:1.6;margin:0;max-width:75ch}
.career{padding:4.6875rem 0 0}.career__items{display:flex;gap:3.125rem;margin-top:2.25rem}.career__items article{flex:1;min-width:0;border-top:0.0625rem solid var(--line);padding-top:1.5rem}
.career__items article>span{font-size:0.75rem;color:var(--accent)}.career h4{font-size:1.5rem;font-weight:400;line-height:1.3;margin:1.125rem 0}.career p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:62ch}
.career__workflow-title{padding-top:1.875rem}.career__workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.875rem;list-style:none;counter-reset:steps;padding:0;margin:1.5rem 0 0}.career__workflow li{counter-increment:steps;border-top:0.0625rem solid var(--line);padding-top:1.125rem;font-size:0.9375rem;line-height:1.6;color:var(--muted)}.career__workflow li:before{content:'0' counter(steps);display:block;color:var(--accent);font-size:0.75rem;margin-bottom:0.875rem}
.expertise>div{flex-wrap:wrap}.expertise__examples{display:flex;gap:0.5rem;flex-wrap:wrap;width:100%;position:relative;z-index:1}.expertise__examples button{font-size:0.75rem;padding:0.5625rem 0.8125rem;border:0.0625rem solid var(--line);border-radius:3.125rem;display:flex;gap:0.625rem;align-items:center;min-height:2.25rem}
.case-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.875rem;border-top:0.0625rem solid var(--line);padding:2.1875rem 0}.case-results p,.case-deep-dive p{font-size:1.0625rem;line-height:1.7;color:var(--muted)}.case-kicker{font-size:0.75rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.case-deep-dive section{padding:1.875rem 0;border-top:0.0625rem solid var(--line)}.case-deep-dive h2{font-size:1.875rem;letter-spacing:-.025em;margin:0.9375rem 0}.case-deep-dive p{max-width:80ch}.case-scope{border-left:0.125rem solid var(--accent);padding-left:1.25rem}
.work-card__diagram{display:flex;flex-direction:column;justify-content:center;gap:0.75rem;aspect-ratio:1.44;background:#f1f2ef;color:#24332c;padding:1.5rem;border-radius:0 0 0.25rem 0.25rem;font-size:0.875rem}.work-card__diagram>small{font-size:0.625rem;text-transform:uppercase;letter-spacing:.1em;color:#52665b}.work-card__diagram>span{padding:0.5rem 0.75rem;border:0.0625rem solid #24332c25;border-radius:0.25rem}
@media(max-width:1000px){.hiring__facts,.career__workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.hiring__heading{align-items:flex-start;flex-direction:column}.hiring{padding:2rem}.case-results{gap:1.25rem}}
@media(max-width:650px){.profile{margin-top:2.8125rem}.hiring{padding:1.5rem}.hiring__facts{gap:1.5rem 1rem}.hiring dd{font-size:1.0625rem}.hiring dd small{font-size:0.8125rem}.hiring h3,.career h3{font-size:2.125rem}.career{padding-top:3.125rem}.career__items{flex-direction:column;gap:1.5625rem}.career h4{font-size:1.375rem}.case-results{grid-template-columns:1fr;gap:0.625rem}.case-deep-dive h2{font-size:1.5625rem}.case-results p,.case-deep-dive p{font-size:1rem}.work-card__diagram{padding:0.875rem;gap:0.4375rem;font-size:0.625rem}.work-card__diagram>small{font-size:0.4375rem}.work-card__diagram>span{padding:0.25rem 0.5rem}}

/* Compact profile and optional technical reading. */
.hiring .career__items{margin-top:2rem;gap:2rem}.hiring .career__items h4{font-size:1.125rem;line-height:1.4;margin:0 0 .75rem;font-weight:500}.hiring .career__items p{font-size:.9375rem;line-height:1.65;margin:0;color:var(--muted)}
.case-details{border-top:1px solid var(--line);margin:1.5rem 0 2rem}.case-details>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;font-size:1.125rem;padding:1.5rem 0}.case-details>summary::-webkit-details-marker{display:none}.case-details>summary:after{content:'+';font-size:1.75rem;color:var(--accent)}.case-details[open]>summary:after{content:'−'}.case-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.case-details[open]>.case-expertise{margin-top:1rem}
@media(max-width:1000px){.hiring__facts{grid-template-columns:1fr 1fr}.hiring__facts>div:last-child{grid-column:1/-1}}
@media(max-width:650px){.hiring .career__items{gap:1.25rem}.hiring .career__items article{padding-top:1.125rem}.hiring__facts{margin-top:1.5rem}.case-details>summary{font-size:1rem}}

.profile+.expertise{margin-top:2.5rem}

/* Hiring context and outcomes for the three featured projects. */
.specialization{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 6%;padding:1.75rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.specialization>span{font-size:.6875rem;letter-spacing:.1em;color:var(--muted)}.specialization p{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:1.25rem;line-height:1.5;margin:0}.specialization i{font-style:normal;color:var(--accent)}
.work-card__result{display:block;padding-top:1.125rem;max-width:58ch}.work-card__result>strong{display:block;font-size:1.5rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:.5rem}.work-card__result>span{display:block;font-size:.9375rem;line-height:1.55;color:var(--muted)}
.work__next{display:inline-flex;align-items:center;gap:.75rem;min-height:3rem;margin-left:auto;font-size:.875rem}.work__next .icon{color:var(--accent)}
@media(max-width:1000px){.specialization{align-items:flex-start;flex-direction:column;gap:.75rem}.work__more{gap:.75rem}.work__next{font-size:.8125rem}}
@media(max-width:650px){.specialization{margin:0 var(--mobile-gutter);padding:1.375rem 0}.specialization p{font-size:1rem;gap:.5rem}.work-card__result>strong{font-size:1.3125rem}.work-card__result>span{font-size:.9375rem}.work__next{margin-left:0;width:100%;justify-content:space-between}}