@font-face{font-family:Barlow;src:url('./barlow-condensed-light.ttf');font-weight:300;font-display:swap}
:root{--paper:#f0ece3;--ink:#20231f;--muted:#72756c;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b8734c;outline-offset:6px}::selection{background:#c5aa8c;color:#171816}.skip{position:fixed;top:-60px;left:20px;z-index:90;background:var(--paper);padding:15px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.header{height:84px;display:flex;align-items:center;gap:30px;padding:0 4.3%;border-bottom:1px solid #292c231c;position:relative;z-index:5}.brand{font-size:23px;letter-spacing:-.06em;font-weight:600;white-space:nowrap}.brand span{font-size:22px;font-weight:300;color:#af724d;margin-left:9px}.studio{font-size:8px;letter-spacing:.09em;line-height:1.65;color:#65695f}.header nav{display:flex;gap:32px;margin-left:auto;align-items:center;font-size:12px}.header nav small{font-size:8px;margin-left:7px;color:var(--muted)}
.entrance{min-height:calc(100svh - 84px);display:flex;flex-direction:column;position:relative;padding:0 4.3%;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#fcfaf4 0%,#f0ece3 76%)}.intro{text-align:center;padding:32px 0 20px;position:relative;z-index:2}.overline{font-size:8px;letter-spacing:.2em;color:#77776b}.intro h1{font-size:clamp(28px,3.15vw,62px);line-height:1.12;font-weight:400;letter-spacing:-.065em;margin:14px 0 12px}.intro h1 span{font-weight:400}.intro p{font-size:13px;margin:0;color:#707267}
.chapters{display:flex;align-items:center;position:relative;perspective:1800px;isolation:isolate;flex:1;min-height:450px;padding:28px 0 40px;margin:0 auto;width:100%;max-width:1900px}.chapter{position:relative;flex:1;min-width:0;height:clamp(390px,54svh,710px);padding:0;text-align:left;perspective:1400px;outline-offset:12px!important;--tone:#ddd7c8;--text:#252a22}.tile-plane{position:absolute;inset:0 -2%;display:block;background:var(--tone);color:var(--text);transform-style:preserve-3d;transform:rotateY(var(--yaw,0deg)) rotateX(var(--pitch,0deg)) translate3d(0,var(--lift,0px),var(--depth,0px));box-shadow:var(--shadow,8px 18px 22px -12px #161b2438);border:1px solid #514c3c25;pointer-events:none;will-change:transform;backface-visibility:hidden;transform-origin:center center}.tile-plane:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fff1,transparent 50%,#18241920);pointer-events:none}.tile-image{display:block;position:absolute;inset:0 0 20%;overflow:hidden}.tile-image img,.tile-image video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06) translate3d(var(--image-x,0px),var(--image-y,0px),0);transition:filter .6s;filter:saturate(.75)}.tile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--tone),transparent 38%)}.tile-caption{position:absolute;inset:auto 0 0;padding:20px 9% 22px;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.category-index{font-size:8px;letter-spacing:.15em;opacity:.65;margin-bottom:10px}.tile-caption strong{font-size:clamp(19px,1.85vw,34px);font-weight:400;letter-spacing:-.045em;line-height:1.03;min-height:1.1em}.tile-detail{font-size:10px;line-height:1.5;margin-top:12px;opacity:.8}.tile-action{display:flex;width:100%;justify-content:space-between;font-size:9px;padding-top:13px;margin-top:13px;border-top:1px solid currentColor;opacity:0;max-height:0;transform:translateY(8px);transition:opacity .4s,transform .4s,max-height .6s,padding .6s,margin .6s;padding-top:0;margin-top:0}.selected .tile-action,.chapter:focus-visible .tile-action{opacity:.8;max-height:45px;transform:none;padding-top:13px;margin-top:13px}.tile-action b{font-weight:400}
.architecture{--tone:#ddd9cb}.architecture .tile-image img{object-position:47% center}.product{--tone:#a86f50;--text:#fbecdc}.product .tile-image{inset:3% 0 18%;background:radial-gradient(ellipse,#d4a181,transparent 70%)}.product .tile-image img{object-fit:cover;object-position:49% center;mix-blend-mode:screen;filter:saturate(.35);height:100%}.motion{--tone:#d9dfe0}.motion .tile-image{background:#66727b}.motion .tile-image video{mix-blend-mode:screen;object-position:center;filter:saturate(.3)}.interactive{--tone:#83968a;--text:#f5f2e8}.interactive-scene{background:linear-gradient(125deg,#b7c6b4,#536b62)}.spatial-arch{position:absolute;left:13%;width:36%;height:77%;top:15%;border-radius:100px 100px 0 0;background:linear-gradient(100deg,#243f3866,#bac9b6);box-shadow:inset 10px 0 20px #18352a44}.spatial-step{position:absolute;background:linear-gradient(130deg,#c0c9b8,#81958a);height:12%;transform:skewY(-9deg);box-shadow:7px 12px 0 #4a655b}.step-one{bottom:7%;left:14%;width:78%}.step-two{bottom:20%;left:27%;width:62%}.spatial-sphere{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;top:37%;left:28%;background:radial-gradient(circle at 32% 22%,#edf0de,#a3b3a0 34%,#4c675c 76%,#263a2f);box-shadow:14px 27px 22px -10px #233d3a55;transform:translate(var(--image-x,0px),var(--image-y,0px));overflow:hidden}.spatial-sphere i{position:absolute;inset:0 15%;border:1px solid #e2ead159;border-radius:50%;transform:rotate(30deg)}.spatial-sphere i:nth-child(2){inset:15% 0;transform:rotate(-25deg)}.spatial-sphere i:nth-child(3){inset:0 35%;transform:rotate(-35deg)}.concept-tag{position:absolute;top:7%;left:9%;font-size:7px;letter-spacing:.12em;color:#304c40;z-index:2}.experiential{--tone:#b39361;--text:#fff5df}.experiential .tile-image img{object-position:64% center;filter:saturate(.65)}
.entrance-footer{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px;border-top:1px solid #3a3c3029;font-size:10px;color:#6b6d62;margin-bottom:12px}.entrance-footer a{color:#252b22}.entrance-footer a span{margin-left:20px}.quiet{opacity:.65}.settings{display:flex;gap:16px}.settings button{font-size:10px;padding:12px 0}.settings button span{display:inline-block;margin-left:5px;border:1px solid #858e7866;border-radius:20px;padding:3px 6px;min-width:29px}.settings button[aria-pressed=true] span{background:#798874;color:#fff;border-color:transparent}
.story-section{position:relative;padding:74px 0 110px;overflow:hidden;background:#20231f;color:#eeeae0}.story-section[data-tone=light]{background:var(--paper);color:var(--ink)}.section-shell{width:77%;max-width:1320px;margin:auto;position:relative;z-index:2}.section-index{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #92958155;padding-top:17px;margin-bottom:70px;font-size:8px;letter-spacing:.11em;line-height:1.6;opacity:.72}.story-section h2{font-weight:400;font-size:clamp(40px,4.4vw,78px);letter-spacing:-.055em;line-height:1.08;margin:0 0 32px}.story-section h2 em{font:300 1.12em Barlow,sans-serif;letter-spacing:-.035em}.story-section p{font-size:13px;line-height:1.9;color:#b1b6a9}.story-section[data-tone=light] p{color:#74796b}.profile-grid{display:grid;grid-template-columns:.75fr 1.3fr;gap:8%}.profile figure{margin:0}.profile figure img{width:100%;max-width:340px;display:block;filter:saturate(.7)}figcaption{font-size:9px;line-height:1.7;margin-top:20px;letter-spacing:.06em}figcaption span{opacity:.65}.profile .lead{font-size:clamp(17px,1.35vw,22px);color:#e2e4d8;line-height:1.7}.profile-copy>p{max-width:620px}.facts{display:flex;gap:45px;margin:36px 0}.facts strong{font-weight:400;font-size:35px;letter-spacing:-.045em;display:block}.facts small{font-size:8px;display:block;margin-top:9px;color:#b3b9a9}.text-link{display:inline-flex;gap:40px;justify-content:space-between;border-bottom:1px solid #adb5a5;padding:13px 0;font-size:11px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading h2{margin:0}.practice-images{display:grid;grid-template-columns:1.25fr .8fr;gap:8%;align-items:start}.practice-images figure{margin:0}.practice-images figure:nth-child(2){margin-top:100px}.practice-images img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.practice-images figure:nth-child(2) img{aspect-ratio:1;object-fit:cover}.practice-images figcaption{display:flex;justify-content:space-between;font-size:9px}.services-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8%}.service-list details{border-top:1px solid #acb59b40}.service-list summary{cursor:pointer;display:flex;gap:15px;align-items:center;padding:22px 0;list-style:none;font-size:17px;letter-spacing:-.02em}.service-list summary::-webkit-details-marker{display:none}.service-list summary small{font-size:8px;opacity:.55}.service-list summary span{font-size:22px;font-weight:300;margin-left:auto;transition:transform .3s}.service-list details[open] summary span{transform:rotate(45deg)}.service-list p{margin:0 0 26px 26px}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}.contact-heading h2{font-size:clamp(70px,9vw,150px);margin:0}.contact-heading>span{font-size:70px;font-weight:300;color:#84917d}.contact-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #89917c60;padding-top:20px}.email{font-size:24px;letter-spacing:-.04em}.socials{display:flex;gap:25px;font-size:11px}.contact footer{margin-top:100px;font-size:8px;letter-spacing:.07em;display:flex;justify-content:space-between;gap:20px;color:#6c7364}.contact footer a{font-size:10px;letter-spacing:0}
#sculptures{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.cursor-mark{position:fixed;left:0;top:0;width:9px;height:9px;border:1px solid #bd8256;pointer-events:none;z-index:50;opacity:0;transform:translate(-20px,-20px) rotate(45deg)}
.no-motion .tile-plane{will-change:auto}.no-motion .cursor-mark{display:none}.no-motion *{scroll-behavior:auto!important;transition:none!important}
.profile figure img{height:auto}
.chapter{height:clamp(390px,min(55svh,42vw),710px)}
.tile-plane{inset:0 -7%}
.product .tile-image{inset:0 0 20%;background:radial-gradient(ellipse at 48% 45%,#cd9978,#a86f50 80%)}
.product .tile-image img{object-fit:contain;object-position:center 65%;transform:scale(1.07) translate3d(var(--image-x,0px),var(--image-y,0px),0)}
.motion .tile-image video{object-fit:contain}
html:has(body.no-motion){scroll-behavior:auto}
@media(min-width:1800px){.intro{padding-top:44px}.chapters{padding-top:35px;padding-bottom:50px}}
@media(max-width:1050px){.studio{display:none}.tile-caption{padding:15px 8%}.tile-detail{font-size:9px}.tile-action{font-size:8px}.section-shell{width:80%}.profile-grid{gap:6%}.intro h1{font-size:36px}.quiet{display:none}.services-grid{gap:5%}.header nav{gap:20px}}
@media(max-width:700px){.header{height:70px}.brand{font-size:19px}.header nav{font-size:10px;gap:15px}.header nav small{display:none}.intro{padding-top:28px}.intro h1{font-size:32px}.intro h1 span{display:block}.entrance{min-height:calc(100svh - 70px)}.chapters{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0}.chapter{height:400px}.chapter:last-child{grid-column:1/-1;width:60%;justify-self:center}.tile-plane{inset:0}.tile-caption strong{font-size:23px}.tile-detail{font-size:10px}.tile-action{display:none}.entrance-footer{flex-wrap:wrap;padding:12px 0;font-size:9px}.section-shell{width:80%}.section-index{margin-bottom:40px;font-size:7px}.section-index span:last-child{max-width:40%;text-align:right}.profile-grid,.services-grid{grid-template-columns:1fr;gap:45px}.profile figure img{max-width:260px}.story-section{padding:50px 0 70px}.story-section h2{font-size:43px}.section-heading{display:block}.practice-images{grid-template-columns:1fr;gap:35px}.practice-images figure:nth-child(2){margin-top:0}.contact-heading h2{font-size:65px}.contact-heading>span{font-size:30px}.contact-bottom{display:block}.socials{margin-top:30px}.contact footer{flex-wrap:wrap;margin-top:60px}#sculptures{opacity:.55}.cursor-mark{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.cursor-mark{display:none}}