@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#101010;--paper:#f6f5f2;--muted:#9d9d98;--orange:#ff6b35;--line:#343432;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--orange);color:var(--bg)}a:focus-visible{outline:2px solid var(--orange);outline-offset:8px}img{display:block;max-width:100%}.wrap{width:calc(100% - 112px);max-width:1600px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--paper);color:var(--bg);padding:14px}.skip:focus{top:20px}
.nav{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Manrope',Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-2px;white-space:nowrap}.brand-dash{letter-spacing:-4px;margin-right:2px}.brand-period{color:var(--orange)}.nav nav{display:flex;align-items:center;gap:42px;font-size:14px}.nav nav>a{transition:color .2s}.nav nav>a:hover{color:var(--orange)}.count{font-size:12px;color:var(--muted);margin-left:6px}.nav-contact{border:1px solid #777772;padding:14px 19px;border-radius:3px}.nav-contact span{margin-left:20px;font-size:20px;line-height:14px}
.hero{position:relative;min-height:min(840px,calc(100svh - 114px));padding-top:35px;display:flex;flex-direction:column}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:2}.eyebrow,.edition{font-size:12px;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{margin:0;color:#b7b7b0}.edition{color:#777773;font-size:12px}.hero-stage{position:relative;flex:1;min-height:500px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;pointer-events:none;padding-block:50px 80px}.at-studio{margin:0 0 12px;font-size:22px;letter-spacing:-.5px;color:#c2c2bc}h1{font-family:'Manrope',Arial,sans-serif;margin:0;font-size:clamp(74px,10.8vw,176px);font-weight:600;line-height:1.03;letter-spacing:-.075em}h1>span{display:block;margin-left:10.4vw;white-space:nowrap}.full-stop{color:var(--orange)}.sculpture{position:absolute;right:-40px;top:-30px;width:63%;height:100%;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%,#000 92%,transparent)}.sculpture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;transform:translate(var(--mx,0px),var(--my,0px)) rotate(-20deg) scale(1.04);transition:transform 1.5s var(--ease);opacity:.88}.hero-note{position:absolute;right:0;bottom:40px;color:#9b9b95;font-size:13px;line-height:1.6;display:flex;gap:16px;align-items:center}.hero-note p{margin:0}.note-line{width:44px;height:1px;background:var(--orange)}.hero-bottom{padding-bottom:42px}.hero-bottom p{font-size:16px;line-height:1.6;margin:0}.hero-bottom p span{color:var(--muted)}.round-link{display:flex;align-items:center;gap:24px;font-size:14px}.round-arrow{width:54px;height:54px;display:grid;place-items:center;border:1px solid #5a5a54;border-radius:50%;font-size:25px;transition:background .3s,color .3s}.round-link:hover .round-arrow{background:var(--orange);border-color:var(--orange);color:var(--bg)}
.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.6px;color:var(--muted);align-items:center}.studio{padding:82px 0 100px;border-top:1px solid var(--line)}.asterisk{font-size:32px;color:var(--orange);line-height:1}.studio-body{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:start;margin-top:58px}h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0}.studio h2{font-size:clamp(44px,5vw,78px)}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.orange{color:var(--orange)}.studio-text{max-width:430px;padding-top:4px}.studio-text p{font-size:18px;line-height:1.65;margin:0 0 24px;color:#bdbdb6}.studio-text p:first-child{color:var(--paper)}.disciplines{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.disciplines span{padding:9px 12px;border:1px solid #464642;border-radius:99px;font-size:12px;color:#c2c2ba}
.work{padding:62px 0 100px;border-top:1px solid var(--line)}.work-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin:38px 0}.work-heading h2{font-size:clamp(35px,4vw,60px)}.work-heading p{color:var(--muted);margin:0;font-size:16px;max-width:260px;line-height:1.5}.project{display:block}.project-art{position:relative;height:500px;overflow:hidden;background:#263b2a;border-radius:4px}.project-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform 1.3s var(--ease);filter:brightness(.72)}.project:hover .project-art>img{transform:scale(1.035)}.project-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102617bb,transparent 75%)}.project-tag{position:absolute;top:32px;left:36px;letter-spacing:1.6px;font-size:12px;color:#fff}.resto-title{position:absolute;left:50px;top:50%;transform:translateY(-45%);font-family:Georgia,serif;font-size:140px;letter-spacing:-7px;color:#fff7e9}.resto-title span{display:block;font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:3px;text-transform:uppercase;margin-left:8px;margin-top:6px}.project-open{position:absolute;right:34px;bottom:30px;border:1px solid #ffffff88;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;font-size:32px;color:#fff}.project-info{display:flex;justify-content:space-between;gap:50px;padding:32px 0}.project-info h3{margin:0;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.8px}.project-info p{color:var(--muted);font-size:16px;margin:14px 0 0;line-height:1.5}.project-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}.project-cta{font-size:15px;color:var(--paper)}.project-cta span{margin-left:20px;color:var(--orange)}
.next{border-top:1px solid var(--line);padding-top:64px;padding-bottom:90px;position:relative}.next-intro{margin:60px 0 22px;font-size:20px;color:var(--muted)}.next h2{font-size:clamp(76px,11vw,164px);line-height:1.04;position:relative}.next h2 em{color:var(--orange)}.next-star{display:inline-block;color:var(--orange);font-size:140px;margin-left:18%;vertical-align:middle;transition:transform 1s var(--ease)}.next:hover .next-star{transform:rotate(100deg)}.contact-slot{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:50px}.contact-slot p{font-size:16px;color:var(--muted);margin:0}.contact-pending{font-size:14px}.contact-link{display:inline-flex;align-items:center;gap:24px;background:var(--orange);color:#101010;padding:19px 25px;border-radius:3px;font-size:17px;font-weight:600;transition:background .2s}.contact-link:hover{background:#ff895a}.contact-link span{font-size:24px}.footer{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:center;gap:34px;justify-content:space-between}.footer .wordmark{font-size:25px}.footer p,.footer>span,.back-top{font-size:12px;color:var(--muted)}.footer p{margin-right:auto}.back-top{color:var(--paper)}
.sculpture{mix-blend-mode:lighten}.hero-note{z-index:2}.email-link{display:inline-block;margin-top:16px;font-size:clamp(18px,2.2vw,30px);letter-spacing:-.7px}.email-link:hover{color:var(--orange)}.email-link span{color:var(--orange);margin-left:12px}.contact-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.contact-number{font-size:13px;color:var(--muted);letter-spacing:.5px}
.languages{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.languages button{font:inherit;font-size:12px;background:none;border:0;color:var(--muted);padding:10px 5px;cursor:pointer;min-height:40px}.languages button[aria-pressed=true]{color:var(--orange)}.languages button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.nav nav{gap:28px}html[lang=fr] h1{font-size:clamp(64px,9vw,148px)}html[lang=fr] .next h2{font-size:clamp(65px,9vw,140px)}html[lang=fr] .next-star{margin-left:10%;font-size:.7em}
@media(max-width:640px){.nav nav{gap:10px}.nav nav>a[href='#work']{display:none}.languages{gap:3px}.languages button{min-width:34px}html[lang=fr] h1{font-size:clamp(42px,10.3vw,66px)}html[lang=fr] h1>span{margin-left:3vw}html[lang=fr] .next h2{font-size:clamp(46px,12vw,76px)}html[lang=fr] .next-star{font-size:.6em;margin-left:5%}.contact-link{font-size:15px}}
@media(min-width:1600px){h1>span{margin-left:170px}.hero-stage{min-height:580px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.nav nav{gap:24px}.nav-contact{padding:12px}.nav-contact span{margin-left:8px}.edition{display:none}.hero{min-height:690px}.hero-stage{min-height:480px}.hero-copy{padding-bottom:70px}.sculpture{width:75%;right:-25px;top:-25px}.hero-note{bottom:20px}.studio-body{gap:7%;grid-template-columns:1fr 1fr}.studio-text p{font-size:16px}.project-art{height:400px}.next-star{font-size:100px}.footer p{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.nav{height:88px}.wordmark{font-size:27px}.nav nav{gap:18px;font-size:13px}.nav nav>a:first-child{display:none}.nav-contact{border:0;padding:0;font-size:0}.nav-contact span{display:grid;place-items:center;font-size:24px;width:40px;height:40px;border:1px solid #666661;border-radius:50%;margin:0}.nav-contact::before{content:'Let’s talk';font-size:13px;position:absolute;left:-9999px}.hero{padding-top:26px;min-height:700px}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero-stage{min-height:490px;align-items:start}.hero-copy{padding-top:45px;padding-bottom:0;width:100%}.at-studio{font-size:18px;margin-bottom:12px}h1{font-size:clamp(54px,12vw,77px);letter-spacing:-.075em}h1>span{margin-left:8vw}.sculpture{width:110%;right:-20px;top:135px;height:340px;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 83%,transparent)}.sculpture img{transform:rotate(-16deg);opacity:.88}.hero-note{bottom:4px;right:0;font-size:11px}.hero-note .note-line{width:24px}.hero-bottom{align-items:flex-end;padding-top:20px;padding-bottom:32px;gap:20px}.hero-bottom p{font-size:13px}.round-link{font-size:12px;gap:12px}.round-link>span:first-child{max-width:65px;line-height:1.5}.round-arrow{width:42px;height:42px;font-size:22px;flex:none}.studio{padding:48px 0 62px}.section-label{font-size:10px;letter-spacing:1px}.section-label>span:last-child:not(.asterisk){max-width:110px;text-align:right;line-height:1.5}.studio-body{grid-template-columns:1fr;gap:30px;margin-top:30px}.studio h2{font-size:48px}.studio-text{max-width:none}.studio-text p{margin-bottom:16px}.disciplines{margin-top:23px;gap:6px}.disciplines span{font-size:11px;padding:8px 10px}.work{padding:43px 0 45px}.work-heading{display:block;margin:27px 0}.work-heading h2{font-size:37px}.work-heading p{margin-top:17px;max-width:240px;font-size:15px}.project-art{height:320px}.project-tag{left:20px;top:22px;font-size:10px;letter-spacing:1.2px}.resto-title{left:24px;font-size:95px;letter-spacing:-5px}.resto-title span{font-size:11px;margin-left:4px;letter-spacing:2px}.project-open{width:44px;height:44px;right:20px;bottom:22px;font-size:26px}.project-info{padding-top:25px;display:block}.project-info h3{font-size:25px}.project-info p{font-size:15px;max-width:300px}.project-meta{margin-top:25px;flex-direction:row;align-items:center;font-size:11px;gap:10px}.project-cta{font-size:13px}.project-cta span{margin-left:8px}.next{padding:44px 0 56px}.next-intro{font-size:17px;margin:35px 0 20px}.next h2{font-size:clamp(62px,17vw,106px)}.next-star{font-size:65px;margin-left:14%}.contact-slot{flex-direction:column;align-items:flex-start;margin-top:30px;gap:24px}.contact-slot p{font-size:15px;max-width:230px}.footer{padding-block:24px;flex-wrap:wrap;gap:20px}.footer .wordmark{font-size:24px;margin-right:auto}.footer>span{font-size:11px}.back-top{display:none}}
@media(min-width:641px) and (max-width:850px){.nav nav>a[href='#studio'],.nav nav>a[href='#work']{display:none}.nav nav{gap:18px}.nav-contact{font-size:12px}.wordmark{font-size:28px}}
@media(max-width:640px){.nav-contact::before{content:none}.footer p{display:block;order:3;width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.sculpture img{transform:rotate(-20deg)!important}}
