:root{--paper:#f7f4ed;--cream:#eae3d5;--ink:#262a26;--muted:#66695f;--gold:#91713e;--line:#d5cec0;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b18a4b;outline-offset:5px}button{border:0}img{width:100%;display:block;object-fit:cover}p{margin:0 0 22px}h1,h2,h3{font-weight:400;line-height:1.05;margin:0;font-family:var(--serif)}h1{font-size:clamp(48px,6.7vw,104px);letter-spacing:-.048em}h2{font-size:clamp(38px,4.5vw,68px);letter-spacing:-.045em}h3{font-size:29px;letter-spacing:-.02em}em{font-weight:400;color:var(--gold)}.wrap{width:min(1240px,88%);margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;text-transform:uppercase;color:var(--gold)}.light{color:#dfc89b}.small-text{font-size:13px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:#fff;z-index:100;padding:15px}.skip:focus{top:10px}.review-bar{padding:7px 6%;font-size:9px;letter-spacing:.12em;color:#eee5d2;background:#272f29;display:flex;justify-content:space-between;gap:15px}.review-bar span{letter-spacing:.02em}.review-bar a{text-decoration:underline}header{background:rgba(247,244,237,.98);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 6%;position:sticky;top:0;z-index:20;gap:20px}.identity{display:flex;align-items:center;gap:13px;flex-shrink:0;font-family:var(--serif);font-size:23px;line-height:1.15}.identity i{font-size:20px;color:var(--gold)}.identity small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:.25em;margin-top:8px;color:#645d4e}.window-mark{width:27px;height:37px;border:1px solid var(--gold);display:inline-block;position:relative}.window-mark:before{content:'';position:absolute;top:0;bottom:0;left:45%;border-left:1px solid var(--gold)}.window-mark:after{content:'';position:absolute;top:37%;left:0;right:0;border-top:1px solid var(--gold)}nav{display:flex;align-items:center;gap:29px;font-size:12px;color:var(--ink)}nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #9a927e;padding:11px 17px}.nav-cta span{margin-left:15px}#menu-toggle{display:none}.hero{position:relative;min-height:700px;height:calc(100svh - 114px);max-height:1050px;color:#fff;overflow:hidden;background:#303b32}.hero-poster,.hero video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-poster{object-position:center 54%}.hero-shade{background:linear-gradient(90deg,rgba(12,24,19,.77),rgba(12,24,19,.23) 65%,rgba(12,24,19,.12)),linear-gradient(0deg,rgba(12,24,19,.62),transparent 40%)}.hero-content{position:relative;padding-top:clamp(75px,10vh,140px)}.hero h1 em{color:#dec394}.hero-copy{max-width:460px;color:#f1eee5;font-size:18px;line-height:1.6;margin:28px 0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;font-size:12px;font-weight:600;min-height:48px;text-decoration:none}.cream{background:var(--paper);color:var(--ink)}.dark{background:#2c3c32;color:#fff}.outline-light{border:1px solid #b0b5a7;background:transparent;color:#fff}.button:hover{filter:brightness(.93)}.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding-bottom:7px}.hero-small{font-size:11px;color:#e3e2d9;margin-top:24px}.hero-bottom{position:absolute;bottom:32px;left:6%;display:flex;justify-content:space-between;align-items:end;gap:25px}.hero-coordinate{font-size:9px;letter-spacing:.13em;line-height:1.9}.hero-coordinate small{font-size:11px;letter-spacing:0;color:#e5e4da}.film-button{display:flex;align-items:center;gap:14px;background:transparent;color:white;text-align:left;font-family:var(--serif);font-size:20px}.film-button small{display:block;font:10px var(--sans);margin-top:6px;color:#e1e0d5}.play-icon{width:46px;height:46px;border:1px solid #e0d7c5;display:grid;place-items:center;border-radius:50%;font-size:12px}.motion-toggle{background:#f7f4ed;color:#262a26;padding:8px}.intro,.projects,.process,.meet,.contact{padding-block:95px}.section-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:36px}.section-top p{margin-bottom:16px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.split-heading>p{max-width:365px;color:var(--muted);font-size:15px;margin:0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.audience{padding:22px 0 0;border-top:1px solid #9e987f;transition:transform .2s}.audience:hover{transform:translateY(-5px)}.index{font-size:10px;letter-spacing:.12em;color:var(--gold)}.audience h3{font-size:35px;margin:24px 0 17px}.audience p{font-size:14px;color:var(--muted);max-width:320px;min-height:88px}.transformation{background:#eae7de;padding:80px 0}.transform-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.transform-copy h2{font-size:clamp(36px,3.6vw,54px);margin-bottom:27px}.transform-copy p{font-size:14px}.transform-copy .eyebrow{font-size:10px}.detail-note{padding-left:18px;border-left:2px solid var(--gold);color:#5c604f}.compare{position:relative;height:420px;--reveal:50%;overflow:hidden}.compare>img{height:100%}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--reveal))}.compare-after img{height:100%}.compare-label{position:absolute;top:16px;padding:6px 9px;background:#263329db;color:#fff;font-size:8px;letter-spacing:.07em}.before{left:14px}.after{right:14px}.compare-line{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:white}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:var(--ink);border-radius:50%;padding:10px}.compare-control{display:flex;align-items:center;gap:16px;margin-top:17px;font-size:11px}.compare-control input{accent-color:#6c734e;min-width:120px;width:35%}.meet{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.portrait-composition{position:relative;padding:0 65px 75px 0}.erika-portrait{height:550px;object-position:center 25%}.logan-photo{position:absolute;bottom:0;right:0;width:45%;height:220px;border:8px solid var(--paper);object-position:center}.portrait-label{position:absolute;bottom:26px;left:15px;background:#2c3c32;color:#efe9da;padding:24px 25px;font-size:10px;letter-spacing:.1em;z-index:1}.portrait-label em{display:block;font-family:var(--serif);font-size:22px;letter-spacing:-.02em;color:#dfc89b;margin-top:8px}.meet h2{font-size:clamp(35px,3.5vw,54px);margin-bottom:25px}.meet p{font-size:14px;color:var(--muted)}.meet p.lead{font-size:19px;color:var(--ink);font-family:var(--serif)}blockquote{font-family:var(--serif);font-size:26px;line-height:1.3;margin:30px 0;padding-left:23px;border-left:1px solid var(--gold)}cite{display:block;font:10px var(--sans);margin-top:14px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.collection{background:#ece8df;padding:85px 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{padding:0;background:transparent;text-align:left}.product img{height:340px}.product-caption{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:15px}.product small{font:9px var(--sans);letter-spacing:.12em;display:block;color:#6c614b;margin-bottom:9px}.product strong{font:25px var(--serif)}.brands{border-top:1px solid #c9c1b1;margin-top:50px;padding-top:30px;text-align:center}.brands>span{display:block}#brand-list{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin:18px 0}#brand-list button{background:none;font-family:var(--serif);font-size:22px;border-bottom:1px solid transparent}#brand-list button:hover{border-color:var(--gold)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-card{padding:0;text-align:left;background:none}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;column-gap:55px;align-content:center;background:#ece8df;padding-right:45px}.project-card.featured img{grid-row:1/5;height:440px}.project-card img{height:300px}.project-meta{font-size:9px;letter-spacing:.1em;color:var(--gold);display:block;margin:24px 0 14px}.project-card h3{font-size:32px;margin-bottom:15px;display:flex;justify-content:space-between;gap:10px}.project-card p{font-size:14px;color:var(--muted)}.project-card.featured .project-meta{margin-top:80px}.process{padding-top:10px}.process h2{margin-bottom:42px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.steps>div{border-top:1px solid var(--line);padding-top:16px}.steps span{font-size:10px;color:var(--gold)}.steps h3{font-size:25px;margin:18px 0 13px}.steps p{font-size:13px;color:var(--muted)}.journal{background:#283b32;color:#f5f1e7;padding:85px 0}.journal-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;padding-bottom:45px;border-bottom:1px solid #617265}.journal h2{font-size:90px;margin-bottom:10px}.journal-dot{color:#d1af75}.journal-heading>div>p:last-child{font-family:var(--serif);font-size:21px}.journal-intro{max-width:380px}.journal .journal-intro p{font:14px/1.7 var(--sans);color:#d9dfd7}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0}.article{padding:0;text-align:left;background:none;color:inherit}.article img{height:200px;margin-bottom:25px}.article small{font-size:9px;letter-spacing:.1em;color:#d4bb8d}.article h3{font-size:29px;margin:14px 0 20px;line-height:1.1}.article>span{font-size:11px;border-bottom:1px solid #879482;padding-bottom:5px}.newsletter-form{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #617265;padding-top:40px;margin-top:15px}.newsletter-form h3{font-size:26px;margin-bottom:12px}.newsletter-form p{font-size:13px;color:#d2dacf}.newsletter-form label{font-size:12px}.subscribe-row{display:flex;margin-top:8px}.subscribe-row input{min-width:0;border:1px solid #889384;background:transparent;color:#fff;padding:12px;width:100%}.subscribe-row input::placeholder{color:#cbd2c5}.consent{display:flex;align-items:start;gap:8px;margin-top:14px}.consent input{margin-top:5px;accent-color:#c1a56e}.status{font-size:12px!important;margin:15px 0 0!important;line-height:1.5}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.contact h2{margin-bottom:25px}.contact-copy>p{font-size:15px;color:var(--muted)}.contact-email{display:block;font-size:16px;margin-top:25px}.contact-phone{display:block;font-size:17px;margin:10px 0 25px}.contact-detail{margin-top:35px;border-top:1px solid var(--line);padding-top:25px;font-family:var(--serif);font-size:25px}.contact-detail p{font:13px/1.7 var(--sans);margin-top:10px;color:var(--muted)}form label{display:block;font-size:12px;margin-bottom:18px}#contact-form input:not([type=file]),select,textarea{width:100%;border:0;border-bottom:1px solid #a9a797;background:transparent;color:var(--ink);padding:12px 0;border-radius:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload{border:1px dashed #a9a797;padding:17px}.upload span{display:block;font-size:10px;color:var(--muted);margin:3px 0 12px}.upload input{width:100%;font-size:11px}.upload small{display:block;margin-top:10px;color:var(--muted)}.faq{padding-bottom:80px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font:22px var(--serif);cursor:pointer}.faq details p{margin:15px 0 0;max-width:850px;font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{font-family:var(--serif);font-style:italic;color:var(--gold)}footer small{font-size:9px;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(850px,92vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#162219c9}.close-dialog{position:sticky;top:12px;float:right;margin:12px 12px -56px 0;z-index:5;background:#f7f4ed;border:1px solid #c8bba5;border-radius:50%;width:42px;height:42px;font-size:26px}.dialog-body{padding:40px 48px}.dialog-body h2{font-size:43px;margin:10px 0 25px}.dialog-body h3{font-size:25px;margin:25px 0 15px}.dialog-body p,.dialog-body li{font-size:15px;color:#535b50}.dialog-img{height:340px}.dialog-body ul{padding-left:22px}.dialog-body li{margin-bottom:12px}.dialog-body .eyebrow{font-size:10px}.dialog-body pre{white-space:pre-wrap;font:14px/1.7 var(--sans);background:#eae7df;padding:20px}.storyboard{display:grid;grid-template-columns:80px 1fr;gap:12px 20px;margin:30px 0}.storyboard dt{color:var(--gold);font-size:12px}.storyboard dd{margin:0 0 16px;font-size:14px}.edition-masthead{padding:35px;background:#283b32;color:white;font-family:var(--serif);font-size:54px}.edition-meta{padding:15px 35px;background:#e9e1d0;font-size:11px}.review-main{max-width:950px;margin:60px auto;padding:0 30px}.review-main h1{font-size:60px}.review-main h2{font-size:32px;margin:45px 0 20px}.review-main li{margin-bottom:12px}.review-main table{width:100%;border-collapse:collapse;font-size:14px}.review-main th,.review-main td{border-bottom:1px solid var(--line);text-align:left;padding:15px 10px;vertical-align:top}.review-main video{width:100%}
@media(min-width:1700px){.hero-bottom{left:calc((100% - 1240px)/2)}}@media(max-width:1050px){nav{gap:16px;font-size:11px}.identity{font-size:20px}.identity i{font-size:17px}.meet{gap:45px}.contact{gap:45px}.product strong{font-size:21px}.hero{min-height:670px}.steps{gap:17px}.steps h3{font-size:22px}}@media(max-width:760px){html{scroll-padding-top:82px}.wrap{width:88%}.review-bar{font-size:8px}.review-bar span{display:none}header{padding:14px 6%}.identity{font-size:20px}.identity small{font-size:6px}.window-mark{height:31px;width:24px}#menu-toggle{display:block;background:none;font-size:12px;padding:8px}#menu-toggle span{margin-left:8px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 6%;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch;gap:0;font-size:15px}nav.open{display:flex}nav a{padding:14px 0;border-bottom:1px solid var(--line)}nav a.nav-cta{padding:13px;margin-top:10px}.hero{height:auto;min-height:730px}.hero-poster{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#10241ce0,#10241c40),linear-gradient(0deg,#10241cdd,transparent 50%)}.hero-content{padding-top:75px}.hero h1{font-size:53px}.hero-copy{font-size:16px;max-width:330px}.actions{gap:24px}.hero-small{max-width:260px}.hero-bottom{bottom:30px;align-items:start;flex-direction:column;gap:24px}.hero-coordinate{font-size:8px}.film-button{font-size:18px}.hero .eyebrow{font-size:8px}.intro,.projects,.meet,.contact{padding-block:60px}.section-top .small-text{display:none}.split-heading{display:block;margin-bottom:30px}.split-heading h2{margin-bottom:22px}.split-heading p{max-width:none}.audience-grid{grid-template-columns:1fr;gap:28px}.audience{position:relative}.audience h3{font-size:31px}.audience h3 br{display:none}.audience p{min-height:0;max-width:none}.transformation{padding:55px 0}.transform-grid{grid-template-columns:1fr;gap:35px}.compare{height:320px}.compare-control{flex-direction:column;align-items:stretch}.compare-control input{width:100%}.meet{grid-template-columns:1fr;gap:40px}.portrait-composition{max-width:470px;padding-right:55px}.erika-portrait{height:440px}.logan-photo{height:190px}.portrait-label{left:0;padding:18px;font-size:8px}.portrait-label em{font-size:18px}.collection{padding:55px 0}.product-grid{grid-template-columns:1fr;gap:35px}.product img{height:330px}.product strong{font-size:26px}#brand-list{gap:15px 22px}.project-grid{grid-template-columns:1fr;gap:35px}.project-card.featured{display:block;padding:0;background:none}.project-card.featured img{height:320px}.project-card.featured .project-meta{margin-top:24px}.project-card img{height:280px}.project-card h3{font-size:29px}.process{padding:0 0 60px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps h3{font-size:24px}.journal{padding:55px 0}.journal-heading{display:block}.journal h2{font-size:70px}.journal-intro{margin-top:25px}.article-grid{grid-template-columns:1fr;gap:40px}.article img{height:240px}.newsletter-form{grid-template-columns:1fr;gap:15px}.subscribe-row .button{gap:10px;padding-inline:15px}.contact{grid-template-columns:1fr;gap:30px}.form-row{gap:16px}.contact-email{font-size:15px}.faq{padding-bottom:45px}.faq summary{font-size:20px;line-height:1.3}footer{flex-direction:column;align-items:start;gap:20px}.dialog-body{padding:32px 25px}.dialog-body h2{font-size:34px}.dialog-img{height:240px}.edition-masthead{font-size:44px}.storyboard{grid-template-columns:60px 1fr}.review-main h1{font-size:43px}.review-main table{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.hero{min-height:0;max-height:none}.hero-content{padding-bottom:36px}.hero-bottom{position:relative;left:auto;bottom:auto;padding-bottom:32px}.hero-small{margin-bottom:0}}

[hidden]{display:none!important}
.hero.film-playing{height:var(--film-height);min-height:var(--film-height);background:#101713}
.hero.film-playing .hero-content,.hero.film-playing .hero-bottom{visibility:hidden}
.hero.film-playing .hero-shade{display:none}
.hero.film-playing video{object-fit:contain;z-index:3;background:#101713}
.close-film{position:absolute;z-index:4;top:18px;right:20px;background:#f7f4ed;color:#262a26;padding:11px 16px;border:1px solid #9a927e;font-size:12px}
.film-status{position:absolute;z-index:4;top:70px;left:20px;right:20px;text-align:center;font-size:10px;letter-spacing:.12em;color:#fff;text-shadow:0 1px 5px #000}

@media(max-width:760px){.hero-poster{position:relative;height:300px;object-position:70% center}.hero-shade{display:none}.hero-content{padding-top:38px}.hero:not(.film-playing) video{height:300px}.hero.film-playing .hero-poster{visibility:hidden}.hero.film-playing video{height:100%}}

.botcheck{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.status[data-state="error"]{color:#903627}.status[data-state="success"]{color:#2a5b39}button:disabled{opacity:.6;cursor:wait}

@media(max-width:760px){.hero-bottom{position:relative;left:auto;bottom:auto;margin-top:28px;padding-bottom:30px;gap:18px}}

.hero-content .film-button{margin:26px 0 0;padding:17px 24px;background:#f7f4ef;color:#262a26;border:1px solid #d6bc89;width:min(420px,100%);font-size:28px;box-shadow:0 8px 25px #0002}.hero-content .film-button .play-icon{width:58px;height:58px;flex-shrink:0;background:#91713e;color:white;border:0;font-size:16px}.hero-content .film-button small{color:#555b51;font-size:12px;line-height:1.5}.hero-content .film-button:hover{background:#fffaf0}.hero-content .hero-copy{margin-top:22px}
@media(max-width:760px){.hero-content .film-button{font-size:26px;margin-top:22px;padding:16px 20px}}

.nav-video{background:#91713e;color:#fff;padding:11px 15px;font:inherit;white-space:nowrap}.about-video{margin:0 0 12px}.meet-copy>.about-video+.small-text{margin-bottom:24px}@media(max-width:760px){nav .nav-video{margin-top:12px;text-align:left;min-height:46px}}

/* Refined, accessible media controls share one unobtrusive floating toolbar. */
.media-controls{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #eadfcb50;border-radius:999px;background:#1b2926c9;backdrop-filter:blur(16px);box-shadow:0 4px 18px #0002;color:#faf5eb;flex-shrink:0}
.media-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:3px 12px 3px 3px;border-radius:999px;background:transparent;color:inherit;font:500 11px/1.2 var(--sans);letter-spacing:.04em;transition:background .2s,color .2s}
.media-toggle:hover{background:#ffffff12;color:#ead3a9}.control-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e8d5af50;border-radius:50%;color:#e2c596}.control-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.control-divider{height:19px;width:1px;background:#d6c29b40}.media-toggle[aria-pressed="true"] .sound-muted,.media-toggle[aria-pressed="false"] .sound-waves,.media-toggle[aria-pressed="true"] .motion-pause,.media-toggle[aria-pressed="false"] .motion-play{display:none}.media-controls:has(#motion-toggle[hidden]) .control-divider{display:none}.close-film{border-radius:999px;background:#1b2926df;color:#f7f4ed;border:1px solid #dfcba666;padding:12px 20px;backdrop-filter:blur(12px)}.nav-video{border-radius:999px;padding-inline:19px}.nav-cta{border-radius:999px}.hero-content .film-button{border-radius:6px;box-shadow:0 12px 32px #0002}.hero-content .film-button .play-icon{box-shadow:0 0 0 5px #91713e13}.button{border-radius:3px}
@media(max-width:760px){.media-controls{align-self:flex-start}.hero-bottom{gap:24px}.media-toggle{font-size:11px}.nav-video{text-align:center!important}.close-film{top:16px;right:16px}}

.hero.film-playing{height:clamp(290px,56.25vw,calc(100svh - 120px));min-height:0}.hero video::cue{background:#14231ed9;color:#fff;font-family:Arial,sans-serif}

/* Manufacturer collection and Erika's audio introductions */
.brands{margin-top:70px;padding-top:48px;text-align:left;scroll-margin-top:120px}
.brands-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}
.brands-heading h2{font-size:clamp(34px,3.4vw,52px)}
.brands-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0}
#brand-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0}
#brand-list .brand-card{display:block;min-width:0;background:var(--paper);text-align:left;padding:0;border:1px solid #d8d0c0;border-radius:3px;overflow:hidden;transition:transform .2s,box-shadow .2s}
#brand-list .brand-card:first-child{grid-column:span 2}
#brand-list .brand-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #283b3212;border-color:#ae9670}
.brand-card-image{display:block;position:relative;overflow:hidden}
.brand-card-image img{height:180px;width:100%;transition:transform .45s}
.brand-card:hover img{transform:scale(1.035)}
.brand-number{position:absolute;top:14px;left:14px;border:1px solid #fff6;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#1c302bb3;color:#fff;font:10px var(--sans)}
.brand-card-copy{display:flex;flex-direction:column;padding:22px;min-height:174px}
.brand-card-copy strong{font:29px/1.1 var(--serif);letter-spacing:-.03em}
.brand-tagline{font:13px/1.5 var(--sans);color:var(--muted);display:block;margin:11px 0 22px}
.brand-card-action{display:flex;align-items:center;gap:8px;font:10px/1.3 var(--sans);color:#765b30;margin-top:auto}
.brand-card-action>span{margin-left:auto;font-size:17px}
.brand-card-action svg{width:17px;height:17px;flex-shrink:0;fill:currentColor}
.brand-card-action .narration-pause{display:none}
.brand-dialog-image{height:250px}
.brand-dialog-body{padding-top:30px}
.brand-dialog-body h2{margin-bottom:16px}
.brand-dialog-body .brand-intro{font-size:17px;line-height:1.65}
.brand-narrator{display:flex;align-items:center;gap:14px;margin:25px 0 15px}
.brand-narrator img{width:49px;height:49px;object-position:center 24%;border-radius:50%;border:1px solid #c5b189}
.brand-narrator p{font:17px/1.35 var(--serif);margin:4px 0 0;color:var(--ink)}
.brand-narrator .eyebrow{font-size:9px}
.narration-player{display:flex;align-items:center;gap:16px;border:1px solid #cfc5b2;border-radius:40px;padding:8px 16px 8px 8px;background:#eee8dc}
.narration-toggle{display:flex;align-items:center;justify-content:center;gap:9px;background:#2c3c32;color:#fff;min-height:44px;min-width:108px;border-radius:30px;padding:10px 16px;font-size:12px}
.narration-toggle svg{width:17px;height:17px;fill:currentColor}
.narration-toggle .narration-pause{display:none;fill:none;stroke:currentColor;stroke-width:3}
.narration-toggle.is-playing .narration-play{display:none}
.narration-toggle.is-playing .narration-pause{display:block}
.narration-seek{flex:1;min-width:25px;width:100%;height:32px;accent-color:#91713e;cursor:pointer}
.narration-time{font:10px var(--sans);color:#5b5c50;white-space:nowrap;font-variant-numeric:tabular-nums}
.brand-audio{display:none}
.brand-transcript{margin:18px 0 27px;border-bottom:1px solid var(--line);padding-bottom:17px}
.brand-transcript summary{font-size:12px;color:#765b30;cursor:pointer}
.brand-transcript p{margin:16px 0 0;font-size:14px}
.brand-specialties{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0!important;margin:22px 0 30px}
.brand-specialties li{border-top:2px solid #b19a73;padding:13px 0 0;font-size:13px;line-height:1.5}
.brand-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.brand-actions .button{border-radius:28px;gap:15px}
.manufacturer-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.brand-dialog-body .brand-footnote{font-size:11px;margin:22px 0 0;color:#77766a}
@media(max-width:1050px){#brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card-copy{min-height:154px}.brands-heading{gap:30px}}
@media(max-width:760px){.brands{margin-top:50px;padding-top:36px}.brands-heading{display:block}.brands-heading h2{font-size:37px}.brands-heading>p{margin-top:22px;max-width:none}#brand-list{gap:18px}.brand-card-copy{padding:18px;min-height:178px}.brand-card-copy strong{font-size:26px}.brand-card-image img{height:160px}.brand-card-action{font-size:9px}.brand-dialog-image{height:195px}.brand-specialties{grid-template-columns:1fr;gap:0}.brand-specialties li{padding-top:12px}.narration-player{gap:9px;padding-right:11px}.narration-toggle{min-width:90px;padding:10px 12px}.narration-time{font-size:9px}.brand-dialog-body .brand-intro{font-size:15px}}
@media(max-width:460px){#brand-list{grid-template-columns:1fr}#brand-list .brand-card:first-child{grid-column:auto}.brand-card-image img{height:190px}.brand-card-copy{min-height:160px}.brand-card-action{font-size:11px}}

/* Mobile: both video and piano actions appear before any hero copy. */
.mobile-hero-actions{display:none}
.hero.film-playing .mobile-hero-actions{display:none}
.hero.film-playing>.media-controls{display:none}
@media(max-width:760px){
 .hero-poster{height:clamp(185px,31svh,265px)}
 .hero:not(.film-playing) video{height:clamp(185px,31svh,265px)}
 .mobile-hero-actions{position:relative;z-index:4;display:flex;flex-direction:column;gap:12px;padding:18px 6% 20px;background:#23332d;border-bottom:1px solid #ffffff26}
 .mobile-hero-actions .film-button{width:100%;margin:0;padding:12px 17px;min-height:70px;border-radius:8px;background:#f7f4ed;color:#263329;border:1px solid #ddc492;box-shadow:0 5px 16px #0002;font:24px/1.1 var(--serif);gap:14px}
 .mobile-hero-actions .film-button .play-icon{width:43px;height:43px;flex-shrink:0;background:#91713e;color:#fff;border:0;font-size:13px}
 .mobile-hero-actions .film-button small{font:11px/1.5 var(--sans);color:#575c51;margin-top:5px}
 .mobile-hero-actions .media-controls{display:flex;justify-content:space-between;align-self:stretch;width:100%;padding:4px 9px;border:1px solid #d5c1997a;background:#35493f;border-radius:28px;box-shadow:none}
 .mobile-hero-actions .media-toggle{font-size:13px;letter-spacing:0;min-height:44px;padding-right:12px}
 .mobile-hero-actions #music-toggle{font-weight:600}
 .mobile-hero-actions .control-icon{width:30px;height:30px;border:0;color:#e6cb96}
 .mobile-hero-actions .control-divider{margin-left:auto;margin-right:8px}
 .hero-content{padding-top:30px}
 .hero.film-playing .hero-content,.hero.film-playing .hero-bottom{display:none}
}
@media(max-width:760px){.journal h2{font-size:clamp(52px,17vw,70px)}}