/* Approved warm editorial reference: inset photographic stage, honest example cards. */
.editorial-site{--paper:#faf8f2;--ink:#30371f;--muted:#696b58;--line:#dcd7c4;--iris:#4e5938;--iris-soft:#ebeade;background:var(--paper)}
.editorial-site .header{position:relative;min-height:104px;background:var(--paper);border:0;padding-inline:4%;z-index:20}
.editorial-site .wordmark{font-size:36px;letter-spacing:-.045em;font-weight:600}
.editorial-site .header nav a{font-weight:400;font-size:16px;padding-inline:22px}
.editorial-site .header .nav-cta{background:#30371f;padding-inline:26px;font-weight:600}
.editorial-site .hero{background:var(--paper);padding:0 22px;height:auto!important}
.editorial-site .hero-stage{position:relative!important;inset:auto!important;min-height:0;height:clamp(640px,53vw,850px);max-height:none;background:#e8e9df;border-radius:24px;overflow:hidden}
.editorial-site .hero-copy{left:3.5%;top:25%;width:48%;pointer-events:none}
.editorial-site .hero-copy :is(a,button){pointer-events:auto}
.editorial-site .hero h1{font-size:clamp(50px,5.1vw,78px);max-width:none;line-height:1.08;letter-spacing:-.04em;text-wrap:initial}
.editorial-site .hero h1 span{color:var(--ink);white-space:nowrap}
.editorial-site .hero-copy>p{font-size:21px;line-height:1.55;margin-top:27px;color:var(--ink);max-width:34ch}
.editorial-site .hero-start-note{display:none}
.editorial-site .hero-secondary{display:none}
.editorial-site .hero-actions{margin-top:26px}
.editorial-site .watch-stage{inset:10px 0 0 46%;display:block}
.editorial-site .watch-scene{inset:0 -3% 45px 0}
.editorial-site .watch-caption{position:absolute;bottom:18px;left:16px;right:28px;font-size:11px}
.editorial-site .watch-controls{position:absolute;bottom:46px;left:calc(-79%);margin:0;justify-content:flex-start;gap:0;background:#f8f7edb8;border:1px solid #c9cbb7;border-radius:16px;overflow:hidden}
.editorial-site .watch-controls button{border-radius:0;background:transparent!important;color:var(--ink)!important;min-height:58px;font-size:13px;padding:15px 20px;border-right:1px solid #d5d6c3}
.editorial-site .watch-controls button:last-child{border:0}
.editorial-site .watch-controls button:hover{background:#fff!important}
.editorial-site .watch-controls [aria-pressed=true]{background:#dce2c9!important}
.editorial-site .watch-hint{display:none}
.editorial-site .section-pad{padding:90px 5%}
.editorial-site .section-heading h2{font-size:clamp(33px,3.25vw,48px)}
.editorial-site .section-heading h2 br{display:none}
.editorial-site .offers .section-heading{display:block;margin-bottom:30px}
.editorial-site .offers .section-heading p{margin-top:12px;max-width:none;font-size:15px}
.editorial-site .offers .section-heading p br{display:none}
.editorial-site .editorial-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.editorial-site .service-card{border:1px solid #d8d1ba;border-radius:16px;padding:22px 20px 24px;min-width:0;background:transparent;transition:background .2s}
.editorial-site .service-card:has([aria-pressed=true]){background:#f0f0e5;border-color:#88926f}
.editorial-site .service-card h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;min-height:58px;display:flex;align-items:center;margin-bottom:17px}
.editorial-site .service-card button{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0!important;border:0!important;min-height:0;background:transparent!important;color:var(--ink)!important;border-radius:12px;gap:0;font-size:14px;overflow:hidden}
.editorial-site .service-card button img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;border-radius:12px;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.editorial-site .service-card button:hover img{transform:scale(1.025)}
.editorial-site .service-card button>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;font-size:14px;font-weight:600;text-align:left}
.editorial-site .service-card button svg{width:18px;height:18px;background:transparent;padding:0;border-radius:0}
.service-card dl{display:grid;gap:20px;margin:18px 0 0}
.service-card dl>div+div{padding-top:18px;border-top:1px solid #ded8c6}
.service-card dt{font-size:13px;font-weight:600;margin-bottom:5px}
.service-card dd{font-size:14px;line-height:1.7;color:#60634f;margin:0}
.editorial-site .service-examples:has(>.service-example:not([hidden])){margin-top:40px;padding:35px;background:#f0f0e7;border-radius:16px}
.editorial-site .service-examples:not(:has(>.service-example:not([hidden]))){margin:0}
.editorial-site .service-example{scroll-margin-top:25px}
.editorial-site .service-example .service-exchange>div{grid-template-columns:85px 1fr}
.editorial-site .service-reassurance{background:transparent;padding:18px 0;margin-top:25px;gap:35px;border-radius:0}
.editorial-site .service-reassurance p{font-size:14px;max-width:75ch}
.editorial-site .package-example{margin-top:10px;padding:0}
.editorial-site .bloom-gallery{background:#eeede3}
.editorial-site .demo-image{background:#e3e4d6}
.editorial-site .demo-copy h3{font-size:26px}
.editorial-site .gallery-next{border-top:1px solid var(--line);padding-top:35px}
.editorial-site .brief{background:#333c27}
.editorial-site .footer{background:#eeede3}
.sofa-media{aspect-ratio:1.27;position:relative;min-height:0!important}
.sofa-media :is(img,canvas){width:100%;height:100%;object-fit:cover;display:block;touch-action:pan-y}
.sofa-media [hidden],.sofa-controls[hidden]{display:none}
.sofa-controls{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.sofa-controls>div{display:flex;flex-wrap:wrap;gap:7px}
.sofa-controls button{display:inline-flex;align-items:center;gap:8px;border:1px solid #cacbb9;min-height:46px;padding:11px 15px;border-radius:100px;background:#faf8f2;font-size:13px}
.sofa-controls [aria-pressed=true]{border:2px solid #69764e;padding:10px 14px;background:#e4e8d8}
.sofa-controls i{width:15px;height:15px;border-radius:50%;background:#9da68d;display:inline-block}
.sofa-controls [data-sofa-color=oat] i{background:#c8bda4}.sofa-controls [data-sofa-color=ink] i{background:#474f4d}
@media(min-width:1500px){.editorial-site .hero-copy{top:30%}.editorial-site .hero h1{font-size:80px}.editorial-site .watch-controls{left:-79%}}
@media(max-width:1050px){.editorial-site .wordmark{font-size:30px}.editorial-site .header nav a{padding-inline:14px;font-size:14px}.editorial-site .hero h1{font-size:46px}.editorial-site .hero-copy>p{font-size:18px}.editorial-site .watch-controls{left:-80%}.editorial-site .watch-controls button{padding-inline:15px}.editorial-site .service-card{padding:18px 16px}.editorial-site .service-card h3{font-size:20px}.service-card dd{font-size:13px}}
@media(max-width:700px){
 .editorial-site .header{position:relative;min-height:82px;padding:15px 20px}.editorial-site .wordmark{font-size:28px}.editorial-site .header nav{position:absolute;top:76px;left:12px;right:12px;z-index:25;border:1px solid #ddd8c7;background:#faf8f2;border-radius:16px}.editorial-site .header nav a{font-size:16px;padding:12px 16px}
 .editorial-site .hero{padding:0 12px}.editorial-site .hero-stage{height:auto;min-height:0;padding:35px 23px 18px;border-radius:18px;display:flex;flex-direction:column}
 .editorial-site .hero-copy{position:relative;left:auto;top:auto;width:100%;order:0}.editorial-site .hero h1{font-size:clamp(34px,8.7vw,48px);max-width:none;letter-spacing:-.04em}.editorial-site .hero h1 span{white-space:normal}.editorial-site .hero-copy>p{font-size:16px;line-height:1.6;margin:19px 0 0}.editorial-site .hero-copy>p br{display:none}.editorial-site .hero-actions{margin-top:20px}.editorial-site .hero-actions .button{font-size:14px;min-height:48px;padding:12px 19px}
 .editorial-site .watch-stage{position:relative;inset:auto;width:100%;height:375px;margin:5px 0 0}.editorial-site .watch-scene{inset:0 -23px 86px}.editorial-site .watch-caption{bottom:0;left:0;right:0;font-size:9px;padding:0;gap:8px}.editorial-site .watch-caption a{font-size:10px}.editorial-site .watch-caption svg{width:13px}.editorial-site .watch-controls{left:0;right:0;bottom:43px;justify-content:center;flex-wrap:nowrap;border-radius:12px}.editorial-site .watch-controls button{font-size:11px;padding:10px 9px;min-height:45px;flex:1;white-space:nowrap}
 .editorial-site .section-pad{padding:55px 20px}.editorial-site .section-heading h2{font-size:31px}.editorial-site .offers .section-heading{margin-bottom:26px}.editorial-site .offers .section-heading p{font-size:14px;margin-top:14px}
 .editorial-site .editorial-offers{grid-template-columns:1fr;gap:20px}.editorial-site .service-card{padding:20px}.editorial-site .service-card h3{font-size:25px;min-height:0;margin-bottom:20px}.editorial-site .service-card button img{aspect-ratio:1.5}.service-card dl{grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}.service-card dl>div+div{padding:0;border:0}.service-card dd{font-size:13px}.editorial-site .service-card button>span{font-size:14px;min-height:46px}
 .editorial-site .service-examples:has(>.service-example:not([hidden])){padding:20px 16px;margin-top:25px}.editorial-site .service-reassurance{display:block;margin-top:15px}.editorial-site .service-reassurance .example-link{margin-top:8px}.editorial-site .service-example{scroll-margin-top:20px}.editorial-site .service-example .example-explanation{order:0}.editorial-site .service-exchange>div{display:block}.editorial-site .service-exchange dt{margin-bottom:7px}.editorial-site .visual-deliverables{grid-template-columns:1fr;gap:22px}.editorial-site .demo-copy h3{font-size:25px}.editorial-site .process-strip{padding:22px}.editorial-site .brief h2{font-size:36px}.sofa-controls button{padding:10px 12px;font-size:12px}.sofa-controls [aria-pressed=true]{padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){.editorial-site .service-card button img{transition:none}.editorial-site .service-card button:hover img{transform:none}}

/* Reference-aligned studio presentation. Still rendering and live controls are explicit. */
.editorial-site{--paper:#f8f6ef;--ink:#30371f;--muted:#62664f;--line:#d9d4c3}
.editorial-site .brand-dot{display:block;width:.15em;height:.15em;margin-left:.055em;margin-bottom:.09em;background:currentColor}
.editorial-site .wordmark{letter-spacing:-.04em}
.editorial-site .hero-stage{background:#e7e7db}
.editorial-site .hero-copy{top:27%;width:49%}
.editorial-site .hero-copy>p{font-size:20px;line-height:1.6;max-width:32ch}
.editorial-site .watch-stage{left:45%}
.editorial-site .watch-fallback{object-fit:contain;transform:scale(1.18);transform-origin:55% 50%;border-radius:0;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 87%,transparent)}
.editorial-site .watch-controls{background:#f6f5eccc;bottom:55px}
.editorial-site .watch-controls button{font-size:12px;padding-inline:17px}
.editorial-site .watch-controls button:disabled{opacity:.40;cursor:default}
.editorial-site .watch-caption{bottom:15px;left:25px;font-size:11px}
.editorial-site .watch-hint{display:block;position:absolute;bottom:7px;left:-77%;font-size:11px;max-width:37ch;line-height:1.5;color:#596044}
.editorial-site .service-card{padding:22px 20px;background:#faf8f2}
.editorial-site .service-card h3{font-size:22px;min-height:55px}
.editorial-site .service-card button img{aspect-ratio:.94;object-fit:cover}
.editorial-site .service-card dd{color:#535941}
.editorial-site .service-card button>span{min-height:54px}
.editorial-site .service-card button:focus-visible{outline:3px solid #697b45;outline-offset:5px}
.editorial-site .bloom-gallery{background:#ececdf}
.editorial-site .service-examples:has(>.service-example:not([hidden])){background:#eeeee3}
.editorial-site .sofa-media{aspect-ratio:.98}
.editorial-site .sofa-media img{object-fit:cover}
.editorial-site .example-media.model-example{aspect-ratio:.98}
.editorial-site .example-media.model-example>img{object-fit:cover}
.editorial-site .example-media:has([data-still-example]){aspect-ratio:1}
.editorial-site .example-media [data-still-example]{object-fit:cover}
.editorial-site .sofa-controls>div{flex-wrap:wrap;gap:8px}
.editorial-site .sofa-controls button{min-height:44px}
@media(max-width:700px){
 .editorial-site .hero-copy{width:100%;top:auto}
 .editorial-site .hero-copy>p{font-size:16px;line-height:1.55}
 .editorial-site .watch-stage{left:auto;height:455px}
 .editorial-site .watch-scene{inset:0 -16px 147px}
 .editorial-site .watch-fallback{transform:scale(1.20)}
 .editorial-site .watch-controls{bottom:60px;left:0;display:grid;grid-template-columns:1fr 1fr}
 .editorial-site .watch-controls button{font-size:12px;padding-inline:8px}
 .editorial-site .watch-caption{bottom:21px;left:0;font-size:10px}
 .editorial-site .watch-hint{left:0;right:0;bottom:0;margin:0;max-width:none;font-size:9px;text-align:center}
 .editorial-site .service-card h3{min-height:0;font-size:23px}
 .editorial-site .service-card button img{aspect-ratio:1.12}
 .editorial-site .service-card dl{gap:20px}
 .editorial-site .service-card dd{font-size:13px}
 .editorial-site .sofa-media,.editorial-site .example-media.model-example{aspect-ratio:1}
}

/* A short native-scroll reveal; touch layouts keep their ordinary document flow. */
@media(min-width:701px) and (min-height:620px){
 .editorial-site .hero.watch-scroll-story{--watch-stage-height:min(clamp(640px,53vw,850px),calc(100svh - 24px));height:calc(var(--watch-stage-height) + 50svh)!important;position:relative}
 .editorial-site .hero.watch-scroll-story .hero-stage{position:sticky!important;top:12px!important;height:var(--watch-stage-height);min-height:0}
}
