@font-face{font-family:Syne;src:url('fonts/Syne.ttf') format('truetype');font-weight:400 800;font-display:swap}
:root{--display:Syne,sans-serif;--ink:#111110;--paper:#e8e6df;--gutter:clamp(24px,4vw,72px)}
body{background:var(--ink)}h1,h2,h3{letter-spacing:-.04em}h2{font-weight:500;font-size:clamp(44px,6vw,90px);line-height:1.02;text-wrap:initial}h2 em{font-family:inherit;font-style:normal;font-weight:500;color:#9a9993}button{border-radius:0}.demo-notice{background:#252523}.site-header{position:relative;top:auto;left:auto;right:auto;min-height:82px;margin:0 var(--gutter);padding:16px 0;border:0;border-bottom:1px solid #ffffff32;background:none;backdrop-filter:none}.wordmark{font-family:Syne,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.02em}.desktop-nav{font-size:13px}.text-button{font-size:13px;border-bottom:1px solid #e8e6df}.hero{height:auto;min-height:0;max-height:none;overflow:visible;padding:0 var(--gutter) 0;isolation:auto}.hero-masthead{display:grid;grid-template-columns:1fr 180px;align-items:end;gap:40px;padding:30px 0 34px}.hero h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(120px,22.3vw,350px);letter-spacing:-.04em;line-height:.78;max-width:none;text-transform:uppercase;white-space:nowrap;transform-origin:left;animation:masthead-in 1.2s var(--ease) both;padding-bottom:.05em}.hero h1.long-title{font:700 clamp(42px,7vw,104px)/.95 Syne,sans-serif;white-space:normal;max-width:none;overflow-wrap:anywhere}.hero:has(.long-title){height:auto;min-height:0}.masthead-note{display:flex;flex-direction:column;gap:44px;font-size:12px;padding-bottom:8px;line-height:1.5}.masthead-note span:first-child{padding-bottom:12px;border-bottom:1px solid #ffffff40}.masthead-note span:last-child{font-size:15px;max-width:18ch;color:var(--muted)}.image-stage{height:430px;display:flex;gap:12px;position:relative;--drift:0px}.stage-panel{position:relative;flex:1;overflow:hidden;min-width:0;transition:flex 1s var(--ease),filter .6s;isolation:isolate;animation:shutter-in 1.3s var(--ease) both}.stage-panel:nth-child(2){flex:1.8;animation-delay:.14s}.stage-panel:nth-child(3){flex:1.05;animation-delay:.28s}.stage-panel:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#0009,transparent 35%)}.stage-panel img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transform:scale(1.08) translateY(var(--drift));transition:filter .8s,scale 1.2s var(--ease)}.stage-portrait img{object-position:50% 32%}.stage-space img{object-position:48% 50%;filter:grayscale(1) brightness(.8)}.stage-detail img{object-position:50% 35%}.stage-caption{position:absolute;left:22px;bottom:20px;z-index:1;font-size:14px}.stage-panel>svg{position:absolute;right:20px;bottom:20px;z-index:1;width:20px;height:20px}.stage-book{position:absolute;z-index:3;left:50%;bottom:-29px;transform:translateX(-50%);width:430px;display:grid;grid-template-columns:1fr auto 28px;gap:24px;align-items:center;padding:23px 26px;background:#22221fc9;border:1px solid #ffffff5c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);text-align:left;transition:background .4s}.stage-book:hover{background:#383833ed}.stage-book>span:first-child{font-size:14px;line-height:1.4}.stage-book em{font-size:25px;white-space:nowrap}.stage-book-action{font-size:13px}.stage-book svg{width:25px;height:25px}.hero-baseline{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:53px 0 22px;border-bottom:1px solid #ffffff38;font-size:13px}.hero-baseline p{font-size:13px;letter-spacing:.03em}.hero-baseline>a{display:flex;align-items:center;gap:22px}.hero-baseline svg{width:17px;height:17px}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-block:115px}.manifesto-top{display:none}.manifesto h2{font:500 clamp(42px,5vw,74px)/1.06 Syne,sans-serif;letter-spacing:-.04em;margin:0;max-width:none}.manifesto h2 em{font-style:normal;font-family:inherit;color:#a6a49e}.manifesto-bottom{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:10px;padding-left:8vw}.manifesto-bottom .signature-mark{display:none}.manifesto-bottom p{font-size:16px;max-width:37ch}.manifesto-bottom .line-link{margin-top:5px}.studio{margin:0 var(--gutter);padding:50px;min-height:640px;justify-content:flex-start;overflow:hidden}.studio-photo img{object-position:70% 50%;filter:grayscale(1) brightness(.72)}.studio:after{background:linear-gradient(90deg,#0007,transparent 70%)}.studio-panel{width:46%;max-width:590px;padding:40px;border:1px solid #ffffff50;background:#171716ba}.studio-panel h2{font:500 clamp(32px,3vw,46px)/1.1 Syne,sans-serif;letter-spacing:-.04em}.studio-panel p{font-size:14px}.studio-panel .line-link{font-size:13px;margin-top:8px}.photo-note{left:auto;right:24px;font-size:10px}.services{padding-top:115px}.section-heading{align-items:end;margin-bottom:55px}.service-layout{display:block}.service-visual{display:none}.service-list{border-top:1px solid #e8e6df70}.service-group summary{font:500 clamp(32px,4.5vw,66px)/1.1 Syne,sans-serif;letter-spacing:-.04em;padding:30px 0;transition:padding .6s var(--ease),color .4s}.service-group summary:hover{padding-left:18px}.service-group summary svg{width:24px;height:24px}.service-group[open]{background:#ffffff04}.service-group[open] summary{padding-inline:25px}.service-items{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding:0 25px 28px}.service-item{padding-top:20px}.service-item h3{font-family:Jost,sans-serif}.service-item p{max-width:40ch}.service-group[open] .service-items{animation:service-in .5s var(--ease)}.works .section-heading h2{font-size:clamp(43px,5.8vw,86px)}.gallery{gap:16px}.work{flex-basis:31%;}.work:nth-child(even){flex-basis:31%;padding-top:0}.work img,.work:nth-child(even) img{aspect-ratio:3/4;filter:grayscale(1)}.work:nth-child(2){margin-top:65px}.work:nth-child(4){margin-top:65px}.work-open{border-radius:50%;background:#17171788}.type-ribbon{padding:35px 0 70px}.type-ribbon>div{font:600 clamp(65px,9vw,140px)/1.2 Syne,sans-serif;letter-spacing:-.04em;color:#dedbd4}.type-ribbon em{font:400 1.1em Cormorant,serif;font-style:italic;color:#9b9891}.people{display:block;padding-top:20px}.people-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px 8vw;align-items:end;margin-bottom:50px}.people-intro h2{font-size:clamp(45px,5vw,75px);margin:0;grid-row:1/3}.people-intro h2 br:nth-child(2){display:none}.people-intro p{max-width:33ch}.people-intro .disclosure{margin:0}.team-grid{gap:35px}.team-person{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end}.team-person:nth-child(even){margin-top:0}.team-person img{aspect-ratio:4/5;max-height:470px}.team-person figcaption{writing-mode:vertical-rl;transform:rotate(180deg);font:500 clamp(32px,4vw,58px)/1 Syne,sans-serif;letter-spacing:-.04em;margin:0}.reviews{background:#242421;color:var(--paper);padding-block:85px}.review-heading{margin-bottom:65px}.review-heading h2{font-size:clamp(32px,3.2vw,47px)}.review-heading .disclosure{color:#bfbbb4}.reviews blockquote{font:400 clamp(32px,4vw,58px)/1.18 Cormorant,serif;font-style:italic;letter-spacing:-.01em;max-width:1000px}.reviews .round-control{border-color:#ffffff60}.reviews .round-control:hover{background:var(--paper);color:var(--ink)}.contact h2{font:500 clamp(48px,7vw,104px)/1.05 Syne,sans-serif}.contact-book{width:112px;height:112px}.footer-logo{font:800 clamp(80px,24vw,360px)/1 Syne,sans-serif;letter-spacing:-.04em}.footer-bottom{font-size:12px}dialog h2{font-family:Syne,sans-serif;font-size:51px;font-weight:500}dialog h2 em{font-family:Cormorant,serif;font-style:italic;font-size:1.2em}.dialog-top{font-family:Syne,sans-serif;font-weight:600}#booking-result h3{font:500 28px Syne,sans-serif}.stage-panel:focus-visible{outline-offset:-6px;outline-width:3px}.hero.no-photo .image-stage:has(.stage-panel:not([hidden])){height:430px}.image-stage:not(:has(.stage-panel:not([hidden]))){height:130px}.image-stage:not(:has(.stage-panel:not([hidden]))) .stage-book{bottom:20px}
@media(hover:hover) and (min-width:761px){.image-stage:has(.stage-panel:hover) .stage-panel{flex:1}.image-stage:has(.stage-panel:hover) .stage-panel:hover{flex:2.2}.stage-panel:hover img{filter:grayscale(.2);scale:1.025}}
@keyframes masthead-in{from{clip-path:inset(100% 0 0 0);transform:translateY(18px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes shutter-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes service-in{from{opacity:.2;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero-masthead{grid-template-columns:1fr 145px;gap:25px}.hero h1{font-size:22vw}.masthead-note{gap:25px}.image-stage{height:380px}.studio{padding:35px;min-height:600px}.studio-panel{width:55%;padding:30px}.service-items{gap:0 30px}.people-intro{gap:20px 40px}}
@media(max-width:760px){.site-header{margin-inline:20px;min-height:67px;padding:12px 0}.wordmark{font-size:22px}.menu-toggle{width:26px}.hero{padding-inline:20px;min-height:0;height:auto;max-height:none;overflow:visible}.hero-masthead{grid-template-columns:1fr;gap:16px;padding:25px 0 20px}.hero h1{font-size:28vw;line-height:.85;letter-spacing:-.04em;max-width:none}.hero h1.long-title{font-size:clamp(36px,9vw,68px);line-height:1}.hero:has(.long-title){min-height:0;height:auto}.masthead-note{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:0;font-size:10px}.masthead-note span:first-child{border:0;padding:0;max-width:13ch}.masthead-note span:last-child{font-size:11px;max-width:17ch;text-align:right;line-height:1.3}.image-stage{height:360px;gap:7px;margin-top:0}.stage-panel{flex:.85}.stage-panel:nth-child(2){flex:1.3}.stage-panel:nth-child(3){flex:.85}.stage-portrait img{object-position:52% 35%}.stage-space img{object-position:48% 50%}.stage-detail img{object-position:50% 35%}.stage-caption{left:9px;bottom:56px;font-size:10px;writing-mode:vertical-rl;transform:rotate(180deg)}.stage-panel>svg{width:15px;height:15px;right:12px;bottom:54px}.stage-book{width:calc(100% - 22px);bottom:-18px;gap:12px;padding:18px;grid-template-columns:1fr auto 18px}.stage-book>span:first-child{font-size:11px}.stage-book em{font-size:21px}.stage-book-action{font-size:11px}.stage-book svg{width:18px;height:18px}.hero-baseline{padding:39px 0 20px;gap:15px;font-size:11px}.hero-baseline p{font-size:10px}.hero-baseline>a{font-size:10px;gap:10px}.hero-baseline svg{width:14px;height:14px}.manifesto{display:block;padding:65px 24px}.manifesto h2{font-size:clamp(33px,8vw,53px);line-height:1.1}.manifesto-bottom{padding:0;margin-top:30px;gap:17px}.manifesto-bottom p{font-size:14px;max-width:40ch}.manifesto-bottom .line-link{font-size:12px}.studio{margin:0 20px;padding:230px 15px 35px;min-height:0}.studio-panel{width:100%;padding:25px 21px}.studio-panel h2{font-size:31px;line-height:1.15;margin-bottom:25px}.studio-panel p{font-size:13px}.studio-panel .line-link{font-size:12px}.photo-note{right:15px;bottom:10px;font-size:9px}.services{padding-top:70px}.section-heading h2{font-size:53px}.section-heading>div{margin-top:25px}.service-group summary{font-size:clamp(28px,7vw,38px);padding:24px 0;gap:18px}.service-group[open] summary{padding-inline:14px}.service-group summary:hover{padding-left:0}.service-group[open] summary:hover{padding-left:14px}.service-group summary svg{width:19px;height:19px}.service-items{grid-template-columns:1fr;gap:0;padding:0 14px 18px}.service-item{gap:8px 12px}.works .section-heading h2{font-size:clamp(33px,8.5vw,54px)}.gallery{gap:14px}.work,.work:nth-child(even){flex-basis:76%;padding-top:0}.work:nth-child(2),.work:nth-child(4){margin-top:35px}.work figcaption{font-size:12px}.type-ribbon{padding:20px 0 50px}.type-ribbon>div{font-size:65px}.people-intro{display:block;margin-bottom:35px}.people-intro h2{font-size:45px;margin-bottom:25px}.people-intro p{font-size:14px}.people-intro .disclosure{margin-top:15px}.team-grid{gap:16px}.team-person{display:block}.team-person img{aspect-ratio:3/4;height:auto}.team-person:nth-child(even){margin-top:40px}.team-person figcaption{writing-mode:horizontal-tb;transform:none;font-size:25px;margin-top:12px}.reviews{padding:65px 24px}.review-heading h2{font-size:32px;line-height:1.15}.reviews blockquote{font-size:36px;min-height:235px;line-height:1.18}.review-heading{margin-bottom:35px}.contact h2{font-size:clamp(35px,9vw,58px)}.contact-book{width:53px;height:53px}.contact-title{gap:12px}.contact-book svg{width:23px;height:23px}.footer-logo{font:800 25vw/.9 Syne,sans-serif;padding-bottom:25px}.footer-bottom{font-size:10px}dialog h2{font-size:42px}#mobile-nav{z-index:30;top:100%;background:#242421}.no-photo .image-stage{height:130px}.image-stage:not(:has(.stage-panel:not([hidden]))){height:130px}}

/* Keep the atelier descriptor inside the masthead at laptop widths. */
@media(min-width:701px){.hero-masthead{grid-template-columns:minmax(0,1fr) 180px}.hero h1{font-size:clamp(120px,17.5vw,290px)}}

@media(max-width:700px){.hero-masthead{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:20vw}.masthead-note{min-width:0}.footer-logo{font-size:20vw}.footer-bottom{font-size:12px}}
/* ORMA: lateral service menu, moving typography and expanding shop. */
.type-ribbon>div{display:flex;width:max-content;animation:orma-ribbon 28s linear infinite;transform:none}.type-ribbon>div>span{flex:none;padding-right:.25em}
@keyframes orma-ribbon{to{transform:translateX(-50%)}}
.gallery-controls{justify-content:flex-end}.work{flex-basis:38%;transition:transform .8s var(--ease)}.work:nth-child(even){flex-basis:27%;padding-top:90px;margin-top:0}.work:nth-child(3){flex-basis:34%}.work img{aspect-ratio:4/5}.work:nth-child(even) img{aspect-ratio:3/4}.work:nth-child(4){margin-top:0}.work:hover{transform:translateY(-12px)}.work button:hover img{filter:grayscale(0);transform:scale(1.06)}
.shop-stage{display:flex;gap:14px;height:500px}.shop-panel{flex:1;min-width:0;position:relative;overflow:hidden;text-align:left;transition:flex .85s var(--ease);background:#252523}.shop-panel img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.75);transition:filter .8s,transform 1s var(--ease)}.shop-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 65%);pointer-events:none}.shop-label{position:absolute;left:28px;right:28px;bottom:28px;font:500 clamp(24px,3vw,44px)/1.1 Syne,sans-serif;display:flex;justify-content:space-between;gap:12px;z-index:1;transition:bottom .65s var(--ease)}.shop-label svg{width:24px;height:24px;flex:none}.shop-info{position:absolute;left:28px;right:28px;bottom:28px;font-size:15px;max-width:34ch;opacity:0;transform:translateY(15px);transition:opacity .5s,transform .65s;z-index:1}.shop-info>span{display:block;margin-top:14px;font-size:13px}.shop-panel[aria-expanded=true]{flex:1.8}.shop-panel[aria-expanded=true] .shop-label{bottom:155px}.shop-panel[aria-expanded=true] .shop-info{opacity:1;transform:none}.shop-panel[aria-expanded=true] img{filter:grayscale(0);transform:scale(1.03)}
@media(hover:hover){.shop-stage:has(.shop-panel:hover) .shop-panel{flex:1}.shop-stage .shop-panel:hover{flex:1.8}.shop-panel:hover .shop-label{bottom:155px}.shop-panel:hover .shop-info{opacity:1;transform:none}.shop-panel:hover img{filter:grayscale(0);transform:scale(1.03)}}
@media(min-width:900px){.service-list{position:relative;min-height:510px;border:0;padding-right:60%}.service-group{border-bottom:1px solid #ffffff40}.service-group:first-child{border-top:1px solid #ffffff40}.service-group summary{font-size:clamp(25px,2.6vw,43px);padding:30px 0}.service-group[open]{background:none}.service-group[open] summary{padding-inline:0;color:#fff}.service-group:not([open]) summary{color:#999790}.service-group summary:hover{padding-left:0;color:var(--paper)}.service-items{position:absolute;right:0;top:0;width:53%;display:block;padding:0 0 20px 30px;border-left:1px solid #ffffff35}.service-group[open] .service-items{animation:orma-services .6s var(--ease)}.service-item{padding:18px 0}.service-item:first-child{padding-top:0}.service-item p{font-size:14px;max-width:45ch}}
@keyframes orma-services{from{opacity:0;transform:translateX(-22px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateX(0);clip-path:inset(0)}}
@media(max-width:760px){.gallery .work{flex-basis:80%;margin-top:0}.gallery .work:nth-child(even){flex-basis:65%;padding-top:55px}.shop-stage{height:auto;display:grid;gap:14px}.shop-panel{height:350px}.shop-label{font-size:32px;left:22px;right:22px}.shop-info{left:22px;right:22px;font-size:14px}.shop-panel[aria-expanded=true] .shop-label{bottom:145px}}
@media(prefers-reduced-motion:reduce){.type-ribbon>div{animation:none}}

@media(hover:hover){.shop-stage:has(.shop-panel:hover) .shop-panel:hover{flex:1.8}}
.shop-panel:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.type-ribbon{max-width:100%;contain:inline-size}

@media(max-width:700px){.hero h1{font-size:18vw}}
/* ORM: retracting services and a horizontal ten-product shelf. */
.shop-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:22px}.shop-stage{display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;height:510px;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#77746e transparent}.shop-stage .shop-panel{flex:0 0 30%;height:100%;scroll-snap-align:start;transition:flex-basis .8s var(--ease)}.shop-stage .shop-panel[aria-expanded=true]{flex-basis:45%}.shop-label{font-size:clamp(23px,2.3vw,34px);line-height:1.12}.shop-info{max-width:30ch}
@media(hover:hover){.shop-stage:has(.shop-panel:hover) .shop-panel{flex:0 0 30%}.shop-stage:has(.shop-panel:hover) .shop-panel:hover{flex:0 0 45%}}
@media(min-width:900px){.service-list{padding-right:0;min-height:410px;transition:padding-right .65s var(--ease),min-height .65s var(--ease)}.service-list:has(.service-group[open]){padding-right:60%;min-height:510px}.service-group summary{transition:color .3s,font-size .65s var(--ease);font-size:clamp(32px,4.5vw,66px)}.service-list:has(.service-group[open]) summary{font-size:clamp(25px,2.6vw,43px)}.service-items{top:0}.service-group:not([open]) summary{color:var(--paper)}}
@media(max-width:760px){.shop-stage{display:flex;height:410px;gap:12px}.shop-stage .shop-panel,.shop-stage .shop-panel[aria-expanded=true]{flex:0 0 82%;height:100%}.shop-label{font-size:29px}.shop-panel[aria-expanded=true] .shop-label{bottom:155px}}

.review-bottom{justify-content:flex-end}.footer{padding-bottom:30px}
