:root{--ink:#251c19;--cream:#eee5d8;--gold:#c6a779;--wine:#4a2029}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--ink);color:var(--cream)}.brand{font:26px Georgia,serif;letter-spacing:2px;white-space:nowrap}.brand i{font-size:18px;letter-spacing:0}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:47% 53%;min-height:720px;background:var(--ink);color:var(--cream)}.hero-copy{padding:64px 10% 36px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.8}h1,h2,p{margin:0}h1{font:clamp(80px,9vw,145px)/.9 Georgia,serif;letter-spacing:-5px;margin:55px 0 30px;position:relative}h1 em,h2 em{font-weight:400}h1 sup{font:15px Arial;position:absolute;top:12px;margin-left:12px}h2{font:clamp(44px,5vw,76px)/1.07 Georgia,serif;letter-spacing:-2px}.hero-copy p{font-size:18px;line-height:1.5}.line-link{display:inline-block;border-bottom:1px solid;padding:5px 0;font-size:14px;margin-top:30px}.line-link:hover{color:var(--gold)}.location{font-size:12px;letter-spacing:1.3px;margin-top:auto;padding-top:55px}.hero-image{position:relative;min-height:640px}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-caption{position:absolute;bottom:22px;left:25px;color:#fff;background:#251c19b8;padding:7px 12px;letter-spacing:2px;font-size:12px}.intro{padding:95px 7%;display:grid;grid-template-columns:1fr 2fr;gap:30px;border-bottom:1px solid #251c1930}.intro p{font:clamp(31px,3.5vw,49px)/1.2 Georgia,serif}.intro-small{grid-column:2;max-width:560px;font-size:17px}.section{padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.projects{display:grid;grid-template-columns:1.4fr 1fr;gap:55px 45px;align-items:start}.project{border:0;background:none;padding:0;color:inherit;cursor:zoom-in;text-align:left;width:100%}.project img{width:100%;display:block;object-fit:cover;transition:filter .25s}.project:hover img{filter:brightness(.9)}.wide img{aspect-ratio:1.53}.narrow{padding-top:100px}.narrow img{aspect-ratio:1}.retail{width:78%;margin-top:-70px}.retail img{aspect-ratio:1.52}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:16px}.project-caption strong{font:24px Georgia,serif;font-weight:400}.project-caption>span{font-size:11px;letter-spacing:1px}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:var(--wine);color:var(--cream)}.services h2{margin:30px 0}.services>div>p{max-width:330px}.service-list details{border-bottom:1px solid #eee5d850;padding:24px 0}.service-list summary{cursor:pointer;list-style:none;font:32px Georgia,serif;display:flex;gap:25px;align-items:center}.service-list summary::-webkit-details-marker{display:none}.service-list summary:after{content:'+';margin-left:auto;font:23px Arial}.service-list details[open] summary:after{content:'−'}.service-list summary span{font:12px Arial;color:var(--gold)}.service-list p{padding:20px 35px 0 43px;max-width:500px}.studio{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.studio-photo img{width:100%;aspect-ratio:.95;object-fit:cover;object-position:60% center}.studio-copy h2{margin:25px 0 30px;font-size:clamp(40px,4.3vw,65px)}.studio-copy p{margin-top:18px}.names{display:flex;gap:25px;margin-top:35px;font-size:12px;letter-spacing:1px}.owi{background:#d9c9b2}.owi>div{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;margin-top:30px}.owi p{max-width:430px}.contact{background:var(--ink);color:var(--cream);text-align:center}.contact h2{margin:30px 0 35px}.contact-email{font:clamp(18px,2.4vw,32px) Georgia,serif;border-bottom:1px solid var(--gold);padding-bottom:8px;display:inline-block}.contact p{margin:25px auto 0;max-width:430px;font-size:14px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:20px}footer>span{font-size:11px;letter-spacing:1px}dialog{border:0;padding:55px 20px 20px;background:var(--ink);color:var(--cream);max-width:95vw;width:1000px;max-height:95vh}dialog::backdrop{background:#000d}dialog img{width:100%;height:70vh;object-fit:contain}dialog h3{text-align:center;font:25px Georgia}#close-gallery{position:absolute;right:20px;top:15px;background:none;border:1px solid var(--gold);color:var(--cream);padding:6px 17px;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:850px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:20px 6%;gap:20px}.brand{font-size:23px}nav{gap:24px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:45px 7%}h1{font-size:100px;margin-top:35px}.location{padding-top:35px}.hero-image{min-height:520px}.intro{padding:60px 7%;grid-template-columns:1fr;gap:25px}.intro-small{grid-column:1}.section{padding:65px 7%}.section-heading{display:block}.section-heading .eyebrow{display:block;margin-top:20px}.projects{gap:35px;grid-template-columns:1fr}.narrow{padding:0}.narrow img{aspect-ratio:1.2}.retail{margin:0;width:100%}.project-caption{flex-wrap:wrap}.services,.studio,.owi>div{grid-template-columns:1fr;gap:40px}.studio-photo img{aspect-ratio:1.3}.names{flex-wrap:wrap}footer{flex-direction:column;align-items:flex-start}.contact-email{overflow-wrap:anywhere}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* House campaign direction */
:root{--ink:#171411;--cream:#e7ddce;--gold:#b99a72;--wine:#211a17}body{background:#171411;color:var(--cream)}header{position:absolute;top:0;left:0;width:100%;z-index:5;background:transparent;border-bottom:1px solid #e7ddce25}.campaign{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:800px;height:100svh;background:#171411;isolation:isolate}.campaign-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.campaign:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 38%,#100c0840 65%,#100c0870),linear-gradient(0deg,#100c0890,transparent 30%,transparent 80%,#100c0840)}.campaign-copy{width:40%;padding:90px 5% 60px 0}.campaign h1{font:clamp(50px,5.4vw,90px)/1.06 Georgia,serif;letter-spacing:-2px;margin:22px 0 24px;white-space:nowrap}.campaign h1 sup{top:6px;font-size:12px;margin-left:5px}.campaign-copy>p{font:clamp(25px,2.5vw,39px)/1.2 Georgia,serif}.campaign-services{display:block;font-size:12px;letter-spacing:1.5px;margin-top:28px;line-height:1.9}.campaign-button{display:inline-block;font-size:14px;padding:13px 26px;background:#d7c0a0;color:#211a17;margin-top:30px}.campaign-button:hover{background:#eee0ce}.campaign-bottom{position:absolute;left:5%;right:5%;bottom:30px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1.5px}.campaign-bottom a{border-bottom:1px solid #e7ddce80;font-size:13px;letter-spacing:.5px}.intro{border-color:#e7ddce30}.work{background:#1c1814}.project-caption>span{color:#bdad97}.services{background:#241b16}.service-list details{border-color:#e7ddce35}.studio{background:#171411}.owi{background:#2b251e}.contact{background:#12100e}footer{border-top:1px solid #e7ddce20}@media(max-width:850px){header{justify-content:center;padding:20px 5%;gap:14px}nav{gap:24px}.campaign{height:100svh;min-height:740px;align-items:flex-end;justify-content:flex-start}.campaign-background{object-position:35% center}.campaign:before{background:linear-gradient(0deg,#100c08ed 2%,#100c08ad 40%,#100c0820 75%,#100c0870)}.campaign-copy{width:100%;padding:160px 7% 135px}.campaign h1{font-size:clamp(52px,11vw,82px);white-space:normal}.campaign-copy>p{font-size:32px}.campaign-bottom{flex-wrap:wrap;bottom:25px;font-size:10px;gap:14px}.campaign-bottom>span:first-child{width:100%}.campaign-services{max-width:290px}.intro p{color:var(--cream)}}
/* The House: olive, espresso, linen, straight edges. */
:root{--ink:#191613;--cream:#e8e1d5;--gold:#ac9279;--wine:#161616}body{background:var(--ink)}header{gap:24px}.brand{font-size:23px}nav{gap:24px;font-size:12px}.campaign{display:grid;grid-template-columns:66% 34%;height:90svh;min-height:680px;background:#191613}.campaign-background{position:static;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;min-height:0}.campaign:before{display:none}.campaign-copy{width:auto;padding:130px 12% 110px;align-self:center}.campaign h1{font-size:clamp(44px,5.2vw,82px);white-space:normal;font-weight:400}.campaign-copy>p{font-size:clamp(23px,2.4vw,36px)}.campaign-copy>.eyebrow{font-size:10px}.campaign-services{font-size:10px}.campaign-button{background:var(--gold);color:var(--ink);border-radius:0}.campaign-bottom{padding-top:17px;border-top:1px solid #e8e1d530}.intro,.services,.palette,.vault{background:#161616}.intro{gap:30px}.work{background:#191613}.project-poem{display:block;font:15px/1.7 Arial,sans-serif;color:#c9c1b6;margin-top:17px;max-width:600px}.project-caption{flex-wrap:wrap}.retail{margin-top:0}.service-list summary{font-size:clamp(24px,2.4vw,34px)}.service-list .line-link{margin:15px 0 0 43px}.palette{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;border-top:1px solid #e8e1d526}.palette h2{font-size:clamp(38px,4.5vw,66px);margin:27px 0}.palette p{margin-top:18px;max-width:550px}.palette-art img{width:100%;aspect-ratio:.85;object-fit:cover;display:block}.palette-art span{display:block;font-size:10px;margin-top:14px}.studio{background:#191613}.vault{text-align:center;border-top:1px solid #e8e1d526}.vault h2{margin:24px 0}.vault p{max-width:430px;margin:auto}.coming-soon{display:inline-block;border:1px solid #ac927960;padding:12px 24px;margin-top:30px;letter-spacing:3px;font-size:10px}.owi{padding:32px 7%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#191613;border-top:1px solid #e8e1d526}.owi .line-link{margin:0;font-size:12px}.owi p{font:20px Georgia,serif}.contact{background:#151310}footer{background:#191613}.names{line-height:1.8}button.project{text-align:left}a,button,details,img{border-radius:0}
@media(max-width:1000px){header{flex-wrap:wrap;justify-content:center;padding:22px 5%;height:auto}nav{gap:20px;flex-wrap:wrap;justify-content:center}.campaign{grid-template-columns:60% 40%}.campaign-copy{padding-left:8%;padding-right:8%}.campaign-bottom{font-size:9px}.palette{gap:6%}.names{flex-direction:column;gap:8px}}
@media(max-width:650px){header{position:relative;background:#191613;gap:17px}nav{gap:12px 20px;font-size:11px}.campaign{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch}.campaign-background{height:380px;object-position:center}.campaign-copy{padding:40px 7% 110px;align-self:stretch}.campaign h1{margin-top:10px;font-size:62px}.campaign-copy>p{font-size:29px}.campaign-bottom{bottom:22px;left:7%;right:7%;gap:10px}.campaign-bottom>span:first-child{width:100%}.campaign-bottom>span:last-child{font-size:8px}.palette{grid-template-columns:1fr;gap:35px}.palette-art img{aspect-ratio:1.2}.owi{flex-direction:column;align-items:flex-start}.project-poem{font-size:14px}.services h2{margin:22px 0}.service-list summary{font-size:26px;gap:15px}.service-list p{padding-left:30px}.service-list .line-link{margin-left:30px}.studio-photo img{object-position:center}h1 sup{position:static;vertical-align:top}.campaign h1 sup{font-size:10px}footer>span{line-height:1.8}}
/* Centered editorial campaign, mobile first. */
.wordmark{display:block;width:clamp(190px,24vw,340px);height:auto}header{background:#191613;height:90px;border-bottom:1px solid #e8e1d520}.menu-toggle{display:none;background:none;border:0;color:var(--cream);padding:12px;font:14px Arial;cursor:pointer}.campaign{position:relative;display:flex;justify-content:center;align-items:center;height:100svh;min-height:660px;isolation:isolate}.campaign-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.campaign:before{display:block;content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100d0ba0,transparent 40%,#100d0b45),#100d0b35;z-index:-1}.campaign-copy{width:100%;max-width:1050px;align-self:auto;text-align:center;padding:150px 7% 120px}.campaign h1{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:clamp(64px,9vw,130px);font-weight:400;letter-spacing:-3px;line-height:1.1;margin:24px 0}.campaign h1 sup{position:static;vertical-align:top;font-size:12px;line-height:3}.campaign-copy>p.hero-tagline{font:italic clamp(20px,2.2vw,29px)/1.45 Didot,'Bodoni MT','Times New Roman',serif}.campaign-copy>p.hero-description{font:16px/1.7 Arial,sans-serif;max-width:540px;margin:24px auto 0}.campaign-services{display:none}.campaign-button{background:transparent;border-bottom:1px solid var(--cream);color:var(--cream);padding:12px 0;min-height:44px;margin-top:25px}.campaign-button:hover{background:transparent;color:#d5bd9d}.campaign-bottom{font-size:12px}.campaign-copy>.eyebrow{font-size:12px;letter-spacing:3px}h2,.project-caption strong{font-family:Didot,'Bodoni MT','Times New Roman',serif}nav{font-size:14px;gap:22px}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.project.narrow{padding:0}.project.retail{width:100%;margin:0}.project img,.narrow img,.retail img,.wide img{aspect-ratio:.88;object-fit:cover}.project-caption{display:block}.project-caption strong{display:block;font-size:27px}.project-caption>span{display:block;margin-top:8px;font-size:12px}.project-poem{font-size:16px}.section-heading .eyebrow,.eyebrow{font-size:12px}footer .wordmark{width:240px}footer>span{font-size:12px}
@media(max-width:1000px){header{height:80px;flex-wrap:nowrap;justify-content:space-between;padding:0 5%}.menu-toggle{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#191613;padding:24px 7%;border-bottom:1px solid #e8e1d530;flex-direction:column;align-items:stretch;gap:0}nav.is-open{display:flex}nav a{padding:12px;min-height:44px}header .wordmark{width:240px}.projects{grid-template-columns:1fr 1fr}.retail{grid-column:1/-1}.retail img{aspect-ratio:1.53}.campaign-bottom>span:last-child{display:none}}
@media(max-width:650px){header{position:absolute;top:0;height:76px;padding:0 6%}.wordmark,header .wordmark{width:220px;max-width:68vw}nav{top:76px}.campaign{height:100svh;min-height:660px;display:flex;flex-direction:row}.campaign-background{height:100%;object-position:45% center}.campaign-copy{padding:130px 7% 115px}.campaign h1{font-size:clamp(58px,15vw,88px);letter-spacing:-2px;margin:22px 0}.campaign-copy>.eyebrow{font-size:12px;letter-spacing:2px}.campaign-copy>p.hero-tagline{font-size:23px;max-width:300px;margin:0 auto}.campaign-copy>p.hero-description{font-size:16px;max-width:310px}.hero-description br{display:none}.campaign-bottom{font-size:12px;bottom:25px;justify-content:center;text-align:center}.campaign-bottom>span:first-child{font-size:10px;letter-spacing:1px}.projects{grid-template-columns:1fr;gap:45px}.project img,.narrow img,.wide img{aspect-ratio:1.15}.retail{grid-column:auto}.retail img{aspect-ratio:1.53}.section{padding:65px 7%}.project-caption strong{font-size:29px}.palette-art span{font-size:12px}.names{font-size:12px}.owi .line-link{font-size:14px}.coming-soon{font-size:12px}.service-list summary{font-size:25px}footer .wordmark{width:220px}}

/* Approved portfolio: full compositions, consistent editorial rhythm. */
.work{background:#111213;color:#f0ece5;padding:100px 7% 120px}.work .section-heading{max-width:1400px;margin:0 auto 72px}.work .projects{display:flex;flex-direction:column;gap:110px;max-width:1400px;margin:0 auto}.portfolio-project{width:100%;min-width:0}.portfolio-labels{display:flex;justify-content:space-between;gap:24px;margin-bottom:19px;font:12px/1.5 Arial,sans-serif;letter-spacing:3px}.portfolio-labels span:last-child{text-align:right}.work .portfolio-image{display:block;width:100%;padding:0;border:0;background:#111213}.work .portfolio-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}.portfolio-caption{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:28px}.portfolio-caption h3{font:400 clamp(32px,3.6vw,58px)/1.08 Didot,'Bodoni MT','Times New Roman',serif;letter-spacing:-1px;margin:0;text-wrap:balance}.portfolio-caption p{font:16px/1.8 Arial,sans-serif;color:#d0cdc7;max-width:620px;margin:0}.work .project:hover img{filter:brightness(.97)}
@media(max-width:650px){.work{padding:65px 6% 80px}.work .section-heading{margin-bottom:45px}.work .projects{gap:65px}.portfolio-labels{font-size:9px;letter-spacing:1.6px;gap:12px;margin-bottom:13px}.portfolio-caption{display:block;margin-top:20px}.portfolio-caption h3{font-size:34px;letter-spacing:-.6px;margin-bottom:17px}.portfolio-caption p{font-size:15px;line-height:1.75}.work .portfolio-image img{aspect-ratio:auto;height:auto}}

/* Restore the approved carved-wall campaign and complete identity. */
header{position:relative;background:#080909;height:82px;padding:0 5%;border-color:#ffffff20}.brand{display:flex;align-items:center;gap:18px}.monogram{width:44px;height:58px;object-fit:contain}.brand .wordmark{width:240px;max-width:42vw}.campaign{height:auto;min-height:0;aspect-ratio:2.37;background:#111213}.campaign-background{object-position:center}.campaign:before{background:#00000012}.campaign-copy{max-width:950px;padding:30px 7% 70px}.campaign h1{font:400 clamp(40px,5.2vw,82px)/1.15 Didot,'Bodoni MT','Times New Roman',serif;letter-spacing:-2px;margin:0 0 15px}.campaign-copy>p.hero-tagline{font-size:clamp(20px,2.1vw,31px)}.campaign-copy>p.hero-description{font-size:15px;letter-spacing:2px;line-height:1.8;margin:18px auto 0}.campaign-button{font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-top:15px;padding:8px 0}.campaign-bottom{display:none}
@media(max-width:1000px){header{height:76px}.brand .wordmark{width:215px}.monogram{width:37px;height:48px}.campaign{min-height:560px;aspect-ratio:auto}.campaign-copy{padding:40px 8% 80px}}
@media(max-width:650px){header{position:relative;height:76px;padding:0 6%}.brand{gap:10px}.brand .wordmark{width:190px;max-width:52vw}.monogram{width:32px;height:43px}.campaign{height:calc(100svh - 76px);min-height:610px;max-height:900px}.campaign-background{object-position:58% center}.campaign-copy{padding:0 7% 170px}.campaign h1{font-size:clamp(37px,10vw,54px);letter-spacing:-1px;white-space:nowrap}.campaign-copy>p.hero-tagline{font-size:23px}.campaign-copy>p.hero-description{font-size:14px;letter-spacing:1.5px;max-width:300px}.campaign-button{font-size:12px;letter-spacing:2px}.campaign:before{background:#00000020}footer .monogram{display:none}}

/* Typography aligned with the approved visual reference, embedded for consistency. */
@font-face{font-family:HouseEditorial;src:url('assets/fonts/editorial.woff') format('woff');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:HouseEditorial;src:url('assets/fonts/editorial-italic.woff') format('woff');font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:HouseSans;src:url('assets/fonts/house-sans.woff') format('woff');font-weight:100 900;font-display:swap}
@font-face{font-family:HouseSignature;src:url('assets/fonts/signature.woff') format('woff');font-display:swap}
body,button{font-family:HouseSans,sans-serif;font-weight:350}h2,.portfolio-caption h3,.service-list summary,.studio-copy h2,.contact-email{font-family:HouseEditorial,serif;font-weight:400;letter-spacing:-.5px}.campaign h1{font-family:HouseEditorial,serif;font-weight:300;font-size:clamp(42px,5.3vw,82px);letter-spacing:-1.2px}.campaign-copy>p.hero-tagline{font-family:HouseEditorial,serif;font-style:italic;font-weight:400;font-size:clamp(23px,2.25vw,34px)}.campaign-copy>p.hero-description{font-family:HouseSans,sans-serif;font-weight:350;letter-spacing:1.3px;font-size:16px;line-height:1.6}.campaign-button{font-family:HouseSans,sans-serif;font-weight:350;letter-spacing:2.3px}.portfolio-labels{font-family:HouseSans,sans-serif;font-weight:350;font-size:13px;letter-spacing:2px}.portfolio-caption p{font-family:HouseSans,sans-serif;font-weight:350;font-size:17px;line-height:1.65;color:#d8d4ce}.work .section-heading h2{font-size:36px}.work .section-heading{margin-bottom:48px}.eyebrow{font-family:HouseSans,sans-serif;font-weight:350}nav{font-weight:350;letter-spacing:.6px}.intro.approved-intro{background:#0c0d0d;display:grid;grid-template-columns:1.1fr 1.5fr .8fr;gap:5%;align-items:center;padding:60px 7%;border:0}.intro-title .eyebrow{display:block;font-size:12px;letter-spacing:4px;margin-bottom:12px}.intro-title h2{font:400 clamp(32px,3.2vw,50px)/.95 HouseEditorial,serif;text-transform:uppercase;letter-spacing:-.8px}.intro-rule{display:block;width:65px;height:2px;background:#b99a72;margin-top:25px}.intro.approved-intro .intro-body p{font:400 clamp(19px,1.45vw,23px)/1.4 HouseEditorial,serif}.intro-body .line-link{font:350 12px HouseSans,sans-serif;letter-spacing:2.5px;margin-top:32px}.intro-signature{text-align:center}.intro-signature>span{font:52px/1.2 HouseSignature,cursive;color:#c5a16e;white-space:nowrap}.intro-signature sup{font:11px HouseSans,sans-serif}.intro.approved-intro .intro-signature p{font:350 12px/2 HouseSans,sans-serif;letter-spacing:3px;margin-top:20px}
@media(max-width:850px){.intro.approved-intro{grid-template-columns:1fr 1.4fr;gap:35px}.intro-signature{grid-column:1/-1}.intro-body br{display:none}}
@media(max-width:650px){.campaign h1{font-size:clamp(39px,10.5vw,54px);font-weight:300}.campaign-copy>p.hero-tagline{font-size:25px}.campaign-copy>p.hero-description{font-size:15px;letter-spacing:1px}.portfolio-labels{font-size:12px;letter-spacing:1px}.portfolio-caption h3{font-size:36px;font-weight:400;letter-spacing:-.5px}.portfolio-caption p{font-size:16px;line-height:1.65}.intro.approved-intro{display:block;padding:50px 7%}.intro-title h2{font-size:43px;line-height:1}.intro-body{margin-top:32px}.intro.approved-intro .intro-body p{font-size:23px}.intro-signature{margin-top:40px}.work .section-heading h2{font-size:32px}}

/* Finished portfolio: horizontal browsing with preserved photographic compositions. */
.work{padding-bottom:65px}.work .projects{display:flex;flex-direction:row;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;max-width:1400px;align-items:flex-start}.work .projects::-webkit-scrollbar{display:none}.portfolio-project{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.work .portfolio-image{position:relative;background:#111213}.work .portfolio-image img{width:100%;height:clamp(320px,39vw,560px);object-fit:contain;aspect-ratio:auto;filter:brightness(.93) saturate(.9);transition:none}.work .portfolio-image[data-grade="soft-shadow"] img{filter:brightness(.79) contrast(1.04) saturate(.87)}.work .project:hover img{filter:brightness(.93) saturate(.9)}.work .project[data-grade="soft-shadow"]:hover img{filter:brightness(.79) contrast(1.04) saturate(.87)}.portfolio-caption{margin-top:24px;grid-template-columns:1.2fr 1fr;gap:5%}.portfolio-caption h3{font-size:clamp(30px,3.24vw,52px)}.portfolio-caption p{font-size:16px}.portfolio-navigation{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 22px;font:350 13px HouseSans,sans-serif;letter-spacing:2px}.portfolio-navigation>div{display:flex;gap:12px}.portfolio-navigation button{background:transparent;color:#e8e1d5;border:1px solid #b99a7255;min-width:48px;min-height:44px;font-size:22px;cursor:pointer}.portfolio-navigation button:disabled{opacity:.28;cursor:default}.portfolio-navigation button:hover:not(:disabled){background:#b99a7220}.portfolio-labels{font-size:13px}
.signatures-final{display:block;background:#1b1916}.signatures-heading{text-align:center;max-width:610px;margin:auto}.services .signatures-heading h2{font-family:HouseSignature,cursive;font-size:75px;letter-spacing:0;margin:0 0 24px}.services .signatures-heading p{max-width:none;font:350 18px/1.7 HouseSans,sans-serif}.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin-top:65px}.signature-card svg{display:block;width:76px;height:76px;margin:0 auto 28px}.signature-card h3{font:400 30px/1.12 HouseEditorial,serif;text-align:center;margin:0 0 30px}.signature-card p{font:350 16px/1.7 HouseSans,sans-serif;margin-top:15px;color:#d0c8bc}.signature-card .line-link{margin-top:20px}.studio-final{grid-template-columns:1fr 1fr;gap:7%;background:#151515;align-items:center}.studio-final .studio-copy h2{margin:0 0 35px}.studio-copy h3{font:400 16px/1.6 HouseSans,sans-serif;margin:30px 0 0}.studio-copy h3 em{font:italic 19px HouseEditorial,serif;margin-left:6px}.studio-final .studio-copy p{font:350 16px/1.7 HouseSans,sans-serif;margin-top:8px;color:#d5cec5}.studio-final .studio-photo img{aspect-ratio:.82;object-fit:cover;object-position:60% center}.contact-final{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#0c0d0d;min-height:400px;text-align:left}.contact-thought,.contact-details{padding:80px 14%;display:flex;flex-direction:column;justify-content:center}.contact-final .contact-thought p{font:italic 400 clamp(27px,2.5vw,39px)/1.5 HouseEditorial,serif;margin:0;max-width:none}.contact-details{background:#161616;align-items:flex-start}.contact-final h2{font-size:46px;margin:0 0 30px}.contact-final .contact-email{font:350 clamp(17px,1.5vw,24px) HouseSans,sans-serif;overflow-wrap:anywhere}
@media(max-width:850px){.signature-grid{gap:35px;grid-template-columns:1fr}.signature-card{max-width:620px;margin:auto}.signature-card h3{margin-bottom:20px}.studio-final{grid-template-columns:1fr}.studio-final .studio-photo img{aspect-ratio:1.2}.contact-final{grid-template-columns:1fr}.contact-thought,.contact-details{padding:55px 7%}}
@media(max-width:650px){.work .projects{gap:0}.work .portfolio-image img{height:auto;aspect-ratio:3/2;object-fit:contain}.portfolio-caption{display:block}.portfolio-caption h3{font-size:31px;margin-bottom:16px}.portfolio-caption p{font-size:16px;line-height:1.6}.portfolio-navigation{margin-bottom:18px}.portfolio-labels{font-size:12px}.services .signatures-heading h2{font-size:62px}.services .signatures-heading p{font-size:16px}.signature-grid{margin-top:45px}.studio-copy h3 em{display:block;margin-left:0}.contact-final h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.work .projects{scroll-behavior:auto}}

#gallery img{filter:brightness(.93) saturate(.9)}#gallery[data-grade="soft-shadow"] img{filter:brightness(.79) contrast(1.04) saturate(.87)}

/* Revised header and original-photo editorial biography. */
.editorial-header{display:grid;grid-template-columns:1fr auto 1fr;height:88px;background:#161616;padding:0 3%;gap:24px;position:relative;z-index:10}
.editorial-header nav{grid-column:1;grid-row:1;gap:18px;font:350 13px HouseSans,sans-serif;white-space:nowrap}
.editorial-header .brand{grid-column:2;grid-row:1;justify-self:center}.editorial-header .brand .wordmark{width:260px;max-width:none}
.editorial-header .header-owi{grid-column:3;grid-row:1;justify-self:end;font:400 22px HouseEditorial,serif;white-space:nowrap;color:#eee5d8}.editorial-header .menu-toggle{display:none}
.studio-editorial{display:block;position:relative;padding:0;background:#161616;color:#30271f}
.studio-editorial .studio-original{display:block;width:100%;height:auto;filter:none;opacity:1;aspect-ratio:auto;object-fit:contain}
.studio-editorial-copy{position:absolute;inset:5% auto auto 5%;width:42%;max-width:720px}
.studio-editorial .combined-bio{font:400 clamp(16px,1.35vw,21px)/1.4 HouseEditorial,serif;color:#30271f;margin:0;text-shadow:none}
.beyond-headline{font:300 clamp(100px,12.8vw,210px)/.76 HouseEditorial,serif;letter-spacing:-.055em;margin:38px 0 0;color:#30271f}
.beyond-headline>span{display:block}.beyond-headline .beyond-kicker{font:400 clamp(14px,1.6vw,25px)/1.5 HouseEditorial,serif;letter-spacing:.65em;margin-bottom:18px}
@media(max-width:1200px){.editorial-header nav{display:none;position:absolute;top:88px;left:0;width:100%;padding:28px 6%;background:#161616;flex-direction:column;gap:22px}.editorial-header nav.is-open{display:flex}.editorial-header .menu-toggle{display:block;grid-column:1;grid-row:1;justify-self:start;background:none;border:0;color:#eee5d8;font:350 14px HouseSans,sans-serif}.studio-editorial-copy{width:44%}.beyond-headline{margin-top:26px}.studio-editorial .combined-bio{font-size:17px;line-height:1.35}}
@media(max-width:1050px){.studio-editorial-copy{position:static;width:auto;max-width:none;padding:45px 7% 65px}.studio-editorial .combined-bio{font-size:20px;line-height:1.5;color:#eee5d8;max-width:700px}.beyond-headline{font-size:clamp(100px,23vw,210px);color:#eee5d8;max-width:650px;margin-top:45px}.beyond-headline .beyond-kicker{font-size:19px}}
@media(max-width:650px){.editorial-header{height:76px;padding:0 5%;gap:12px;grid-template-columns:auto 1fr auto}.editorial-header .brand .wordmark{width:175px;max-width:43vw}.editorial-header .header-owi{font-size:17px}.editorial-header nav{top:76px}.studio-editorial-copy{padding:32px 7% 48px}.studio-editorial .combined-bio{font-size:20px;line-height:1.5}.beyond-headline{font-size:clamp(90px,26vw,160px);margin-top:35px}.beyond-headline .beyond-kicker{font-size:15px;letter-spacing:.55em}}

/* Desktop review aligned with approved film palette and editorial hierarchy. */
body{background:#161616;color:#eee5d8}
.editorial-header{background:#161616;border-bottom:1px solid #b99a7230}
.campaign{display:block;position:relative;aspect-ratio:2.1;min-height:570px;height:auto;overflow:hidden}
.campaign-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.68) brightness(.86) contrast(.98)}
.campaign:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#11140d15,#11140d05 45%,#11140d35)}
.campaign-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:none;width:100%;padding:40px 7%;color:#eee5d8}
.campaign h1{font:300 clamp(40px,4.2vw,68px)/1.05 HouseEditorial,serif;letter-spacing:.015em;margin:0 0 18px;text-shadow:0 1px 12px #0005}
.campaign-copy>p.hero-tagline{font:italic 400 clamp(22px,2.05vw,32px)/1.25 HouseEditorial,serif;margin:0 auto;max-width:none}
.campaign-copy>p.hero-description{font:350 15px/1.65 HouseSans,sans-serif;letter-spacing:.8px;margin:22px auto 0;max-width:470px}
.campaign-services{display:none}.campaign-button{font:350 11px/1.5 HouseSans,sans-serif;letter-spacing:2.4px;margin-top:24px;padding:9px 0;border-bottom:1px solid #eee5d880}
.intro.approved-intro{background:#161616;padding:65px 6%;grid-template-columns:1.1fr 1.45fr .8fr;gap:5%}
.intro-title h2{font-size:clamp(32px,3vw,47px);line-height:1.02;font-weight:300;letter-spacing:-.025em}
.intro.approved-intro .intro-body p{font:400 21px/1.45 HouseEditorial,serif}
.intro-signature>span{font-size:49px;color:#b69a72}
.work{background:#161616}.work .portfolio-image{background:#161616}
.signatures-final{background:#161616}.palette{background:#161616;color:#eee5d8}.vault{background:#161616;color:#eee5d8}.contact-final{background:#161616}.contact-details{background:#161616}
.studio-editorial{background:#161616}.studio-editorial-copy{inset:4.5% auto auto 4.5%;width:43%}
.studio-editorial .combined-bio{font:400 clamp(17px,1.3vw,20px)/1.4 HouseEditorial,serif;color:#29251e}
.beyond-headline{font-weight:300;font-size:clamp(100px,12.6vw,205px);line-height:.78;letter-spacing:-.065em;margin-top:32px}
@media(max-width:1050px){.studio-editorial-copy{position:static;width:auto;max-width:none;padding:40px 7% 60px}.studio-editorial .combined-bio{font-size:20px;line-height:1.5;color:#eee5d8}.beyond-headline{font-size:clamp(110px,23vw,205px);color:#eee5d8;margin-top:40px}.intro.approved-intro{grid-template-columns:1fr 1.4fr}.intro-signature{grid-column:1/-1}}
@media(max-width:650px){.campaign{height:calc(90svh - 76px);min-height:570px;aspect-ratio:auto}.campaign-copy{padding:35px 7% 120px}.campaign-background{object-position:58% center}.campaign h1{font-size:42px}.campaign-copy>p.hero-tagline{font-size:25px;max-width:320px}.campaign-copy>p.hero-description{font-size:15px;max-width:310px}.intro.approved-intro{display:block;padding:45px 7%}.intro-title h2{font-size:40px}.intro-signature{margin-top:35px}.studio-editorial .studio-original{width:100%;height:auto;object-fit:contain;filter:none}.beyond-headline{font-size:26vw}.studio-editorial .combined-bio{font-size:20px}.intro.approved-intro .intro-body p{font-size:22px}}

/* Approved laptop navigation: tabs left, identity centered, OWI right. */
@media(min-width:901px){
.editorial-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:0 3%;height:86px}
.editorial-header nav,.editorial-header nav.is-open{display:flex;position:static;width:auto;padding:0;background:none;flex-direction:row;gap:clamp(8px,.85vw,14px);font-size:clamp(10.5px,.94vw,13px);letter-spacing:0;align-items:center}
.editorial-header .menu-toggle{display:none}
.editorial-header .brand .wordmark{width:clamp(150px,17vw,225px);max-width:none}
.editorial-header .header-owi{justify-self:end}
}

/* The original photograph remains intact; its frame follows its proportions. */
.campaign{aspect-ratio:651/366;min-height:0;height:auto}
.campaign-background{object-fit:contain;filter:saturate(.8) brightness(.88);object-position:center}
.campaign h1{font-size:clamp(36px,3.7vw,58px);font-weight:300}
.campaign-copy>p.hero-tagline{font-size:clamp(21px,1.9vw,29px)}
/* Portfolio compositions are visible in full, with editorial text overlays. */
.work{padding:60px 0 0;background:#161616}
.work .section-heading,.portfolio-navigation{max-width:none;margin-left:5%;margin-right:5%}
.work .section-heading{margin-bottom:25px}.portfolio-navigation{margin-bottom:22px}
.work .projects{max-width:none;width:100%;display:flex;gap:0;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.work .projects::-webkit-scrollbar{display:none}
.portfolio-project{position:relative;display:block;flex:0 0 100%;min-width:0;scroll-snap-align:start;isolation:isolate;background:#161616}
.work .portfolio-image{display:block;width:100%;height:auto;overflow:hidden;line-height:0}
.work .portfolio-image img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
.portfolio-project:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#08090840,transparent 25%,transparent 48%,#08090815 65%,#080908b5 100%)}
.portfolio-labels{position:absolute;top:28px;left:5%;right:5%;margin:0;z-index:2;color:#f3ece0;font-size:11px;letter-spacing:2px;pointer-events:none;text-shadow:0 1px 6px #0008}
.portfolio-caption{position:absolute;left:5%;bottom:6%;z-index:2;display:block;width:62%;max-width:750px;margin:0;pointer-events:none;color:#f3ece0}
.portfolio-caption h3{font:300 clamp(29px,2.7vw,43px)/1.08 HouseEditorial,serif;letter-spacing:-.3px;margin:0 0 12px;text-wrap:balance;text-shadow:0 1px 8px #0008}
.portfolio-caption p{font:400 clamp(17px,1.4vw,21px)/1.4 HouseEditorial,serif;color:#f0e7db;max-width:650px;margin:0;text-shadow:0 1px 5px #0008}
@media(max-width:900px){
.editorial-header{grid-template-columns:auto 1fr auto}
.editorial-header .menu-toggle{display:block}.editorial-header nav{display:none}.editorial-header nav.is-open{display:flex}
.editorial-header .brand .wordmark{width:200px;max-width:43vw}
.portfolio-labels{top:18px;letter-spacing:1.2px;font-size:10px}
.portfolio-caption{width:80%}.portfolio-caption h3{font-size:clamp(24px,3.5vw,34px)}.portfolio-caption p{font-size:17px}
}
@media(max-width:650px){
.campaign{height:auto;min-height:0;aspect-ratio:651/366;overflow:visible;margin-bottom:145px}
.campaign-background{object-fit:contain;object-position:center;filter:saturate(.8) brightness(.88)}
.campaign-copy{padding:12px 6%;justify-content:center}
.campaign h1{font-size:30px;margin:0 0 8px}
.campaign-copy>p.hero-tagline{font-size:18px;max-width:290px}
.campaign-copy>p.hero-description{position:absolute;top:100%;font-size:14px;max-width:310px;margin:20px 0 0;line-height:1.5}
.campaign-button{position:absolute;top:calc(100% + 75px);margin-top:15px}
.work{padding-top:40px}
.portfolio-labels{left:5%;right:5%;top:12px;font-size:8px;letter-spacing:.8px;gap:10px}
.portfolio-caption{left:5%;bottom:5%;width:90%}
.portfolio-caption h3{font-size:clamp(20px,5.4vw,28px);margin-bottom:6px}
.portfolio-caption p{font-size:clamp(13px,3.3vw,16px);line-height:1.25}
.editorial-header .brand .wordmark{width:175px}
}
/* Reference typography and left-side Studio composition. */
@font-face{font-family:HouseFashion;src:url('assets/fonts/fashion-display.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:HouseFashion;src:url('assets/fonts/fashion-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:HouseAutograph;src:url('assets/fonts/handwritten-signature.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.campaign h1,.intro-title h2,.beyond-headline{font-family:HouseFashion,serif;font-weight:400;font-synthesis:none}
.campaign h1{letter-spacing:.025em}
.intro-title h2{text-transform:uppercase;font-size:clamp(29px,3.1vw,48px);line-height:1.12;letter-spacing:-.045em}
.campaign-copy>p.hero-tagline{font-family:HouseFashion,serif;font-style:italic;font-size:clamp(19px,1.7vw,26px)}
.intro-signature>span{font-family:HouseAutograph,cursive;font-size:clamp(38px,4.3vw,64px);font-weight:400;letter-spacing:-.065em;color:#b69a72;line-height:1.3;white-space:nowrap}
.intro-signature sup{font-family:HouseSans,sans-serif;font-size:9px;letter-spacing:0;vertical-align:super}
@media(min-width:901px){
.studio-editorial-copy{position:absolute;inset:4.5% auto auto 4.5%;width:44%;max-width:720px;padding:0;text-align:left}
.studio-editorial .combined-bio{font-family:HouseEditorial,serif;font-size:clamp(15px,1.2vw,19px);line-height:1.3;font-weight:400;color:#29251e;margin:0}
.beyond-headline{font-size:clamp(80px,9vw,155px);line-height:.84;color:#29251e;letter-spacing:-.05em;margin:24px 0 0;max-width:none}
.beyond-headline .beyond-kicker{font:400 clamp(13px,1.3vw,21px)/1.4 HouseSans,sans-serif;letter-spacing:.45em;margin-bottom:12px}
}
@media(max-width:900px){
.studio-editorial-copy{position:static;inset:auto;width:auto;padding:35px 7% 55px;text-align:left}
.studio-editorial .combined-bio{font-size:20px;line-height:1.5;color:#eee5d8}
.beyond-headline{font-size:clamp(90px,23vw,180px);line-height:.86;color:#eee5d8;margin-top:35px}
}
@media(max-width:650px){.campaign-copy>p.hero-tagline{font-size:17px}.intro-title h2{font-size:36px}.intro-signature>span{font-size:51px}.beyond-headline{font-size:24vw}}

/* Approved hero: navigation on photograph; single handwritten signature. */
.editorial-header{position:absolute;inset:0 0 auto;z-index:10;background:transparent;border:0;height:100px;color:#eee5d8}
.editorial-header .brand{display:flex;align-items:center;justify-content:center;line-height:0}
.editorial-header .header-monogram{display:block;width:48px;height:65px;object-fit:contain}
.editorial-header .header-owi{font-family:HouseFashion,serif;font-size:23px;letter-spacing:1px}
.editorial-header nav{color:#eee5d8;text-shadow:0 1px 8px #0009}
.campaign{height:auto;min-height:600px;aspect-ratio:651/366;margin:0;overflow:hidden}
.campaign:before{display:block;background:linear-gradient(180deg,#08070665,transparent 23%,#08070615 62%,#08070620)}
.campaign-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 7% 40px;color:#eee5d8;text-align:center}
.campaign-copy>p.hero-tagline{position:static;font:400 clamp(24px,3.05vw,47px)/1.2 HouseFashion,serif;font-style:normal;letter-spacing:-.025em;max-width:900px;margin:0;text-wrap:balance;text-shadow:0 1px 16px #0009}
.campaign h1.hero-signature{position:static;font-size:0;line-height:0;letter-spacing:0;margin:20px 0 22px;white-space:normal;text-shadow:none;width:clamp(245px,29vw,440px)}
.signature-lettering{display:block;width:100%;aspect-ratio:3;background:#c8ad83;mask:url('assets/life-as-art-signature-v2.png') center/contain no-repeat;-webkit-mask:url('assets/life-as-art-signature-v2.png') center/contain no-repeat}
.campaign-copy>p.hero-description{position:static;font:350 clamp(13px,1.05vw,16px)/1.7 HouseSans,sans-serif;letter-spacing:.45px;margin:0;max-width:530px;text-shadow:0 1px 8px #0009}
.campaign-copy>p.hero-description em{font-style:italic}
.campaign-button{position:static;font:350 10px/1.5 HouseSans,sans-serif;letter-spacing:2.3px;padding:8px 0;margin-top:24px;background:transparent;color:#eee5d8;border-bottom:1px solid #eee5d880}
.intro.approved-intro{grid-template-columns:1fr 1.5fr;gap:8%}
@media(min-width:901px){.editorial-header{height:100px}}
@media(max-width:900px){.editorial-header{height:85px}.editorial-header .header-monogram{width:40px;height:56px}.editorial-header nav{top:85px;background:#191613f5}.campaign-copy>p.hero-tagline{font-size:clamp(25px,4vw,36px);max-width:650px}}
@media(max-width:650px){
.editorial-header{height:82px;padding:0 6%;grid-template-columns:1fr auto 1fr;gap:12px}
.editorial-header .header-monogram{width:36px;height:52px}
.editorial-header .header-owi{font-size:20px}
.editorial-header .menu-toggle{font-size:12px;letter-spacing:1px}
.editorial-header nav{top:82px;background:#191613f5}
.campaign{height:78svh;min-height:580px;aspect-ratio:auto;margin:0;overflow:hidden}
.campaign-background{object-fit:cover;object-position:50% center}
.campaign-copy{padding:95px 7% 40px}
.campaign-copy>p.hero-tagline{font-size:28px;line-height:1.25;max-width:340px}
.campaign h1.hero-signature{width:270px;margin:15px 0 22px}
.campaign-copy>p.hero-description{font-size:13px;max-width:305px;line-height:1.6;margin:0}
.desktop-break{display:none}
.campaign-button{margin-top:25px}
.intro.approved-intro{display:block}
}

/* Editorial restraint: a clear masthead and a single signature on the image. */
.editorial-header .brand{flex-direction:column;gap:8px;filter:drop-shadow(0 2px 5px #0008)}
.editorial-header .header-monogram{width:62px;height:70px}
.header-brand-name{font:400 12px/1 HouseFashion,serif;letter-spacing:2px;text-transform:uppercase;color:#f4eee3;white-space:nowrap}
.editorial-header{height:128px}
.campaign:before{background:linear-gradient(180deg,#08070690,transparent 30%,#08070615 70%,#08070625)}
.campaign-copy{padding:140px 7% 65px}
.campaign-copy>p.hero-tagline{font-size:clamp(16px,1.45vw,23px);line-height:1.4;max-width:540px;letter-spacing:.01em}
.campaign h1.hero-signature{width:clamp(300px,38vw,560px);margin:16px 0 0}
.signature-lettering{background:#e7d7bc}
.campaign-button{position:absolute;top:auto;bottom:38px;margin:0;font-size:9px;letter-spacing:2px}
.intro-title h2{font-size:clamp(27px,2.8vw,42px);text-transform:none;line-height:1.22;letter-spacing:-.025em}
@media(max-width:900px){.editorial-header{height:110px}.editorial-header nav{top:110px}.editorial-header .header-monogram{width:52px;height:60px}.header-brand-name{font-size:10px;letter-spacing:1.5px}.campaign-copy>p.hero-tagline{font-size:19px}}
@media(max-width:650px){.editorial-header{height:105px}.editorial-header nav{top:105px}.editorial-header .header-monogram{width:46px;height:55px}.header-brand-name{font-size:9px;letter-spacing:1.1px}.campaign-copy{padding:110px 7% 55px}.campaign-copy>p.hero-tagline{font-size:17px;max-width:290px}.campaign h1.hero-signature{width:min(320px,85vw);margin:16px 0 0}.campaign-button{bottom:30px}.intro-title h2{font-size:32px}}
/* Quiet editorial supporting line, beneath the masthead. */
.campaign-copy>p.hero-tagline{font-family:HouseEditorial,serif;font-style:italic;font-weight:400;font-size:clamp(14px,1.1vw,18px);letter-spacing:.025em;line-height:1.4;max-width:420px}
@media(max-width:900px){.campaign-copy>p.hero-tagline{font-size:16px}}
@media(max-width:650px){.campaign-copy>p.hero-tagline{font-size:14px;max-width:270px}}

/* Exact approved monogram and narrow lettering, displayed as one artwork. */
.editorial-header{height:175px;align-items:start;padding-top:22px}
.editorial-header .brand{filter:none;mix-blend-mode:screen;gap:0}
.approved-logo-lockup{display:block;width:110px;height:145px;overflow:hidden;filter:brightness(1.65) contrast(1.15) drop-shadow(.35px 0 0 #b9a364) drop-shadow(-.35px 0 0 #b9a364)}
.editorial-header nav,.editorial-header .header-owi,.editorial-header .menu-toggle{margin-top:26px}
@media(max-width:900px){.editorial-header{height:150px;padding-top:18px}.approved-logo-lockup{width:94px;height:124px}.editorial-header nav{top:150px;margin-top:0}}
@media(max-width:650px){.editorial-header{height:140px;padding-top:16px}.approved-logo-lockup{width:85px;height:112px}.editorial-header nav{top:140px}.campaign-copy{padding-top:145px}}

/* Alpha-backed logo and truly centered hero typography. */
.editorial-header .brand{mix-blend-mode:normal}
.approved-logo-lockup.transparent-logo{filter:none;background:#dbc695;mask:url('assets/hom-transparent-bold-v2.png') center/contain no-repeat;-webkit-mask:url('assets/hom-transparent-bold-v2.png') center/contain no-repeat}
.campaign-copy{padding:0 7%;justify-content:center;align-items:center;text-align:center}
.campaign-copy>p.hero-tagline{width:100%;margin:0 auto;text-align:center}
.campaign h1.hero-signature{margin:16px auto 0;padding:0;text-align:center;align-self:center;transform:none;left:auto;right:auto}
@media(max-width:650px){.campaign-copy{padding:0 7%}.campaign h1.hero-signature{margin:16px auto 0}}

.approved-logo-lockup.original-transparent-logo{background:none;mask:none;-webkit-mask:none;filter:none;object-fit:contain}

/* Three spatial studies. Existing image treatment and type styles are retained. */
.editorial-header .header-owi{font-size:14px;letter-spacing:1.2px}
html[data-hero-option="1"] .campaign-copy{justify-content:flex-end;padding:0 7% 12%}
html[data-hero-option="2"] .campaign-copy{justify-content:flex-end;align-items:flex-start;text-align:left;padding:0 9% 10%}
html[data-hero-option="2"] .campaign-copy>p.hero-tagline{width:auto;text-align:left;margin:0}
html[data-hero-option="2"] .campaign h1.hero-signature{margin:16px 0 0;align-self:flex-start}
html[data-hero-option="2"] .campaign-button{left:9%;bottom:35px}
html[data-hero-option="3"] .campaign-copy{inset:0 0 0 45%;padding:0 4%}
.hero-options-review{padding:25px 7%;background:#191613;color:#eee5d8;border-bottom:1px solid #eee5d830;font:14px/1.6 HouseSans,sans-serif}
.hero-options-review p{margin:0 0 12px}.hero-options-review div{display:flex;gap:12px;flex-wrap:wrap}.hero-options-review a{padding:10px 16px;border:1px solid #eee5d850}.hero-options-review a[aria-current="page"]{border-color:#c6ad83;color:#c6ad83}
@media(max-width:650px){
.editorial-header .header-owi{font-size:13px}
html[data-hero-option] .campaign{height:85svh;min-height:560px;max-height:850px}
html[data-hero-option="1"] .campaign-copy{padding:0 7% 100px;justify-content:flex-end}
html[data-hero-option="2"] .campaign-copy{padding:0 7% 100px;justify-content:flex-end;align-items:flex-start}
html[data-hero-option="2"] .campaign h1.hero-signature{width:min(290px,80vw)}
html[data-hero-option="2"] .campaign-button{left:7%;bottom:30px}
html[data-hero-option="3"] .campaign{height:67svh;min-height:470px;max-height:650px}
html[data-hero-option="3"] .campaign-copy{inset:0;padding:70px 7% 0;justify-content:center}
.hero-options-review a{flex:1;text-align:center;min-width:80px}
}

.hero-options-review button{padding:12px 16px;border:1px solid #eee5d850;border-radius:0;background:none;color:#eee5d8;cursor:pointer;font:14px HouseSans,sans-serif;min-height:44px;flex:1}.hero-options-review button[aria-pressed="true"]{border-color:#c6ad83;color:#c6ad83;background:#c6ad8312}

/* Option 3 selected: discreet service caption beneath the artwork. */
.campaign-copy>p.hero-service-line{position:absolute;bottom:82px;left:5%;right:5%;margin:0;font:350 9px/1.8 HouseSans,sans-serif;letter-spacing:1.3px;text-transform:uppercase;text-align:center;color:#eee5d8;text-wrap:balance;max-width:none}
.hero-service-line span{padding:0 7px}
@media(max-width:650px){.campaign-copy>p.hero-service-line{bottom:73px;left:7%;right:7%;font-size:8px;letter-spacing:.9px;line-height:1.9}.hero-service-line span{padding:0 3px}}

/* Bound Option 3 text to its actual overlay column. */
html[data-hero-option="3"] .campaign-copy{width:auto;max-width:none;align-self:stretch;z-index:2}
html[data-hero-option="3"] .campaign h1.hero-signature{width:min(100%,560px);flex-shrink:0;display:block;visibility:visible;opacity:1}
html[data-hero-option="3"] .hero-tagline{flex-shrink:0;display:block;visibility:visible;opacity:1}
.signature-lettering{min-height:1px}
@media(max-width:650px){html[data-hero-option="3"] .campaign-copy{width:auto;inset:0;padding:70px 7% 0}html[data-hero-option="3"] .campaign h1.hero-signature{width:min(320px,100%)}}

.intro.approved-intro .intro-title h2{font-style:italic}.intro.approved-intro .intro-title h2 em{font-style:inherit}

/* Approved two-part sensory introduction; mobile reads left then right. */
.intro.approved-intro.sensory-intro{grid-template-columns:1fr 1fr;align-items:center}
.sensory-intro .intro-title h2{font-size:clamp(25px,2.25vw,35px);line-height:1.3;font-style:italic;letter-spacing:-.02em;text-transform:none}
@media(max-width:650px){.intro.approved-intro.sensory-intro{display:block}.sensory-intro .intro-title h2{font-size:27px;line-height:1.3}}

/* Center the approved title pair on the full photograph at every width. */
html[data-hero-option="3"] .campaign-copy{inset:0;width:100%;max-width:none;padding:0 7%;justify-content:center;align-items:center;text-align:center}
html[data-hero-option="3"] .campaign-copy>p.hero-tagline{margin:0 auto;text-align:center}
html[data-hero-option="3"] .campaign h1.hero-signature{margin:16px auto 0;align-self:center}
@media(max-width:650px){html[data-hero-option="3"] .campaign-copy{inset:0;width:100%;padding:0 7%}}

/* Restrained signature and single lifestyle descriptor. */
html[data-hero-option="3"] .campaign h1.hero-signature{width:clamp(250px,28vw,390px)}
html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-size:10px;letter-spacing:1.6px}
@media(max-width:650px){html[data-hero-option="3"] .campaign h1.hero-signature{width:min(245px,76vw)}html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-size:9px;letter-spacing:1.3px}}

/* Signatures: fashion-editorial lettering, warm near-black atmosphere. */
.services.signatures-final{background:#100d0b;color:#e7ddce;border-top:1px solid #b69a7220;border-bottom:1px solid #b69a7220}
.services .signatures-heading h2{font:italic 400 clamp(65px,8.5vw,124px)/1.02 HouseFashion,serif;font-synthesis:none;letter-spacing:-.055em;color:#cfb994;margin:0 0 30px;text-transform:none}
.services .signatures-heading p{color:#d3c7b8}
.signatures-final .signature-card h3{color:#e7ddce}
.signatures-final .signature-card p{color:#c8baaa}
.signatures-final .signature-card .line-link{color:#cfb994;border-color:#9a80604d}
.signatures-final .signature-card svg [fill="#8f8272"]{fill:#8e775a}
.signatures-final .signature-card svg [fill="#736656"]{fill:#6d573f}
.signatures-final .signature-card svg [fill="#56483c"]{fill:#493725}
.signatures-final .signature-card svg [fill="#302a23"]{fill:#271d14}
@media(max-width:650px){.services .signatures-heading h2{font-size:clamp(55px,15vw,88px);letter-spacing:-.055em;line-height:1.08}.signatures-final .signature-card{padding-bottom:35px;border-bottom:1px solid #b69a7220}.signatures-final .signature-card:last-child{border-bottom:0;padding-bottom:0}}

/* Three heading font studies and an editorial process chapter. */
.signature-font-choices{display:flex;justify-content:center;gap:10px;margin:0 0 32px;flex-wrap:wrap}
.signature-font-choices button{background:none;border:1px solid #cfb99440;padding:10px 15px;color:#d3c7b8;font:11px HouseSans,sans-serif;letter-spacing:.6px;min-height:44px;cursor:pointer}
.signature-font-choices button[aria-pressed="true"]{color:#cfb994;border-color:#cfb994}
.signatures-final[data-font="2"] .signatures-heading h2{font-family:HouseEditorial,serif;font-weight:300;letter-spacing:-.03em}
.signatures-final[data-font="3"] .signatures-heading h2{font-family:HouseAutograph,cursive;font-style:normal;letter-spacing:-.06em}
.design-process{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;background:#17120e;color:#e7ddce}
.process-heading .eyebrow{color:#cfb994;font-size:10px;letter-spacing:2.5px}
.process-heading h2{font:italic 400 clamp(35px,3.7vw,58px)/1.1 HouseFashion,serif;letter-spacing:-.025em;margin:26px 0}
.process-heading>p{font:350 14px/1.7 HouseSans,sans-serif;color:#c8baaa}
.process-steps{list-style:none;padding:0;margin:0}
.process-steps li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:25px 0;border-top:1px solid #cfb99430}
.process-steps li:first-child{padding-top:0;border:0}
.process-number{font:italic 400 24px HouseFashion,serif;color:#ac9279}
.process-steps h3{font:400 29px/1.2 HouseEditorial,serif;margin:0 0 12px;color:#e7ddce}
.process-steps p{font:350 15px/1.7 HouseSans,sans-serif;color:#c8baaa;margin:0}
@media(max-width:850px){.design-process{grid-template-columns:1fr;gap:40px}.process-heading h2{font-size:clamp(34px,7vw,52px)}}
@media(max-width:650px){.signature-font-choices{gap:7px}.signature-font-choices button{padding:10px 11px}.process-steps li{grid-template-columns:35px 1fr;gap:15px}.process-steps p{font-size:16px}}

/* Six-stage process from the supplied stone-and-brass reference. */
.design-process.process-six{display:block;background:linear-gradient(#100d0be8,#100d0bdf),url('assets/process-stone-brass.png') center/cover;color:#e7ddce}
.process-six .process-heading{text-align:center;max-width:850px;margin:0 auto 65px}
.process-six .process-steps{display:grid;grid-template-columns:1fr 1fr;gap:35px 8%}
.process-six .process-steps>li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:25px 0;border-top:1px solid #cfb99430}
.process-six .process-steps>li:first-child{border-top:1px solid #cfb99430;padding-top:25px}
.process-six .process-steps .process-subtitle{font:italic 400 19px/1.4 HouseEditorial,serif;margin:0 0 17px;color:#cfb994}
.process-six .process-steps ul{list-style:none;padding:0;margin:0}
.process-six .process-steps ul li{display:block;border:0;padding:0 0 8px 12px;position:relative;font:350 14px/1.6 HouseSans,sans-serif;color:#c8baaa}
.process-six .process-steps ul li:before{content:'·';position:absolute;left:0;color:#cfb994}
@media(max-width:650px){.process-six .process-heading{margin-bottom:35px}.process-six .process-steps{grid-template-columns:1fr;gap:10px}.process-six .process-steps>li{grid-template-columns:35px 1fr;gap:15px}.process-six .process-steps ul li{font-size:15px}.design-process.process-six{background-position:35% center}}

/* Geometric editorial type direction inspired by the supplied wordmark. */
@font-face{font-family:HouseGeometric;src:url('assets/fonts/house-geometric.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body{font-family:HouseSans,sans-serif}
.section-heading h2,.services .signatures-heading h2,.signature-card h3,.palette h2,.vault h2,.contact-final h2,.process-heading h2,.process-steps h3,.beyond-headline{font-family:HouseGeometric,HouseSans,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.025em}
.services .signatures-heading h2{font-size:clamp(58px,7vw,100px);line-height:1.15}
.portfolio-caption h3{font-family:HouseGeometric,HouseSans,sans-serif;font-weight:400;letter-spacing:-.02em;line-height:1.12}
.portfolio-caption p{font-family:HouseSans,sans-serif;font-weight:350;font-size:clamp(14px,1.1vw,17px);line-height:1.5}
html[data-hero-option="3"] .campaign-copy>p.hero-tagline{font-family:HouseGeometric,HouseSans,sans-serif;font-style:normal;font-size:clamp(16px,1.35vw,21px);letter-spacing:.025em}
.intro.approved-intro .intro-title h2{font-family:HouseGeometric,HouseSans,sans-serif;font-style:italic;font-synthesis:style;font-weight:400;line-height:1.35}
.intro.approved-intro .intro-body p{font-family:HouseSans,sans-serif;font-size:clamp(17px,1.35vw,21px);line-height:1.65;font-weight:350}
.editorial-header .header-owi{font-family:HouseGeometric,HouseSans,sans-serif}
@media(max-width:650px){.services .signatures-heading h2{font-size:clamp(49px,13vw,75px)}html[data-hero-option="3"] .campaign-copy>p.hero-tagline{font-size:17px}.portfolio-caption p{font-size:clamp(12px,3.3vw,16px);line-height:1.3}.intro.approved-intro .intro-body p{font-size:18px;line-height:1.65}}

/* Supplied editorial references: original photographs and exact section copy. */
.palette-editorial{background:#100e0c;grid-template-columns:1.15fr .85fr;gap:10%;padding-top:100px;padding-bottom:100px}
.palette-editorial h2{font-size:clamp(54px,6vw,90px);margin:0 0 26px}
.palette-editorial .palette-deck{font:italic 400 clamp(23px,2.4vw,34px)/1.3 HouseEditorial,serif;color:#e8e1d5;margin:0 0 30px}
.palette-editorial p{font:350 18px/1.65 HouseSans,sans-serif;color:#cfc4b7;max-width:630px}
.palette-editorial .palette-art{margin:0}.palette-editorial .palette-art img{aspect-ratio:4/5;object-fit:contain;filter:none}
.vault-editorial{background:#0d0c0a;padding:95px 7%;border-top:1px solid #b69a7220}
.vault-heading h2{font-size:clamp(54px,6vw,90px);margin:0 0 18px}.vault-editorial .vault-deck{font:350 clamp(23px,2.3vw,32px)/1.4 HouseSans,sans-serif;max-width:none;margin:0}
.vault-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;max-width:1250px;margin:60px auto 0;text-align:left}
.vault-editorial .vault-copy p{font:350 18px/1.65 HouseSans,sans-serif;color:#cfc4b7;max-width:none;margin:0 0 25px}
.vault-editorial .coming-soon{margin:0 0 25px}.vault-editorial .vault-copy .vault-invitation{font:italic 400 22px/1.5 HouseEditorial,serif;color:#e7ddce}
.reference-window{position:relative;overflow:hidden;margin:0;width:100%}.reference-window img{position:absolute;max-width:none;display:block}
.vault-image{aspect-ratio:444/525}.vault-image img{width:333.7838%;height:auto;left:-111.7117%;top:-56%}
.contact-final{background:#161616;min-height:600px}.contact-final .contact-thought p{font:italic 400 clamp(27px,2.4vw,38px)/1.65 HouseEditorial,serif;color:#ede6db}
.contact-final .contact-details{background:#24211e;padding:70px 10%;align-items:center;text-align:center}
.contact-final h2{font-family:HouseGeometric,HouseSans,sans-serif;font-size:clamp(38px,4vw,60px);margin:0 0 28px}
.contact-final .contact-email{display:flex;align-items:center;gap:16px;font:350 clamp(15px,1.35vw,22px)/1.5 HouseSans,sans-serif;color:#e0d6c8;letter-spacing:0}
.contact-email svg{width:37px;flex:0 0 37px;fill:none;stroke:#ac9279;stroke-width:1.2}
.contact-shoes{aspect-ratio:533/358;margin-top:42px;max-width:560px}.contact-shoes img{width:384.2402%;height:auto;left:-236.0225%;top:-145.5307%}
.owi .owi-styling{font:350 15px/1.7 HouseSans,sans-serif;max-width:730px;color:#c8baaa;margin-top:15px}.owi>div{max-width:70%}
.portfolio-caption h3{font-family:HouseEditorial,serif;font-size:clamp(25px,2.7vw,43px);font-weight:400;letter-spacing:-.025em}
.portfolio-caption p{font-family:HouseEditorial,serif;font-size:clamp(16px,1.4vw,21px);line-height:1.4}
@media(max-width:850px){.palette-editorial{grid-template-columns:1fr;gap:45px}.palette-editorial .palette-art{max-width:540px}.vault-layout{grid-template-columns:1fr;gap:40px}.vault-image{max-width:420px;margin:auto}.contact-final{min-height:0}.contact-final .contact-details{padding:55px 7%}.owi>div{max-width:100%}}
@media(max-width:650px){.palette-editorial,.vault-editorial{padding:65px 7%}.palette-editorial h2,.vault-heading h2{font-size:54px}.palette-editorial p,.vault-editorial .vault-copy p{font-size:17px}.palette-editorial .palette-art img{aspect-ratio:4/5}.vault-layout{margin-top:35px}.vault-image{width:75%;max-width:320px}.contact-final .contact-thought{padding:55px 7%}.contact-final .contact-thought p{font-size:27px}.contact-email svg{width:27px;flex-basis:27px}.contact-final .contact-email{gap:10px;font-size:clamp(14px,4vw,19px)}.contact-shoes{margin-top:30px}.portfolio-caption h3{font-size:clamp(20px,5.4vw,28px)}.portfolio-caption p{font-size:clamp(13px,3.3vw,16px);line-height:1.25}}

/* One concise editorial process section. */
.design-process.process-simple{display:block;background:#15110e;padding:70px 7%;text-align:center;border-top:1px solid #b69a7220}
.process-simple h2{font:400 clamp(36px,4.3vw,60px)/1.15 HouseGeometric,HouseSans,sans-serif;letter-spacing:-.025em;margin:0 0 25px;color:#e7ddce}
.process-simple>p{font:350 18px/1.75 HouseSans,sans-serif;color:#c8baaa;max-width:820px;margin:0 auto}
@media(max-width:650px){.design-process.process-simple{padding:50px 7%}.process-simple h2{font-size:38px;margin-bottom:22px}.process-simple>p{font-size:17px;line-height:1.7}}

/* Restore the approved serif voices in the introduction and Studio. */
.intro.approved-intro.sensory-intro .intro-title h2{font-family:HouseFashion,serif;font-style:italic;font-weight:400;font-synthesis:none;line-height:1.3;letter-spacing:-.02em}
.studio-editorial .beyond-headline{font-family:HouseFashion,serif;font-style:normal;font-weight:400;font-synthesis:none;letter-spacing:-.05em}

/* The hero overlay uses the entire photograph, independent of legacy grid columns. */
html[data-hero-option="3"] .campaign{display:block;grid-template-columns:none}
html[data-hero-option="3"] .campaign-copy{position:absolute;inset:0;left:0;right:0;top:0;bottom:0;width:auto;height:auto;margin:0;max-width:none;grid-column:1/-1;justify-self:stretch;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 7%;text-align:center}
html[data-hero-option="3"] .campaign-copy>p.hero-tagline{width:100%;max-width:none;margin:0;text-align:center}
html[data-hero-option="3"] .campaign h1.hero-signature{margin:16px auto 0;transform:none}
html[data-hero-option="3"] .campaign-copy .hero-service-line{left:0;right:0;width:100%;margin:0;text-align:center}
html[data-hero-option="3"] .campaign-button{left:50%;right:auto;transform:translateX(-50%);margin-left:0;margin-right:0;white-space:nowrap}

/* Restore the expression line's original refined serif, at the approved smaller scale. */
html[data-hero-option="3"] .campaign-copy>p.hero-tagline{font-family:HouseFashion,serif;font-style:normal;font-weight:400;font-synthesis:none;letter-spacing:-.025em;font-size:clamp(16px,1.35vw,21px);line-height:1.2}
@media(max-width:650px){html[data-hero-option="3"] .campaign-copy>p.hero-tagline{font-size:17px}}

/* Monogram at center-left; the expression and signature form the right column. */
.editorial-header{height:100px;grid-template-columns:1fr auto;padding-top:22px}.editorial-header nav{grid-column:1;justify-self:start}.editorial-header .header-owi{grid-column:2;justify-self:end}.editorial-header .menu-toggle{grid-column:1}
.hero-lockup{display:grid;grid-template-columns:180px minmax(0,440px);align-items:center;gap:65px;width:min(100%,685px);margin:auto}
.hero-monogram{display:block;width:180px;line-height:0}.hero-monogram img{display:block;width:100%;height:auto;filter:none}
.hero-words{text-align:center;min-width:0}
html[data-hero-option="3"] .hero-words .hero-tagline{font:400 clamp(17px,1.45vw,22px)/1.3 HouseFashion,serif;letter-spacing:-.025em;text-align:center;margin:0}
html[data-hero-option="3"] .hero-words h1.hero-signature{width:min(100%,390px);margin:20px auto 0}
html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-family:HouseSans,sans-serif;font-size:clamp(16px,1.55vw,23px);font-weight:600;letter-spacing:2px;line-height:1.4;bottom:90px}
.intro.approved-intro .intro-house-name{font:400 15px/1.5 HouseGeometric,HouseSans,sans-serif;letter-spacing:3px;margin:0 0 24px;color:#cfb994}
@media(max-width:1200px){.editorial-header nav{top:100px}}
@media(max-width:650px){.editorial-header{height:90px;padding-top:16px}.editorial-header nav{top:90px}.hero-lockup{grid-template-columns:80px minmax(0,1fr);gap:20px;max-width:340px;margin:auto}.hero-monogram{width:80px}html[data-hero-option="3"] .hero-words .hero-tagline{font-size:16px}html[data-hero-option="3"] .hero-words h1.hero-signature{width:100%;max-width:230px;margin-top:14px}html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-size:15px;font-weight:600;letter-spacing:1.4px;bottom:80px}.intro.approved-intro .intro-house-name{font-size:14px;letter-spacing:2.2px}}

/* Three comparable hero studies with quieter service lettering and smaller signature. */
html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-weight:350;font-size:12px;letter-spacing:1.6px;bottom:82px}
html[data-hero-option="3"] .hero-words h1.hero-signature{width:min(100%,300px);margin-top:15px}
.hero-layout-review{padding:24px 7%;background:#15110e;border-bottom:1px solid #cfb99425;color:#d8ccba}.hero-layout-review>p{font:350 14px/1.6 HouseSans,sans-serif;margin:0 0 15px}.hero-layout-review>div{display:flex;gap:10px;flex-wrap:wrap}.hero-layout-review button{font:350 13px HouseSans,sans-serif;padding:12px 18px;min-height:44px;background:transparent;color:#d8ccba;border:1px solid #cfb99450;cursor:pointer}.hero-layout-review button[aria-pressed="true"]{border-color:#cfb994;background:#cfb99415}
html[data-hero-study="1"] .hero-lockup{display:flex;flex-direction:column;gap:30px;width:100%;margin:0}html[data-hero-study="1"] .hero-monogram{width:90px}html[data-hero-study="1"] .hero-words{width:min(100%,400px)}
html[data-hero-study="2"] .hero-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:min(100%,850px);margin:0}html[data-hero-study="2"] .hero-monogram{width:95px}html[data-hero-study="2"] .hero-words{text-align:left;width:min(100%,400px)}html[data-hero-study="2"] .hero-words .hero-tagline{text-align:left}html[data-hero-study="2"] .hero-words h1.hero-signature{margin-left:0;margin-right:0}
html[data-hero-study="3"] .hero-lockup{display:grid;grid-template-columns:100px 1fr;gap:45px;width:min(100%,560px);margin:0 0 0 20%}html[data-hero-study="3"] .hero-monogram{width:100px}
@media(max-width:650px){html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-size:11px;font-weight:350;letter-spacing:1.3px;bottom:78px}html[data-hero-option="3"] .hero-words h1.hero-signature{max-width:215px;margin-top:13px}.hero-layout-review{padding:20px 7%}.hero-layout-review>div{flex-wrap:nowrap;gap:7px}.hero-layout-review button{flex:1;padding:11px 5px;font-size:11px}html[data-hero-study="1"] .hero-lockup{gap:24px}html[data-hero-study="1"] .hero-monogram{width:70px}html[data-hero-study="2"] .hero-lockup{gap:25px;width:100%;padding-left:5%}html[data-hero-study="2"] .hero-monogram{width:70px}html[data-hero-study="3"] .hero-lockup{width:100%;grid-template-columns:65px minmax(0,1fr);gap:22px;margin:0}html[data-hero-study="3"] .hero-monogram{width:65px}}

/* Approved option 01, with a slightly stronger monogram and quieter lettering. */
html[data-hero-study="1"] .hero-monogram{width:105px}
html[data-hero-option="3"][data-hero-study="1"] .hero-words .hero-tagline{font-size:clamp(15px,1.15vw,18px);font-weight:400;color:#ddd3c5;text-shadow:0 1px 8px #0005;-webkit-text-stroke:0}
html[data-hero-option="3"][data-hero-study="1"] .hero-words h1.hero-signature{width:min(100%,280px)}
@media(max-width:650px){html[data-hero-study="1"] .hero-monogram{width:82px}html[data-hero-option="3"][data-hero-study="1"] .hero-words .hero-tagline{font-size:14px}html[data-hero-option="3"][data-hero-study="1"] .hero-words h1.hero-signature{max-width:200px}}

/* A light editorial italic for the mood paragraph. */
.intro.approved-intro.sensory-intro .intro-title h2{font-family:HouseEditorial,serif;font-style:italic;font-weight:300;font-synthesis:none;letter-spacing:-.01em;line-height:1.35;-webkit-text-stroke:0;text-shadow:none}

/* Section headings echo the approved HOUSE OF MALAYA lettering. */
#work #work-title,#services .signatures-heading h2,#process #process-title,#palette h2,#vault h2,#contact h2{font-family:HouseGeometric,HouseSans,sans-serif;font-style:normal;font-weight:400;font-synthesis:none;text-transform:uppercase;letter-spacing:.16em;line-height:1.25;font-size:clamp(28px,4vw,58px)}
#process #process-title{font-size:clamp(25px,3vw,46px)}
@media(max-width:650px){#work #work-title,#services .signatures-heading h2,#palette h2,#vault h2,#contact h2{font-size:clamp(26px,7.3vw,40px);letter-spacing:.12em}#process #process-title{font-size:clamp(23px,5.8vw,32px);letter-spacing:.10em}}

/* Four signature services, with comfortable reading widths. */
.signatures-final .signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 8%}.owi>div{display:block}
@media(max-width:850px){.signatures-final .signature-grid{grid-template-columns:1fr;gap:40px}}

/* Smaller service titles, preserving the approved typeface. */
#services .signature-card h3{font-size:24px;line-height:1.25}
@media(max-width:650px){#services .signature-card h3{font-size:21px}}

/* Every portfolio spread uses the first image’s full-bleed frame. */
#work .projects{align-items:stretch}
#work .portfolio-project{aspect-ratio:998/720}
#work .portfolio-image{position:absolute;inset:0;width:100%;height:100%}
#work .portfolio-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}

/* Keep the bathroom’s left shower stone in view. */
#work .portfolio-project:nth-child(13) .portfolio-image img{object-position:left center}

/* A single horizontal, numbered process; swipe on smaller screens. */
#process.process-horizontal{display:block;background:#15110e;padding:70px 5%;text-align:center}
#process .process-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:48px 0 0;gap:26px;text-align:left}
#process .process-timeline li{border-top:1px solid #8e775a70;padding-top:22px;min-width:0}
#process .process-number{display:block;font:300 52px/1 HouseEditorial,serif;color:#cfb994;margin-bottom:22px}
#process .process-timeline h3{font:400 16px/1.35 HouseGeometric,HouseSans,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;color:#eee5d8}
#process .process-timeline p{font:350 15px/1.65 HouseSans,sans-serif;color:#c8baaa;margin:0;max-width:none}
@media(max-width:1100px){#process .process-timeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:30px;padding-bottom:20px}#process .process-timeline li{flex:0 0 240px;scroll-snap-align:start}}
@media(max-width:650px){#process.process-horizontal{padding:50px 6%}#process .process-timeline{margin-top:32px;gap:24px}#process .process-timeline li{flex-basis:78%}#process .process-number{font-size:45px}}

/* Seven chapters, ending with The Reveal. */
#process .process-timeline{grid-template-columns:repeat(7,minmax(0,1fr));gap:22px}

/* Distinct moodboard and room-visual offerings, sharing the Palette section. */
#palette.palette-offerings{display:block}
#palette .palette-offering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8%;align-items:start}
#palette .vision-copy{border-left:1px solid #8e775a55;padding-left:12%}
#palette .vision-copy p{font:350 17px/1.7 HouseSans,sans-serif;color:#c8baaa;margin-top:22px}
#palette .vision-copy .palette-deck{font:italic 400 25px/1.4 HouseEditorial,serif;color:#e7ddce}
#palette .vision-copy .vision-includes{font-size:15px;color:#cfb994}
#palette .vision-copy .vision-note{font-size:13px;line-height:1.6}
#palette.palette-offerings .palette-art{margin:45px 0 0;width:100%;max-width:none}
#palette.palette-offerings .palette-art img{width:100%;height:260px;object-fit:cover;object-position:center 52%}
@media(max-width:750px){#palette .palette-offering-grid{grid-template-columns:1fr;gap:45px}#palette .vision-copy{border-left:0;border-top:1px solid #8e775a55;padding:35px 0 0}#palette.palette-offerings .palette-art img{height:230px}}

/* Portfolio navigation lives on the image, without a separate title bar. */
#work{position:relative;padding:0}
#work #work-title.portfolio-overlay-heading{position:absolute;top:27px;left:50%;transform:translateX(-50%);z-index:4;margin:0;font-size:15px;letter-spacing:.18em;color:#f3ece0;pointer-events:none;text-shadow:0 1px 6px #000a}
#work .portfolio-navigation{position:absolute;top:50%;right:24px;transform:translateY(-50%);z-index:5;margin:0;width:auto}
#work .portfolio-navigation>div{display:flex;flex-direction:column;gap:12px}
#work .portfolio-navigation button{border:0;background:#100d0b65;color:#f3ece0;width:44px;height:44px;min-width:44px;min-height:44px;font-size:25px}
#work .portfolio-navigation button:hover:not(:disabled){background:#100d0ba0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){#work #work-title.portfolio-overlay-heading{top:11px;font-size:10px;letter-spacing:.12em}#work .portfolio-navigation{right:8px}#work .portfolio-navigation>div{gap:4px}}

#vision{scroll-margin-top:40px}#palette .vision-copy .vision-service-label{font:350 12px/1.5 HouseSans,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#cfb994;margin-top:14px}

/* Separate services with complete, uncropped image compositions. */
#palette.palette-separated{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
#palette.palette-separated .palette-art{margin:0;width:100%;max-width:none}
#palette.palette-separated .palette-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
#vision.visual-concepts{display:block;background:#15110e;color:#eee5d8;scroll-margin-top:30px}
#vision .vision-copy{max-width:900px;margin:0 auto 40px;text-align:center;border:0;padding:0}
#vision h2{font:400 clamp(28px,4vw,58px)/1.25 HouseGeometric,HouseSans,sans-serif;text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px}
#vision .vision-service-label{font:350 12px/1.5 HouseSans,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#cfb994}
#vision .palette-deck{font:italic 400 25px/1.4 HouseEditorial,serif;margin:22px 0;color:#e7ddce}
#vision .vision-copy>p:not(.palette-deck):not(.vision-service-label){font:350 17px/1.7 HouseSans,sans-serif;color:#c8baaa;margin-top:20px}
#vision .vision-copy .vision-includes{font-size:15px!important;color:#cfb994!important}
#vision .vision-copy .vision-note{font-size:13px!important}
#vision .visual-concepts-art{margin:0;width:100%}
#vision .visual-concepts-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:750px){#palette.palette-separated{grid-template-columns:1fr;gap:32px}#vision h2{font-size:clamp(26px,7.3vw,40px);letter-spacing:.12em}#vision .vision-copy{margin-bottom:28px}#vision .vision-copy>p:not(.palette-deck):not(.vision-service-label){font-size:16px}}

/* The Us headline stays on the photograph’s left side at every size. */
#studio .beyond-headline{position:absolute;left:4.5%;top:39%;width:39%;margin:0;font-family:HouseEditorial,serif;font-weight:700;font-size:clamp(100px,11.5vw,220px);line-height:.78;letter-spacing:-.055em;color:#29251e;z-index:2}
#studio .beyond-headline .beyond-kicker{font:400 clamp(13px,1.3vw,21px)/1.4 HouseSans,sans-serif;letter-spacing:.45em;margin-bottom:15px}
@media(max-width:1050px){#studio .beyond-headline{top:0;transform:translateY(26vw);font-size:14vw;width:41%;line-height:.8}#studio .beyond-headline .beyond-kicker{font-size:1.8vw;letter-spacing:.3em;margin-bottom:1.5vw}}
@media(max-width:650px){#studio .beyond-headline{transform:translateY(25vw);font-size:14vw}#studio .beyond-headline .beyond-kicker{font-size:2vw}}

#studio .combined-bio>p{font:inherit;color:inherit;margin:0 0 .65em}#studio .combined-bio>p:last-child{margin-bottom:0}
@media(min-width:1051px){#studio .combined-bio{font-size:clamp(14px,1.05vw,18px);line-height:1.3}}

/* Flow the desktop headline after the complete bio to prevent overlap. */
@media(min-width:1051px){
 #studio .beyond-headline{position:static;transform:none;width:100%;margin:32px 0 0;font-size:clamp(90px,9vw,172px);line-height:.82}
}

/* Envision: full-bleed editorial spread, with the entire image preserved. */
#vision.visual-concepts{display:grid;grid-template-columns:1fr;padding:0;position:relative;isolation:isolate;background:#15110e}
#vision .visual-concepts-art{grid-area:1/1;align-self:end;z-index:0}
#vision .visual-concepts-art img{width:100%;height:auto;object-fit:contain;filter:none}
#vision::before{content:"";grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(16,13,11,.88),rgba(16,13,11,.62) 35%,transparent 62%)}
#vision .vision-copy{grid-area:1/1;align-self:start;z-index:2;width:43%;max-width:640px;margin:0;padding:3.5vw 0 3.5vw 4.5vw;box-sizing:border-box;text-align:left}
#vision h2{font-size:clamp(34px,4vw,64px);margin-bottom:10px}
#vision .vision-service-label{margin:0}
#vision .palette-deck{margin:16px 0;font-size:clamp(22px,1.6vw,28px)}
#vision .vision-copy>p:not(.palette-deck):not(.vision-service-label){font-size:clamp(14px,1vw,17px);line-height:1.5;margin:14px 0;color:#eee5d8}
#vision .vision-copy .vision-includes{font-size:13px!important}
#vision .vision-copy .vision-note{font-size:11px!important;line-height:1.5}
#vision .line-link{margin-top:10px}
@media(max-width:1100px){
 #vision.visual-concepts{display:block}
 #vision::before{display:none}
 #vision .vision-copy{width:100%;max-width:720px;padding:36px 7% 30px;margin:0}
 #vision .vision-copy>p:not(.palette-deck):not(.vision-service-label){font-size:16px;line-height:1.6}
 #vision h2{font-size:clamp(32px,6vw,52px)}
 #vision .visual-concepts-art{width:100%;margin:0}
}

/* Smoky charcoal background for the Introduction. */
#studio.studio-editorial{background:#161616}

/* A welcoming inquiry beside the original shoes photograph. */
#contact .contact-thought{padding:60px 9%;justify-content:flex-start}
#contact .contact-thought>p{font-size:clamp(24px,2vw,32px);line-height:1.5}
#contact .inquiry-intro{margin-top:28px}
#contact .inquiry-intro h3{font:400 25px/1.25 HouseEditorial,serif;color:#eee5d8;margin:0 0 14px}
#contact .inquiry-intro p,#contact .inquiry-delivery,#contact #inquiry-status{font:350 15px/1.6 HouseSans,sans-serif;text-align:left;max-width:none;margin:0 0 14px;color:#cfc4b7}
#contact .inquiry-intro .inquiry-next{font-size:13px}
#inquiry-form{width:100%;margin-top:18px}
#inquiry-form .inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#inquiry-form label{display:block;font:350 11px/1.5 HouseSans,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#eee5d8}
#inquiry-form label span{letter-spacing:0;text-transform:none;color:#bfb6aa}
#inquiry-form input,#inquiry-form select,#inquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #cfb99465;background:transparent;color:#eee5d8;font:350 16px/1.5 HouseSans,sans-serif;padding:10px 0;border-radius:0;min-height:44px}
#inquiry-form select option{background:#161616;color:#eee5d8}
#inquiry-form>label{margin-top:22px}
#inquiry-form textarea{resize:vertical}
#inquiry-form button{background:#e7ddce;color:#161616;border:0;min-height:48px;padding:13px 20px;margin:24px 0 12px;font:400 12px/1.5 HouseSans,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
#inquiry-form :is(input,select,textarea):focus-visible{outline:1px solid #cfb994;outline-offset:4px}
#contact .contact-details{background:#161616;justify-content:center}
#contact .inquiry-delivery{font-size:12px}
.owi{background:#161616}
@media(max-width:650px){#contact .contact-thought{padding:40px 7%}#inquiry-form .inquiry-fields{grid-template-columns:1fr;gap:18px}#contact .contact-details{padding:40px 7%}#inquiry-form button{width:100%}}

/* Simplified closing: Inquiry left, the saying and shoes right. */
#contact .contact-thought h2{margin:0 0 18px;text-align:left}
#contact .inquiry-intro{margin:0 0 12px}
#contact .inquiry-saying{width:100%;text-align:left;margin-bottom:28px}
#contact .inquiry-saying p{font:italic 400 clamp(25px,2.25vw,36px)/1.5 HouseEditorial,serif;color:#eee5d8;margin:0;max-width:none}
#contact .contact-details{align-items:stretch;justify-content:flex-start;padding-top:60px}
#contact .contact-email{align-self:flex-start;font-size:clamp(14px,1.2vw,19px);margin-bottom:0}
#contact .contact-shoes{margin-top:28px}
footer.quiet-footer{display:block;text-align:center;padding:22px 6%;background:#161616;border-top:1px solid #eee5d815}
footer.quiet-footer>span{font:350 10px/1.5 HouseSans,sans-serif;letter-spacing:.12em;color:#bfb6aa}
@media(max-width:650px){#contact .contact-details{padding-top:35px}#contact .inquiry-saying p{font-size:27px}}

#palette .palette-terms{font-size:13px;line-height:1.6;color:#c8baaa}#palette .palette-scope{font-size:15px;line-height:1.6}

/* Stable intrinsic dimensions for the Collection photograph. */
#vault .vault-image img{position:static;display:block;width:100%;height:auto;max-width:100%;left:auto;top:auto}

#contact .contact-shoes img{position:static;display:block;width:100%;height:auto;max-width:100%;left:auto;top:auto}
footer.quiet-footer .closing-logo{display:block;width:75px;margin:4px auto 24px}
footer.quiet-footer .closing-logo img{display:block;width:100%;height:auto}

/* Match the approved reference: BEYOND above the left-aligned stack. */
#studio .beyond-headline{text-align:left}
#studio .beyond-headline .beyond-kicker{text-indent:0}
@media(min-width:1051px){#studio .beyond-headline{width:94%;margin-left:6%}}
@media(max-width:1050px){#studio .beyond-headline{left:7%;width:39%}}

#contact .contact-thought h2{font-size:clamp(28px,4vw,58px);margin-left:0;text-align:left}
@media(max-width:650px){#contact .contact-thought h2{font-size:clamp(26px,7.3vw,40px);margin-left:0;text-align:left}}

/* Smaller blueprint saying, gently inset while remaining left aligned. */
#contact .inquiry-saying{width:93%;margin-left:7%;text-align:left}
#contact .inquiry-saying p{font-size:clamp(18px,1.4vw,22px);line-height:1.55;text-align:left}
@media(max-width:650px){#contact .inquiry-saying p{font-size:18px}}

/* Align OWI above the ladder with a slightly stronger letterform. */
.editorial-header .header-owi{margin-right:8vw;-webkit-text-stroke:.22px currentColor}
@media(max-width:650px){.editorial-header .header-owi{margin-right:4vw;-webkit-text-stroke:.18px currentColor}}

/* The opened portfolio repeats the editorial spread without empty image gutters. */
#gallery{padding:0;width:min(1000px,100vw);max-width:100vw;max-height:92svh;background:#161616;overflow:auto}
#gallery .portfolio-project{aspect-ratio:998/720;width:100%;margin:0}
#gallery .portfolio-image{position:absolute;inset:0;width:100%;height:100%;margin:0}
#gallery .portfolio-image img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
#gallery .portfolio-caption h3{text-align:left;font-family:HouseEditorial,serif}
#gallery #close-gallery{z-index:5;top:10px;right:10px;padding:6px 10px;font:400 12px HouseSans,sans-serif;background:#161616ba;border-color:#eee5d866}
@media(max-width:650px){
 html[data-hero-option="3"] .campaign-copy>p.hero-service-line{font-size:12px;font-weight:550;color:#fff8ec;text-shadow:0 1px 5px #000,0 0 12px #0008;letter-spacing:1.25px}
 html[data-hero-option="3"] .campaign-button{font-weight:550;font-size:12px;color:#fff8ec;text-shadow:0 1px 5px #000,0 0 10px #0008}
 #work #work-title.portfolio-overlay-heading{font-size:12px;-webkit-text-stroke:.2px currentColor;text-shadow:0 1px 4px #000,0 0 9px #000}
 #work .portfolio-labels,#gallery .portfolio-labels{font-size:10px;font-weight:550;letter-spacing:.8px;color:#fff8ec;text-shadow:0 1px 4px #000,0 0 8px #000;top:34px}
 #work .portfolio-labels span,#gallery .portfolio-labels span{padding:3px 5px;background:#14141466}
 #gallery{width:100vw;max-width:100vw;border:0}
 #gallery .portfolio-caption{left:5%;bottom:5%;width:90%}
 #gallery .portfolio-caption h3{font-size:clamp(20px,5.4vw,28px);line-height:1.08;margin:0 0 10px}
 #gallery .portfolio-caption p{font-size:clamp(13px,3.3vw,16px);line-height:1.25}
 #vision.visual-concepts{display:grid;grid-template-columns:1fr;min-height:620px;border-bottom:1px solid #b99a7240}
 #vision .visual-concepts-art{grid-area:1/1;align-self:stretch;height:100%;position:relative}
 #vision .visual-concepts-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center}
 #vision::before{display:block;grid-area:1/1;background:linear-gradient(180deg,#100d0be6 0%,#100d0bb8 62%,#161616 100%)}
 #vision .vision-copy{grid-area:1/1;align-self:start;width:100%;max-width:none;padding:38px 7% 48px;position:relative}
 #vision h2{font-size:36px}
 #vision .palette-deck{font-size:23px;margin:16px 0}
 #vision .vision-copy>p:not(.palette-deck):not(.vision-service-label){font-size:14px;line-height:1.55}
 #vision .vision-copy .vision-note{font-size:11px!important}
 #studio.studio-editorial{border-top:20px solid #161616}
 .owi>div{width:100%;max-width:100%}
 .owi>div>p{white-space:nowrap;max-width:none;font-size:clamp(11px,3.15vw,20px);letter-spacing:0;line-height:1.5}
 #services .signature-card p{font-size:15px;line-height:1.55;margin-top:14px}
 #services .signature-card h3{line-height:1.2}
}

/* Preserve the original unboxed portfolio lettering. */
#work #work-title.portfolio-overlay-heading{ text-shadow:none }
.owi-link-arrow{width:19px;height:19px;display:inline-block;vertical-align:-4px;margin-left:6px}
#studio .beyond-headline .beyond-kicker{padding-left:.25em}
@media(max-width:650px){
 #work .portfolio-labels,#gallery .portfolio-labels{font-weight:450;text-shadow:none;top:12px}
 #work .portfolio-labels span,#gallery .portfolio-labels span{background:none;padding:0}
 #work #work-title.portfolio-overlay-heading{text-shadow:none}
 #studio.studio-editorial{border-top-width:10px}
 #studio .studio-original{aspect-ratio:1.72;object-fit:cover;object-position:center bottom}
 #studio .beyond-headline{transform:translateY(18vw)}
}
/* Landscape uses the available viewport without portrait-sized gutters. */
@media(orientation:landscape) and (max-height:600px){
 #gallery{width:100vw;height:100svh;max-width:100vw;max-height:100svh;margin:0;border:0}
 #gallery .portfolio-project{width:min(100vw,138.6svh);height:100svh;aspect-ratio:auto;margin:0 auto}
 #gallery .portfolio-image img{object-fit:contain;background:#161616}
 #gallery .portfolio-caption{width:70%;left:4%;bottom:5%}
 #gallery .portfolio-caption h3{font-size:clamp(21px,3vw,30px);margin:0 0 7px}
 #gallery .portfolio-caption p{font-size:13px;line-height:1.3;max-width:600px}
 #gallery .portfolio-labels{left:4%;right:4%;top:16px;font-size:10px;text-shadow:none}
 #gallery .portfolio-labels span{background:none;padding:0}
}

/* Restore the complete blue sky and balance the headline in its left column. */
.inquiry-arrow{width:18px;height:18px;display:inline-block;vertical-align:-3px;margin-left:6px}
@media(max-width:650px){
 #studio .studio-original{aspect-ratio:1.5;object-fit:contain;object-position:center}
 #studio .beyond-headline{left:7%;top:0;width:39%;margin:0;transform:translateY(25vw);text-align:left}
 #studio .beyond-headline .beyond-kicker{padding-left:0;text-indent:0;text-align:left}
}

/* Locked mobile editorial composition: one shared edge for all headline lines.
   Keep this block unchanged when adjusting image crops or sky treatment. */
@media(max-width:650px){
 #studio .beyond-headline{left:7%;top:0;width:39%;margin:0;transform:translateY(19vw);text-align:left;font-size:14vw;line-height:.8}
 #studio .beyond-headline>span{display:block;white-space:nowrap}
 #studio .beyond-headline .beyond-kicker{padding:0;text-indent:0;text-align:left;font-size:2.4vw;letter-spacing:.3em;margin-bottom:1.5vw}
 #vision .visual-concepts-art img{object-position:86% top}
}


/* Mobile hierarchy: section name leads; both project labels stay restrained. */
@media(max-width:650px){
 #work #work-title.portfolio-overlay-heading{font-size:13px;font-weight:500;-webkit-text-stroke:.3px currentColor;text-shadow:none}
 #work .portfolio-labels span,#gallery .portfolio-labels span{font-family:HouseSans,sans-serif;font-size:9px;font-weight:350;letter-spacing:.8px;-webkit-text-stroke:0;text-shadow:none;background:none;padding:0}
}

/* Suppress browser-blue pointer focus; retain an inset brass keyboard cue. */
#portfolio-track:focus{outline:none}
#portfolio-track:focus-visible{outline:1px solid #b9aa94;outline-offset:-2px}
#work .portfolio-image:focus:not(:focus-visible){outline:none}
#work .portfolio-image{-webkit-tap-highlight-color:transparent}
@media(max-width:650px){
 #work .portfolio-labels span,#gallery .portfolio-labels span{font-weight:300;font-size:9px;color:#eee5d8;opacity:.85;font-synthesis:none;background:transparent;box-shadow:none;text-shadow:none;-webkit-text-stroke:0}
}

#contact .inquiry-delivery a{display:inline-block;position:relative;z-index:1;color:#eee5d8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;padding:6px 0}

/* Visual editorial edition: image first, depth by choice. */
.editorial-header #main-nav{display:none}.editorial-header #main-nav.is-open{display:flex;position:absolute;top:66px;left:4vw;flex-direction:column;align-items:flex-start;gap:17px;padding:30px;background:#161616;z-index:30}
.editorial-header .menu-toggle{display:block}
#home.visual-opening{height:100svh;min-height:620px;position:relative;overflow:hidden}
.opening-slides{position:absolute;inset:0}.visual-opening .opening-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;pointer-events:none}.visual-opening .opening-slide.is-active{opacity:1}.visual-opening .detail-slide{object-fit:cover;transform:scale(1.3)}.visual-opening .detail-gathering{object-position:48% 60%}.visual-opening .detail-stone{object-position:60% 55%}
html body #home.visual-opening .campaign-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none;padding:110px 5vw 80px;max-width:none;width:100%;text-align:center}
html body #home.visual-opening .hero-lockup{display:flex;flex-direction:column;align-items:center;gap:24px;transform:none;margin:0}
html body #home.visual-opening .hero-monogram{width:126px;display:block;margin:0}html body #home.visual-opening .hero-monogram img{width:100%;height:auto}
html body #home.visual-opening .hero-words{margin:0;text-align:center}html body #home.visual-opening .hero-signature{margin:0}html body #home.visual-opening .signature-lettering{width:330px;max-width:74vw}
.opening-links{display:flex;gap:48px;margin-top:54px;width:min(680px,90vw);justify-content:center}.opening-links a{color:#f2e8d7;text-decoration:none;font-family:HouseSans,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.18em;padding:14px 0;border-bottom:1px solid #c7b79c;flex:1;text-align:left;display:flex;justify-content:space-between;gap:16px}.opening-links span{font-size:18px;font-weight:300}
.slideshow-control{position:absolute;bottom:24px;right:4vw;border:0;background:none;color:#eee5d8;font:11px HouseSans,sans-serif;letter-spacing:.12em;padding:12px;cursor:pointer}
.editorial-details{margin:22px 0;color:inherit}.editorial-details summary{cursor:pointer;display:inline-block;list-style:none;font-family:HouseSans,sans-serif;font-size:12px;letter-spacing:.09em;padding:9px 0;border-bottom:1px solid currentColor}.editorial-details summary::-webkit-details-marker{display:none}.editorial-details summary::after{content:' +';margin-left:18px}.editorial-details[open]>summary::after{content:' −'}.detail-copy{padding-top:18px}.detail-copy p{font-size:16px;line-height:1.65}.detail-copy a{margin-top:15px}
.philosophy-expression{font-size:26px!important}.philosophy-service{font-size:11px!important;text-transform:uppercase;letter-spacing:.18em}
#work .portfolio-caption{display:none}#gallery .portfolio-caption{display:block}#work .portfolio-project::after{background:none;pointer-events:none}
#services{padding:80px 0 0}.signatures-heading{padding:0 6vw 50px}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:none;margin:0}.signature-card{padding:0 0 45px;text-align:left;min-width:0}.signature-card .signature-photo{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;margin:0 0 24px}.signature-card h3,.signature-card>p,.signature-card>details{margin-left:6vw;margin-right:6vw}.signature-card h3{font-size:25px;margin-bottom:13px}.signature-card .signature-short{font-size:16px;line-height:1.5}.signature-card .detail-copy p{font-size:15px;line-height:1.65}
#palette .palette-copy>p:not(.palette-deck){font-size:19px;line-height:1.5}#palette .palette-art img{object-fit:contain}.visual-short{font-size:20px;line-height:1.5}
#vision{position:relative;display:grid;min-height:650px;padding:0;isolation:isolate;overflow:hidden}#vision .visual-concepts-art{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2}#vision .visual-concepts-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}#vision::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.83),rgba(10,8,6,.35) 60%,rgba(10,8,6,.08));z-index:-1}#vision .vision-copy{position:relative;inset:auto;transform:none;width:min(580px,47%);max-width:none;padding:70px 0 60px 6vw;margin:0;background:none}#vision .vision-copy h2{margin-top:0}#vision .vision-copy .detail-copy p{font-size:14px;line-height:1.6}
#studio{display:block;padding:0;position:relative;background:#161616}.studio-photo-frame{position:relative;overflow:hidden}#studio .studio-original{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}#studio .studio-editorial-copy{position:static;inset:auto;transform:none;width:auto;max-width:none;padding:55px 8vw;background:none;color:#e8dfd1}#studio .combined-bio{max-width:850px;margin:auto}#studio .combined-bio>p{font-size:24px;line-height:1.5}#studio .beyond-headline{position:absolute;left:7%;top:0;width:39%;margin:0;transform:translateY(19vw);text-align:left;font-size:14vw;line-height:.8;color:#171714}#studio .beyond-headline>span{display:block;white-space:nowrap}#studio .beyond-headline .beyond-kicker{padding:0;text-indent:0;text-align:left;font-size:2.4vw;letter-spacing:.3em;margin-bottom:1.5vw}
#vault .vault-copy>p{font-size:23px;line-height:1.5}#vault .detail-copy p{font-size:15px}
@media(max-width:650px){
 #home.visual-opening{min-height:620px}.opening-links{flex-direction:column;gap:8px;width:75vw;margin-top:40px}.opening-links a{font-size:12px;padding:12px 0}.opening-links span{font-size:17px}
 html body #home.visual-opening .hero-monogram{width:94px}html body #home.visual-opening .signature-lettering{width:245px}html body #home.visual-opening .hero-lockup{gap:22px}html body #home.visual-opening .campaign-copy{padding-top:95px}
 .visual-opening .detail-slide{transform:scale(1.08)}.visual-opening .detail-gathering{object-position:48% center}.visual-opening .detail-stone{object-position:60% center}
 .sensory-intro{padding:48px 7vw}.sensory-intro h2{font-size:26px;line-height:1.5}.sensory-intro .intro-body>p{font-size:17px;line-height:1.6}.sensory-intro .intro-rule{display:none}
 #work .portfolio-project{aspect-ratio:4/5}#work .portfolio-image img{height:100%;object-fit:cover}#work #work-title.portfolio-overlay-heading{font-size:14px}
 #services{padding-top:50px}.signatures-heading{padding-bottom:35px}.signature-grid{grid-template-columns:1fr}.signature-card{padding-bottom:30px}.signature-card .signature-photo{aspect-ratio:4/3}.signature-card h3{font-size:22px}.signature-card .signature-short{font-size:15px}.signature-card h3,.signature-card>p,.signature-card>details{margin-left:7vw;margin-right:7vw}
 #palette{padding:45px 7vw;display:flex;flex-direction:column}.palette-art{width:100%;margin:24px 0 0}#palette .palette-copy>p:not(.palette-deck){font-size:17px}
 #vision{min-height:640px}#vision .vision-copy{width:100%;padding:45px 7vw 55px}#vision .visual-concepts-art img{object-position:86% top}#vision::after{background:linear-gradient(180deg,rgba(10,8,6,.68),rgba(10,8,6,.45) 55%,rgba(10,8,6,.7))}#vision .visual-short{font-size:18px}#vision .vision-copy>.line-link{margin-top:20px}#vision .editorial-details[open]{background:rgba(16,13,10,.8);padding:0 12px 12px;margin-left:-12px;margin-right:-12px}
 #studio .studio-editorial-copy{padding:35px 7vw}#studio .combined-bio>p{font-size:19px;line-height:1.55}#studio .detail-copy p{font-size:16px;line-height:1.65}
 #vault .vault-copy>p{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.visual-opening .opening-slide{transition:none}}
#vision::before{display:none!important}#vision .vision-copy{z-index:2;grid-area:auto}#vision .visual-concepts-art{grid-area:auto}
html body #home.visual-opening .hero-words{width:auto;max-width:none}html body #home.visual-opening h1.hero-signature{width:330px;max-width:74vw;margin:0;transform:none}

@media(max-width:650px){html body #home.visual-opening h1.hero-signature{width:245px;max-width:74vw}}

/* Opening links are independent of the expandable header menu. */
#home .opening-links{position:static;inset:auto;display:flex;background:transparent;border:0;padding:0;z-index:auto;align-self:center;flex-wrap:nowrap;box-shadow:none;text-shadow:none;transform:none}
#home .opening-links a{background:transparent;box-shadow:none;text-shadow:none}
#home .opening-arrow{width:17px;height:17px;flex-shrink:0;display:block}
#home .opening-slides{z-index:-2}
#home.visual-opening::before{display:block;z-index:-1;pointer-events:none}
#home .hero-lockup,#home .hero-monogram,#home .hero-words{flex-shrink:0;position:static;visibility:visible;opacity:1}
@media(max-width:650px){#home .opening-links{width:75vw;flex-direction:column;gap:8px;margin-top:38px}#home .opening-links a{min-height:44px}#home .opening-arrow{width:16px;height:16px}}

#home .slideshow-control{width:44px;height:44px;padding:13px;opacity:.7;bottom:16px;right:4vw}#home .slideshow-control svg{display:block;width:18px;height:18px}
html body #home.visual-opening .campaign-copy{padding:90px 5vw;justify-content:center}
html body #home.visual-opening .hero-lockup{gap:26px}
@media(max-width:650px){html body #home.visual-opening .campaign-copy{padding:85px 7vw}html body #home.visual-opening .hero-lockup{gap:24px}}

/* Each menu choice opens its own editorial destination. */
html[data-world="home"],html[data-world="home"] body{height:100%;overflow:hidden;overscroll-behavior:none}
main>section,main>.owi,body>footer,.world-home{display:none!important}
html[data-world="home"] #home{display:block!important;height:100dvh;min-height:0;max-height:100dvh}
html[data-world="work"] #work,html[data-world="services"] #services,html[data-world="palette"] #palette,html[data-world="vision"] #vision,html[data-world="studio"] #studio,html[data-world="vault"] #vault,html[data-world="contact"] #contact,html[data-world="philosophy"] #philosophy{display:block!important}
html:not([data-world="home"]) main{padding-top:100px;min-height:100dvh}
html:not([data-world="home"]) .editorial-header{position:fixed;background:#161616;top:0;z-index:100;padding-top:0;height:90px}
html:not([data-world="home"]) .world-home{display:block!important;position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:101;line-height:0}
.world-home img{width:35px;height:45px}
html[data-world="contact"] main>.owi{display:flex!important}html[data-world="contact"] body>footer{display:flex!important}
html body .editorial-header #main-nav.is-open{position:fixed;inset:0;width:100%;height:100dvh;overflow:auto;padding:110px 9vw 45px;background:#161616;display:flex;flex-direction:column;gap:13px;align-items:flex-start;justify-content:center;box-shadow:none;z-index:200}
html body .editorial-header #main-nav a{font-family:HouseGeometric,sans-serif;font-size:clamp(24px,4vw,44px);letter-spacing:.04em;text-shadow:none;padding:3px 0;min-height:44px}
html body .editorial-header .menu-toggle{position:relative;z-index:201}
html[data-world="work"] #work{height:calc(100dvh - 100px);min-height:0;padding:0;margin:0;overflow:hidden}
html[data-world="work"] #work .projects{height:100%;margin:0}
html[data-world="work"] #work .portfolio-project{height:100%;aspect-ratio:auto;min-height:0}
html[data-world="work"] #work .portfolio-image{height:100%}
html[data-world="work"] #work .portfolio-image img{height:100%;width:100%;object-fit:cover}
html[data-world="services"] #services{padding-top:40px}.signature-grid{margin-top:10px}
html[data-world="palette"] #palette{display:grid!important;min-height:calc(100dvh - 100px);padding-top:40px}
html[data-world="vision"] #vision{display:grid!important;min-height:calc(100dvh - 100px)}
html[data-world="vault"] #vault{padding-top:40px}
html[data-world="philosophy"] #philosophy{display:grid!important;min-height:calc(100dvh - 100px);align-content:center}
html body #home.visual-opening .campaign-copy{padding:0 6vw;inset:0;justify-content:center;align-items:center}
html body #home.visual-opening .hero-lockup{width:auto;max-width:100%;align-self:center;gap:22px}
html body #home.visual-opening .hero-words{width:auto;max-width:none;align-self:center}
html body #home.visual-opening h1.hero-signature{width:330px;max-width:74vw;align-self:center;display:flex;justify-content:center}
@media(max-width:650px){
 html:not([data-world="home"]) main{padding-top:80px}html:not([data-world="home"]) .editorial-header{height:80px}.world-home{top:17px!important}.world-home img{width:30px;height:40px}
 html body .editorial-header #main-nav.is-open{padding-top:90px;gap:12px;justify-content:flex-start}html body .editorial-header #main-nav a{font-size:29px}
 html[data-world="work"] #work{height:calc(100dvh - 80px)}
 html[data-world="palette"] #palette{display:flex!important;flex-direction:column;min-height:calc(100dvh - 80px)}html[data-world="vision"] #vision{min-height:calc(100dvh - 80px)}
 html[data-world="philosophy"] #philosophy{display:block!important;min-height:calc(100dvh - 80px);padding-top:70px}
 html body #home.visual-opening h1.hero-signature{width:245px;max-width:74vw}html body #home.visual-opening .hero-monogram{width:88px}html body #home.visual-opening .hero-lockup{gap:20px}
}

/* Portfolio sequence: quicker rhythm, restrained crossfade, no artificial zoom. */
#home .opening-slide{transition:opacity .65s ease}
#home .portfolio-opening{transform:none;object-position:center;object-fit:cover}
#home .portfolio-opening[data-stone="true"]{object-position:left center}
@media(prefers-reduced-motion:reduce){#home .opening-slide{transition:none}}

/* Cinematic sequence: one finish applied at display time; originals intact. */
#home .opening-slide{transition:opacity .5s ease;filter:saturate(1.08) contrast(1.08) brightness(.88) sepia(.09);transform:none}
#home .editorial-portrait{object-fit:contain;object-position:center;background:#100d0b}
#home .editorial-detail{object-fit:cover;object-position:center}
#home .opening-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/slideshow/film-grain.svg') repeat;opacity:.11;mix-blend-mode:soft-light}
html body #home .hero-monogram{display:none}
html body #home.visual-opening .hero-lockup{gap:0}
html body #home.visual-opening .hero-words{display:flex;align-items:center;justify-content:center}
html body #home.visual-opening .campaign-copy{padding:0;transition:opacity .5s ease;pointer-events:none}
#home .slideshow-control{pointer-events:auto}
#home.is-finale .campaign-copy{opacity:0}
#home .closing-frame{position:absolute;inset:0;background:#050505;display:flex;align-items:center;justify-content:center;filter:none;z-index:0}
#home .closing-frame img{width:clamp(90px,10vw,145px);height:auto;opacity:0;transition:opacity .5s ease}
#home .closing-frame.is-active img{opacity:1;transition-delay:.5s}
#home.is-finale .opening-grain{opacity:0}
@media(max-width:650px){#home .editorial-portrait{object-fit:cover;object-position:center}#home .editorial-detail{object-fit:cover;object-position:center}}
@media(prefers-reduced-motion:reduce){#home .opening-slide,#home .campaign-copy,#home .closing-frame img{transition:none}}

/* Finale: half-second fade to black, half-second logo reveal, two-second hold. */
#home .closing-frame.is-active img{transition-delay:.5s;transition-duration:.5s}

/* Approved new opening photograph: original pixels, complete composition. */
#home .opening-slide.ungraded-hero{filter:none;object-fit:contain;object-position:center;transform:none;background:#090a0a}
#home.is-original-frame::before{background:none}
#home.is-original-frame .opening-grain{opacity:0}

/* Opening fills the viewport; navigation floats directly over the photograph. */
#home .opening-slide.ungraded-hero{object-fit:cover;object-position:50% 50%;width:100%;height:100%;filter:none}
html[data-world="home"] .editorial-header{position:absolute;top:0;background:transparent;border:0;box-shadow:none}

/* Match the selected photographs to the approved hero's low-light atmosphere. */
#home .opening-slide:not(.ungraded-hero):not(.closing-frame){filter:brightness(.76) contrast(1.13) saturate(.85) sepia(.13)}
#home .opening-slide.moody-new{filter:brightness(.68) contrast(1.16) saturate(.78) sepia(.15)}
#home .opening-slide.ungraded-hero{filter:none}

/* Brief first-visit logo opening; closing logo continues to bookend each loop. */
#home .opening-logo.is-active img{opacity:1;transition-delay:0s}

/* Gentle logo-to-hero reveal; faster pace through the editorial photographs. */
html body #home.slow-logo-reveal .campaign-copy{transition-duration:1.5s}
html body #home:not(.slow-logo-reveal) .campaign-copy{transition-duration:.5s}

/* Smooth opening: photograph resolves first; lettering follows softly. */
#home.slow-logo-reveal .opening-slide{transition-timing-function:cubic-bezier(.4,0,.2,1)}
html body #home.slow-logo-reveal .campaign-copy{transition-duration:1.9s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:.3s}
#home.slow-logo-reveal .closing-frame:not(.is-active) img{transition-duration:1.25s;transition-delay:0s;transition-timing-function:ease-in-out}
#home.hero-entering .opening-grain{opacity:0}
#home .opening-grain{transition:opacity 1s ease}

/* The approved simple House of Malaya lettering completes the closing logo. */
#home .closing-frame[data-final]{flex-direction:column;gap:24px}
#home .closing-wordmark{display:block;color:#c8b899;font-family:HouseGeometric,sans-serif;font-size:clamp(15px,1.65vw,23px);font-weight:400;letter-spacing:.18em;line-height:1.3;white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity .9s ease,transform .9s ease}
#home .closing-frame.is-active .closing-wordmark{opacity:1;transform:none;transition-delay:1s}
@media(max-width:650px){#home .closing-wordmark{font-size:16px;letter-spacing:.14em}#home .closing-frame[data-final]{gap:21px}}
@media(prefers-reduced-motion:reduce){#home .closing-wordmark{transition:none}}

/* Separate ending cards: monogram, then the spelled-out name. */
#home .wordmark-frame .closing-wordmark{font-size:clamp(20px,3vw,42px);letter-spacing:.2em;text-align:center;max-width:90vw}
#home .wordmark-frame.is-active .closing-wordmark{transition-delay:.4s}
@media(max-width:650px){#home .wordmark-frame .closing-wordmark{font-size:clamp(19px,5vw,27px);letter-spacing:.15em}}

/* Letter-by-letter reveal with fixed centering and a quiet final hold. */
#home .wordmark-frame .closing-wordmark{transition:opacity .65s ease;transform:none}
#home .wordmark-frame.is-active .closing-wordmark{transition-delay:0s}
#home .wordmark-letter{display:inline-block;opacity:0;transition:opacity .18s ease}
#home .wordmark-letter.is-revealed{opacity:1}
@media(prefers-reduced-motion:reduce){#home .wordmark-frame.is-active .wordmark-letter{opacity:1;transition:none}}

/* Image-led philosophy: the approved poetic voice, focused on interiors. */
html[data-world="philosophy"] #philosophy.philosophy-editorial{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;padding:0;min-height:calc(100dvh - 90px);align-content:stretch;background:#151310;color:#eee5d8;border:0}
#philosophy .philosophy-image{margin:0;min-height:calc(100dvh - 90px);position:relative;overflow:hidden}
#philosophy .philosophy-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 55%;filter:brightness(.76) contrast(1.13) saturate(.85) sepia(.13)}
#philosophy .philosophy-copy{padding:clamp(36px,5vw,80px);align-self:center}
#philosophy .intro-title h2{font-size:clamp(25px,2.5vw,38px);line-height:1.35}
#philosophy .intro-body{margin-top:36px}
#philosophy .intro-body .philosophy-expression{font-family:HouseEditorial,serif;font-size:clamp(28px,3vw,42px)!important;line-height:1.2;margin-bottom:22px}
#philosophy .philosophy-service{margin-bottom:14px;color:#cfb994}
#philosophy .intro-body>p:last-of-type{font-size:17px;line-height:1.65;max-width:340px}
#philosophy .line-link{font-size:12px;letter-spacing:.08em;margin-top:24px}
@media(max-width:650px){html[data-world="philosophy"] #philosophy.philosophy-editorial{display:block!important;padding:0;min-height:0}#philosophy .philosophy-image{min-height:0;height:58svh}#philosophy .philosophy-image img{object-position:50% 65%}#philosophy .philosophy-copy{padding:34px 7vw 46px}#philosophy .intro-house-name{margin-bottom:20px}#philosophy .intro-title h2{font-size:25px}#philosophy .intro-body{margin-top:26px}#philosophy .intro-body>p:last-of-type{font-size:16px}}

/* Antique frames fill the Philosophy backdrop, with copy above the photograph. */
html[data-world="philosophy"] #philosophy.philosophy-editorial{position:relative;isolation:isolate;display:flex!important;align-items:center;justify-content:flex-end;min-height:calc(100dvh - 90px);padding:64px 7vw;overflow:hidden}
#philosophy.philosophy-editorial .philosophy-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:-2}
#philosophy.philosophy-editorial .philosophy-image img{object-position:50% 58%;filter:brightness(.8) contrast(1.08) saturate(.85)}
#philosophy.philosophy-editorial::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,9,8,.08),rgba(10,9,8,.7) 70%,rgba(10,9,8,.76))}
#philosophy.philosophy-editorial .philosophy-copy{width:min(480px,45%);padding:0;text-shadow:0 2px 14px rgba(0,0,0,.35)}
@media(max-width:650px){html[data-world="philosophy"] #philosophy.philosophy-editorial{display:flex!important;align-items:flex-start;justify-content:flex-start;min-height:calc(100svh - 80px);padding:44px 7vw 64px}#philosophy.philosophy-editorial .philosophy-copy{width:100%;max-width:360px;padding:0}#philosophy.philosophy-editorial .philosophy-image{height:100%}#philosophy.philosophy-editorial .philosophy-image img{object-position:50% 65%}#philosophy.philosophy-editorial::after{background:linear-gradient(180deg,rgba(10,9,8,.72),rgba(10,9,8,.62) 52%,rgba(10,9,8,.12))}}

/* Anchor the opening and closing monograms to the viewport's true center. */
#home.visual-opening .opening-slides .closing-frame{inset:0;width:100%;height:100%;padding:0;margin:0;transform:none}
#home.visual-opening .opening-slides .closing-frame>img{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:block;margin:0;padding:0;width:clamp(90px,10vw,145px);height:auto;max-width:none;object-fit:contain;object-position:center}

/* Philosophy: centered poetic opening over the approved bronze backdrop. */
html[data-world="philosophy"] #philosophy.philosophy-bronze{justify-content:center;align-items:center;text-align:center;padding:64px 7vw}
#philosophy.philosophy-bronze .philosophy-copy{width:100%;max-width:620px;margin:0 auto}
#philosophy.philosophy-bronze .philosophy-image img{object-position:center;filter:none}
#philosophy.philosophy-bronze::after{background:rgba(10,8,6,.24)}
#philosophy.philosophy-bronze .intro-title h2{font-size:clamp(40px,5.5vw,72px);line-height:1.08}
#philosophy.philosophy-bronze .intro-body{margin-top:28px}
#philosophy.philosophy-bronze .intro-body .philosophy-expression{font-size:clamp(24px,2.8vw,36px)!important;line-height:1.35;margin-bottom:25px}
#philosophy.philosophy-bronze .intro-body>p:last-of-type{max-width:410px;margin:0 auto;font-size:16px}
#philosophy.philosophy-bronze .editorial-details{max-width:430px;margin:24px auto 0}
#philosophy.philosophy-bronze .detail-copy{padding:18px;text-align:left;background:rgba(15,12,9,.76)}
#philosophy.philosophy-bronze .detail-copy p{font-size:16px;margin:0 0 16px}
@media(max-width:650px){html[data-world="philosophy"] #philosophy.philosophy-bronze{align-items:center;min-height:calc(100svh - 80px);padding:48px 8vw}#philosophy.philosophy-bronze .intro-title h2{font-size:43px}#philosophy.philosophy-bronze .intro-body .philosophy-expression{font-size:25px!important}#philosophy.philosophy-bronze .intro-body>p:last-of-type{font-size:15px}}

/* Full-bleed Philosophy with three independently unbroken poetic lines. */
html[data-world="philosophy"] main{padding-top:0!important}
html[data-world="philosophy"] .world-home{display:none!important}
html[data-world="philosophy"] .editorial-header{background:transparent!important;border:0;box-shadow:none;position:fixed;inset:0 0 auto;height:90px;padding-top:0}
html[data-world="philosophy"] #philosophy.philosophy-bronze{min-height:100dvh;padding:110px 6vw 70px}
#philosophy.philosophy-bronze .philosophy-copy{max-width:760px;width:100%}
#philosophy .philosophy-line{display:block;white-space:nowrap}
#philosophy.philosophy-bronze .intro-title h2{font-size:clamp(28px,7.4vw,72px)}
#philosophy.philosophy-bronze .intro-body .philosophy-expression{font-size:clamp(20px,5.6vw,36px)!important;line-height:1.5}
@media(max-width:650px){html[data-world="philosophy"] .editorial-header{height:80px}html[data-world="philosophy"] #philosophy.philosophy-bronze{min-height:100dvh;padding:100px 6vw 65px}#philosophy.philosophy-bronze .intro-title h2{font-size:7.4vw}#philosophy.philosophy-bronze .intro-body .philosophy-expression{font-size:5.6vw!important}}

/* Upright, bold editorial title; poetic supporting lines retain their italic voice. */
html[data-world="philosophy"] #philosophy.philosophy-bronze .intro-title h2{font-family:HouseEditorial,Georgia,serif;font-style:normal;font-weight:700;font-synthesis:weight;letter-spacing:-.035em;font-size:clamp(28px,7vw,72px);line-height:1.15}
@media(max-width:650px){html[data-world="philosophy"] #philosophy.philosophy-bronze .intro-title h2{font-size:7vw}}

/* Editorial statement occupies only the photograph's open left side. */
#studio .studio-photo-statement{position:absolute;left:6%;top:19%;width:39%;max-width:none;color:#251c19;text-align:left;pointer-events:none}
#studio .studio-statement-lead{font-family:HouseFashion,Georgia,serif;font-style:normal;font-weight:400;font-size:clamp(24px,3.8vw,64px);line-height:1.05;letter-spacing:-.04em;margin:0 0 22px}
#studio .studio-statement-support{font-family:HouseEditorial,Georgia,serif;font-style:normal;font-weight:400;font-size:clamp(17px,2.25vw,36px);line-height:1.28;letter-spacing:-.02em;margin:0}
#studio .combined-bio>.studio-feeling-hook{font-family:HouseEditorial,Georgia,serif;font-size:clamp(28px,3.4vw,45px);font-weight:600;line-height:1.18;margin-bottom:32px}
@media(max-width:650px){#studio .studio-photo-statement{left:5%;top:15%;width:40%}#studio .studio-statement-lead{font-size:4.1vw;line-height:1.08;margin-bottom:2.3vw}#studio .studio-statement-support{font-size:2.85vw;line-height:1.25}#studio .combined-bio>.studio-feeling-hook{font-size:29px}}

/* Individually composed mobile portfolio crops. */
@media(max-width:650px){
 html[data-world="work"] #work .portfolio-project .portfolio-image img{object-position:var(--mobile-focus,50% 50%)}
 #gallery .portfolio-project{aspect-ratio:auto;height:calc(100svh - 40px);min-height:0}
 #gallery .portfolio-project .portfolio-image img{object-fit:cover}
}

/* Menu follows the approved closing House of Malaya lettering. */
html body .editorial-header #main-nav a{font-family:HouseGeometric,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(20px,3vw,42px);line-height:1.3}
@media(max-width:650px){html body .editorial-header #main-nav a{font-size:clamp(19px,5vw,27px);letter-spacing:.15em}}

/* Tapping a portfolio crop opens the complete original photograph. */
#gallery .portfolio-project{height:auto;min-height:0;aspect-ratio:auto;width:100%;margin:0}
#gallery .portfolio-project::after{display:none}
#gallery .portfolio-project .portfolio-image{position:relative;inset:auto;height:auto;width:100%;margin:0}
#gallery .portfolio-project .portfolio-image img{display:block;width:100%;height:auto;max-height:75svh;aspect-ratio:auto;object-fit:contain;object-position:center;background:#161616}
#gallery .portfolio-project .portfolio-caption{position:static;inset:auto;width:100%;max-width:none;padding:24px 6%;margin:0}

/* Mobile portfolio: let each image fill the viewport behind a transparent header. */
@media(max-width:650px){
 html[data-world="work"] main{padding-top:0!important}
 html[data-world="work"] .editorial-header{
  position:fixed!important;inset:0 0 auto!important;width:100%;height:80px!important;
  padding:0 7vw!important;background:transparent!important;border:0!important;
  box-shadow:none!important;z-index:100;color:#f3ece0
 }
 html[data-world="work"] .editorial-header .menu-toggle,
 html[data-world="work"] .editorial-header .header-owi,
 html[data-world="work"] #work #work-title.portfolio-overlay-heading,
 html[data-world="home"] .editorial-header .menu-toggle,
 html[data-world="home"] .editorial-header .header-owi{
  color:#111;text-shadow:0 0 5px rgba(243,236,224,.85)
 }
 html[data-world="work"] .world-home{display:none!important}
 html[data-world="work"] #work{height:100svh!important;height:100dvh!important;min-height:0;padding:0;margin:0;overflow:hidden}
 html[data-world="work"] #work .projects{height:100%;width:100%;margin:0}
 html[data-world="work"] #work .portfolio-project{height:100%;width:100%;aspect-ratio:auto;min-height:0}
 html[data-world="work"] #work .portfolio-image{height:100%;width:100%}
 html[data-world="work"] #work .portfolio-image img{display:block;height:100%;width:100%;object-fit:cover}
 html[data-world="work"] #work #work-title.portfolio-overlay-heading{top:104px;font-size:13px;letter-spacing:.14em}
}

/* Refined mobile opening: full-bleed images with clear, warm-gold navigation. */
html[data-world="home"] #home.visual-opening{
  width:100vw;height:100svh;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden
}
html[data-world="home"] #home .opening-slides,
html[data-world="home"] #home .opening-slide{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover
}
html[data-world="home"] #home .opening-slide:not(.closing-frame){object-position:center}
html[data-world="home"] #home .opening-slide:not(.ungraded-hero):not(.closing-frame){filter:brightness(.84) contrast(1.12) saturate(.94) sepia(.08)}
html[data-world="home"] .editorial-header{
  position:absolute;top:0;left:0;width:100%;height:82px;padding:0 7vw;z-index:100;
  background:transparent;border:0;box-shadow:none
}
html[data-world="home"] .editorial-header .menu-toggle,
html[data-world="home"] .editorial-header .header-owi{
  color:#c6a779;text-shadow:0 1px 7px rgba(0,0,0,.88)
}
html[data-world="home"] .editorial-header .menu-toggle{
  font-size:16px;letter-spacing:1.35px;padding:12px 0;font-weight:500
}
html[data-world="home"] .editorial-header .header-owi{
  font-size:15px;letter-spacing:1.35px;-webkit-text-stroke:.2px currentColor
}
html[data-world="home"] .editorial-header #main-nav.is-open{
  top:68px;left:5vw;width:min(82vw,340px);padding:25px 27px;
  gap:13px;background:rgba(22,19,16,.94);border:1px solid rgba(198,167,121,.34)
}
html[data-world="home"] .editorial-header #main-nav a{
  color:#d1b184;text-shadow:none;font-size:18px;letter-spacing:.14em
}
@media(max-width:650px){
  html[data-world="home"] #home.visual-opening{width:100vw;height:100svh;height:100dvh;min-height:0}
  html[data-world="home"] #home .opening-slide{width:100vw;height:100%;object-fit:cover;object-position:center}
}

/* Keep the mobile menu compact and match the OWI geometric wordmark. */
html[data-world="home"] body .editorial-header .menu-toggle,
html[data-world="home"] body .editorial-header .header-owi,
html[data-world="home"] body .editorial-header #main-nav a{
  font-family:HouseGeometric,HouseSans,sans-serif;
  font-weight:400;
  font-style:normal;
  -webkit-text-stroke:.24px currentColor
}
html[data-world="home"] body .editorial-header .menu-toggle{font-size:18px;letter-spacing:1.35px}
html[data-world="home"] body .editorial-header #main-nav.is-open{
  position:absolute;inset:auto;top:68px;left:5vw;right:auto;bottom:auto;
  width:min(82vw,340px);height:auto;max-height:calc(100dvh - 100px);overflow:auto;
  padding:25px 27px;gap:14px;align-items:flex-start;justify-content:flex-start;
  background:rgba(22,19,16,.97);border:1px solid rgba(198,167,121,.48)
}
html[data-world="home"] body .editorial-header #main-nav a{
  display:block;color:#d1b184;font-size:22px;letter-spacing:.14em;line-height:1.35;
  text-shadow:none;padding:3px 0;min-height:44px
}
@media(max-width:650px){html[data-world="home"] body .editorial-header #main-nav a{font-size:22px}}


/* Keep the portfolio label on its opening image only; keep the header in warm gold. */
#work .portfolio-project:first-child > #work-title.portfolio-overlay-heading{
  position:absolute;top:27px;left:50%;transform:translateX(-50%);z-index:4;
  margin:0;color:#c6a779;font-size:15px;letter-spacing:.18em;
  pointer-events:none;text-shadow:0 1px 6px #000a
}
html .editorial-header .menu-toggle,
html .editorial-header .header-owi{
  font-family:HouseGeometric,HouseSans,sans-serif;font-weight:400;font-style:normal;
  color:#c6a779;-webkit-text-stroke:.24px currentColor
}
html .editorial-header .menu-toggle{font-size:18px;letter-spacing:1.35px}
@media(max-width:650px){
  #work .portfolio-project:first-child > #work-title.portfolio-overlay-heading{top:104px;font-size:14px;letter-spacing:.14em}
}

/* Mobile menu: remove the panel outline and align OWI with its right edge. */
@media(max-width:650px){
  html[data-world="home"] body .editorial-header #main-nav.is-open{border:0}
  html[data-world="home"] body .editorial-header .header-owi{margin-right:0;transform:translateY(18px)}
}

/* Portfolio title stays anchored to its opening image and has no highlight. */
#work #work-title.portfolio-overlay-heading{
  background:transparent;box-shadow:none;text-shadow:none;-webkit-text-stroke:0
}

/* Match the Portfolio header to the gold Home header and keep its title unadorned. */
@media(max-width:650px){
  html[data-world="work"] body .editorial-header .menu-toggle,
  html[data-world="work"] body .editorial-header .header-owi{
    font-family:HouseGeometric,HouseSans,sans-serif;font-size:18px;font-weight:400;
    font-style:normal;letter-spacing:1.35px;color:#c6a779;
    -webkit-text-stroke:0;text-shadow:none
  }
  html[data-world="work"] body .editorial-header .header-owi{
    margin-right:0;transform:translateY(12px)
  }
  #work .portfolio-project:first-child > #work-title.portfolio-overlay-heading{
    color:#c6a779;font-family:HouseGeometric,HouseSans,sans-serif;font-weight:400;
    font-size:16px;letter-spacing:.16em;background:none;box-shadow:none;
    text-shadow:none;-webkit-text-stroke:0
  }
}

/* Strengthen the existing gold lettering without changing its typeface or adding glow. */
html[data-world="home"] body .editorial-header .menu-toggle,
html[data-world="home"] body .editorial-header .header-owi,
html[data-world="home"] body .editorial-header #main-nav a,
html[data-world="work"] body .editorial-header .menu-toggle,
html[data-world="work"] body .editorial-header .header-owi{
  font-weight:500;-webkit-text-stroke:.32px currentColor;text-shadow:none
}
html[data-world="work"] body #work #work-title.portfolio-overlay-heading{
  font-weight:500;-webkit-text-stroke:.32px currentColor;text-shadow:none
}

/* Portfolio mobile header and opening title return to black. */
@media(max-width:650px){
  html[data-world="work"] body .editorial-header .menu-toggle,
  html[data-world="work"] body .editorial-header .header-owi,
  html[data-world="work"] body #work #work-title.portfolio-overlay-heading{
    color:#090807;-webkit-text-stroke:.32px currentColor;text-shadow:none
  }
}

#home .music-control{position:absolute;left:4vw;bottom:16px;z-index:5;pointer-events:auto;display:flex;align-items:center;gap:5px;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:#e8dcc0;opacity:.9;cursor:pointer;font:600 8px/1 HouseSans,sans-serif;letter-spacing:.1em;text-shadow:none;box-shadow:none}
#home .music-control svg{display:block;flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
#home .music-control:hover{opacity:1;background:transparent}
#home .music-control:focus-visible{outline:2px solid #e8dcc0;outline-offset:3px}

/* Keep the Portfolio label black on every viewport. */
html[data-world="work"] #work .portfolio-project:first-child > #work-title.portfolio-overlay-heading{
  color:#090807!important;-webkit-text-stroke:0!important;text-shadow:none!important
}

/* Our Story: concise editorial profile with the founders' photograph at its center. */
#studio .studio-photo-frame{min-height:0;background:#161616}
#studio .studio-original{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center 45%}
#studio .studio-photo-statement{left:6%;top:50%;width:min(43%,620px);transform:translateY(-50%);color:#f1e4d1}
#studio .studio-story-script{display:block;font-family:HouseAutograph,cursive;font-weight:400;font-size:clamp(76px,12vw,190px);line-height:.66;white-space:nowrap;color:#e5c99d;transform:rotate(-7deg);transform-origin:left center;margin:0 0 1.1em}
#studio .studio-story-kicker{font-family:HouseGeometric,sans-serif;font-size:clamp(10px,.85vw,14px);font-weight:400;letter-spacing:.2em;margin:0 0 16px;color:#e5c99d}
#studio .studio-statement-lead{font-family:HouseFashion,Georgia,serif;font-size:clamp(22px,3vw,48px);line-height:1.04;letter-spacing:-.035em;margin:0;color:#f1e4d1}
#studio .studio-editorial-copy{padding:clamp(44px,7vw,105px) 8vw;background:#efe6d9;color:#211d19}
#studio .combined-bio{max-width:1120px;margin:0 auto}
#studio .studio-story-intro{max-width:790px;margin:0 auto clamp(35px,5vw,72px);text-align:center}
#studio .combined-bio>.studio-story-intro .studio-feeling-hook{font-family:HouseEditorial,Georgia,serif;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:0 0 20px;color:#211d19}
#studio .studio-story-intro>p:not(.studio-feeling-hook){font-family:HouseEditorial,Georgia,serif;font-size:clamp(17px,1.45vw,21px);line-height:1.65;margin:0 auto;max-width:740px;color:#39332d}
#studio .studio-story-founders{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);max-width:900px;margin:0 auto clamp(44px,6vw,84px);padding:0 0 clamp(40px,5vw,70px);border-bottom:1px solid rgba(45,37,28,.25)}
#studio .studio-story-founders article{text-align:center}
#studio .studio-story-founders h3{font-family:HouseFashion,Georgia,serif;font-weight:400;font-size:clamp(21px,2.3vw,31px);line-height:1.2;margin:0 0 10px;color:#241d18}
#studio .studio-story-founders p{font-family:HouseEditorial,Georgia,serif;font-size:clamp(16px,1.25vw,19px);line-height:1.55;margin:0;color:#51483e}
#studio .studio-story-ending{position:relative;max-width:900px;margin:0 auto;text-align:center;padding:8px 0 0}
#studio .studio-ending-script{display:block;font-family:HouseAutograph,cursive;font-weight:400;font-size:clamp(68px,11vw,148px);line-height:.7;white-space:nowrap;color:#9b7955;opacity:.9;transform:rotate(-5deg);margin:0 0 34px}
#studio .studio-story-ending>p{position:relative;max-width:740px;margin:0 auto 24px;font-family:HouseEditorial,Georgia,serif;font-size:clamp(17px,1.5vw,22px);line-height:1.65;color:#312a23}
#studio .studio-story-ending .line-link{position:relative;color:#211d19}
@media(max-width:650px){
 #studio .studio-original{aspect-ratio:1/1.12;object-fit:cover;object-position:center 44%}
 #studio .studio-photo-statement{left:5%;top:auto;bottom:10%;width:78%;transform:none}
 #studio .studio-story-script{font-size:clamp(66px,18vw,112px);margin-bottom:.55em}
 #studio .studio-story-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:9px}
 #studio .studio-statement-lead{font-size:clamp(23px,6vw,34px);line-height:1.05}
 #studio .studio-editorial-copy{padding:48px 7vw 58px}
 #studio .studio-story-intro{margin-bottom:34px;text-align:left}
 #studio .combined-bio>.studio-story-intro .studio-feeling-hook{font-size:30px;margin-bottom:13px}
 #studio .studio-story-intro>p:not(.studio-feeling-hook){font-size:16px;line-height:1.55}
 #studio .studio-story-founders{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:36px;padding-bottom:32px}
 #studio .studio-story-founders article{text-align:left}
 #studio .studio-story-founders h3{font-size:19px;margin-bottom:8px}
 #studio .studio-story-founders p{font-size:14px;line-height:1.5}
 #studio .studio-story-ending{padding-top:0;text-align:left}
 #studio .studio-ending-script{font-size:clamp(68px,17vw,105px);margin:0 0 28px;transform:rotate(-6deg);transform-origin:left center}
 #studio .studio-story-ending>p{font-size:16px;line-height:1.6;margin:0 0 20px}
}

/* Recompose Our Story as one editorial poster, with the calligraphy framing the bio. */
#studio.studio-editorial{display:block;padding:0;background:#f2e0cb;color:#201b18}
#studio .studio-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:calc(100svh - 90px)}
#studio .studio-photo-frame{min-height:100%;background:#211b16}
#studio .studio-original{display:block;width:100%;height:100%;min-height:650px;aspect-ratio:auto;object-fit:cover;object-position:center 45%}
#studio .studio-editorial-copy{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(44px,6vw,92px) clamp(28px,5vw,76px);background:#f2e0cb;color:#201b18}
#studio .studio-story-panel{position:relative;width:100%;max-width:680px;min-height:680px;margin:0 auto;padding:5px 0 52px;overflow:hidden}
#studio .studio-story-script{position:absolute;z-index:0;display:block;font-family:HouseAutograph,cursive;font-weight:400;font-style:normal;color:#a8322a;white-space:nowrap;line-height:.72;pointer-events:none}
#studio .studio-story-our{top:8%;left:-10%;font-size:clamp(128px,18vw,250px);transform:rotate(-8deg);transform-origin:left center}
#studio .studio-story-copy{position:relative;z-index:1;margin:17% 3% 0 18%;}
#studio .studio-story-kicker{font-family:HouseGeometric,HouseSans,sans-serif;font-size:clamp(12px,.95vw,15px);font-weight:400;letter-spacing:.14em;line-height:1.3;margin:0 0 18px;color:#211c19}
#studio .studio-story-bio{font-family:HouseSans,HouseGeometric,sans-serif;font-size:clamp(15px,1.22vw,18px);font-weight:500;line-height:1.62;letter-spacing:.015em;text-align:justify;margin:0;color:#211c19}
#studio .studio-story-closing{position:relative;z-index:1;max-width:540px;margin:34px 4% 0 18%;font-family:HouseGeometric,HouseSans,sans-serif;font-size:clamp(14px,1.05vw,16px);font-weight:400;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:#49372d}
#studio .studio-story-story{right:-10%;bottom:4%;font-size:clamp(135px,19vw,260px);transform:rotate(-7deg);transform-origin:right center}
#studio .studio-story-panel .line-link{position:relative;z-index:2;display:inline-block;margin:48px 0 0 18%;color:#211c19}
@media(max-width:760px){
 #studio .studio-story-layout{grid-template-columns:minmax(0,1fr);min-height:0}
 #studio .studio-photo-frame{min-height:0;height:auto}
 #studio .studio-original{width:100%;height:auto;min-height:0;aspect-ratio:1/1.08;object-fit:cover;object-position:center 44%}
 #studio .studio-editorial-copy{display:block;padding:0;background:#f2e0cb}
 #studio .studio-story-panel{min-height:510px;padding:0 0 62px}
 #studio .studio-story-our{top:3%;left:-8%;font-size:clamp(118px,35vw,190px);transform:rotate(-9deg)}
 #studio .studio-story-copy{margin:16% 6% 0 18%}
 #studio .studio-story-kicker{font-size:clamp(10px,3vw,13px);letter-spacing:.12em;margin-bottom:13px}
 #studio .studio-story-bio{font-size:clamp(14px,4vw,16px);line-height:1.52;letter-spacing:0;text-align:left}
 #studio .studio-story-closing{font-size:11px;letter-spacing:.07em;line-height:1.5;margin:26px 6% 0 18%}
 #studio .studio-story-story{right:-10%;bottom:3%;font-size:clamp(125px,38vw,205px);transform:rotate(-8deg)}
 #studio .studio-story-panel .line-link{margin:40px 0 0 18%;font-size:13px}
}

/* Place the complete Our Story composition on the open left side of the team photo. */
#studio.studio-editorial{display:block;padding:0;background:#161513;overflow:hidden}
#studio .studio-story-layout{position:relative;display:block;width:100%;height:auto;aspect-ratio:1.5;min-height:0}
#studio .studio-photo-frame{position:absolute;inset:0;height:100%;min-height:0;overflow:hidden;background:#161513}
#studio .studio-original{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center 44%}
#studio .studio-editorial-copy{position:absolute;inset:0;display:block;padding:0;background:transparent;color:#171614;pointer-events:none}
#studio .studio-story-panel{position:absolute;inset:0;width:100%;max-width:none;min-height:0;height:100%;margin:0;padding:0;overflow:hidden}
#studio .studio-story-our{top:25%;left:2%;font-size:clamp(130px,18vw,260px);color:#a72f28;transform:rotate(-8deg);opacity:.96}
#studio .studio-story-copy{position:absolute;left:5%;top:43%;width:34%;margin:0;z-index:2}
#studio .studio-story-kicker{font-family:HouseGeometric,HouseSans,sans-serif;font-size:clamp(12px,.9vw,15px);font-weight:400;letter-spacing:.12em;line-height:1.25;margin:0 0 12px;color:#211d19}
#studio .studio-story-bio{font-family:HouseSans,HouseGeometric,sans-serif;font-size:clamp(15px,1.12vw,18px);font-weight:550;line-height:1.48;letter-spacing:0;text-align:left;margin:0;color:#211d19}
#studio .studio-story-closing{position:absolute;left:5%;bottom:15%;width:34%;margin:0;font-family:HouseGeometric,HouseSans,sans-serif;font-size:clamp(12px,.85vw,15px);font-weight:400;letter-spacing:.055em;line-height:1.45;color:#211d19}
#studio .studio-story-story{right:auto;left:0;bottom:-3%;font-size:clamp(135px,19vw,275px);color:#a72f28;transform:rotate(-7deg);transform-origin:left center;opacity:.96}
#studio .studio-story-panel .line-link{display:none}
@media(max-width:760px){
 #studio .studio-story-layout{width:100%;height:auto;aspect-ratio:.68}
 #studio .studio-original{object-position:76% 44%}
 #studio .studio-story-our{top:22%;left:1%;font-size:clamp(105px,29vw,165px);transform:rotate(-9deg)}
 #studio .studio-story-copy{left:5%;top:43%;width:43%}
 #studio .studio-story-kicker{font-size:clamp(9px,2.8vw,12px);letter-spacing:.1em;margin-bottom:9px}
 #studio .studio-story-bio{font-size:clamp(12px,3.35vw,14px);font-weight:550;line-height:1.4}
 #studio .studio-story-closing{left:5%;bottom:15%;width:44%;font-size:clamp(10px,2.7vw,12px);letter-spacing:.045em;line-height:1.4}
 #studio .studio-story-story{left:-2%;bottom:0%;font-size:clamp(113px,32vw,185px);transform:rotate(-8deg)}
}
#studio .studio-story-closing{bottom:22%}
@media(max-width:760px){#studio .studio-story-closing{bottom:22%}}

/* Our Story: preserve the full team portrait and keep the title in its open left sky. */
#studio.studio-editorial{display:block;padding:0;border:0;background:#171513;color:#241d17;overflow:visible}
#studio .studio-story-layout{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:auto}
#studio .studio-photo-frame{position:relative;inset:auto;width:100%;height:auto;min-height:0;overflow:hidden;background:#171513}
#studio .studio-original{position:static;display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;opacity:1}
#studio .studio-photo-title{position:absolute;left:6%;top:42%;width:43%;transform:translateY(-50%);color:#2a2119;text-align:left;pointer-events:none;text-shadow:none}
#studio .studio-photo-title-main{font:400 clamp(34px,4.2vw,58px)/1.02 HouseFashion,Georgia,serif;font-synthesis:none;letter-spacing:-.025em;margin:0 0 10px;color:inherit}
#studio .studio-photo-title-date{font:400 clamp(14px,1.35vw,18px)/1.2 HouseFashion,Georgia,serif;letter-spacing:.035em;margin:0;color:inherit}
#studio .studio-editorial-copy{position:static;inset:auto;display:block;width:auto;max-width:none;margin:0;padding:clamp(42px,6vw,78px) 8vw;background:#efe6d9;color:#211d19}
#studio .studio-story-body{max-width:780px;margin:0 auto;font:400 clamp(17px,1.35vw,20px)/1.62 HouseEditorial,Georgia,serif;color:#211d19}
#studio .studio-story-body p{margin:0 0 1.15em}
#studio .studio-story-body .studio-story-closing{position:static;width:auto;max-width:none;margin:1.8em 0 0;font:400 clamp(15px,1.1vw,17px)/1.55 HouseEditorial,Georgia,serif;letter-spacing:.01em;color:#49372d;text-transform:none}
#studio .studio-story-body .studio-story-closing em{font-family:HouseFashion,Georgia,serif;font-style:italic}
#studio .studio-story-body .line-link{display:inline-block;margin:28px 0 0;color:#211d19;pointer-events:auto}
@media(max-width:760px){
 #studio.studio-editorial{border:0}
 #studio .studio-story-layout{width:100%;height:auto;aspect-ratio:auto}
 #studio .studio-photo-frame{height:auto;min-height:0;aspect-ratio:auto}
 #studio .studio-original{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
 #studio .studio-photo-title{left:5.5%;top:43%;width:44%;transform:translateY(-50%)}
 #studio .studio-photo-title-main{font-size:clamp(31px,8.4vw,38px);line-height:1.04;margin-bottom:7px;letter-spacing:-.03em;white-space:nowrap}
 #studio .studio-photo-title-date{font-size:clamp(13px,3.55vw,15px);letter-spacing:.025em}
 #studio .studio-editorial-copy{padding:40px 7vw 48px}
 #studio .studio-story-body{font-size:17px;line-height:1.58}
 #studio .studio-story-body .studio-story-closing{font-size:15px;line-height:1.5}
}

/* Refine the story title to a smaller, softer Cormorant editorial treatment. */
#studio .studio-photo-title{left:14%;top:43%;width:39%;color:#302319}
#studio .studio-photo-title-main{font:italic 300 clamp(30px,3.3vw,42px)/1.08 HouseEditorial,Georgia,serif;letter-spacing:-.015em;margin:0 0 5px;color:inherit}
#studio .studio-photo-title-date{font:300 clamp(13px,1.05vw,15px)/1.2 HouseEditorial,Georgia,serif;letter-spacing:.04em;margin:0;color:inherit}
@media(max-width:760px){
 #studio .studio-photo-title{left:14%;top:43%;width:40%}
 #studio .studio-photo-title-main{font-size:clamp(25px,6.5vw,28px);line-height:1.08;letter-spacing:0;margin-bottom:4px}
 #studio .studio-photo-title-date{font-size:clamp(12px,3.2vw,13px);letter-spacing:.035em}
}

/* Match the supplied fine Bodoni wordmark, with a star set into the opening O. */
#studio .studio-photo-title-main{font:400 clamp(27px,2.6vw,36px)/1.05 HouseFashion,Georgia,serif;font-synthesis:none;font-style:normal;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
#studio .studio-photo-title-o{position:relative;display:inline-block}
#studio .studio-photo-title-star{position:absolute;left:50%;top:40%;width:.22em;height:.22em;fill:currentColor;transform:translate(-50%,-50%)}
#studio .studio-photo-title-date{text-transform:uppercase;letter-spacing:.13em}
@media(max-width:760px){
 #studio .studio-photo-title-main{font-size:clamp(21px,5.6vw,24px);letter-spacing:.035em;margin-bottom:5px}
 #studio .studio-photo-title-star{width:.22em;height:.22em}
 #studio .studio-photo-title-date{font-size:clamp(11px,2.9vw,12px);letter-spacing:.105em}
}

/* Temporary side-by-side typography study for the existing Our Story photo. */
#studio.studio-story-compare{display:block;padding:0;border:0;background:#171513;color:#211d19;overflow:visible}
#studio.studio-story-compare .studio-story-layout{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto}
#studio .story-type-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,30px);padding:clamp(20px,3vw,42px) 3vw 0}
#studio .story-type-option{min-width:0;margin:0}
#studio .story-type-label{margin:0 0 10px 2px;color:#c6ad89;font:400 10px/1.2 HouseGeometric, sans-serif;letter-spacing:.2em;text-transform:uppercase}
#studio .story-option-photo{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#efe5d8}
#studio .story-option-photo img{position:static;display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;opacity:1}
#studio .story-option-title{position:absolute;left:15%;top:43%;width:76%;transform:translateY(-50%);color:#261e18;text-align:left;pointer-events:none;text-shadow:none}
#studio .story-option-title h2{margin:0 0 6px;color:inherit;font-family:HouseFashion,Georgia,serif;font-style:normal;font-weight:400;font-synthesis:none;line-height:1.08}
#studio .story-type-option-one .story-option-title h2{font-size:clamp(19px,2.05vw,28px);letter-spacing:.12em;text-transform:uppercase}
#studio .story-type-option-two .story-option-title h2{font-size:clamp(23px,2.35vw,32px);letter-spacing:.015em;text-transform:none}
#studio .story-option-title p{margin:0;color:inherit;font:300 clamp(12px,1vw,15px)/1.2 HouseEditorial,Georgia,serif;letter-spacing:.025em}
#studio.studio-story-compare .studio-editorial-copy{position:static;inset:auto;display:block;width:auto;max-width:none;margin:0;padding:clamp(42px,6vw,78px) 8vw;background:#efe6d9;color:#211d19}
@media(max-width:760px){
 #studio .story-type-comparison{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px 0 0}
 #studio .story-type-label{margin:0 5% 8px;font-size:10px}
 #studio .story-option-photo{aspect-ratio:3/2}
 #studio .story-option-title{left:15%;top:43%;width:79%}
 #studio .story-type-option-one .story-option-title h2{font-size:clamp(18px,5.2vw,22px);letter-spacing:.105em;margin-bottom:4px}
 #studio .story-type-option-two .story-option-title h2{font-size:clamp(22px,6.1vw,26px);letter-spacing:.005em;margin-bottom:4px}
 #studio .story-option-title p{font-size:clamp(11px,3.05vw,12px);letter-spacing:.025em}
 #studio.studio-story-compare .studio-editorial-copy{padding:38px 7vw 48px}
}

/* Final Our Story treatment */
#studio.studio-story-final{display:block;padding:0;border:0;background:#171513;color:#211d19;overflow:visible}
#studio.studio-story-final .studio-story-layout{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:auto}
#studio.studio-story-final .studio-photo-frame{position:relative;inset:auto;width:100%;height:auto;min-height:0;aspect-ratio:auto;overflow:hidden;background:#171513}
#studio.studio-story-final .studio-original{position:static;display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;opacity:1}
#studio.studio-story-final .studio-photo-title{position:absolute;left:18%;top:39%;width:50%;transform:none;color:#302319;text-align:left;pointer-events:none;text-shadow:none}
#studio.studio-story-final .studio-photo-title-main{margin:0;font:400 clamp(22px,2.5vw,34px)/1.08 HouseFashion,Georgia,serif;font-synthesis:none;font-style:normal;letter-spacing:.015em;text-transform:none;white-space:nowrap;color:inherit}
#studio.studio-story-final .studio-editorial-copy{position:static;inset:auto;display:block;width:auto;max-width:none;margin:0;padding:clamp(42px,6vw,78px) 8vw;background:#efe6d9;color:#211d19}
#studio.studio-story-final .studio-story-body{max-width:780px;margin:0 auto;font:400 clamp(17px,1.35vw,20px)/1.62 HouseEditorial,Georgia,serif;color:#211d19}
#studio.studio-story-final .studio-story-body p{margin:0 0 1.15em}
#studio.studio-story-final .studio-story-body .studio-story-closing{position:static;width:auto;max-width:none;margin:1.8em 0 0;font:400 clamp(15px,1.1vw,17px)/1.55 HouseEditorial,Georgia,serif;letter-spacing:.01em;color:#49372d;text-transform:none}
@media(max-width:760px){
#studio.studio-story-final{border:0}
#studio.studio-story-final .studio-photo-title{left:18%;top:38%;width:60%;transform:none}
#studio.studio-story-final .studio-photo-title-main{font-size:clamp(21px,6vw,25px);letter-spacing:.01em}
#studio.studio-story-final .studio-editorial-copy{padding:38px 7vw 48px}
#studio.studio-story-final .studio-story-body{font-size:17px;line-height:1.58}
#studio.studio-story-final .studio-story-body .studio-story-closing{font-size:15px;line-height:1.5}
}

/* Our Story: restore the soft signature and pink-sky reference treatment. */
#studio.studio-story-final .studio-photo-title{left:26%;top:23%;width:64%;transform:none;color:#4a2a1c;text-align:left;text-shadow:none}
#studio.studio-story-final .studio-photo-title-main{font:400 clamp(28px,5.2vw,78px)/1 HouseSignature,cursive;letter-spacing:0;text-transform:none;white-space:nowrap;color:inherit}
#studio.studio-story-final .studio-photo-tagline{max-width:520px;margin:7px 0 0;font:400 clamp(13px,1.3vw,18px)/1.45 HouseEditorial,Georgia,serif;color:inherit;text-shadow:none}
@media(max-width:760px){
#studio.studio-story-final .studio-photo-title{left:26%;top:19%;width:68%}
#studio.studio-story-final .studio-photo-title-main{font-size:clamp(26px,7.2vw,34px);line-height:1.05}
#studio.studio-story-final .studio-photo-tagline{max-width:310px;margin-top:4px;font-size:clamp(12px,3.6vw,15px);line-height:1.35}
}

/* Use the owner's exact Our Story photo lettering; keep the approved line in the bio below. */
#studio.studio-story-final .studio-photo-title{display:none}
#studio.studio-story-final .studio-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#studio.studio-story-final .studio-original{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;opacity:1}
#studio.studio-story-final .studio-editorial-copy{padding:clamp(38px,5vw,64px) 8vw;background:#efe6d9;color:#211d19}
#studio.studio-story-final .studio-story-body{font-family:HouseEditorial,Georgia,serif;font-weight:400;color:#211d19}
#studio.studio-story-final .studio-story-body .studio-story-closing{font:400 clamp(17px,1.35vw,20px)/1.62 HouseEditorial,Georgia,serif;color:#211d19;letter-spacing:0}
@media(max-width:760px){
#studio.studio-story-final .studio-original{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
#studio.studio-story-final .studio-editorial-copy{padding:38px 7vw 48px}
#studio.studio-story-final .studio-story-body{font-size:17px;line-height:1.58}
#studio.studio-story-final .studio-story-body .studio-story-closing{font-size:17px;line-height:1.58}
}

/* Keep the approved line directly below the reference lettering, within the open sky. */
#studio.studio-story-final .studio-photo-title{display:block;position:absolute;left:26%;top:32%;width:33%;max-width:430px;transform:none;color:#4a2a1c;text-align:left;pointer-events:none;text-shadow:none}
#studio.studio-story-final .studio-photo-tagline{max-width:none;margin:0;font:400 clamp(13px,1.3vw,18px)/1.42 HouseEditorial,Georgia,serif;color:inherit;letter-spacing:0;text-shadow:none}
@media(max-width:760px){
#studio.studio-story-final .studio-photo-title{left:26%;top:32%;width:33%;max-width:240px}
#studio.studio-story-final .studio-photo-tagline{font-size:clamp(12px,1.85vw,14px);line-height:1.38}
}

/* Our Story: remove the centered return-home monogram and keep the closing phrase intact. */
html[data-world="studio"] .world-home{display:none!important}
#studio.studio-story-final .studio-photo-tagline{font-size:clamp(12px,.95vw,14px);line-height:1.35}
#studio.studio-story-final .studio-tagline-lockup{white-space:nowrap}
@media(max-width:760px){
 #studio.studio-story-final .studio-photo-tagline{font-size:11px;line-height:1.35}
}

/* Center the Our Story lettering in the open sky to the left of Tess and Amber. */
#studio.studio-story-final .studio-photo-title{left:3%;top:16%;width:52%;max-width:720px;text-align:center;color:#4a2a1c}
#studio.studio-story-final .studio-photo-title-main{margin:0 0 8px;font:400 clamp(30px,3.2vw,48px)/1 HouseAutograph,cursive;font-synthesis:none;font-style:normal;letter-spacing:0;text-transform:none;white-space:nowrap;color:inherit}
#studio.studio-story-final .studio-photo-tagline{max-width:100%;margin:0 auto;font:400 clamp(12px,.95vw,14px)/1.35 HouseEditorial,Georgia,serif;color:inherit;letter-spacing:0;text-align:center}
#studio.studio-story-final .studio-tagline-lockup{white-space:nowrap}
@media(max-width:760px){
 #studio.studio-story-final .studio-photo-title{left:3%;top:16%;width:52%;max-width:360px}
 #studio.studio-story-final .studio-photo-title-main{margin-bottom:5px;font-size:clamp(27px,7vw,34px);font-family:HouseAutograph,cursive}
 #studio.studio-story-final .studio-photo-tagline{font-size:11px;line-height:1.35}
}

/* Use the exact approved script lettering embedded in the Our Story reference photo. */
#studio.studio-story-final .studio-photo-title{left:3%;top:35%;width:52%;max-width:720px;text-align:center;color:#4a2a1c}
#studio.studio-story-final .studio-photo-tagline{max-width:100%;margin:0 auto;font:400 clamp(14px,1.1vw,16px)/1.4 HouseEditorial,Georgia,serif;color:inherit;letter-spacing:0;text-align:center}
#studio.studio-story-final .studio-tagline-lockup{white-space:nowrap}
@media(max-width:760px){
 #studio.studio-story-final .studio-photo-title{left:3%;top:35%;width:52%;max-width:360px}
 #studio.studio-story-final .studio-photo-tagline{font-size:12px;line-height:1.4}
}

/* Refine the story line: center it beneath the title and give the brand phrase its own line. */
#studio.studio-story-final .studio-photo-title{left:20%;top:35%;width:38%;max-width:560px;text-align:center}
#studio.studio-story-final .studio-photo-tagline{max-width:none;margin:0 auto;font:400 clamp(11px,.95vw,13px)/1.38 HouseEditorial,Georgia,serif;text-align:center}
#studio.studio-story-final .studio-tagline-lockup{display:block;margin-top:2px;white-space:nowrap}
@media(max-width:760px){
 #studio.studio-story-final .studio-photo-title{left:20%;top:35%;width:38%;max-width:none}
 #studio.studio-story-final .studio-photo-tagline{font-size:11px;line-height:1.38}
}


/* Center the approved script title and quiet, three-line story copy in the open sky. */
#studio.studio-story-final .studio-photo-frame{position:relative}
#studio.studio-story-final .studio-script-title{position:absolute;top:0;left:-11.1%;width:100%;height:auto;display:block;z-index:1;pointer-events:none}
#studio.studio-story-final .studio-photo-title{left:3.5%;top:35.5%;width:47%;max-width:680px;text-align:center;color:#4a2a1c;z-index:2}
#studio.studio-story-final .studio-photo-tagline{margin:0;font:400 clamp(11px,.9vw,12px)/1.35 HouseEditorial,Georgia,serif;color:inherit;text-align:center;letter-spacing:0}
#studio.studio-story-final .studio-tagline-line{display:block;white-space:nowrap}
#studio.studio-story-final .studio-tagline-lockup{display:block;margin-top:3px;white-space:nowrap}
@media(max-width:760px){
 #studio.studio-story-final .studio-photo-title{left:3.5%;top:35.5%;width:47%;max-width:none}
 #studio.studio-story-final .studio-photo-tagline{font-size:11px;line-height:1.35}
}

/* Signatures: material-led entry, concise service names, and a featured hospitality offer. */
.signatures-final .signatures-heading{padding-bottom:30px}
.services .signature-availability{margin:20px auto 0;max-width:none;color:#b9aa97;font:400 11px/1.5 HouseSans,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.signature-availability span{padding:0 9px;color:#cfb994}
.signature-materials{position:relative;width:min(980px,88vw);height:clamp(90px,15vw,175px);margin:0 auto 48px;overflow:hidden;border:1px solid #b69a722b}
.signature-materials::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100d0b35,#100d0b05 45%,#100d0b72)}
.signature-materials img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.72) saturate(.86)}
.signature-materials figcaption{position:absolute;z-index:1;right:22px;bottom:15px;color:#f0e5d5;font:400 10px/1.5 HouseSans,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.signature-materials figcaption span{color:#cfb994;padding:0 5px}
.signatures-final .signature-grid{max-width:1440px;margin:0 auto;gap:0 7%}
.signatures-final .signature-card-hospitality{grid-column:1/-1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;column-gap:8%;padding:46px 0 54px;margin-top:12px;border-top:1px solid #b69a722b}
.signatures-final .signature-card-hospitality .signature-photo{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1.48;margin:0}
.signature-card-hospitality .signature-card-copy{grid-column:2;grid-row:1;padding:18px 5% 18px 0}
.signature-card-hospitality .signature-kicker{font:400 10px/1.6 HouseSans,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b9aa97}
.signature-card-hospitality h3{text-align:left;margin:14px 0 12px}
.signature-card-hospitality .signature-short{font:italic 400 20px/1.5 HouseEditorial,Georgia,serif}
.signature-card-hospitality .signature-pathways{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.signature-card-hospitality .signature-pathways span{padding:7px 10px;border:1px solid #cfb99445;color:#cfb994;font:400 9px/1.4 HouseSans,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.signature-card-hospitality .editorial-details{margin-top:22px}
@media(max-width:850px){
 .signature-materials{margin-bottom:35px}
 .signatures-final .signature-card-hospitality{display:block;padding:34px 0 38px;margin-top:0}
 .signatures-final .signature-card-hospitality .signature-photo{aspect-ratio:4/3;margin:0 0 22px}
 .signature-card-hospitality .signature-card-copy{padding:0 7vw}
 .signature-card-hospitality h3{text-align:left}
 .signature-materials figcaption{right:12px;bottom:11px;font-size:8px;letter-spacing:.1em}
}
@media(max-width:650px){
 .services .signature-availability{max-width:290px;font-size:9px;line-height:1.8;letter-spacing:.09em}
 .signature-availability span{padding:0 5px}
 .signature-materials{width:86vw;height:95px;margin-bottom:28px}
 .signature-card-hospitality .signature-short{font-size:18px}
 .signature-card-hospitality .signature-pathways{gap:7px}
}

/* Center the two-line Collection deck beneath its image. */
#vault.vault-editorial .vault-copy>p:first-child{text-align:center}

/* Signatures concept: match the owner's five-row material index reference. */
#services.signatures-hybrid{display:block;padding:0;background:#080808;color:#e2d3bd;overflow:hidden}
#services.signatures-hybrid .signature-section-label{height:70px;display:flex;align-items:center;padding:0 4.5%;background:#080808}
#services.signatures-hybrid .signature-section-label h2{margin:0;color:#b99b72;font:400 11px/1.2 HouseGeometric,HouseEditorial,Georgia,serif;letter-spacing:.25em;text-transform:uppercase}
#services.signatures-hybrid .signature-rows{display:block;width:100%}
#services.signatures-hybrid .signature-row{display:grid;grid-template-columns:29% 71%;min-height:270px;border-top:1px solid rgba(190,160,113,.2);background:#0a0908}
#services.signatures-hybrid .signature-rail{display:flex;align-items:stretch;min-width:0;background:linear-gradient(105deg,#090807,#100e0c);border-right:1px solid rgba(190,160,113,.24)}
#services.signatures-hybrid .signature-details{width:100%;display:flex;align-items:center;padding:30px clamp(20px,4.5vw,72px)}
#services.signatures-hybrid .signature-details summary{display:flex;flex-direction:column;align-items:flex-start;width:100%;cursor:pointer;list-style:none}
#services.signatures-hybrid .signature-details summary::-webkit-details-marker{display:none}
#services.signatures-hybrid .signature-number{color:#c6a779;font:400 10px/1 HouseEditorial,Georgia,serif;letter-spacing:.08em}
#services.signatures-hybrid .signature-details h3{margin:14px 0 0;color:#d9c6a9;font:400 clamp(14px,1.4vw,21px)/1.32 HouseEditorial,Georgia,serif;letter-spacing:.14em;text-transform:uppercase}
#services.signatures-hybrid .signature-details summary i{display:block;width:28px;height:1px;margin-top:18px;background:#b99b72;opacity:.8}
#services.signatures-hybrid .signature-details[open] summary i{width:42px}
#services.signatures-hybrid .signature-details .detail-copy{max-width:380px;margin-top:18px;color:#c8baaa}
#services.signatures-hybrid .signature-details .detail-copy p{margin:0 0 12px;color:#c8baaa;font:400 13px/1.55 HouseEditorial,Georgia,serif}
#services.signatures-hybrid .signature-details .line-link{color:#c6a779;border-color:#806747}
#services.signatures-hybrid .signature-row-texture{min-height:270px;background-image:url('assets/signature-row-textures.png');background-repeat:no-repeat;background-size:100% 500%;background-position:center var(--panel-position);filter:brightness(.91) saturate(.88)}

/* Signatures page: keep the masthead flush with the dark page and balance the title. */
html[data-world="services"] body{background:#080808}
html[data-world="services"] main{padding-top:0!important}
html[data-world="services"] #services{padding-top:0!important}
html[data-world="services"] .editorial-header{
  position:fixed!important;inset:0 0 auto!important;width:100%;height:90px!important;
  padding:0 5vw!important;background:transparent!important;border:0!important;
  box-shadow:none!important;z-index:100
}
html[data-world="services"] .editorial-header .menu-toggle{
  display:block!important;
  position:absolute!important;top:14px!important;left:5vw!important;right:auto!important;
  width:auto!important;margin:0!important;padding:12px 0!important;
  color:#c6a779!important;text-shadow:none!important
}
html[data-world="services"] .editorial-header #main-nav{display:none!important}
html[data-world="services"] .editorial-header #main-nav.is-open{display:flex!important}
#services.signatures-hybrid .signature-section-label{justify-content:center;padding:0;text-align:center}
#services.signatures-hybrid .signature-section-label h2{text-align:center}
@media(max-width:760px){
 #services.signatures-hybrid .signature-section-label{height:56px;padding-left:4.5%}
 #services.signatures-hybrid .signature-row{grid-template-columns:29% 71%;min-height:220px}
 #services.signatures-hybrid .signature-details{padding:22px 12px 22px 16px}
 #services.signatures-hybrid .signature-number{font-size:9px}
 #services.signatures-hybrid .signature-details h3{margin-top:13px;font-size:clamp(12px,3.5vw,15px);letter-spacing:.12em;line-height:1.35}
 #services.signatures-hybrid .signature-details summary i{width:25px;margin-top:15px}
 #services.signatures-hybrid .signature-details .detail-copy{margin-top:13px}
 #services.signatures-hybrid .signature-details .detail-copy p{font-size:12px}
 #services.signatures-hybrid .signature-row-texture{min-height:220px}
}

/* Keep an opened service description inside its left label rail. */
#services.signatures-hybrid .signature-details[open]{display:block}
#services.signatures-hybrid .signature-details[open] .detail-copy{width:100%}


/* Mobile cleanup for the five-row Signatures index. Keep every label inside its rail. */
@media(max-width:760px){
 #services.signatures-hybrid .signature-row{grid-template-columns:minmax(0,38%) minmax(0,62%);min-height:220px;align-items:stretch}
 #services.signatures-hybrid .signature-rail{min-width:0}
 #services.signatures-hybrid .signature-details{min-width:0;padding:22px 10px 22px 14px}
 #services.signatures-hybrid .signature-details summary{min-width:0}
 #services.signatures-hybrid .signature-details h3{width:100%;max-width:100%;min-width:0;font-size:clamp(10px,1.7vw,12px);letter-spacing:.08em;line-height:1.34;overflow-wrap:normal;word-break:normal}
 #services.signatures-hybrid .signature-row-texture{min-height:220px}
}


/* Each signature gets its own original material panel so texture edges track the row dividers. */
#services.signatures-hybrid .signature-row-texture{background-repeat:no-repeat;background-size:cover;background-position:center center}
#services.signatures-hybrid .signature-row:nth-of-type(1) .signature-row-texture{background-image:url('assets/signature-texture-01.png')}
#services.signatures-hybrid .signature-row:nth-of-type(2) .signature-row-texture{background-image:url('assets/signature-texture-02.png')}
#services.signatures-hybrid .signature-row:nth-of-type(3) .signature-row-texture{background-image:url('assets/signature-texture-03.png')}
#services.signatures-hybrid .signature-row:nth-of-type(4) .signature-row-texture{background-image:url('assets/signature-texture-04.png')}
#services.signatures-hybrid .signature-row:nth-of-type(5) .signature-row-texture{background-image:url('assets/signature-texture-05.png')}

/* Restrained editorial finish; the source sofa photograph remains untouched. */
#work .lounge-project .portfolio-image img,
#work .lounge-project .portfolio-image:hover img{filter:brightness(.90) contrast(.94) saturate(1.08)}
/* A quiet center cue makes the portfolio's tap-to-expand behavior discoverable. */
#work .portfolio-project:first-child .portfolio-image::after{content:"VIEW FULL IMAGE";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;padding:6px 10px;border:1px solid rgba(198,167,121,.42);background:rgba(18,15,13,.32);color:#f2eadf;font:500 8px/1.2 HouseSans,Arial,sans-serif;letter-spacing:.12em;white-space:nowrap;opacity:.82}
#work .portfolio-image:focus-visible{outline:1px solid #c6a779;outline-offset:-5px}

/* Align the mobile OWI link with Menu on the Our Story view. */
@media(max-width:650px){html[data-world="studio"] body .editorial-header .header-owi{transform:translateY(26px)}}


/* Our Story: keep the team portrait clean and flow its title and statement into the bio. */
#studio .studio-photo-title,
#studio .studio-script-title{display:none!important}
#studio .studio-story-body{max-width:780px;margin:0 auto;font:400 clamp(17px,1.35vw,20px)/1.62 HouseEditorial,Georgia,serif;color:#211d19}
#studio .studio-story-heading{margin:0 0 20px;font:400 clamp(32px,3.8vw,48px)/1.08 HouseFashion,Georgia,serif;letter-spacing:.005em;color:#211d19}
#studio .studio-story-body .studio-story-lead{max-width:700px;margin:0 0 10px;font:400 clamp(16px,1.1vw,18px)/1.55 HouseEditorial,Georgia,serif;color:#39332d}
#studio .studio-story-body .studio-story-motto{margin:0 0 34px;font:italic 400 clamp(16px,1.1vw,18px)/1.55 HouseEditorial,Georgia,serif;color:#49372d}
#studio .studio-story-body>p:not(.studio-story-lead):not(.studio-story-motto){margin:0 0 1.15em}
@media(max-width:760px){
  #studio .studio-editorial-copy{padding:38px 7vw 48px}
  #studio .studio-story-body{font-size:17px;line-height:1.58}
  #studio .studio-story-heading{font-size:32px;margin-bottom:18px}
  #studio .studio-story-body .studio-story-lead{font-size:16px;line-height:1.55;margin-bottom:8px}
  #studio .studio-story-body .studio-story-motto{font-size:16px;line-height:1.55;margin-bottom:28px}
}

/* Center the mobile header controls on one shared baseline in Our Story. */
@media(max-width:650px){html[data-world="studio"] body .editorial-header .header-owi{align-self:center;margin-right:0;transform:none}}


/* Give the Our Story label the Menu tab's exact type treatment. */
#studio .studio-story-heading{font-family:HouseGeometric,HouseSans,sans-serif;font-size:18px;font-weight:400;font-style:normal;letter-spacing:1.35px;line-height:1.3;color:#c6a779;margin:0 0 22px;-webkit-text-stroke:.24px currentColor}


/* Keep all brand marks inside the hero experience only. */
.world-home,
footer.quiet-footer .closing-logo{display:none!important}


/* Give OWI a distinct, discoverable place at the end of the main menu. */
html body .editorial-header #main-nav a.owi-nav-link{display:block;margin-top:14px;padding:18px 0 4px;border-top:1px solid rgba(198,167,121,.42);color:#c6a779;font-size:clamp(15px,2vw,18px);letter-spacing:.16em;line-height:1.4;text-transform:none}
@media(max-width:650px){html body .editorial-header #main-nav a.owi-nav-link{font-size:14px;letter-spacing:.14em}}

/* Inline OWI link in Maritess’s Our Story bio. */
#studio .studio-story-body a.studio-owi-inline{color:#806442;font-weight:500;text-decoration:none}
#studio .studio-story-body a.studio-owi-inline:hover{color:#59432a}
#studio .studio-story-body a.studio-owi-inline:focus-visible{outline:1px solid currentColor;outline-offset:3px}


/* Desktop hero option 1: let the first editorial detail read as a deliberate close-up. */
@media(min-width:651px){
  html[data-world="home"] #home .opening-slide.desktop-closeup{
    object-fit:cover;
    object-position:center;
    transform:scale(1.035);
    transform-origin:center;
  }
}


/* Desktop-only refinements requested for the hero, portfolio cue, and Collection copy. */
@media(min-width:651px){
  #work .portfolio-project:first-child .portfolio-image::after{display:none;content:none}
  #vault.vault-editorial .vault-copy{align-self:start;padding-top:0}
  #vault.vault-editorial .vault-copy>p:first-child{text-align:left;margin-bottom:25px}
}


/* Desktop portrait slides: show the full sink and full chair in a centered frame. */
@media(min-width:651px){
  html[data-world="home"] #home .desktop-framed-slide{
    overflow:hidden;
    background:#0b0a09;
  }
  html[data-world="home"] #home .desktop-framed-slide .slide-atmosphere,
  html[data-world="home"] #home .desktop-framed-slide .slide-artwork{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
  }
  html[data-world="home"] #home .desktop-framed-slide .slide-atmosphere{
    object-fit:cover;
    filter:blur(28px) brightness(.48) saturate(.82);
    transform:scale(1.08);
  }
  html[data-world="home"] #home .desktop-framed-slide .slide-artwork{
    object-fit:contain;
    object-position:center;
    filter:none;
  }
}
@media(max-width:650px){
  html[data-world="home"] #home .desktop-framed-slide .slide-atmosphere{display:none}
  html[data-world="home"] #home .desktop-framed-slide .slide-artwork{
    position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
    object-fit:cover;object-position:center;filter:none;
  }
}


/* Desktop sink and chair: direct close-ups with no blurred background fill. */
@media(min-width:651px){
  html[data-world="home"] #home .desktop-framed-slide .slide-atmosphere{display:none!important}
  html[data-world="home"] #home .desktop-framed-slide .slide-artwork{
    object-fit:cover!important;
    object-position:center bottom!important;
    transform-origin:center bottom!important;
    filter:none!important;
  }
  html[data-world="home"] #home .desktop-framed-slide[data-src*="editorial-6243"] .slide-artwork{transform:scale(1.08)!important}
  html[data-world="home"] #home .desktop-framed-slide[data-src*="editorial-6200"] .slide-artwork{transform:scale(1.10)!important}
}

/* Desktop portfolio: keep the opening image full-bleed behind a transparent masthead. */
@media(min-width:651px){
  html[data-world="work"] main{padding-top:0!important}
  html[data-world="work"] .editorial-header{
    position:fixed!important;inset:0 0 auto!important;width:100%;height:100px!important;
    padding:0 5vw!important;background:transparent!important;border:0!important;
    box-shadow:none!important;z-index:100;color:#111
  }
  html[data-world="work"] .editorial-header .menu-toggle,
  html[data-world="work"] .editorial-header .header-owi{
    color:#111!important;text-shadow:0 1px 4px rgba(255,255,255,.5)
  }
  html[data-world="work"] #work{height:100svh!important;height:100dvh!important;min-height:0;padding:0;margin:0;overflow:hidden}
}

/* Desktop portfolio: remove the black masthead band and let the first image run to the top. */
@media(min-width:651px){
  html[data-world="work"] main{padding-top:0!important}
  html[data-world="work"] .editorial-header{
    position:fixed!important;inset:0 0 auto!important;width:100%;height:100px!important;
    padding:0 5vw!important;background:transparent!important;border:0!important;
    box-shadow:none!important;z-index:100;color:#111
  }
  html[data-world="work"] .editorial-header .menu-toggle,
  html[data-world="work"] .editorial-header .header-owi{
    color:#111!important;text-shadow:none!important
  }
  html[data-world="work"] #work{height:100svh!important;height:100dvh!important;min-height:0;padding:0;margin:0;overflow:hidden}
}
@media(min-width:651px){
  html[data-world="work"] .editorial-header .menu-toggle{
    justify-self:start!important;width:auto!important;grid-column:1!important;
    margin:0!important;padding:12px 0!important
  }
}

/* Keep both opening and Portfolio full-bleed under a transparent masthead. */
html[data-world="home"] .editorial-header,
html[data-world="work"] .editorial-header,
html[data-world="studio"] .editorial-header{
  position:fixed!important;inset:0 0 auto!important;width:100%;
  background:transparent!important;border:0!important;box-shadow:none!important;z-index:100
}
html[data-world="home"] .editorial-header .menu-toggle,
html[data-world="home"] .editorial-header .header-owi{
  color:#c6a779!important;text-shadow:0 1px 7px rgba(0,0,0,.65)!important
}
html[data-world="work"] .editorial-header .menu-toggle,
html[data-world="work"] .editorial-header .header-owi,
html[data-world="studio"] .editorial-header .menu-toggle,
html[data-world="studio"] .editorial-header .header-owi{
  color:#171411!important;text-shadow:0 1px 5px rgba(255,255,255,.45)!important
}
html[data-world="home"] main,
html[data-world="studio"] main{padding-top:0!important}
html[data-world="home"] .editorial-header .menu-toggle,
html[data-world="studio"] .editorial-header .menu-toggle{
  position:absolute!important;top:14px!important;left:5vw!important;width:auto!important;
  grid-column:auto!important;justify-self:start!important;margin:0!important
}

/* Show each portfolio title and description over its full-bleed image. */
html[data-world="work"] #work .portfolio-caption{display:block!important}
html[data-world="work"] #work .portfolio-project::after{
  background:linear-gradient(180deg,transparent 48%,rgba(8,8,8,.08) 64%,rgba(8,8,8,.72) 100%)!important
}

/* All interior sections share a transparent masthead; content starts at the top. */
html:not([data-world="home"]) main{padding-top:0!important}
html:not([data-world="home"]) .editorial-header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;z-index:100
}

/* Recenter the opening room on desktop and relax the final chair close-up. */
@media(min-width:651px){
  html[data-world="home"] #home .opening-slide.ungraded-hero{
    object-position:50% 62%!important;
  }
  html[data-world="home"] #home .desktop-framed-slide[data-src*="editorial-6200"] .slide-artwork{
    object-position:50% 85%!important;
    transform:scale(1.02)!important;
    transform-origin:center center!important;
  }
}


/* Desktop Our Story: trim excess sky while keeping both subjects and the truck in frame. */
@media(min-width:651px){
  #studio.studio-editorial.studio-story-final .studio-story-layout{aspect-ratio:1.8!important}
  #studio.studio-editorial.studio-story-final .studio-original{object-position:center bottom!important}
}


/* Keep the Menu control at the left edge across every desktop section. */
@media(min-width:651px){
  html[data-world] body .editorial-header .menu-toggle{
    display:block!important;position:absolute!important;top:14px!important;left:5vw!important;right:auto!important;
    width:auto!important;margin:0!important;padding:12px 0!important;
    grid-column:auto!important;grid-row:auto!important;justify-self:start!important;align-self:start!important;z-index:101!important
  }
}
/* Preserve the full headboard crest in the desktop Tailored for Rest crop. */
@media(min-width:651px){html[data-world="work"] #work .tailored-for-rest-project .portfolio-image img{object-position:50% 0%}}

/* On phones, keep the portfolio image clean until it is tapped. The image opens
   the existing full-image view, where its title and description remain visible. */
@media(max-width:650px){
  html[data-world="work"] #work .portfolio-caption{display:none!important}
  html[data-world="work"] #work .portfolio-project::after{background:none!important}
  html[data-world="work"] #work .portfolio-project .portfolio-image::after{
    content:"CLICK IMAGE"!important;display:block!important;position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);z-index:3;pointer-events:none;padding:6px 10px;
    border:1px solid rgba(198,167,121,.42);background:rgba(18,15,13,.32);color:#f2eadf;
    font:500 8px/1.2 HouseSans,Arial,sans-serif;letter-spacing:.12em;white-space:nowrap;opacity:.82
  }
}

/* Mobile masthead: reserve a clear title gap and keep the Menu hit area identical
   across every destination. The home image keeps its full-bleed composition. */
@media(max-width:650px){
  html body .editorial-header{
    height:80px!important;min-height:80px!important;max-height:80px!important;
    padding:0 6vw!important;box-sizing:border-box!important;
  }
  html body .editorial-header .menu-toggle{
    position:absolute!important;top:50%!important;left:6vw!important;right:auto!important;
    transform:translateY(-50%)!important;width:92px!important;height:44px!important;
    min-width:92px!important;min-height:44px!important;max-width:92px!important;
    margin:0!important;padding:0!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;box-sizing:border-box!important;
    font-size:18px!important;line-height:1!important;letter-spacing:1.35px!important;
    white-space:nowrap!important;
  }
  html:not([data-world="home"]) main{padding-top:0!important}
  html[data-world="work"] #work{height:100svh!important;height:100dvh!important}
  html[data-world="palette"] #palette{min-height:100svh!important;min-height:100dvh!important}
  html[data-world="vision"] #vision{min-height:100svh!important;min-height:100dvh!important}
  html[data-world="philosophy"] #philosophy{min-height:100svh!important;min-height:100dvh!important}
}

/* Lock the mobile Menu in one position; keep page headings below it. */
.portfolio-header-title{display:none}
@media(max-width:650px){
 html[data-world] body .editorial-header .menu-toggle{
  position:absolute!important;top:16px!important;left:6vw!important;right:auto!important;
  transform:none!important;width:92px!important;height:44px!important;
  min-width:92px!important;min-height:44px!important;max-width:92px!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;box-sizing:border-box!important;
  font-size:18px!important;line-height:1!important;letter-spacing:1.35px!important;
  white-space:nowrap!important;z-index:201!important
 }
 html[data-world="work"] .editorial-header .portfolio-header-title{
  display:flex;align-items:center;position:absolute;left:auto;right:6vw;top:16px;
  height:44px;margin:0;color:#090807;font:500 18px/1 HouseGeometric,HouseSans,sans-serif;
  letter-spacing:1.35px;text-transform:uppercase;-webkit-text-stroke:0;
  text-shadow:none;z-index:201
 }
 html[data-world="work"] #work #work-title.portfolio-overlay-heading{display:none}
 html[data-world="contact"] #contact .contact-thought{padding:82px 7% 40px!important}
 html[data-world="vault"] #vault.vault-editorial{padding-top:82px!important}
 html[data-world="palette"] #palette{padding-top:82px!important}
 html[data-world="vision"] #vision .vision-copy{padding-top:82px!important}
 html[data-world="services"] #services.signatures-hybrid .signature-section-label{
  height:112px!important;align-items:flex-end!important;padding:0 4.5% 38px!important
 }
 html[data-world="philosophy"] #philosophy.philosophy-editorial:not(.philosophy-bronze){padding-top:82px!important}
}

/* Keep Menu lettering warm gold on every page without changing its placement. */
html[data-world] body .editorial-header .menu-toggle{color:#917044!important}
html[data-world] body .editorial-header .menu-toggle{-webkit-text-stroke:0;text-shadow:none}

/* Keep the brass Menu readable and give the Signature picker the site's editorial face. */
html[data-world] body .editorial-header .menu-toggle{color:#8e6938!important}
#inquiry-form .inquiry-signature-picker{position:relative;width:100%}
#inquiry-form .signature-picker-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:56px;
 padding:10px 10px 10px 0;border:0;border-bottom:1px solid #cfb99465;border-radius:0;
 background:transparent;color:#eee5d8;text-align:left;font:400 18px/1.4 HouseEditorial,serif;cursor:pointer
}
#inquiry-form .signature-picker-trigger:focus-visible{outline:1px solid #cfb994;outline-offset:4px}
#inquiry-form .signature-picker-trigger[aria-invalid="true"]{border-bottom-color:#d58f7b}
#inquiry-form .signature-picker-chevron{font:400 23px/1 HouseSans,sans-serif;color:#cfb994;transition:transform .18s ease}
#inquiry-form .signature-picker-trigger[aria-expanded="true"] .signature-picker-chevron{transform:rotate(180deg)}
#inquiry-form .signature-picker-options{
 position:absolute;top:calc(100% + 3px);left:0;z-index:30;width:100%;max-height:min(42vh,330px);overflow-y:auto;
 border:1px solid #8e6938;background:#171615;box-shadow:0 12px 30px #0008
}
#inquiry-form .inquiry-signature-picker.opens-up .signature-picker-options{top:auto;bottom:calc(100% + 3px)}
#inquiry-form .signature-picker-options[hidden]{display:none!important}
#inquiry-form .signature-picker-options [role="option"]{
 padding:13px 16px;color:#eee5d8;font:400 18px/1.35 HouseEditorial,serif;cursor:pointer
}
#inquiry-form .signature-picker-options [role="option"]:hover,
#inquiry-form .signature-picker-options [role="option"]:focus,
#inquiry-form .signature-picker-options [role="option"][aria-selected="true"]{
 outline:none;background:#8e693822;color:#d1b184
}
#inquiry-form .signature-native-value{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}

/* Keep the approved portrait gym crop on phones while retaining the original desktop image. */
#work .wellness-gym-project .portfolio-image picture{display:block;width:100%;height:100%}

/* Lock the header menu to gold everywhere except the Portfolio page. */
html[data-world]:not([data-world="work"]) body .editorial-header .menu-toggle,
html[data-world]:not([data-world="work"]) body .editorial-header #main-nav a{
  color:#c6a779!important;
  font-family:HouseGeometric,HouseSans,sans-serif!important;
  font-style:normal!important;font-weight:600!important;
  -webkit-text-stroke:.35px currentColor!important;
  text-shadow:none!important;filter:none!important;
  background:transparent!important;box-shadow:none!important
}
html[data-world="work"] body .editorial-header .menu-toggle{
  color:#090807!important;font-family:HouseGeometric,HouseSans,sans-serif!important;
  font-style:normal!important;font-weight:600!important;
  -webkit-text-stroke:.35px currentColor!important;
  text-shadow:none!important;filter:none!important;
  background:transparent!important;box-shadow:none!important
}
html[data-world] body .editorial-header .menu-toggle:hover,
html[data-world] body .editorial-header .menu-toggle:active,
html[data-world] body .editorial-header #main-nav a:hover,
html[data-world] body .editorial-header #main-nav a:active{
  text-shadow:none!important;filter:none!important;box-shadow:none!important
}

/* Warm, low-key editorial grade for brighter portfolio scenes. The hero and already-moody rooms stay untouched. */
#work .portfolio-image img[src$="her-lips-said-nothing-the-room-said-everything.webp"],
#gallery .portfolio-image img[src$="her-lips-said-nothing-the-room-said-everything.webp"],
#work .portfolio-image img[src$="minimal-but-make-it-monumental.webp"],
#gallery .portfolio-image img[src$="minimal-but-make-it-monumental.webp"],
#work .portfolio-image img[src$="lounge-but-make-it-iconic.webp"],
#gallery .portfolio-image img[src$="lounge-but-make-it-iconic.webp"],
#work .portfolio-image img[src$="playfully-composed.webp"],
#gallery .portfolio-image img[src$="playfully-composed.webp"],
#work .portfolio-image img[src$="pillow-talk-in-high-places.webp"],
#gallery .portfolio-image img[src$="pillow-talk-in-high-places.webp"],
#work .portfolio-image img[src$="tailored-taste.webp"],
#gallery .portfolio-image img[src$="tailored-taste.webp"],
#work .portfolio-image img[src$="hollywood-hills-private-wellness-gym.webp"],
#gallery .portfolio-image img[src$="hollywood-hills-private-wellness-gym.webp"],
#work .portfolio-image img[src$="the-day-falls-away.webp"],
#gallery .portfolio-image img[src$="the-day-falls-away.webp"],
#work .portfolio-image img[src$="resort-state-of-mind.webp"],
#gallery .portfolio-image img[src$="resort-state-of-mind.webp"],
#work .portfolio-image img[src$="black-tie-barefoot-poolside-living-dining-v7.png"],
#gallery .portfolio-image img[src$="black-tie-barefoot-poolside-living-dining-v7.png"],
#work .portfolio-image img[src$="spanish-revival-sanctuary.webp"],
#gallery .portfolio-image img[src$="spanish-revival-sanctuary.webp"],
#work .portfolio-image img[src$="fashioned-to-ascend.webp"],
#gallery .portfolio-image img[src$="fashioned-to-ascend.webp"] {
  filter: brightness(.90) saturate(.94) sepia(.08) contrast(1.04);
}

/* Tailored for Rest needs the stronger warm shadow shown in the new reference. */
#work .portfolio-image img[src$="tailored-for-rest.webp"],
#gallery .portfolio-image img[src$="tailored-for-rest.webp"] {
  filter: brightness(.84) saturate(.92) sepia(.13) contrast(1.06);
}

/* Show the complete approved portrait gym composition on phones without cropping its sides. */
@media(max-width:650px){
  html[data-world="work"] #work .wellness-gym-project .portfolio-image img{
    object-fit:cover!important;
    object-position:center!important;
    background:transparent!important;
  }
}

/* Desktop Envision: extend the image to every viewport edge and remove the blank band below it. */
@media(min-width:651px){
  html[data-world="vision"] main{height:100dvh;min-height:100dvh;padding-top:0!important;overflow:hidden}
  html[data-world="vision"] #vision.visual-concepts{display:grid!important;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;border:0;overflow:hidden}
  html[data-world="vision"] #vision .visual-concepts-art{position:absolute;inset:0;width:100%;height:100%;margin:0}
  html[data-world="vision"] #vision .visual-concepts-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
}

/* Keep the Collection introduction directly beneath the fireplace image. */
#vault.vault-editorial .vault-intro{width:100%;max-width:480px;margin:22px auto 0;text-align:center;font:350 18px/1.65 HouseSans,sans-serif;color:#cfc4b7}
@media(min-width:651px){
  html[data-world="vault"] #vault.vault-editorial .vault-media{min-width:0;display:flex;flex-direction:column;align-items:center}
  html[data-world="vault"] #vault.vault-editorial .vault-intro{font-size:clamp(16px,1.35vw,19px)}
  html[data-world="vault"] #vault.vault-editorial .vault-copy{align-self:center!important;padding-top:0!important}
}
@media(max-width:650px){
  html[data-world="vault"] #vault.vault-editorial .vault-media{width:75%;max-width:320px;margin:0 auto}
  html[data-world="vault"] #vault.vault-editorial .vault-image{width:100%;max-width:none;margin:0}
  html[data-world="vault"] #vault.vault-editorial .vault-intro{font-size:17px;line-height:1.65;margin:18px auto 0;text-align:center}
}