@font-face{font-family:'Playfair Display Local';src:url('/fonts/PLAYFAIRDISPLAY-VARIABLEFONT_WGHT.woff') format('woff'),url('/fonts/PLAYFAIRDISPLAY-VARIABLEFONT_WGHT.TTF') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:'Playfair Display Local';src:url('/fonts/PLAYFAIRDISPLAY-ITALIC-VARIABLEFONT_WGHT.woff') format('woff'),url('/fonts/PLAYFAIRDISPLAY-ITALIC-VARIABLEFONT_WGHT.TTF') format('truetype');font-style:italic;font-weight:200 900;font-display:swap}
@font-face{font-family:'Crimson Pro Local';src:url('/fonts/CRIMSONPRO-VARIABLEFONT_WGHT.woff') format('woff'),url('/fonts/CRIMSONPRO-VARIABLEFONT_WGHT.TTF') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:'Crimson Pro Local';src:url('/fonts/CRIMSONPRO-ITALIC-VARIABLEFONT_WGHT.woff') format('woff'),url('/fonts/CRIMSONPRO-ITALIC-VARIABLEFONT_WGHT.TTF') format('truetype');font-style:italic;font-weight:200 900;font-display:swap}
:root{--bg:#203422;--surface:#17291d;--ink:#f5f5f5;--muted:#bfc9c0;--line:#49604d;--stone:#ffffff;--serif:'Playfair Display Local';--sans:'Crimson Pro Local';color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans)}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--stone);outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}::selection{background:#607c65;color:#ffffff}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:24px;background:var(--ink);color:var(--bg);padding:12px 20px;z-index:50}.skip-link:focus{top:12px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);gap:24px}.home-label{font-size:14px;white-space:nowrap}.header-index{color:var(--muted);margin-left:16px;font-size:12px}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{position:relative;color:var(--muted);padding:12px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:var(--stone)}.header-cta{font-size:14px;border-bottom:1px solid #829987;padding:6px 0;white-space:nowrap}.eyebrow{font:400 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.19em;color:var(--muted)}.brand-logo{pointer-events:none}.text-link{display:inline-block;font-size:14px;line-height:1.7;border-bottom:1px solid #829987;padding:4px 0}.text-link:hover{color:#ffffff;border-color:#ffffff}.brand-section{padding:90px 7%;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:42px}.section-heading h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.035em}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.brand-card{border:1px solid var(--line);padding:32px;text-align:left;background:transparent;display:flex;flex-direction:column;align-items:start}.brand-card:hover{background:#294530;border-color:#94ab98}.brand-card .logo-frame{width:100%;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.brand-card img{width:76%;max-height:150px;object-fit:contain}.brand-card[data-brand=coffee] img{width:100px;opacity:1}.brand-card strong{font:400 24px var(--serif)}.brand-card .category{font-size:14px;color:var(--muted);margin-top:7px}.brand-card .coming{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:24px}.site-footer{padding:26px 4.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.studio-intro{padding:90px 7%;display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center}.studio-intro h1{font-size:clamp(46px,5.3vw,80px);letter-spacing:-.045em;margin:25px 0}.intro-copy{font-size:clamp(21px,2.25vw,31px);font-family:var(--serif);line-height:1.45;max-width:600px}.cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid #829987;padding:14px 25px;margin-top:32px;font-size:14px;transition:background .2s}.cta:hover{background:#ffffff;color:#203422}.portrait{position:relative}.portrait img{width:100%;object-fit:contain}.portrait figcaption{padding-top:12px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.portrait{margin:0}.section-block{padding:88px 7%;border-top:1px solid var(--line)}.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:7%}.service{display:flex;align-items:center;padding:25px 0;border-top:1px solid var(--line);gap:24px}.service span{font-size:12px;color:var(--muted)}.service h3{font-size:30px}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.service-bottom .cta{margin-top:28px}.small-logo{width:210px;opacity:1}.brand-dialog,.project-dialog{border:1px solid #617967;background:#17291d;color:var(--ink);padding:60px;max-width:calc(100% - 32px)}dialog::backdrop{background:#0b0d0ce3;backdrop-filter:blur(6px)}.brand-dialog{width:480px;text-align:center}.brand-dialog img{height:130px;width:260px;object-fit:contain;margin:0 auto 30px}.brand-dialog img[data-brand=coffee]{width:110px;opacity:1}.brand-dialog h2{font-size:38px;margin:14px 0}.brand-dialog .text-link{margin-top:24px}.dialog-close{position:absolute;right:18px;top:12px;font-size:30px;line-height:1;width:44px;height:44px;background:transparent;border:0;z-index:5;color:var(--ink)}.project-dialog{width:1100px;padding:60px;max-height:90svh;overflow-y:auto}.noscript{padding:40px}.noscript a{text-decoration:underline}@keyframes house-arrival{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.project-list{display:flex;flex-direction:column;gap:70px}.project-card{border:0;background:transparent;padding:0;display:grid;grid-template-columns:1.7fr 1fr;text-align:left;gap:6%;align-items:center}.project-card:nth-child(2){grid-template-columns:1fr 1.7fr}.project-card:nth-child(2) .project-image{order:2}.project-card:nth-child(2) .project-copy{order:1}.project-image{overflow:hidden;background:#17291d;display:block}.project-image img{width:100%;height:auto;object-fit:contain;transition:transform .35s}.project-copy{display:flex;flex-direction:column;align-items:start;padding:15px 0}.project-copy strong{font:400 clamp(30px,3vw,48px)/1.15 var(--serif);margin-top:22px;letter-spacing:-.03em}.project-sector{font-size:14px;color:var(--muted);margin-top:12px}.project-scope{font-size:14px;line-height:1.8;margin-top:25px;color:#bdc9c0}.project-copy .text-link{margin-top:25px}.portfolio-invitation{padding:82px 7%;display:grid;grid-template-columns:1fr 1.15fr;gap:8%;border-top:1px solid var(--line);background:#1b2e20;align-items:center}.portfolio-invitation h2{font-size:clamp(42px,4.8vw,66px);letter-spacing:-.045em;margin:20px 0}.invitation-copy{color:var(--muted);max-width:450px;font-size:16px}.invitation-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}.noah-preview{padding:0;background:transparent;border:0;text-align:left}.noah-preview img{width:100%;object-fit:contain}.noah-preview>span{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font:400 27px var(--serif);gap:18px}.noah-preview small{font:400 12px var(--sans);color:var(--muted)}.process-section{padding:100px 7%;display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:center;border-top:1px solid var(--line)}.process-section figure{margin:0}.process-section img{width:100%;height:auto;object-fit:contain}.process-section h2{font-size:clamp(40px,4.3vw,58px);letter-spacing:-.04em;margin:22px 0 30px}.process-section p:not(.eyebrow){margin-top:20px;color:#bdc9c0;font-size:16px}.portfolio-header{padding:75px 7% 65px}.portfolio-header h1{font-size:clamp(48px,6.5vw,92px);letter-spacing:-.055em;margin:23px 0 35px}.portfolio-header-bottom{display:flex;gap:60px;align-items:end;justify-content:space-between}.portfolio-header-bottom p{max-width:550px;color:var(--muted);font-size:17px}.portfolio-header-bottom a{white-space:nowrap}.all-projects{padding-top:65px}.portfolio-end{padding:80px 7%;border-top:1px solid var(--line)}.portfolio-end h2{font-size:48px;letter-spacing:-.04em;margin:20px 0}.portfolio-end p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.project-dialog h2{font-size:clamp(36px,4.6vw,64px);letter-spacing:-.035em;margin:20px 0}.case-scope{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:0 0 35px;color:var(--muted);font-size:14px}.case-hero{width:100%;object-fit:contain;background:#17291d}.case-narrative{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;margin:50px 0}.case-narrative h3{font-size:28px;margin-bottom:22px}.case-narrative p{font-size:16px;line-height:1.8;margin-bottom:16px;color:#d0d9d2}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-gallery figure{margin:0}.case-gallery figure:last-child:nth-child(odd){grid-column:1/-1}.case-gallery img{width:100%;height:auto;object-fit:contain;max-height:650px}.case-gallery figcaption{font-size:12px;color:var(--muted);padding-top:10px}.case-footer{margin-top:40px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.case-footer .cta{margin:0}.case-fallback{margin:35px 0}

@media(max-width:900px){.project-card,.project-card:nth-child(2){gap:5%;grid-template-columns:1.4fr 1fr}.project-copy strong{font-size:32px}.project-copy strong,.project-scope,.project-copy .text-link{margin-top:16px}.portfolio-invitation{gap:6%;grid-template-columns:1fr 1fr;padding:64px 6%}.invitation-links{gap:15px}.process-section{padding:70px 6%;gap:7%}.portfolio-header{padding:64px 6%}.portfolio-header-bottom{align-items:start;flex-direction:column;gap:25px}.case-narrative{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.project-card,.project-card:nth-child(2){grid-template-columns:1fr;gap:0}.project-card:nth-child(2) .project-image,.project-card:nth-child(2) .project-copy{order:initial}.project-copy{padding:25px 0 0}.project-copy strong{font-size:37px;margin-top:15px}.project-scope{margin-top:18px}.project-list{gap:48px}.portfolio-invitation{grid-template-columns:1fr;gap:45px}.portfolio-invitation h2{font-size:48px}.noah-preview small{font-size:12px}.process-section{grid-template-columns:1fr;gap:40px}.process-section h2{font-size:44px}.portfolio-header{padding:45px 6%}.portfolio-header h1{font-size:52px}.portfolio-header-bottom a{white-space:normal}.portfolio-end{padding:60px 6%}.portfolio-end h2{font-size:40px}.case-gallery{grid-template-columns:1fr;gap:25px}.case-narrative{margin:35px 0}.case-footer{align-items:start;flex-direction:column}.case-hero{max-height:none}.project-dialog h2{font-size:37px}.case-scope{gap:8px 15px}}
@media(max-width:900px){.site-header{height:110px;flex-wrap:wrap;padding:16px 5%;gap:4px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:18px}.header-index{display:none}.header-cta{font-size:12px}.studio-intro{gap:5%;padding:64px 6%}.studio-intro h1{font-size:48px}.intro-copy{font-size:23px}.brand-section,.section-block{padding:64px 6%}.brand-card{padding:22px}.brand-card .logo-frame{height:130px}.brand-card strong{font-size:23px}.section-heading h2{font-size:42px}}
@media(max-width:600px){.brand-grid{grid-template-columns:1fr}.brand-card{padding:28px}.brand-card .logo-frame{height:145px;margin-bottom:25px}.brand-card img{max-width:260px}.brand-card[data-brand=coffee] img{width:100px}.brand-card strong{font-size:28px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:30px}.section-heading h2{font-size:40px}.studio-intro{grid-template-columns:1fr;padding-top:45px;gap:45px}.studio-intro h1{font-size:49px;margin:20px 0}.intro-copy{font-size:25px}.portrait{width:100%}.service-list{grid-template-columns:1fr}.service{padding:23px 0;gap:20px}.service h3{font-size:28px}.service-bottom{display:block}.service-bottom .small-logo{display:none}.site-footer{padding:24px 6%;flex-direction:column;gap:8px}.brand-dialog{padding:58px 24px 38px}.brand-dialog h2{font-size:32px}.project-dialog{padding:60px 22px 28px}.cta{font-size:14px}.header-cta{font-size:12px}.home-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.project-dialog{padding:0}.project-controls{position:sticky;top:0;display:flex;justify-content:flex-end;background:#17291d;border-bottom:1px solid var(--line);padding:6px 14px;z-index:5}.project-controls .dialog-close{position:static}#project-content{padding:30px 60px 60px}@media(max-width:600px){#project-content{padding:24px 22px 40px}}

/* Facade correction — portfolio green (#203422), neutral stone and original logos. */
body[data-view="house"] .skip-link{display:none}
body:not([data-view="studio"]) .header-cta,body:not([data-view="studio"]) .site-footer a[href*="wa.me"],body[data-view="portfolio"] .cta{display:none}
.house-viewport{height:100svh;min-height:0;display:grid;place-items:center;overflow:hidden}
.house-stage{width:100%;height:100%;display:grid;place-items:center;padding:12px 18px;overflow:hidden}
.mansion{--entry-base:#17251c;--entry-active:#294631;--entry-duration:.24s;display:block;width:100%;height:100%;max-width:1700px;min-height:0;animation:house-arrival .55s ease both;overflow:visible}
.mansion-mobile{display:none}
.zone-focus{fill:transparent;stroke:transparent;stroke-width:3;pointer-events:all;vector-effect:non-scaling-stroke;transition:stroke var(--entry-duration) ease}
.brand-zone,.door-zone{cursor:pointer;outline:none}
.mansion :is(.brand-zone,.door-zone) .entry-surface{fill:var(--entry-base);transition:fill var(--entry-duration) ease}
.mansion :is(.brand-zone,.door-zone):is(:hover,:focus-visible) .entry-surface{fill:var(--entry-active)}
.brand-zone:focus-visible .zone-focus,.door-zone:focus-visible .zone-focus{stroke:#fff;stroke-dasharray:5 4}
.brand-logo{opacity:1;filter:none;pointer-events:none}
.mansion :is(.brand-zone,.door-zone) :is(.brand-logo,[data-product]){transition:filter var(--entry-duration) ease}
.mansion :is(.brand-zone,.door-zone):is(:hover,:focus-visible) :is(.brand-logo,[data-product]){filter:contrast(1.06) brightness(1.04)}
.door-leaf{transform-box:fill-box;transition:transform var(--entry-duration) ease,opacity var(--entry-duration) ease}
.door-left{transform-origin:left center}.door-right{transform-origin:right center}
.entering .door-leaf{transform:scaleX(.15);opacity:.35}
.brand-dialog[open]{animation:dialog-arrival .18s ease both}
@keyframes dialog-arrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.portrait img,.project-image img,.noah-preview img,.process-section img,.case-hero,.case-gallery img{height:auto;object-fit:contain;aspect-ratio:auto;max-height:none}
.project-image,.case-hero{background:transparent}
@media(max-width:600px) and (orientation:portrait){.mansion-desktop{display:none}.mansion-mobile{display:block}.house-stage{padding:8px 4px}}
@media(prefers-reduced-motion:reduce){.mansion,.brand-dialog[open]{animation:none}.door-leaf,.zone-focus,.display-light,.plaque{transition:none}}

/* Editorial home — isolated from the existing studio and portfolio. */
body[data-view="house"]{background:#fff;color:#203422;color-scheme:light}
.editorial-home{max-width:1840px;margin:0 auto;padding:0 3.5% 72px}
.house-masthead{height:91px;display:flex;align-items:center;border-bottom:1px solid #d8dfd6}
.house-masthead img{width:248px;height:auto}
.editorial-hero{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(0,1.65fr);gap:3.5%;align-items:center;padding:32px 0 35px;min-height:650px}
.house-copy{padding:0 0 8px 10px;max-width:475px}
.house-eyebrow{font:500 11px/1.5 var(--sans);letter-spacing:.23em;margin-bottom:25px}
.house-copy h1{font:400 clamp(52px,4.8vw,78px)/1.04 var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:0 0 27px}
.house-introduction{font:400 18px/1.78 var(--sans);color:#49554a;max-width:435px}
.house-aside{margin-top:16px}
.explore-brands{display:inline-flex;align-items:center;gap:26px;margin-top:30px;padding:0;min-height:44px;max-width:100%;background:transparent;color:#203422;font:500 12px/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase;border:0;transition:color .24s}
.explore-brands:hover{color:#36523b}.explore-brands .explore-label{border-bottom:1px solid #7b8e70;padding:7px 0;transition:border-color .24s}.explore-brands [aria-hidden]{font-size:24px;font-weight:400;line-height:1;letter-spacing:0}
.editorial-home a:focus-visible{outline:2px solid #526950;outline-offset:5px}
.editorial-hero .house-stage{display:block;width:100%;height:auto;padding:0;overflow:visible;min-width:0}
.editorial-mansion{--entry-duration:.24s;--window-rest:#e1e7df;--window-active:#f8eedb;display:block;width:100%;height:auto;overflow:visible;animation:house-arrival .55s ease both}
.editorial-mansion.mansion-mobile{display:none}
.editorial-mansion .stone-line{stroke:#617361;stroke-width:1.1;stroke-linejoin:round}
.editorial-mansion .fine-line{stroke:#d1dbd0;stroke-width:.8;fill:none}
.editorial-mansion .iron-line{stroke:#304b36;stroke-width:1;fill:none}
.editorial-mansion .product-line{stroke:#6d7964;stroke-width:1;stroke-linejoin:round}
.editorial-mansion .window-light{fill:var(--window-rest);transition:fill var(--entry-duration) ease}
.editorial-mansion .recess-side{fill:#cdd7ca;stroke:none;transition:fill var(--entry-duration) ease}
.editorial-mansion .house-access{cursor:pointer;outline:none}
.editorial-mansion .house-access:is(:hover,:focus-visible,[aria-expanded="true"]) .window-light{fill:var(--window-active)}
.editorial-mansion .house-access:is(:hover,:focus-visible,[aria-expanded="true"]) .recess-side{fill:#e1d8c3}
.editorial-mansion .house-access [data-layer="products"]{transition:filter var(--entry-duration) ease}
.editorial-mansion .house-access:is(:hover,:focus-visible,[aria-expanded="true"]) [data-layer="products"]{filter:contrast(1.06)}
.editorial-mansion .access-focus{fill:transparent;stroke:transparent;stroke-width:2;pointer-events:all;transition:stroke var(--entry-duration) ease}
.editorial-mansion .house-access:focus-visible .access-focus{stroke:#6b8268;stroke-dasharray:5 4}
.editorial-mansion .brand-logo{opacity:1;filter:none}
.house-collection{border-top:1px solid #aab7a7;padding-top:44px;scroll-margin-top:28px}
.house-collection h2{font:400 clamp(31px,3vw,43px)/1.2 var(--serif);letter-spacing:-.035em;text-align:center;margin-bottom:37px}
.collection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.collection-entry{display:grid;grid-template-columns:45% 55%;border-bottom:1px solid #c7d0c3;align-items:center;background:#fafbf8;transition:background .24s}
.collection-entry:hover,.collection-entry:focus-within{background:#f1f4ed}
.collection-image{margin:0;align-self:stretch;display:flex;align-items:center;background:#f0f1ea}
.collection-image img{width:100%;height:auto;object-fit:contain}
.collection-copy{padding:24px 18px 25px;align-self:stretch;display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.collection-copy h3{height:72px;width:100%;display:flex;align-items:center;margin:0 0 16px}
.collection-logo{width:100%;max-width:142px;max-height:67px;object-fit:contain;height:auto;object-position:left center}
.collection-coffee .collection-logo{width:58px;max-height:68px}
.collection-category{font:500 10px/1.55 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;color:#596851}
.collection-description{font:400 14px/1.7 var(--serif);color:#4c5548;margin-bottom:22px}
.collection-link{display:flex;align-items:center;gap:12px;margin-top:auto;padding:9px 0 5px;background:transparent;border:0;border-radius:0;border-bottom:1px solid #7b8e70;text-align:left;font:500 11px/1.55 var(--sans);color:#203422}
.collection-link span{font-size:18px;flex:none}
body[data-view="house"] .brand-dialog{background:#fff;color:#203422;border-color:#9aa993}
body[data-view="house"] .brand-dialog .eyebrow{color:#65765d}
body[data-view="house"] .brand-dialog .dialog-close{color:#203422}
body[data-view="house"] .brand-dialog .text-link{border-color:#7b8e70}
@media(min-width:1500px){.editorial-hero{min-height:700px}.house-introduction{font-size:19px}.collection-copy{padding:28px 22px}}
@media(max-width:1100px){.editorial-home{padding-left:4%;padding-right:4%}.editorial-hero{gap:3%;grid-template-columns:minmax(310px,.86fr) minmax(0,1.25fr);min-height:650px}.house-copy{padding-left:0}.house-copy h1{font-size:55px}.house-introduction{font-size:17px}.collection-list{gap:15px}.collection-entry{grid-template-columns:42% 58%}.collection-copy{padding:20px 13px}.collection-description{font-size:13px}.collection-logo{max-width:122px}.collection-category{font-size:9px}}
@media(max-width:850px){.editorial-hero{grid-template-columns:1fr;padding:44px 0 35px;gap:27px}.house-copy{max-width:600px}.house-copy h1{max-width:550px;font-size:64px}.house-introduction{max-width:550px;font-size:18px}.editorial-hero .house-stage{max-width:690px;margin:0 auto}.collection-list{grid-template-columns:1fr;gap:30px}.collection-entry{grid-template-columns:43% 57%;max-width:690px;width:100%;margin:auto}.collection-copy{padding:35px}.collection-copy h3{height:85px}.collection-logo{max-width:190px}.collection-coffee .collection-logo{width:70px;max-height:82px}.collection-category{font-size:11px}.collection-description{font-size:17px}.collection-link{font-size:13px}}
@media(max-width:600px){.editorial-home{padding:0 23px 40px}.house-masthead{height:75px}.house-masthead img{width:210px}.editorial-hero{padding-top:36px;gap:30px}.house-eyebrow{font-size:10px;margin-bottom:21px}.house-copy h1{font-size:52px;max-width:350px;line-height:1.07;margin-bottom:24px}.house-introduction{font-size:18px;line-height:1.7}.explore-brands{margin-top:25px;padding:0}.editorial-hero .house-stage{width:calc(100% + 22px);margin-left:-11px}.editorial-mansion.mansion-desktop{display:none}.editorial-mansion.mansion-mobile{display:block}.house-collection{padding-top:32px}.house-collection h2{font-size:33px;margin-bottom:29px}.collection-list{gap:35px}.collection-entry{grid-template-columns:1fr;background:#fafbf8}.collection-image{display:block;background:transparent}.collection-image img{width:100%;height:auto}.collection-copy{padding:28px 25px 32px}.collection-copy h3{height:auto;min-height:56px;margin-bottom:22px}.collection-coffee .collection-logo{width:74px;max-height:none}.collection-logo{max-width:170px}.collection-description{font-size:17px;margin-bottom:23px}.collection-link{font-size:13px}.collection-category{font-size:10px}}
@media(max-width:360px){.editorial-home{padding-left:18px;padding-right:18px}.house-copy h1{font-size:46px}.house-introduction{font-size:17px}.house-collection h2{font-size:29px}.collection-copy{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.editorial-mansion{animation:none}.editorial-home *{transition:none!important;scroll-behavior:auto!important}}
/* Photograph edges remain natural; no letterboxing panels on the editorial fiches. */
/* Equal photograph heights preserve each original aspect ratio; coffee gets the width it needs. */
@media(min-width:851px){.collection-entry{container-type:inline-size;grid-template-columns:auto minmax(0,1fr);background:#fff;align-items:start}.collection-image{align-self:start;background:transparent}.collection-image img{height:55cqw;width:auto;max-width:none;object-fit:contain}.collection-copy{padding:24px 18px 25px}.collection-copy h3{height:110px;padding:16px 0;margin-bottom:20px}.collection-logo{max-height:76px}.collection-coffee .collection-logo{width:64px;max-height:76px}.collection-entry:hover,.collection-entry:focus-within{background:#fafbf8}}
@media(max-width:600px){.explore-brands{padding:0;gap:22px;font-size:11px}.collection-copy h3{min-height:100px;padding:14px 0}.collection-coffee .collection-logo{max-height:80px}}
@media(min-width:851px) and (max-height:820px){.house-masthead{height:72px}.editorial-hero{min-height:calc(100svh - 72px);padding:28px 0 30px}.house-copy h1{font-size:clamp(50px,4.4vw,66px);margin-bottom:20px}.house-eyebrow{margin-bottom:18px}.house-introduction{font-size:17px;line-height:1.65}.explore-brands{margin-top:22px}.editorial-mansion{max-height:calc(100svh - 132px)}}
.collection-link{min-height:44px}
.collection-image{align-self:start;background:transparent}
/* Writing hierarchy: one purpose per section, one dominant action. */
.intro-projects{margin-top:14px}
.studio-contact .cta{margin-top:0}
.studio-contact .contact-channel{font-size:13px;margin-top:16px;margin-bottom:0}
.studio-work-first{padding:24px 4.5% 32px;max-width:1800px;margin:auto}
.studio-work-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
.studio-work-heading h1{font-size:clamp(22px,2.1vw,30px);margin-top:7px;letter-spacing:-.025em}
.studio-work-heading>.text-link{white-space:nowrap}
.studio-work-card{border:0;padding:0;background:transparent;text-align:left;min-width:0;width:100%;display:flex;flex-direction:column;gap:12px}
.studio-work-image{display:flex;align-items:center;justify-content:center;height:clamp(260px,calc(100svh - 235px),760px);background:#151515}
.studio-slide-emperador .studio-work-image{background:#362323}
.studio-slide-inpower .studio-work-image{background:#514c4b}
.studio-slide-elite .studio-work-image{background:#39362f}
.studio-work-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.studio-work-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%}
.studio-work-caption strong{display:block;font:400 clamp(22px,2vw,30px)/1.2 var(--serif)}
.studio-work-scope{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.studio-work-open{font-size:13px;white-space:nowrap;border-bottom:1px solid #829987;padding:5px 0}
.studio-work-card:hover .studio-work-open{color:#fff;border-color:#fff}
.studio-carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.studio-carousel-direction{display:flex;align-items:center;gap:10px}
.studio-carousel-controls button{background:transparent;border:1px solid transparent;min-height:44px;min-width:44px;padding:8px}
.studio-carousel-direction button{font-size:21px}
.studio-carousel-controls button:hover{border-color:var(--line)}
.studio-carousel-count{font-size:12px;color:var(--muted);white-space:nowrap}
.studio-carousel-dots{display:flex;gap:2px}
.studio-carousel-dots button span{display:block;width:6px;height:6px;border-radius:50%;border:1px solid var(--muted);margin:auto}
.studio-carousel-dots button[aria-pressed=true] span{background:var(--ink);border-color:var(--ink)}
.studio-carousel-pause{font-size:12px}
.studio-carousel-pause:disabled{color:var(--muted)}
.studio-slide:not([hidden]){animation:studio-slide-arrival .5s ease both}
@keyframes studio-slide-arrival{from{opacity:.35}to{opacity:1}}
.studio-work-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:12px}
.studio-work-bottom>span{font-size:12px;color:var(--muted)}
.studio-section-copy{max-width:650px;color:#bdc9c0;font-size:18px;line-height:1.7;margin-bottom:35px}
.studio-method .studio-section-copy{margin-bottom:0}
.studio-about{scroll-margin-top:25px}
.studio-about figcaption{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:700px){.studio-work-first{padding:22px 6% 30px}.studio-work-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:18px}.studio-work-heading h1{font-size:25px}.studio-work-heading .eyebrow{font-size:10px}.studio-work-image{height:auto;aspect-ratio:4/3;min-height:235px}.studio-work-image img{width:100%;height:100%}.studio-work-caption strong{font-size:22px}.studio-work-open{font-size:11px}.studio-work-scope{font-size:11px}.studio-carousel-controls{gap:8px;flex-wrap:wrap}.studio-carousel-dots{gap:0}.studio-carousel-pause{font-size:11px}.studio-work-bottom{align-items:start}.studio-section-copy{font-size:17px}}
@media(max-width:380px){.studio-carousel-dots{order:3;width:100%;justify-content:center}.studio-work-caption{align-items:start}.studio-work-caption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.studio-slide:not([hidden]){animation:none}}
@media(min-width:901px){.studio-intro{min-height:calc(100svh - 92px);padding-top:48px;padding-bottom:48px}.studio-intro h1{font-size:clamp(46px,5vw,76px)}}

/* Casa en el celular · 5 de octubre de 2026
   La mansión va primero y a sangre: se recorta el aire alrededor del dibujo (sin tocar el SVG ni su viewBox)
   y las zonas de toque crecen alrededor de cada abertura. El encuadre se ajusta con --crop-*,
   en unidades del dibujo original (1240 × 824). */
@media(max-width:600px){
  .editorial-hero .house-stage{--crop-left:48;--crop-right:1098;--crop-top:62;--crop-bottom:794;--crop-w:calc(var(--crop-right) - var(--crop-left));order:-1;width:auto;margin:0 -23px;overflow:hidden}
  .editorial-hero .house-stage .master-mansion{
    width:calc(100% * 1240 / var(--crop-w));max-width:none;
    margin-left:calc(-100% * var(--crop-left) / var(--crop-w));
    margin-top:calc(-100% * var(--crop-top) / var(--crop-w));
    margin-bottom:calc(-100% * (824 - var(--crop-bottom)) / var(--crop-w))}
  .master-mansion .master-hit-area{stroke-width:18px;pointer-events:all}
  .editorial-hero{padding-top:18px}
}
@media(max-width:360px){.editorial-hero .house-stage{margin:0 -18px}}