/* styles.css */
@font-face{font-family:JingsSans;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-display:swap;font-weight:200 800}
:root{--ivory:#f5f1e8;--paper:#faf8f3;--tea:#30251f;--muted:#71675e;--gold:#b0946b;--line:#d8d0c3;--amber:#925427;--serif:Georgia,'Times New Roman',serif;--sans:JingsSans,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ivory);color:var(--tea);font-family:var(--sans);font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}img{display:block;max-width:100%;height:auto}button{border:0}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #976932;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(3.4rem,5.75vw,6.5rem);margin-bottom:28px}h1 em,h2 em{font-weight:400;color:#93633d}h2{font-size:clamp(2.6rem,3.65vw,4.5rem);margin-bottom:28px}h3{font-family:var(--serif);font-weight:400;font-size:1.65rem;letter-spacing:-.025em;line-height:1.25;margin-bottom:14px}p{margin-bottom:22px}p:last-child{margin-bottom:0}[hidden]{display:none!important}.section{padding:92px max(5vw,24px)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.17em;line-height:1.6;text-transform:uppercase;margin-bottom:22px}.fine-print{font-size:12px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--tea);color:var(--paper);padding:17px 22px;min-height:54px;font-size:14px;font-weight:500;border:1px solid var(--tea);transition:background .2s}.button:hover{background:#614330;border-color:#614330}.button span{font-size:20px;line-height:1}.underlink,.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;font-size:14px;min-height:44px}.underlink:hover,.text-button:hover{color:var(--amber);border-color:var(--amber)}.underlink span{font-size:22px}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4vw;background:rgba(245,241,232,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.wordmark{position:relative;display:block;font-family:var(--sans);font-size:26px;font-weight:750;letter-spacing:.08em;line-height:1.1;flex-shrink:0}.wordmark>span{display:block;font-size:10px;letter-spacing:.4em;font-weight:500;margin-top:4px}.wordmark i{position:absolute;right:-14px;top:0;font-size:9px;font-style:normal}.site-header nav{display:flex;gap:32px;align-items:center;margin-left:auto;margin-right:3vw}.site-header nav a{font-size:12px;text-transform:uppercase;letter-spacing:.11em;position:relative;padding:10px 0}.site-header nav a[aria-current]:after{position:absolute;content:'';width:20px;height:1px;background:var(--amber);bottom:2px;left:0}.header-cta{font-size:12px;padding:13px 17px;min-height:45px;gap:20px}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--tea);color:white;padding:14px}.skip-link:focus{top:8px}.home-hero{display:grid;grid-template-columns:.82fr 1.4fr;gap:2vw;padding-top:64px;padding-bottom:48px;align-items:start}.hero-copy{padding-top:58px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(3.6rem,5.6vw,6.5rem);white-space:nowrap}.hero-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.hero-copy .underlink{display:flex;width:max-content;margin-top:14px}.hero-note{display:flex;flex-direction:column;gap:7px;margin-top:68px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.workbench{min-width:0;position:relative}.bench-title{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.12em;line-height:1.5;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.illustration-label{border:1px solid #b8a68c;padding:2px 7px;letter-spacing:.035em;text-transform:none;white-space:nowrap}.bench-title>span:first-child{padding-top:3px}#product-viewer{height:clamp(320px,30vw,510px);position:relative;isolation:isolate;touch-action:pan-y}#product-viewer canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}.viewer-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;z-index:0}.viewer-ready .viewer-fallback{visibility:hidden}.static-mode canvas{visibility:hidden}.static-mode .viewer-fallback{visibility:visible}.static-mode .hotspots{display:none}.hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border:1px solid #b1a292;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#f5f1e8db;font-size:22px;font-weight:300;line-height:1}.hotspot span{position:absolute;top:34px;font-family:var(--sans);font-size:10px;white-space:nowrap;background:var(--ivory);padding:3px 6px;border:1px solid var(--line);opacity:0;transition:opacity .2s}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.hotspot.pin{left:77%;top:37%}.hotspot.polish{left:25%;top:69%}.hotspot.logo{left:59%;top:24%}.bench-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);letter-spacing:.03em;margin-bottom:10px}.bench-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bench-actions button{border:0;font-size:12px;gap:12px;min-height:50px}.bench-actions button:first-child{margin-right:auto}.bench-materials{padding-top:20px}.field-label{display:block;font-size:12px;letter-spacing:.07em;margin-bottom:12px}.material-buttons{display:flex;gap:18px;flex-wrap:wrap}.material-buttons button{padding:3px 0 8px;background:transparent;display:flex;align-items:center;gap:8px;border-bottom:1px solid transparent;font-size:11px;min-height:44px}.material-buttons button[aria-pressed=true]{border-color:var(--tea)}.swatch{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #8f7f6b;box-shadow:inset 0 0 0 2px var(--ivory)}.swatch.tortoise{background:#92501f url('/assets/materials/jings-amber-tortoise-UF2-0377.jpg') center/120px}.swatch.espresso{background:#39271d}.swatch.champagne{background:#cdae7a}.bench-materials>.fine-print{margin-top:9px;font-size:10px}.construction-key{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;padding:14px 0}.mobile-steps{display:none}.detail-panel{padding:20px;background:#eae2d5;border-left:2px solid var(--gold);margin-top:18px}.detail-panel h3{margin-bottom:8px}.detail-panel p{font-size:14px}.detail-panel .eyebrow{font-size:10px;margin-bottom:8px}.detail-panel .text-button{font-size:12px}.detail-panel select{background:var(--ivory)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;padding:21px 5vw;text-transform:uppercase;font-size:10px;letter-spacing:.17em}.ticker span:before{content:'·';color:var(--amber);margin-right:18px}.section-heading{display:flex;justify-content:space-between;gap:9vw;align-items:end;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>div{flex:1}.section-heading>p{width:360px;max-width:40%;color:var(--muted);font-size:14px;margin:0}.capabilities{background:var(--tea);color:var(--ivory)}.capabilities .section-heading>p,.capabilities>.fine-print{color:#c4b8ab}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr)}.capability{background:transparent;color:inherit;text-align:left;padding:28px 28px 28px 0;border-top:1px solid #786656}.capability+.capability{padding-left:28px;border-left:1px solid #786656}.capability>span:first-child{font-size:11px;display:block;color:#c0a581;margin-bottom:32px}.capability h3{font-size:1.55rem}.capability p{font-size:13px;color:#c4b8ab;max-width:250px;min-height:66px}.capability-action{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.02em;margin-top:26px}.capability-action span{font-size:24px;color:#d0b995}.capability:hover{background:#ffffff06}.capabilities>.fine-print{margin-top:30px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material-card{padding:0;background:transparent;text-align:left;min-width:0}.material-image{height:300px;position:relative;overflow:hidden;background:#e4d8c5}.material-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.material-card:hover img{transform:scale(1.035)}.material-image>span{position:absolute;top:15px;left:18px;background:var(--ivory);padding:3px 8px;font-size:10px}.material-card>div:nth-child(2){display:flex;justify-content:space-between;gap:15px;padding-top:20px;align-items:baseline}.material-card>div:nth-child(2)>span{font-size:22px}.material-card h3{font-size:1.8rem;margin-bottom:7px}.material-card>p{font-size:13px;color:var(--muted)}.material-card[aria-pressed=true] h3{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px;text-decoration-color:var(--gold)}.source-caption{border-top:1px solid var(--line);margin-top:30px;padding-top:14px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.source-caption a{text-decoration:underline;text-underline-offset:4px}.process{background:#ebe5da}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid article{border-top:1px solid #bfb2a2;padding-top:22px}.process-grid article>span{font-size:11px;color:var(--amber);display:block;margin-bottom:28px}.process-grid h3{font-size:1.7rem}.process-grid p{font-size:13px;color:var(--muted);max-width:270px}.factory-split{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center}.factory-photo{position:relative}.factory-photo img{width:100%;height:460px;object-fit:cover;filter:saturate(.5)}.factory-photo>span{position:absolute;bottom:14px;left:14px;color:#fff;background:#30251fa8;font-size:10px;padding:6px 10px}.factory-split>div:last-child>p:not(.eyebrow){font-size:14px;color:var(--muted)}.factory-split .fine-print{margin-top:24px}.quality{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.quality-grid article>span:first-child{display:block;font-size:12px;color:var(--amber);margin-bottom:24px}.quality-grid p{font-size:14px;color:var(--muted);max-width:360px}.pending-label{font-size:10px;display:inline-block;border:1px solid var(--line);padding:7px 9px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 25px}.product-photo{position:relative;background:#eee8df;display:block;overflow:hidden;aspect-ratio:1.25}.product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.product-photo:hover img{transform:scale(1.035)}.product-photo>span{position:absolute;bottom:12px;right:14px;width:30px;height:30px;background:var(--ivory);border-radius:50%;text-align:center}.product-meta{padding-top:20px}.product-meta .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:8px}.product-meta h3{font-size:1.8rem;margin-bottom:8px}.product-meta>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:10px}.product-meta>.fine-print{font-size:10px}.featured>.underlink{margin-top:42px}.project-strip{background:#e6ddce;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center}.project-strip h2{font-size:clamp(2.5rem,3.5vw,4.2rem);margin-bottom:0}.project-strip>div:last-child{justify-self:start}.project-strip>div:last-child>p{font-size:14px}.project-strip .fine-print{margin-top:16px;margin-bottom:0;font-size:11px!important}.site-footer{background:var(--tea);color:var(--ivory);padding:58px 5vw 24px}.footer-top{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:40px;padding-bottom:55px}.footer-top .wordmark{font-size:31px}.footer-top .wordmark>span{font-size:10px}.footer-top>p{font-family:var(--serif);font-size:1.7rem;line-height:1.35}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.footer-bottom{padding-top:20px;border-top:1px solid #69574a;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:10px;color:#c6b9a9}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}.mobile-project{display:none}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:24px 5vw 0;font-size:11px;color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.inner-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:end;padding-top:62px;padding-bottom:72px}.inner-hero h1{margin:0;font-size:clamp(4rem,6vw,6.5rem)}.inner-hero>p{max-width:360px;color:var(--muted);font-size:15px;padding-bottom:8px}.about-photo{padding-top:0;padding-bottom:0}.about-photo>img{width:100%;height:470px;object-fit:cover;filter:saturate(.55)}.about-photo>div{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:10px;color:var(--muted)}.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.editorial-split p{color:var(--muted);font-size:14px}.editorial-split p.large-copy{font-size:22px;line-height:1.6;color:var(--tea);font-family:var(--serif)}.team-section{background:#ebe5da}.team-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center}.team-layout>img{width:100%;height:380px;object-fit:cover}.team-layout p{font-size:14px}.plain-list{padding:0;list-style:none;margin:26px 0}.plain-list li{border-top:1px solid var(--line);padding:12px 0;font-size:13px}.plain-list li:last-child{border-bottom:1px solid var(--line)}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.evidence-grid>div{border-top:1px solid var(--line);padding-top:26px}.evidence-grid p{font-size:14px;color:var(--muted)}.catalogue{padding-top:0}.filters{display:flex;gap:24px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.filters>label{min-width:215px}.filters #result-count{margin-left:auto;font-size:12px;color:var(--muted);padding-bottom:14px}label{display:block;font-size:12px}input,select,textarea{width:100%;min-width:0;border:1px solid #baae9e;color:var(--tea);background:transparent;padding:13px;border-radius:0;margin-top:8px;min-height:48px;font-size:14px}select{padding-right:26px}input::placeholder,textarea::placeholder{color:#8a7d70;opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--tea)}textarea{resize:vertical}.filter-note{font-size:11px;color:var(--muted);padding:18px 0;margin-bottom:20px}.empty-state{padding:65px 20px;text-align:center;border:1px solid var(--line)}.empty-state h2{font-size:2.8rem}.product-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;padding-top:45px;align-items:start}.detail-gallery{min-width:0}.main-product-photo{position:relative;background:#eee8df;aspect-ratio:1.1}.main-product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.main-product-photo>span{position:absolute;bottom:14px;left:18px;font-size:10px;color:var(--muted)}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.gallery-thumbs button{padding:0;background:#eee8df;border:1px solid transparent;aspect-ratio:1.4}.gallery-thumbs button[aria-pressed=true]{border-color:var(--tea)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.detail-info{padding-top:12px}.detail-info h1{font-size:clamp(4rem,5.2vw,6rem)}.detail-info>p:not(.eyebrow){color:var(--muted);font-size:14px}.detail-info .fine-print{font-size:11px!important}.choice-block{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 28px}.detail-info>.fine-print:last-child{margin-top:12px}.specification{border-top:1px solid var(--line)}.spec-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}dl{margin:0}dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0}.contact-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:8vw;padding-top:10px}.project-summary{background:#eae2d5;padding:30px;align-self:start;position:sticky;top:116px}.project-summary>img{width:100%;height:200px;object-fit:contain;mix-blend-mode:multiply}.project-summary h2{font-size:2rem;margin:25px 0 10px}.project-summary dl>div{grid-template-columns:1fr 1.4fr;font-size:12px;border-color:#c7bbaa}.project-summary .fine-print{margin-top:22px}.demo-notice{display:flex;align-items:start;gap:14px;padding:18px 20px;border:1px solid #cdbb9d;margin-bottom:36px;background:#eee5d5}.demo-notice strong{font-size:13px}.demo-notice p{font-size:12px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.status-mark{width:7px;height:7px;border:1px solid #8b652f;transform:rotate(45deg);margin-top:9px;flex-shrink:0}fieldset{padding:0;border:0;margin:0 0 35px;min-width:0}legend{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;width:100%;padding:0 0 12px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.span-2{grid-column:span 2}.form-grid label>span{color:var(--amber)}.form-grid .optional{font-size:10px;color:var(--muted)}.consent{display:flex;gap:12px;align-items:flex-start;margin:22px 0}.consent input{width:17px;height:17px;min-height:0;flex-shrink:0;margin:3px 0 0;accent-color:var(--tea)}#inquiry-form>.fine-print{margin-top:18px}.receipt{border:1px solid var(--line);padding:30px}.receipt h2{font-size:2.6rem}.receipt p{font-size:14px}.receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 var(--sans);padding:20px;background:#ebe5da}.receipt-actions{display:flex;gap:20px;flex-wrap:wrap}.source-content{max-width:1050px;padding-top:10px}.source-content h2{font-size:2.2rem;margin-top:45px}.source-content a{text-decoration:underline;text-underline-offset:3px}.source-content p{color:var(--muted)}.notice{border:1px solid var(--gold);padding:14px;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:100;padding:13px 24px;background:var(--tea);color:var(--ivory);font-size:13px;box-shadow:0 5px 30px #30251f20}
@media(min-width:1800px){body{max-width:2000px;margin:auto}.home-hero{gap:5vw}}
@media(max-width:1180px){.site-header{gap:18px}.site-header nav{gap:20px;margin-right:1vw}.header-cta{font-size:11px;gap:12px}.home-hero{grid-template-columns:.85fr 1.2fr;gap:2vw;padding-left:4vw;padding-right:4vw}.hero-copy{padding-top:34px}.hero-copy h1{font-size:5.5vw}.hero-copy>.button{font-size:12px;gap:18px}.hero-note{margin-top:40px}.bench-title{font-size:9px}.bench-caption{font-size:9px}.bench-actions{gap:14px}.bench-actions button{font-size:10px}.material-buttons{gap:12px}.material-buttons button{font-size:10px}.material-image{height:245px}.capability h3{font-size:1.4rem}.capability p{min-height:85px}.factory-split{gap:6vw}.section{padding-top:75px;padding-bottom:75px}.home-hero{padding-top:40px;padding-bottom:36px}.product-detail,.contact-layout{gap:5vw}.contact-layout{grid-template-columns:.8fr 1.3fr}.project-summary{padding:23px}.about-photo{padding-top:0;padding-bottom:0}.catalogue{padding-top:0}.contact-layout{padding-top:0}}
@media(max-width:900px){.site-header{padding:19px 4vw}.wordmark{font-size:23px}.site-header nav{gap:18px;margin-right:0}.header-cta{display:none}.site-header nav a{font-size:11px}.section{padding:64px 5vw}.home-hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.hero-copy{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;column-gap:30px;align-items:start}.hero-copy>.eyebrow{grid-column:span 2;margin-bottom:16px}.hero-copy h1{font-size:clamp(3.6rem,7.8vw,5.2rem);grid-row:2/5;white-space:normal;margin:0}.hero-copy>p:not(.eyebrow){font-size:14px;margin-bottom:17px}.hero-copy>.button{font-size:12px;gap:12px;padding:13px 12px}.hero-copy>.underlink{margin:6px 0 0;font-size:12px}.hero-note{grid-column:span 2;flex-direction:row;justify-content:space-between;margin-top:25px;padding-top:16px;border-top:1px solid var(--line);font-size:9px}#product-viewer{height:420px}.bench-title{font-size:10px}.bench-caption{font-size:11px}.bench-actions button{font-size:12px}.material-buttons button{font-size:12px}.bench-materials>.fine-print{font-size:11px}.hotspot{width:36px;height:36px}.section-heading{gap:40px}.section-heading>p{font-size:13px}.capability-grid{grid-template-columns:repeat(2,1fr);gap:0}.capability,.capability+.capability{padding:26px;border-left:0}.capability:nth-child(odd){padding-left:0}.capability:nth-child(even){border-left:1px solid #786656}.capability>span:first-child{margin-bottom:20px}.capability h3{font-size:1.8rem}.capability p{min-height:0;max-width:none;font-size:14px}.material-grid{gap:16px}.material-image{height:225px}.material-card h3{font-size:1.4rem}.material-card>p{font-size:12px}.process-grid{grid-template-columns:repeat(2,1fr);gap:32px}.process-grid article>span{margin-bottom:18px}.process-grid p{font-size:14px;max-width:none}.factory-split{gap:35px}.factory-photo img{height:370px}.quality-grid{gap:25px}.quality-grid h3{font-size:1.5rem}.quality-grid p{font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.featured .product-card:last-child{display:none}.project-strip{gap:40px;grid-template-columns:1fr 1fr}.project-strip h2{font-size:2.6rem}.project-strip .button{font-size:12px;gap:12px}.footer-top{grid-template-columns:.7fr 1fr 1fr;gap:30px}.footer-top>p{font-size:1.4rem}.inner-hero{gap:40px;padding-top:40px}.inner-hero h1{font-size:4.4rem}.inner-hero>p{font-size:14px}.about-photo{padding-top:0;padding-bottom:0}.about-photo>img{height:350px}.editorial-split{gap:45px}.team-layout{gap:35px}.team-layout>img{height:300px}.team-layout p{font-size:13px}.evidence-grid{gap:24px}.evidence-grid p{font-size:13px}.catalogue{padding-top:0}.filters>label{min-width:0;flex:1}.filters{gap:20px;flex-wrap:wrap}.filters #result-count{padding-bottom:0}.product-detail{grid-template-columns:1fr 1fr;gap:30px;padding-top:40px}.detail-info h1{font-size:3.8rem}.detail-info .material-buttons{gap:7px}.detail-info .material-buttons button{font-size:10px}.choice-row{grid-template-columns:1fr}.detail-info>.button{font-size:12px;gap:12px}.spec-grid{gap:40px}.contact-layout{grid-template-columns:1fr;gap:35px;padding-top:0}.project-summary{position:static;display:grid;grid-template-columns:1fr 1.3fr;gap:0 30px;padding:26px}.project-summary>.eyebrow{grid-column:span 2}.project-summary>img{grid-row:2/5;height:180px}.project-summary h2{margin:0 0 10px}.project-summary .underlink{font-size:12px}.project-summary>.fine-print{grid-column:span 2;margin-top:15px}.contact-form-wrap{max-width:100%}.mobile-project{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 5vw calc(10px + env(safe-area-inset-bottom));z-index:45;background:var(--ivory);border-top:1px solid var(--line)}.mobile-project .button{width:100%;min-height:48px;padding:12px;font-size:13px}.site-footer{padding-bottom:100px}.toast{bottom:90px}.site-header nav{margin-left:auto}}
@media(max-width:600px){html{scroll-padding-top:80px}.site-header{padding:17px 6vw;flex-wrap:wrap}.wordmark{font-size:23px}.wordmark>span{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:20px;padding:5px 0;background:transparent;font-size:12px;margin-left:auto;min-height:36px}.menu-toggle span{font-size:22px}.site-header nav{display:none;order:5;flex-basis:100%;padding:22px 0 8px;flex-direction:column;align-items:stretch;gap:6px}.site-header nav.open{display:flex}.site-header nav a{font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.site-header nav a[aria-current]:after{display:none}.section{padding:56px 6vw}.home-hero{padding-top:30px;gap:28px;padding-bottom:28px}.hero-copy{display:block}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:18px}.hero-copy h1{font-size:clamp(3.2rem,13vw,4.8rem);margin-bottom:23px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.75}.hero-copy>.button{font-size:12px;padding:15px 18px;gap:30px;margin-top:3px}.hero-copy>.underlink{font-size:11px;margin-top:7px;width:max-content}.hero-note{display:none}#product-viewer{height:295px}.bench-title{font-size:8px;gap:6px}.illustration-label{font-size:9px;padding:2px 5px;letter-spacing:0}.bench-caption{font-size:9px;align-items:start}.bench-caption>span:last-child{text-align:right;max-width:45%}.bench-actions{gap:15px;justify-content:space-between}.bench-actions button{font-size:10px;min-height:43px;gap:8px}.bench-actions button:first-child{margin:0}.bench-actions #static-toggle{flex-basis:100%;border-top:1px solid var(--line);justify-content:center;min-height:35px}.mobile-steps{display:flex;gap:8px;margin-top:14px}.mobile-steps button{flex:1;background:transparent;border:1px solid var(--line);font-size:11px;min-height:44px;padding:8px}.mobile-steps button[aria-pressed=true]{background:var(--tea);color:var(--ivory);border-color:var(--tea)}.bench-materials{padding-top:20px}.material-buttons{gap:8px}.material-buttons button{font-size:9px;gap:5px}.swatch{width:22px;height:22px}.bench-materials .field-label{font-size:11px;margin-bottom:6px}.bench-materials>.fine-print{font-size:10px}.hotspot{width:32px;height:32px}.ticker{display:grid;grid-template-columns:1fr 1fr;padding:17px 6vw;gap:12px;font-size:8px}.ticker span:before{margin-right:8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;width:auto;margin-top:22px;font-size:14px}.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:18px}h2{font-size:2.6rem}.capability-grid{grid-template-columns:1fr}.capability,.capability+.capability,.capability:nth-child(odd),.capability:nth-child(even){padding:23px 0;border-left:0;position:relative}.capability h3{font-size:1.75rem}.capability>span:first-child{position:absolute;right:0;top:28px;margin:0}.capability p{font-size:13px;max-width:280px}.capability-action{margin-top:17px}.material-grid{grid-template-columns:1fr;gap:32px}.material-image{height:auto;aspect-ratio:1.8}.material-image img{object-fit:cover}.material-card h3{font-size:1.8rem}.material-card>p{font-size:13px}.source-caption{display:block;font-size:10px}.source-caption a{display:block;margin-top:10px}.process-grid{gap:28px 20px}.process-grid h3{font-size:1.5rem}.process-grid p{font-size:12px}.factory-split{grid-template-columns:1fr;gap:34px}.factory-photo img{height:300px}.factory-split>div:last-child>.fine-print{font-size:11px}.quality-grid{grid-template-columns:1fr;gap:30px}.quality-grid article{border-top:1px solid var(--line);padding-top:18px}.quality-grid article>span:first-child{margin-bottom:12px}.quality-grid h3{font-size:1.8rem}.quality-grid p{font-size:14px;max-width:none}.product-grid{gap:30px 12px}.product-photo{aspect-ratio:1}.product-meta{padding-top:14px}.product-meta .eyebrow{font-size:8px;line-height:1.6}.product-meta h3{font-size:1.35rem}.product-meta>p:not(.eyebrow){font-size:11px}.product-meta>.fine-print{font-size:9px;display:block}.product-photo>span{width:24px;height:24px;font-size:14px;right:8px;bottom:8px}.featured>.underlink{font-size:12px;margin-top:26px}.project-strip{grid-template-columns:1fr;gap:25px}.project-strip h2{font-size:2.7rem}.project-strip>div:last-child>p{font-size:13px}.project-strip .button{font-size:12px;gap:22px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:35px}.footer-top>.wordmark{font-size:27px}.footer-top>p{font-size:1.3rem}.footer-top>nav{grid-column:span 2;border-top:1px solid #69574a;padding-top:25px;font-size:12px}.footer-bottom{display:block;line-height:1.7;font-size:9px}.footer-bottom>*{display:block;margin-bottom:9px}.site-footer{padding:38px 6vw 96px}.breadcrumbs{padding:20px 6vw 0;font-size:10px;gap:9px}.inner-hero{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:40px}.inner-hero h1{font-size:3.8rem}.inner-hero>p{max-width:none;font-size:14px;padding:0}.about-photo{padding-top:0;padding-bottom:0}.about-photo>img{height:240px}.about-photo>div{display:block;font-size:9px}.about-photo>div>span{display:block;margin-bottom:7px}.editorial-split{grid-template-columns:1fr;gap:15px}.editorial-split h2{margin-bottom:15px}.editorial-split p.large-copy{font-size:21px}.team-layout{grid-template-columns:1fr;gap:28px}.team-layout>img{height:auto}.evidence-grid{grid-template-columns:1fr;gap:28px}.evidence-grid h3{font-size:1.8rem}.catalogue{padding-top:0}.filters{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}.filters label{font-size:11px}.filters select{font-size:12px;padding:12px 6px;min-height:48px}.filters .text-button{font-size:11px;justify-self:start;gap:8px}.filters #result-count{font-size:10px;text-align:right;margin:0;padding:0}.filter-note{font-size:10px;padding:16px 0;margin:0 0 10px}.product-detail{grid-template-columns:1fr;gap:30px;padding-top:30px}.main-product-photo{aspect-ratio:1.2}.gallery-thumbs{gap:10px}.detail-info h1{font-size:3.8rem}.detail-info .material-buttons button{font-size:11px;gap:7px}.choice-row{grid-template-columns:1fr 1fr;gap:14px}.detail-info>.button{width:100%;font-size:13px}.spec-grid{grid-template-columns:1fr;gap:35px}.spec-grid dl>div{font-size:12px;gap:15px;grid-template-columns:1fr 1fr}.contact-layout{padding-top:0;gap:30px}.project-summary{padding:20px;grid-template-columns:.8fr 1.2fr;column-gap:15px}.project-summary>.eyebrow{font-size:9px;margin-bottom:12px}.project-summary>img{height:120px;align-self:center}.project-summary h2{font-size:1.5rem}.project-summary dl>div{font-size:10px;gap:10px;padding:10px 0;grid-template-columns:.8fr 1.3fr}.project-summary .underlink{font-size:10px;gap:10px}.project-summary>.fine-print{font-size:10px}.demo-notice{padding:15px;margin-bottom:28px}.demo-notice p{font-size:11px}.form-grid{gap:18px;grid-template-columns:1fr}.span-2{grid-column:auto}fieldset{margin-bottom:28px}.consent{font-size:12px}#submit-brief{width:100%;font-size:13px}#inquiry-form>.fine-print{font-size:10px}.receipt{padding:20px}.receipt h2{font-size:2.2rem}.receipt pre{padding:14px;font-size:12px}.source-content{padding-top:0}.source-content h2{font-size:1.9rem}.source-content p{font-size:14px}.construction-key{font-size:10px;display:grid;grid-template-columns:1fr 1fr}}
.static-mode canvas{visibility:hidden!important}.static-mode .viewer-fallback{visibility:visible!important}.viewer-unavailable .hotspots{display:none}.material-image{height:auto;aspect-ratio:2}.material-image img{object-fit:contain}.material-image>span{display:none}
.section-heading>p,.capability p,.process-grid p,.factory-split>div:last-child>p:not(.eyebrow):not(.fine-print),.quality-grid p,.editorial-split p:not(.large-copy),.team-layout p:not(.fine-print),.evidence-grid p,.detail-info>p:not(.eyebrow):not(.fine-print),.source-content p,.project-strip>div:last-child>p:not(.fine-print){font-size:16px}
.fine-print,.eyebrow,.field-label,.bench-title,.bench-caption,.bench-actions button,.bench-materials>.fine-print,.material-buttons button,.source-caption,.product-meta .eyebrow,.product-meta>.fine-print,.filter-note,.footer-bottom,.hero-note,.ticker,.pending-label,.about-photo>div,.project-summary dl>div,.project-summary .underlink,.project-summary>.fine-print,.demo-notice p,.filters label,.filters #result-count,.construction-key,.breadcrumbs{font-size:12px}
.product-meta>p:not(.eyebrow),.material-card>p,.capability-action,.plain-list li,dl>div,.form-grid label,.filters select{font-size:14px}
.bench-title{font-size:10px}.hero-note,.ticker{letter-spacing:.1em}.footer-bottom{font-size:11px}.capability p{min-height:92px}
@media(max-width:600px){.bench-title{font-size:9px}.material-buttons{gap:7px}.material-buttons button{font-size:11px}.bench-caption{font-size:10px}.bench-actions button{font-size:11px}.ticker{font-size:10px}.hero-copy>.eyebrow{font-size:11px}.capability p{min-height:0}.product-meta>p:not(.eyebrow){font-size:13px}.product-meta .eyebrow,.product-meta>.fine-print{font-size:10px}.project-summary dl>div{font-size:11px}.project-summary>.fine-print{font-size:11px}.project-strip>div:last-child>p:not(.fine-print){font-size:16px}.process-grid{grid-template-columns:1fr}.source-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.about-photo>picture{display:block}.about-photo>picture img{width:100%;height:470px;object-fit:cover;filter:saturate(.55)}
@media(max-width:900px){.about-photo>picture img{height:350px}}
@media(max-width:600px){.inner-hero h1{font-size:clamp(3rem,13.5vw,3.8rem)}.source-content a{overflow-wrap:anywhere}.about-photo>picture img{height:240px}}

/* Photo-derived presets and explicit 3D inspection mode. */
.frame-picker{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 0 8px}
.frame-picker>img{width:76px;height:55px;object-fit:contain;mix-blend-mode:multiply}
.frame-picker label{font-size:11px}.frame-picker select{font-size:13px;min-height:42px;margin-top:3px;padding:8px 26px 8px 10px;background:var(--paper)}
.frame-picker>a{font-size:11px;border-bottom:1px solid var(--line);padding:8px 0}
.preset-status{font-size:10px;color:var(--muted);margin:0 0 3px;line-height:1.6}
.inspection-controls{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding:10px 0}
.inspection-controls button{min-width:40px;min-height:38px;font-size:11px;padding:8px 10px;background:transparent;border:1px solid var(--line)}
.inspection-controls button[aria-pressed=true]{background:var(--tea);color:var(--ivory);border-color:var(--tea)}
.view-buttons,.zoom-buttons{display:flex;gap:4px}
.inspect-hint{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 12px;max-width:640px}
#product-viewer.is-interacting{outline:1px solid var(--gold);outline-offset:-1px}
#product-viewer.is-interacting .hotspots{display:none}
#product-viewer.is-interacting canvas{cursor:grab}
#product-viewer.is-interacting canvas:active{cursor:grabbing}
.viewer-unavailable~.inspection-controls{display:none}
.viewer-loading canvas,.viewer-unavailable canvas{visibility:hidden!important}
.viewer-loading .viewer-fallback,.viewer-unavailable .viewer-fallback{visibility:visible!important}
.viewer-loading .hotspots,.viewer-unavailable .hotspots{display:none}
.viewer-loading .model-detail-inset,.viewer-unavailable .model-detail-inset,.static-mode .model-detail-inset{display:none!important}
.viewer-load-message{font-size:12px;color:var(--muted);line-height:1.65}
.viewer-load-message p{margin:0 0 8px}.viewer-load-message .text-button{font-size:12px;margin-bottom:8px}
.model-restriction{border-left:2px solid var(--gold);padding-left:10px;margin-top:6px}
.project-summary dd,.project-summary dt,.bench-caption>span{overflow-wrap:anywhere;min-width:0}
.frame-picker>div{min-width:0}.frame-picker select{max-width:100%;text-overflow:ellipsis}
@media(min-width:901px){.home-hero .hero-copy{position:sticky;top:145px}.home-hero{align-items:start}#product-viewer{height:clamp(315px,28vw,460px)}}
@media(max-width:1180px){.frame-picker{grid-template-columns:60px minmax(0,1fr);gap:12px}.frame-picker>img{width:60px}.frame-picker>a{grid-column:2;justify-self:start;padding:2px 0}.inspection-controls{gap:8px}.inspection-controls button{padding:8px;min-width:37px}}
@media(max-width:600px){.frame-picker{grid-template-columns:58px minmax(0,1fr);gap:8px 13px;padding-top:14px}.frame-picker select{font-size:16px}.frame-picker>a{font-size:11px}.preset-status{font-size:10px;margin-top:8px}.inspection-controls{gap:8px;display:grid;grid-template-columns:1fr auto}.inspection-controls button{min-height:42px}.view-buttons{grid-column:1 / -1;grid-row:2;justify-content:space-between}.view-buttons button{flex:1}.zoom-buttons button{min-width:37px;padding:8px}.inspect-hint{font-size:11px}.frame-picker>img{width:58px}.home-hero .hero-copy{position:static}}

/* Shared material and lens workbench. Native page scrolling is retained. */
.home-hero .workbench,.bench-stage,.bench-materials,.appearance-controls{min-width:0}
.appearance-controls{--selection:#a33928;color:var(--tea)}
.appearance-section{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.appearance-heading{display:flex;gap:16px;align-items:center;font:500 clamp(1.25rem,1.6vw,1.6rem)/1.3 var(--sans);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 27px}
.appearance-heading>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:var(--selection);color:#fff;font-size:11px;font-weight:700;letter-spacing:0}
.control-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;margin:0 0 12px}
.material-families,.sheet-options,.lens-effects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.material-families{margin-bottom:20px}
.material-families button{min-width:0;min-height:50px;text-align:left;padding:10px;background:var(--paper);border:1px solid var(--line);font-size:11px;line-height:1.45;overflow-wrap:normal}
.material-families button[aria-checked=true]{background:var(--tea);color:var(--paper);border-color:var(--tea);font-weight:650}
.sheet-options{gap:12px}
.sheet-option{padding:0;background:transparent;min-width:0;text-align:left;line-height:1.4}
.sheet-image{position:relative;display:block;aspect-ratio:1.42;overflow:hidden;border:2px solid transparent;background:#ece7df}
.sheet-image img{width:100%;height:100%;object-fit:cover}
.sheet-code{display:block;font-size:11px;font-weight:650;letter-spacing:.02em;padding:8px 0}
.selection-check{display:none;position:absolute;right:5px;bottom:5px;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--selection);color:#fff;font-size:13px;box-shadow:0 0 0 2px var(--paper)}
.sheet-option[aria-checked=true] .sheet-image{border-color:var(--selection)}
.sheet-option[aria-checked=true] .selection-check{display:grid}
.selected-sheet{font-size:11px;color:var(--muted);margin:17px 0 0;line-height:1.65}
.selected-sheet strong{color:var(--tea);font-weight:650}
.frame-finish-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:21px 0 13px}
.frame-finish-row label{font-size:11px}.frame-finish-row select{font-size:12px;padding:10px;min-height:44px;margin-top:6px;background:var(--paper)}
.appearance-controls .fine-print{font-size:11px;line-height:1.65;margin-bottom:8px}
.appearance-source{display:inline-block;font-size:10px;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
.lens-colours{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 25px}
.lens-colour{background:var(--paper);border:1px solid #cec8c1;border-radius:50%;width:48px;height:48px;min-width:0;flex:0 0 48px;padding:3px;position:relative}
.lens-colour>span{display:block;width:100%;height:100%;border-radius:50%}
.lens-colour[aria-checked=true]{outline:2px solid var(--selection);outline-offset:2px}
.lens-colour:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.lens-finish-label{margin-bottom:11px}
.lens-effects{gap:10px}
.lens-effects button{display:flex;justify-content:center;align-items:center;min-height:58px;min-width:0;padding:12px 9px;background:var(--paper);border:1px solid var(--line);font-size:11px;line-height:1.4;position:relative}
.lens-effects button i{display:none;position:absolute;right:6px;top:4px;font-style:normal;font-size:12px}
.lens-effects button[aria-checked=true]{border-color:var(--selection);color:var(--selection);box-shadow:inset 0 0 0 1px var(--selection)}
.lens-effects button[aria-checked=true] i{display:block}
.lens-description{font-size:12px;color:var(--muted);line-height:1.6;min-height:38px;margin:15px 0 12px}
.appearance-summary{padding:24px;background:var(--tea);color:var(--paper);border-top:4px solid var(--selection)}
.appearance-summary h3{font:650 11px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 15px;color:#d8b582}
.appearance-summary>p:not(.fine-print){font-size:14px;line-height:1.8;overflow-wrap:anywhere;margin-bottom:20px}
.appearance-summary-actions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center;margin:0 0 17px}
.appearance-summary .text-button,.back-to-view{font-size:11px;color:var(--paper);min-height:36px}
.back-to-view{display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.appearance-summary .button{width:100%;font-size:12px;padding:14px 12px;gap:14px;background:var(--paper);color:var(--tea);border-color:var(--paper)}
.appearance-summary .button:hover{background:#dfcfba;border-color:#dfcfba}
.appearance-summary .fine-print{color:#d1c5b5;font-size:10px;margin:14px 0 0}
.detail-info>.appearance-controls{border-top:1px solid var(--line);padding-top:28px;margin-top:27px}
.detail-info>.fine-print:last-child{margin-top:18px}
.bench-stage>#temple-reference-note{font-size:10px;margin:16px 0 0}
@media(min-width:1100px){
  .home-hero{display:block;padding-top:30px;padding-bottom:65px}
  .home-hero .hero-copy{position:static;display:grid;grid-template-columns:1.15fr 1fr;column-gap:6vw;align-items:start;padding:0 0 40px}
  .home-hero .hero-copy>.eyebrow{grid-column:1 / -1;margin-bottom:12px;font-size:10px}
  .home-hero .hero-copy h1{grid-column:1;grid-row:2 / 5;font-size:clamp(3.7rem,4.8vw,5.7rem);margin:0;line-height:.98}
  .home-hero .hero-copy>p:not(.eyebrow){grid-column:2;grid-row:2;font-size:14px;margin:0 0 14px;line-height:1.7}
  .home-hero .hero-copy>.button{grid-column:2;grid-row:3;justify-self:start;padding:13px 18px;min-height:46px;font-size:12px;margin:0}
  .home-hero .hero-copy>.underlink{grid-column:2;grid-row:4;justify-self:start;font-size:11px;margin:10px 0 0}
  .home-hero .hero-note{display:none}
  .home-hero .workbench{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:4vw;align-items:start}
  .bench-materials{padding:27px 0 0;border-top:1px solid var(--line)}
  .bench-stage #product-viewer{height:clamp(320px,29vw,475px)}
  .bench-stage .frame-picker{grid-template-columns:64px minmax(0,1fr);gap:8px 13px}
  .bench-stage .frame-picker>a{grid-column:2;justify-self:start;padding:0}
  .bench-stage .frame-picker>img{width:64px}
  .bench-stage .bench-actions{gap:18px;flex-wrap:wrap}
  .bench-stage .bench-actions button{font-size:11px}
  .detail-gallery{position:sticky;top:110px}
}
@media(min-width:1100px) and (min-height:800px){.bench-stage{position:sticky;top:105px}.bench-stage #product-viewer{max-height:38vh}}
@media(min-width:901px) and (max-width:1099px){.home-hero{grid-template-columns:1fr}.home-hero .hero-copy{position:static;display:grid;grid-template-columns:1.2fr 1fr;gap:0 35px;padding-top:0}.hero-copy>.eyebrow{grid-column:1 / -1}.home-hero .hero-copy h1{grid-row:2 / 5;font-size:4.5rem}.hero-copy>.hero-note{display:none}.bench-materials{margin-top:24px}.appearance-controls{max-width:740px;margin:0 auto}.bench-stage #product-viewer{height:420px}}
@media(min-width:601px) and (max-width:1099px){.bench-materials{margin-top:25px}.material-families button{font-size:12px;min-height:52px}.sheet-image{aspect-ratio:1.85}.lens-colours{gap:19px}.lens-colour{width:52px;height:52px;flex-basis:52px}.appearance-summary .button{max-width:430px}.appearance-heading{font-size:1.65rem}}
@media(max-width:600px){
  .bench-materials{padding-top:26px;margin-top:20px;border-top:1px solid var(--line)}
  .appearance-heading{font-size:1.35rem;gap:14px;margin-bottom:23px}.appearance-heading>span{width:30px;height:30px;flex-basis:30px}
  .material-families{gap:6px;margin-bottom:16px}.material-families button{font-size:10px;padding:8px;min-height:55px}
  .sheet-options{gap:8px}.sheet-image{aspect-ratio:1.1}.sheet-code{font-size:10px}.selection-check{width:19px;height:19px;right:4px;bottom:4px;font-size:11px}
  .selected-sheet{font-size:11px;margin-top:13px}.frame-finish-row{gap:12px}.frame-finish-row select{font-size:16px}
  .appearance-section{padding-bottom:25px;margin-bottom:25px}.lens-colours{gap:10px;flex-wrap:nowrap;justify-content:space-between}
  .lens-colour{width:40px;height:40px;flex:0 1 40px;min-width:32px;aspect-ratio:1;padding:3px}.lens-effects{gap:7px}.lens-effects button{font-size:10px;min-height:58px;padding:14px 6px}
  .lens-description{font-size:11px;min-height:0}.appearance-summary{padding:21px 18px}.appearance-summary>p:not(.fine-print){font-size:13px}.appearance-summary .button{font-size:11px;gap:8px;min-height:52px}
  .appearance-summary-actions{gap:10px}.appearance-summary .text-button,.back-to-view{font-size:10px}.detail-info .fine-print{font-size:11px!important}
}
/* Bring the complete eyewear into the phone hero while retaining the fixed project CTA. */
@media(max-width:600px){
  .home-hero{padding-top:22px;gap:20px}
  .home-hero .hero-copy{padding-top:0}
  .home-hero .hero-copy>.eyebrow{font-size:10px;margin-bottom:12px}
  .home-hero .hero-copy h1{font-size:clamp(2.65rem,11.4vw,3.25rem);margin-bottom:14px}
  .home-hero .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;margin-bottom:8px}
  .home-hero .hero-copy>.button{display:none}
  .home-hero .hero-copy>.underlink{font-size:11px;min-height:34px;padding:5px 0;margin-top:0}
  .home-hero .bench-title{padding:10px 0}
  .home-hero .frame-picker{padding-top:10px}
  .home-hero #product-viewer{height:275px}
}

.material-preview-status{font-size:11px;line-height:1.65;border-left:2px solid var(--gold);padding:9px 12px;margin:14px 0 0;background:#eee5d5}.material-preview-status[data-state=unavailable]{border-color:#a33928;color:#713426}.material-source-list{list-style:none;margin:25px 0 38px;padding:0}.material-source-list li{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:20px;font-size:13px}.material-source-list li>span{display:flex;flex-wrap:wrap;gap:10px 24px}.material-source-list strong{font-weight:600}@media(max-width:600px){.material-source-list li{grid-template-columns:1fr;gap:10px}.material-source-list li>span{gap:12px 20px}}


/* editorial.css */
/* Editorial composition, with the existing product configuration preserved. */
:root{--ivory:#f4f1ea;--paper:#faf8f2;--tea:#302e29;--muted:#6e6a60;--amber:#895236;--line:#d9d4c9;--selection:#895236}
body{background:var(--ivory)}
.section{padding:100px 5vw}
.site-header{padding:22px 5vw;background:var(--ivory);backdrop-filter:none}
.wordmark{font-weight:650;letter-spacing:.055em;font-size:27px}.wordmark>span{font-size:9px;letter-spacing:.43em}
.site-header nav{gap:30px;margin-right:4vw}.site-header nav a{font-size:11px;letter-spacing:.06em}
.button{padding:15px 24px;min-height:50px;gap:40px;font-size:13px}.header-cta{min-height:43px;padding:10px 18px;font-size:11px;gap:28px}
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:650}
h2{font-size:clamp(42px,4.7vw,68px);letter-spacing:-.05em;line-height:1.05}
.home-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:3vw;padding-top:54px;padding-bottom:36px;align-items:center;min-height:690px}
.home-hero .hero-copy{display:block;position:relative;top:auto;padding:0 0 18px;z-index:2}
.home-hero .hero-copy>.eyebrow{margin-bottom:27px;font-size:10px}
.home-hero .hero-copy h1{font-size:clamp(64px,7.2vw,112px);line-height:.96;letter-spacing:-.055em;margin:0 0 30px;white-space:normal}
.home-hero .hero-copy h1 em{color:var(--amber)}
.home-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-bottom:27px}
.home-hero .hero-copy>.button{display:inline-flex;padding:14px 24px;font-size:13px;margin:0;min-height:49px}
.home-hero .hero-copy>.underlink{display:flex;font-size:11px;margin:17px 0 0;min-height:38px;padding:7px 0;border-color:transparent;gap:37px}
.home-hero .hero-note{display:none}
.home-hero .workbench{display:block;min-width:0;position:relative;align-self:stretch;margin-top:5px}
.bench-stage{position:relative;top:auto;min-width:0;height:100%;display:flex;flex-direction:column}
.bench-title{border:0;font-size:9px;letter-spacing:.12em;padding:0 0 12px;color:#777367}
.illustration-label{border:0;padding:0;font-size:10px}
.bench-stage #product-viewer{height:490px;max-height:none;margin:0;flex:1;min-height:420px;background:radial-gradient(ellipse at 49% 61%,#e3dfd420,transparent 68%)}
.bench-stage #product-viewer:before{content:'';position:absolute;left:14%;right:14%;bottom:21%;height:9%;border-radius:50%;background:#453a2a1c;filter:blur(20px);z-index:0;pointer-events:none}
.hotspot{width:26px;height:26px;font-size:17px;background:#f4f1eacc;border-color:#9e927f;color:#4e483d}
.hotspot span{font-size:10px;background:var(--paper)}
.bench-caption{font-size:10px;margin:0 0 14px;letter-spacing:.03em;color:var(--muted)}
.bench-actions{border-top:1px solid var(--line);border-bottom:0;gap:20px;flex-wrap:wrap}
.bench-actions button{font-size:11px;min-height:47px;padding:10px 0}
.bench-stage .bench-actions button{font-size:11px}
.bench-stage .bench-actions #inspect-toggle{margin-left:auto}
.static-appearance-note{font-size:10px;max-width:510px}
.mobile-steps{display:none}
.configuration-section{padding-top:0;padding-bottom:0;border-bottom:1px solid var(--line)}
.configuration-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;border-top:1px solid var(--line)}
.configuration-intro>.eyebrow{margin:0;font-size:9px;max-width:170px;line-height:1.8}
.quick-materials{display:flex;gap:25px;align-items:center}
.quick-materials button{display:flex;align-items:center;gap:12px;padding:4px 0;background:none;font-size:10px;border-bottom:1px solid transparent;min-height:48px}
.quick-materials img{width:35px;height:35px;object-fit:cover;border-radius:50%;padding:3px;border:1px solid transparent}
.quick-materials [aria-pressed=true] img{border-color:var(--amber)}
.configuration-intro>.underlink{font-size:11px;gap:30px;border:0}
.configuration-drawer>summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);font-size:12px;cursor:pointer;list-style:none}
.configuration-drawer>summary::-webkit-details-marker{display:none}
.configuration-drawer>summary>span:last-child{font-size:10px;color:var(--muted)}
.configuration-drawer>summary i{font-size:19px;font-style:normal;margin-left:25px}.configuration-drawer[open]>summary i{display:inline-block;transform:rotate(45deg)}
.configuration-interior{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding:36px 0 65px}
.configuration-interior .bench-materials{padding:0;margin:0;border:0}
.model-settings h2{font-size:50px;margin-bottom:32px}
.frame-picker{padding:0;grid-template-columns:58px minmax(0,1fr);gap:12px}.frame-picker>img{width:58px}.frame-picker>a{grid-column:2}
.preset-status{font-size:11px;line-height:1.7;margin:12px 0 25px}
.viewer-tools{margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.viewer-tools>summary{padding:18px 0;cursor:pointer;font-size:12px}.viewer-tools .inspection-controls{border:0;flex-wrap:wrap}.inspect-hint{font-size:11px}
.appearance-heading{font-family:var(--serif);text-transform:none;letter-spacing:-.03em;font-size:30px;gap:16px}.appearance-heading>span{background:transparent;color:var(--amber);font:11px var(--sans);width:auto;flex-basis:auto}
.material-families button,.lens-effects button{font-size:12px;background:transparent}.material-families button[aria-checked=true]{background:var(--tea)}
.appearance-summary{border-top:0}.lens-colours{gap:15px}.appearance-summary h3{color:#d8b582}
.ticker{display:none}
.materials{background:var(--paper)}
.materials .section-heading{align-items:end;margin-bottom:44px}.section-heading>p{font-size:14px;line-height:1.85}
.material-grid{grid-template-columns:1.5fr 1fr 1fr;gap:22px;align-items:start}.material-image{height:310px;width:100%;aspect-ratio:auto}.material-image img{object-fit:cover}.material-card:first-child .material-image{height:400px}.material-card:nth-child(2){padding-top:45px}.material-card:nth-child(3){padding-top:90px}
.material-card h3{font-size:26px}.material-card>p{font-size:11px}.material-image>span{background:transparent;color:white;mix-blend-mode:difference}
.source-caption{margin-top:40px;font-size:10px}.material-card[aria-pressed=true] h3{text-decoration:none}
.capabilities{padding-top:85px;padding-bottom:70px;background:#30392f}.capabilities .section-heading{margin-bottom:40px}.capabilities h2{max-width:700px}
.capability{border-color:#ffffff36;padding-top:22px}.capability+.capability{border-color:#ffffff36}.capability>span:first-child{margin-bottom:28px}.capability h3{font-size:25px}.capability p{line-height:1.8}.capability-action{margin-top:18px}.capabilities>.fine-print{font-size:10px}
.process{display:grid;grid-template-columns:1fr 1.15fr;gap:9vw;background:#eae6dc}
.process .section-heading{display:block;margin:0}.process .section-heading>p{max-width:330px;width:auto;margin-top:28px;font-size:13px}.process-grid{grid-template-columns:1fr;gap:0}.process-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:23px 0;border-color:#bfb7a8}.process-grid article>span{grid-row:1/3;margin:6px 0 0;font-size:10px}.process-grid h3{font-size:27px;margin:0 0 8px}.process-grid p{max-width:370px;margin:0;font-size:13px}
.factory-split{gap:8vw;grid-template-columns:1.25fr 1fr;padding-top:110px;padding-bottom:110px}.factory-photo img{height:490px;filter:saturate(.55);object-position:center}.factory-photo>span{font-size:9px;padding:4px 8px}.factory-split>div:last-child>p:not(.eyebrow){font-size:14px;line-height:1.9}
.quality{padding-top:65px;padding-bottom:70px}.quality .section-heading{margin-bottom:35px}.quality h2{font-size:48px}.quality-grid{gap:60px}.quality-grid article>span:first-child{font-size:10px;margin-bottom:12px}.quality-grid h3{font-size:24px}.quality-grid p{font-size:13px;line-height:1.8}.pending-label{border:0;padding:0;font-size:10px;font-style:italic}
.featured .product-grid{gap:24px}.featured .product-photo{aspect-ratio:1.15;background:#e9e5dc}.product-meta h3{font-size:27px}.product-meta .eyebrow{font-size:9px}.product-meta>p:not(.eyebrow){font-size:12px}.featured>.underlink{margin-top:38px}
.project-strip{background:#dad3c4;padding-top:80px;padding-bottom:85px;gap:8vw}.project-strip h2{font-size:76px}.project-strip h2 em{color:var(--amber)}.project-strip p{font-size:14px;line-height:1.9}.project-strip .fine-print{font-size:10px}
.site-footer{background:#30392f;padding:50px 5vw 25px}.footer-top{padding-bottom:40px}.footer-top>p{font-size:26px}.footer-bottom{font-size:9px;color:#c1c6b9;border-color:#ffffff25}
.inner-hero{padding-top:55px;padding-bottom:70px}.inner-hero h1{font-size:clamp(58px,7vw,94px)}.breadcrumbs{font-size:10px}.inner-page .section{padding-top:65px;padding-bottom:65px}.inner-page .project-strip{padding-top:75px;padding-bottom:75px}
@media(min-width:1600px){.home-hero{min-height:810px}.bench-stage #product-viewer{min-height:530px}.section{padding-left:max(5vw,calc((100vw - 1540px)/2));padding-right:max(5vw,calc((100vw - 1540px)/2))}}
@media(max-width:1099px) and (min-width:701px){.site-header nav{gap:19px;margin:0}.site-header nav a{font-size:10px}.header-cta{display:none}.site-header{padding:23px 5vw}.home-hero{grid-template-columns:.8fr 1fr;gap:3vw;min-height:610px;padding-top:48px}.home-hero .hero-copy{display:block;padding:0}.home-hero .hero-copy h1{font-size:clamp(59px,8.2vw,86px)}.home-hero .hero-copy>.eyebrow{font-size:8px;letter-spacing:.06em}.home-hero .hero-copy>p:not(.eyebrow){font-size:12px}.bench-stage #product-viewer{min-height:355px;height:360px}.bench-caption{font-size:9px;gap:8px}.bench-caption>span:last-child{max-width:145px;text-align:right}.bench-actions{gap:12px}.bench-stage .bench-actions button{font-size:10px}.quick-materials{gap:16px}.configuration-intro{gap:16px}.configuration-intro>.eyebrow{max-width:120px;font-size:8px}.configuration-intro>.underlink{font-size:10px;gap:12px}.quick-materials button{gap:5px;font-size:8px}.quick-materials img{width:30px;height:30px}.configuration-interior{gap:5vw}.model-settings h2{font-size:40px}.section{padding-top:75px;padding-bottom:75px}.configuration-section{padding-top:0;padding-bottom:0}.material-grid{gap:16px}.material-image{height:240px}.material-card:first-child .material-image{height:325px}.material-card h3{font-size:22px}.capability+.capability{padding-left:17px}.capability{padding-right:17px}.capability h3{font-size:22px}.factory-photo img{height:370px}.factory-split h2{font-size:48px}.project-strip h2{font-size:60px}}
@media(max-width:700px){
 body{padding-bottom:68px}.section{padding:64px 24px}.site-header{padding:20px 24px}.wordmark{font-size:25px}.wordmark>span{font-size:8px}.header-cta{display:none}.site-header nav{margin:0}.menu-toggle{display:block;font-size:11px}.menu-toggle span{margin-left:15px}.site-header nav{display:none}.site-header nav.open{display:flex;position:absolute;left:0;right:0;top:100%;background:var(--ivory);padding:22px 24px;border-bottom:1px solid var(--line)}
 .home-hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:28px 24px 15px}.home-hero .hero-copy{padding:0;display:block}.home-hero .hero-copy>.eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:17px}.home-hero .hero-copy h1{font-size:clamp(52px,14.5vw,83px);line-height:1;letter-spacing:-.055em;margin-bottom:17px}.home-hero .hero-copy h1 em br{display:none}.home-hero .hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:290px;margin-bottom:0}.home-hero .hero-copy>p:not(.eyebrow) br:nth-child(2){display:none}.home-hero .hero-copy>.button{display:none}.home-hero .hero-copy>.underlink{display:none}
 .home-hero .workbench{margin-top:9px}.bench-title{padding:0;font-size:8px}.illustration-label{font-size:9px}.bench-stage #product-viewer{height:255px;min-height:255px;flex:none;margin:0 -10px;width:calc(100% + 20px)}.bench-stage #product-viewer:before{bottom:24%;filter:blur(14px)}.bench-caption{font-size:9px;margin-bottom:8px;gap:15px}.bench-caption>span:last-child{font-size:8px;max-width:150px;text-align:right}.bench-actions{gap:12px}.bench-stage .bench-actions button{font-size:10px;min-height:43px}.hotspot{width:23px;height:23px;font-size:15px}.mobile-steps{display:none}
 .configuration-section{padding:0 24px}.configuration-intro{padding:12px 0;gap:15px;flex-wrap:wrap}.configuration-intro>.eyebrow{display:none}.quick-materials{gap:13px}.quick-materials button{font-size:8px;gap:4px;flex-direction:column;min-height:50px}.quick-materials img{width:30px;height:30px}.configuration-intro>.underlink{font-size:9px;gap:10px;max-width:135px}.configuration-drawer>summary{font-size:11px;padding:16px 0;gap:20px}.configuration-drawer>summary>span:last-child{font-size:9px;max-width:140px;text-align:right}.configuration-drawer>summary i{font-size:16px;margin-left:6px}.configuration-interior{grid-template-columns:1fr;gap:26px;padding:28px 0 35px}.model-settings h2{font-size:40px;margin-bottom:20px}.frame-picker>div{min-width:0}.viewer-tools{margin:20px 0}.material-families button{font-size:10px}.appearance-heading{font-size:29px}
 h2{font-size:43px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{width:auto;max-width:100%;font-size:12px;margin-top:20px;line-height:1.85}.eyebrow{font-size:9px;margin-bottom:18px}.capabilities{padding-top:55px;padding-bottom:46px}.capabilities .section-heading{margin-bottom:28px}.capability-grid{grid-template-columns:1fr 1fr;gap:0 24px}.capability,.capability+.capability{border-left:0;padding:21px 0 23px}.capability>span:first-child{font-size:9px;margin-bottom:17px}.capability h3{font-size:23px}.capability p{font-size:11px;line-height:1.8;min-height:60px}.capability-action{font-size:9px;margin-top:12px}.capabilities>.fine-print{font-size:9px;margin-top:13px}
 .material-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.material-card:first-child{grid-column:1/-1}.material-card:nth-child(2),.material-card:nth-child(3){padding:0}.material-card:first-child .material-image{height:270px}.material-image{height:185px}.material-card h3{font-size:21px}.material-card>div:nth-child(2){padding-top:14px;gap:5px}.material-card>div:nth-child(2)>span{font-size:16px}.material-card>p{font-size:9px;line-height:1.8}.source-caption{font-size:9px;gap:20px;line-height:1.8;margin-top:25px}
 .process{grid-template-columns:1fr;gap:25px}.process .section-heading>p{font-size:12px;max-width:290px;margin-top:20px}.process-grid article{padding:20px 0;grid-template-columns:30px 1fr}.process-grid h3{font-size:26px}.process-grid p{font-size:12px}.factory-split{grid-template-columns:1fr;gap:35px}.factory-photo img{height:310px}.factory-split>div:last-child>p:not(.eyebrow){font-size:12px}.factory-split .fine-print{font-size:10px}
 .quality h2{font-size:43px}.quality-grid{grid-template-columns:1fr;gap:24px}.quality-grid article{padding-bottom:23px;border-bottom:1px solid var(--line)}.quality-grid article:last-child{border:0;padding:0}.quality-grid h3{font-size:24px}.quality-grid p{font-size:12px;margin-bottom:10px}.quality-grid article>span:first-child{display:none}.pending-label{font-size:9px}
 .featured .product-grid{grid-template-columns:1fr;gap:30px}.featured .product-photo{aspect-ratio:1.35}.product-meta{padding-top:16px}.product-meta h3{font-size:27px}.featured>.underlink{margin-top:25px}.project-strip{grid-template-columns:1fr;gap:28px}.project-strip h2{font-size:56px;margin:0}.project-strip p{font-size:12px}.project-strip .fine-print{font-size:9px}
 .site-footer{padding:38px 24px 24px}.footer-top{gap:25px;padding-bottom:25px}.footer-top>p{font-size:24px}.footer-top nav{font-size:11px}.footer-bottom{font-size:8px;line-height:1.8;gap:12px}.mobile-project{display:block;padding:10px 24px;background:var(--ivory);border-top:1px solid var(--line)}.mobile-project .button{min-height:45px;padding:9px 22px;font-size:12px;justify-content:space-between;width:100%}
 .inner-page .section{padding:45px 24px}.inner-hero h1{font-size:56px}.inner-hero>p{font-size:13px}.breadcrumbs{padding:22px 24px 0;font-size:10px}.project-summary{position:static}.inner-page .project-strip{padding:55px 24px}.source-content h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Material-led refinement: fewer competing tools and a photographic detail story. */
.home-hero .hero-copy>p:not(.eyebrow){max-width:315px;font-size:15px;color:#615e54}
.site-header nav a{font-size:12px}.header-cta{font-size:12px}.bench-title{font-size:10px}.bench-caption{font-size:11px}.bench-stage .bench-actions button{font-size:12px}.configuration-intro>.eyebrow{font-size:10px}.quick-materials button{font-size:12px}.configuration-intro>.underlink{font-size:12px}.configuration-drawer>summary{font-size:13px}.configuration-drawer>summary>span:last-child{font-size:11px}
.bench-stage #product-viewer{background:transparent}.bench-stage #product-viewer:before{left:22%;right:18%;bottom:21%;height:4%;filter:blur(13px);background:#453a2a23}
.hotspots{opacity:0;transition:opacity .2s}.workbench:hover .hotspots,.hotspots:focus-within,.is-interacting .hotspots{opacity:1}
.bench-materials .appearance-summary>p:not(.fine-print){font-size:15px}.appearance-controls .fine-print{font-size:12px}.material-reference{display:block;font-size:10px;letter-spacing:.06em;color:var(--muted);padding-top:8px}.material-card>p{font-size:13px;margin-bottom:0}.material-image img{object-position:center;object-fit:cover}
.material-grid{grid-template-columns:1.4fr 1fr 1fr}.material-image{height:310px}.material-card:first-child .material-image{height:390px}.source-caption{font-size:11px}.capability p{color:#d0d3c7;font-size:14px}.capability-action{font-size:12px}.capabilities .section-heading>p{color:#d0d3c7}.capabilities>.fine-print{font-size:11px;color:#c3c8ba}
.process-grid p{font-size:14px}.process .section-heading>p{font-size:14px}.factory-split .fine-print{font-size:12px}.factory-photo img{filter:saturate(.6) sepia(.12);object-position:40% center}
.detail-story{background:#e8e3d9;padding-bottom:38px;display:grid;grid-template-columns:1fr 1.35fr;gap:35px 8vw;overflow:hidden}
.detail-story-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 8vw}.detail-story-heading>.eyebrow{grid-column:1/-1}.detail-story-heading h2{margin:0;font-size:68px}.detail-story-heading>p{align-self:end;margin:0;font-size:14px;line-height:1.85;color:var(--muted)}
.detail-story-photo{grid-column:1/-1;position:relative;margin:0;height:390px;overflow:hidden}.detail-story-photo img{position:absolute;width:100%;max-width:none;height:auto;top:50%;transform:translateY(-50%);mix-blend-mode:multiply}.detail-story-photo figcaption{position:absolute;bottom:0;left:0;font-size:10px;color:var(--muted)}
.detail-story-notes{grid-column:1/-1;display:flex;align-items:center;gap:8vw;padding:15px 0 30px}.detail-story-notes>div>span{font-size:10px;letter-spacing:.08em;color:var(--amber)}.detail-story-notes p{font-size:15px;line-height:1.7;margin:9px 0 0}.detail-story-notes>.underlink{margin-left:auto;font-size:13px}
.quality-notes{grid-column:1/-1;border-top:1px solid #c7beaf}.quality-notes>summary{display:flex;justify-content:space-between;font-size:13px;padding:20px 0;cursor:pointer;list-style:none}.quality-notes>p{font-size:13px;max-width:850px;color:var(--muted)}
.product-meta>p:not(.eyebrow){font-size:13px}.product-meta>.fine-print{font-size:11px}.product-meta .eyebrow{font-size:10px}
.footer-top>p{font-size:28px}.footer-top nav{font-size:13px}.footer-bottom{font-size:11px;color:#cbd0c4}
@media(min-width:701px) and (max-width:1099px){.mobile-project{display:none}.home-hero .hero-copy>p:not(.eyebrow){font-size:14px}.bench-caption{font-size:10px}.bench-title{font-size:9px}.quick-materials button{font-size:10px}.quick-materials{gap:14px}.configuration-intro>.eyebrow{font-size:9px}.configuration-intro>.underlink{font-size:11px}.detail-story-heading h2{font-size:52px}.detail-story-photo{height:300px}.detail-story-notes{gap:5vw}}
@media(max-width:700px){
 .home-hero{padding-top:27px;gap:0}.home-hero .hero-copy h1{font-size:clamp(43px,12.8vw,70px);line-height:1.02;margin-bottom:16px}.desktop-break{display:none}.home-hero .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:320px}.home-hero .hero-copy>.eyebrow{font-size:9px;margin-bottom:18px}.home-hero .workbench{margin-top:24px}.bench-title{font-size:9px}.bench-stage #product-viewer{height:220px;min-height:220px;margin:0 -18px;width:calc(100% + 36px)}.bench-caption{font-size:10px}.bench-caption>span:last-child{font-size:9px}.bench-stage .bench-actions button{font-size:12px}.hotspots{opacity:0}.is-interacting .hotspots,.hotspots:focus-within{opacity:1}.home-hero .hero-copy h1 em{white-space:nowrap}
 .configuration-intro{gap:12px}.quick-materials{gap:13px}.quick-materials button{font-size:9px;gap:6px;max-width:62px;text-align:center;line-height:1.3}.quick-materials img{width:31px;height:31px}.configuration-intro>.underlink{font-size:11px;gap:10px;max-width:110px}.configuration-drawer>summary{font-size:12px;gap:30px}.configuration-drawer>summary>span:last-child{font-size:10px;min-width:90px}
 .capability-grid{display:block}.capability,.capability+.capability{display:grid;grid-template-columns:25px 1fr;column-gap:15px;padding:22px 0;position:relative;width:100%}.capability>span:first-child{grid-column:1;grid-row:1/3;font-size:10px;margin:5px 0 0}.capability h3{grid-column:2;font-size:26px;margin-bottom:8px}.capability p{grid-column:2;min-height:0;font-size:13px;max-width:250px;margin:0}.capability-action{position:absolute;right:0;top:21px;margin:0;font-size:0}.capability-action>span{font-size:24px}.capabilities>.fine-print{font-size:10px;line-height:1.8}
 .material-card>p{font-size:11px;line-height:1.7}.material-reference{font-size:9px}.material-card h3{font-size:23px}.material-card:first-child .material-image{height:270px}.material-image{height:190px}.source-caption{font-size:10px;flex-direction:column;gap:12px}.process-grid p{font-size:13px}.process .section-heading>p{font-size:13px}.factory-split>div:last-child>p:not(.eyebrow){font-size:13px}.factory-split .fine-print{font-size:11px}
 .detail-story{display:block;padding-bottom:25px}.detail-story-heading{display:block}.detail-story-heading h2{font-size:43px;margin-bottom:24px}.detail-story-heading>p{font-size:13px;line-height:1.8}.detail-story-photo{height:275px;margin:15px -24px 0;width:calc(100% + 48px)}.detail-story-photo img{width:150%;left:-25%}.detail-story-photo figcaption{left:24px;font-size:9px;bottom:10px}.detail-story-notes{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px 0 30px}.detail-story-notes>div>span{font-size:9px}.detail-story-notes p{font-size:13px}.detail-story-notes>.underlink{grid-column:1/-1;justify-self:start;margin:0;font-size:12px}.quality-notes>summary{font-size:12px}.quality-notes>p{font-size:12px;line-height:1.8}
 .footer-top{display:grid;grid-template-columns:1fr;gap:28px}.footer-top>.wordmark{grid-column:1}.footer-top>p{grid-column:1;width:auto;max-width:none;font-size:28px;line-height:1.15}.footer-top nav{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.footer-bottom{font-size:10px;line-height:1.8}.product-meta>p:not(.eyebrow){font-size:13px}.product-meta>.fine-print{font-size:11px}.project-strip p{font-size:13px}.project-strip .fine-print{font-size:11px}
 .product-detail,.inner-hero{grid-template-columns:minmax(0,1fr)}.product-detail>*,.inner-hero>*,.detail-info,.detail-gallery{min-width:0}.detail-info .appearance-controls,.detail-info select{max-width:100%}.source-content{overflow-wrap:anywhere}
}
@media(max-width:360px){.inner-hero h1{font-size:46px}.home-hero .hero-copy h1{font-size:40px}.quick-materials{gap:7px}.quick-materials button{max-width:52px;font-size:8px}.configuration-intro>.underlink{max-width:95px;font-size:10px}}

.home-hero .workbench{align-self:center}.bench-stage{height:auto}.bench-stage #product-viewer{flex:none;height:430px;min-height:430px}.bench-title{margin-bottom:10px}.bench-caption{margin-top:7px}.home-hero{min-height:670px;padding-top:40px;padding-bottom:40px}.home-hero .hero-copy h1{font-size:clamp(64px,7vw,108px)}
.configuration-drawer>summary{padding:15px 0}.configuration-intro{padding:20px 0}.configuration-drawer>summary>span:first-child{font-size:12px;color:var(--muted)}
.customization-study{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:center}.customization-reference{margin:0;position:relative;background:#e6e2d8;overflow:hidden}.customization-reference img{width:100%;height:440px;object-fit:cover;mix-blend-mode:multiply}.customization-reference figcaption{position:absolute;left:22px;bottom:18px;font-size:11px;color:#5b594f}.customization-study .capability-grid{display:block}.customization-study .capability,.customization-study .capability+.capability{display:grid;grid-template-columns:30px 1fr;column-gap:20px;width:100%;padding:23px 25px 23px 0;border-left:0;position:relative}.customization-study .capability>span:first-child{grid-row:1/3;margin:5px 0 0;font-size:11px}.customization-study .capability h3{font-size:28px;margin:0 0 8px}.customization-study .capability p{grid-column:2;min-height:0;max-width:320px;margin:0;font-size:14px}.customization-study .capability-action{position:absolute;right:0;top:21px;margin:0;font-size:0}.customization-study .capability-action>span{font-size:23px}.capabilities .section-heading{align-items:end}.capabilities>.fine-print{margin-top:25px;max-width:600px}
.process-compact{display:block;padding-top:70px;padding-bottom:70px;background:var(--ivory);border-bottom:1px solid var(--line)}.process-compact .section-heading{display:flex;align-items:start;gap:7vw;margin-bottom:38px}.process-compact .section-heading h2{font-size:45px;max-width:600px}.process-compact .section-heading>p{margin:0;max-width:350px;width:32%;font-size:13px}.process-compact .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.process-compact .process-grid article{display:block;padding:22px 0 0}.process-compact .process-grid article>span{margin:0 0 16px}.process-compact .process-grid h3{font-size:25px}.process-compact .process-grid p{font-size:13px;line-height:1.8}
.detail-story-photo{max-width:1000px;width:100%;justify-self:center;height:360px}.detail-story-photo img{width:100%;left:0}.detail-story-heading h2{font-size:62px}.detail-story-photo figcaption{font-size:11px}.detail-story-notes{padding-top:0}.detail-story{padding-top:75px}
@media(min-width:701px) and (max-width:1099px){.home-hero{min-height:580px;grid-template-columns:.8fr 1.1fr;gap:2vw;padding-top:40px;padding-bottom:30px}.home-hero .hero-copy h1{font-size:clamp(57px,7.6vw,80px)}.bench-stage #product-viewer{height:310px;min-height:310px;margin:0 -8px;width:calc(100% + 16px)}.bench-title{font-size:9px}.customization-study{gap:5vw;grid-template-columns:1fr 1fr}.customization-reference img{height:390px}.customization-study .capability h3{font-size:24px}.customization-study .capability p{font-size:12px}.customization-study .capability{column-gap:10px}.process-compact .process-grid{gap:20px}.process-compact .section-heading h2{font-size:38px}.detail-story-photo{height:290px}.detail-story-heading h2{font-size:48px}}
@media(max-width:700px){
 .home-hero{min-height:0;padding:27px 24px 15px}.home-hero .hero-copy h1{font-size:clamp(43px,12.8vw,70px)}.home-hero .workbench{width:100%;align-self:stretch}.bench-stage #product-viewer{height:205px;min-height:205px;width:calc(100% + 36px);margin:0 -18px}.bench-title{margin-bottom:0}.bench-caption{margin-top:0}.configuration-intro{padding:12px 0}.configuration-drawer>summary{padding:16px 0}.configuration-drawer>summary>span:first-child{font-size:11px}
 .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.material-card:first-child{grid-column:1/-1}.material-card:not(:first-child){grid-column:auto;min-width:0}.material-card:first-child .material-image{height:260px}.material-card:not(:first-child) .material-image{height:190px}.material-card h3{font-size:22px}.material-card>div:nth-child(2){align-items:start}.material-reference{font-size:9px}
 .customization-study{grid-template-columns:1fr;gap:30px}.customization-reference img{height:280px}.customization-reference figcaption{font-size:10px;left:17px;bottom:13px}.customization-study .capability,.customization-study .capability+.capability{grid-template-columns:23px 1fr;gap:0 14px;padding:21px 24px 21px 0}.customization-study .capability h3{font-size:25px}.customization-study .capability p{font-size:13px}.customization-study .capability>span:first-child{font-size:10px}.capabilities .section-heading{margin-bottom:30px}
 .process-compact{padding-top:55px;padding-bottom:55px}.process-compact .section-heading{display:block;margin-bottom:25px}.process-compact .section-heading h2{font-size:36px;max-width:290px}.process-compact .section-heading>p{max-width:100%;width:auto;margin-top:19px;font-size:12px}.process-compact .process-grid{grid-template-columns:1fr;gap:0}.process-compact .process-grid article{display:grid;grid-template-columns:28px 1fr;gap:0 14px;padding:18px 0}.process-compact .process-grid article>span{grid-row:1/3;margin:5px 0 0}.process-compact .process-grid h3{font-size:24px}.process-compact .process-grid p{grid-column:2;font-size:12px}
 .detail-story{padding-top:55px}.detail-story-heading h2{font-size:42px}.detail-story-photo{width:calc(100% + 48px);max-width:none;height:255px;margin:15px -24px 10px}.detail-story-photo img{width:140%;left:0}.detail-story-photo figcaption{left:24px;font-size:10px}.detail-story-notes{padding-top:8px}
}
@media(max-width:360px){.home-hero .hero-copy h1{font-size:40px}.quick-materials button{font-size:8px}.material-card h3{font-size:20px}.material-card:not(:first-child) .material-image{height:160px}}
.has-design-studio .configuration-drawer:not([open])>summary{display:none}

/* A shorter, composed narrative. Display type is reserved for the three anchors. */
.home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:1vw;min-height:600px;padding-top:45px;padding-bottom:30px}
.home-hero .hero-copy h1{font-size:clamp(76px,7.3vw,112px);line-height:1.01;margin-bottom:28px}
.home-hero .hero-copy h1 em{font-size:.68em;white-space:nowrap;letter-spacing:-.06em}
.home-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:380px;margin-bottom:27px}
.home-hero .hero-copy>.eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:28px}
.home-hero .hero-copy>.underlink{font-size:12px;margin-top:12px}
.home-hero .workbench{margin:0}.bench-title{display:none}
.bench-stage #product-viewer{height:430px;min-height:430px}
.bench-caption{font-size:12px;color:#686256}.bench-caption>span:last-child{max-width:none;font-size:12px}
.bench-stage .bench-actions button{font-size:13px;min-height:49px}
.configuration-intro{padding:19px 0}.configuration-intro>.eyebrow{font-size:11px}.quick-materials button,.configuration-intro>.underlink{font-size:12px}
.home-page .section-heading>p{font-size:16px;line-height:1.8;width:34%;max-width:395px}
.home-page .eyebrow{font-size:11px;letter-spacing:.1em}
.materials{padding-top:85px;padding-bottom:75px}.materials h2{font-size:clamp(58px,5.6vw,82px);line-height:.99;margin-bottom:0}
.materials .section-heading{margin-bottom:42px}.material-grid{gap:28px}.material-card h3{font-size:29px}.material-card>p{font-size:14px}.material-reference{font-size:12px;letter-spacing:.03em}.source-caption{font-size:12px;line-height:1.7}
.material-card:first-child .material-image{height:390px}.material-card:nth-child(2){padding-top:48px}.material-card:nth-child(3){padding-top:96px}
.capabilities{padding-top:64px;padding-bottom:48px}.customization-heading{display:grid;grid-template-columns:1.25fr 1fr;column-gap:8vw;align-items:end}.customization-heading>.eyebrow{grid-column:1/-1;margin-bottom:18px}.customization-heading h2{font-size:43px;line-height:1.1;margin:0}.customization-heading>p{margin:0;font-size:16px;line-height:1.8;color:#d0d3c7}
.customization-study{margin-top:34px;gap:8vw}.customization-reference{background:#e7e3da}.customization-reference img{height:410px;object-fit:contain;mix-blend-mode:normal}.customization-reference figcaption{font-size:12px;left:24px;right:24px;bottom:20px}
.customization-study .capability,.customization-study .capability+.capability{padding:24px 25px 24px 0;gap:0 17px}.customization-study .capability h3{font-size:27px}.customization-study .capability p{font-size:14px;line-height:1.65}.customization-study .capability>span:first-child{font-size:12px}.capabilities>.fine-print{font-size:12px;color:#cbd0c2;max-width:none}
.making-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10vw;padding-top:90px;padding-bottom:90px;border-bottom:1px solid var(--line)}
.making-intro h2{font-size:44px;line-height:1.08;margin-bottom:24px}.making-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:450px;margin-bottom:16px}.making-intro>.underlink{font-size:13px;gap:40px;margin-bottom:35px}.making-photo{margin:0;position:relative;max-width:440px}.making-photo img{width:100%;height:245px;object-fit:cover;filter:saturate(.5);object-position:center 55%}.making-photo figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.making-steps .process-grid{display:block}.making-steps .process-grid article{grid-template-columns:38px 1fr;gap:0 22px;padding:26px 0;border-color:var(--line)}.making-steps .process-grid article>span{font-size:12px;color:var(--amber)}.making-steps .process-grid h3{font-size:28px;margin-bottom:10px}.making-steps .process-grid p{font-size:15px;line-height:1.75;max-width:440px}.making-steps .quality-notes{margin-top:12px}.making-steps .quality-notes summary{font-size:13px}.making-steps .quality-notes>p{font-size:14px;line-height:1.8}
.featured{padding-top:75px;padding-bottom:80px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.collection-heading h2{font-size:42px;margin:0}.collection-heading>.underlink{font-size:13px;gap:40px;padding-bottom:5px;min-height:44px}.collection-heading .eyebrow{margin-bottom:16px}.featured .product-grid{gap:24px}.featured .product-photo{aspect-ratio:1.35}.featured .product-meta h3{font-size:28px}.featured .product-meta>p:not(.eyebrow){font-size:14px}.featured .product-meta>.fine-print{font-size:12px}.featured .product-meta .eyebrow{font-size:11px}.featured .product-photo>span{background:transparent}
.home-page .project-strip{padding-top:75px;padding-bottom:75px}.project-strip h2{font-size:72px}.project-strip p{font-size:16px}.project-strip .fine-print{font-size:12px}.footer-bottom{font-size:12px}
@media(min-width:701px) and (max-width:1099px){
 .home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1vw;min-height:520px;padding-top:40px;padding-bottom:25px}.home-hero .hero-copy h1{font-size:8.1vw}.home-hero .hero-copy h1 em{font-size:.65em}.home-hero .hero-copy>p:not(.eyebrow){font-size:14px;max-width:300px}.home-hero .hero-copy>.eyebrow{font-size:10px;max-width:290px}.bench-stage #product-viewer{height:320px;min-height:320px}.bench-caption{gap:16px;align-items:start}.bench-caption>span:last-child{max-width:165px;font-size:11px}.bench-stage .bench-actions button{font-size:12px}.quick-materials{gap:13px}.quick-materials button{font-size:11px}.configuration-intro>.eyebrow{font-size:10px;max-width:90px}.configuration-intro>.underlink{font-size:12px;max-width:145px}
 .home-page .section-heading>p{font-size:14px}.materials h2{font-size:58px}.material-grid{gap:18px}.material-card:first-child .material-image{height:320px}.material-card:not(:first-child) .material-image{height:245px}.material-card h3{font-size:24px}.material-card>p{font-size:13px}.material-reference{font-size:11px}.customization-heading{gap:5vw;grid-template-columns:1fr 1fr}.customization-heading h2{font-size:36px}.customization-heading>p{font-size:14px}.customization-study{gap:5vw;grid-template-columns:1fr 1fr}.customization-reference img{height:365px}.customization-study .capability h3{font-size:24px}.customization-study .capability p{font-size:13px}.customization-study .capability{grid-template-columns:24px 1fr}.customization-reference figcaption{font-size:11px;left:18px;right:18px;bottom:14px}
 .making-story{gap:6vw}.making-intro h2{font-size:36px}.making-intro>p:not(.eyebrow){font-size:14px}.making-photo img{height:250px}.making-steps .process-grid p{font-size:14px}.making-steps .process-grid article{padding:21px 0;grid-template-columns:26px 1fr;gap:0 15px}.making-steps .process-grid h3{font-size:25px}.collection-heading h2{font-size:36px}.featured .product-card:last-child{display:block}.featured .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured .product-meta h3{font-size:23px}.featured .product-meta .eyebrow{font-size:10px}.featured .product-meta>p:not(.eyebrow){font-size:13px}.featured .product-meta>.fine-print{font-size:11px}.project-strip h2{font-size:56px}
}
@media(max-width:700px){
 .site-header{padding:14px 24px;min-height:71px}.menu-toggle{font-size:12px}.home-hero{display:flex;min-height:0;padding:26px 24px 15px;gap:0}.home-hero .hero-copy h1{font-size:clamp(48px,15vw,85px);line-height:1.02;margin-bottom:18px}.home-hero .hero-copy h1 em{font-size:.83em;letter-spacing:-.06em}.home-hero .hero-copy>.eyebrow{font-size:10px;margin-bottom:18px}.home-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-bottom:0;max-width:100%}.home-hero .hero-copy>p:not(.eyebrow) br{display:none}.home-hero .workbench{margin-top:6px}.bench-stage #product-viewer{height:220px;min-height:220px}.bench-caption{font-size:12px;gap:15px;margin:0 0 9px}.bench-caption>span:last-child{font-size:11px;max-width:160px;line-height:1.6}.bench-stage .bench-actions button{font-size:12px;min-height:44px}.configuration-intro{padding:13px 0;gap:10px}.quick-materials{gap:10px}.quick-materials button{font-size:10px;max-width:63px;gap:5px;line-height:1.5}.quick-materials img{width:31px;height:31px}.configuration-intro>.underlink{font-size:12px;max-width:109px;gap:10px;line-height:1.5}
 .home-page .eyebrow{font-size:10px;letter-spacing:.08em}.home-page .section-heading>p{font-size:15px;line-height:1.75;width:auto;margin-top:23px}.materials{padding-top:55px;padding-bottom:55px}.materials h2{font-size:53px;line-height:1}.materials .section-heading{margin-bottom:29px}.material-grid{gap:26px 16px}.material-card:first-child .material-image{height:265px}.material-card:nth-child(2),.material-card:nth-child(3){padding:0}.material-card:not(:first-child) .material-image{height:185px}.material-card h3{font-size:23px}.material-card>p{font-size:13px;line-height:1.6}.material-reference{font-size:11px;letter-spacing:0}.source-caption{font-size:12px;line-height:1.7;margin-top:27px;gap:8px}
 .capabilities{padding-top:48px;padding-bottom:38px}.customization-heading{display:block}.customization-heading h2{font-size:35px;line-height:1.1;margin-bottom:22px}.customization-heading>p{font-size:15px;line-height:1.75}.customization-heading>p br{display:none}.customization-study{margin-top:28px;gap:26px}.customization-reference img{height:270px;object-fit:contain}.customization-reference figcaption{font-size:11px;left:16px;right:16px;bottom:12px;line-height:1.6}.customization-study .capability,.customization-study .capability+.capability{grid-template-columns:23px 1fr;gap:0 15px;padding:23px 26px 23px 0}.customization-study .capability h3{font-size:25px}.customization-study .capability p{font-size:14px;line-height:1.7}.customization-study .capability>span:first-child{position:static;font-size:11px}.capabilities>.fine-print{font-size:12px;line-height:1.75}
 .making-story{grid-template-columns:1fr;gap:33px;padding-top:55px;padding-bottom:46px}.making-intro h2{font-size:37px;margin-bottom:22px}.making-intro>p:not(.eyebrow){font-size:15px;line-height:1.8}.making-intro>.underlink{font-size:13px;margin-bottom:28px}.making-photo{max-width:none}.making-photo img{height:215px}.making-photo figcaption{font-size:12px;margin-top:11px}.making-steps .process-grid article{padding:24px 0;grid-template-columns:26px 1fr;gap:0 15px}.making-steps .process-grid h3{font-size:26px}.making-steps .process-grid p{font-size:14px}.making-steps .quality-notes summary{font-size:13px}
 .featured{padding-top:49px;padding-bottom:55px}.collection-heading{display:block;margin-bottom:28px}.collection-heading h2{font-size:36px;margin-bottom:12px}.collection-heading>.underlink{font-size:13px}.featured .product-grid{grid-template-columns:1fr;gap:30px}.featured .product-card:last-child{display:block}.featured .product-photo{aspect-ratio:1.5}.featured .product-meta h3{font-size:28px}.featured .product-meta .eyebrow{font-size:11px}.featured .product-meta>p:not(.eyebrow){font-size:14px}.featured .product-meta>.fine-print{font-size:12px}.home-page .project-strip{padding-top:55px;padding-bottom:55px}.project-strip h2{font-size:54px;line-height:1.03}.project-strip p{font-size:15px}.project-strip .fine-print{font-size:12px}.site-footer{padding-top:36px}.footer-bottom{font-size:11px}.mobile-project{padding:8px 24px}.mobile-project .button{min-height:40px;font-size:12px;padding:8px 20px}.mobile-project .button span{font-size:19px}body{padding-bottom:57px}
}
@media(max-width:360px){.home-hero .hero-copy h1{font-size:46px}.home-hero .hero-copy h1 em{font-size:.8em}.quick-materials{gap:8px}.quick-materials button{max-width:48px;font-size:9px}.configuration-intro>.underlink{max-width:100px;font-size:11px}.material-card h3{font-size:20px}.material-card:not(:first-child) .material-image{height:165px}.materials h2{font-size:47px}}
.home-hero .hero-copy h1>span,.home-hero .hero-copy h1>em{display:block;line-height:1.05}.home-hero .hero-copy h1>em{margin-top:5px}
.customization-reference img{object-fit:cover}
@media(max-width:700px){.customization-reference img{object-fit:contain;transform:translateY(-14px) scale(1.3)}}

/* Phone controls use complete rows; the persistent project link lives in the header. */
.home-page .section-heading>p,.making-intro>p:not(.eyebrow),.customization-heading>p{font-weight:450}
@media(max-width:700px){
 body{padding-bottom:0}.mobile-project{display:none}.site-header{gap:13px;min-height:70px;flex-wrap:nowrap}.wordmark{font-size:24px}.wordmark>span{font-size:8px}.header-cta{display:inline-flex;order:2;margin-left:auto;padding:5px 0;min-height:40px;border:0;background:transparent;color:var(--tea);font-size:12px;font-weight:600;gap:9px}.header-cta span{font-size:17px}.header-cta:hover{background:transparent;color:var(--amber)}.menu-toggle{order:3;display:flex;align-items:center;gap:8px;margin-left:0;font-size:12px;min-height:40px}.menu-toggle span{margin:0;font-size:19px}.site-header nav{order:4}.site-header nav.open{padding:18px 24px}
 .bench-stage #product-viewer{height:170px;min-height:170px}.home-hero .workbench{margin-top:8px}.bench-caption{font-size:11px;align-items:center;margin-bottom:8px}.bench-caption>span:last-child{font-size:10px;max-width:none;white-space:nowrap}.bench-stage .bench-actions button{font-size:12px}.configuration-intro{display:block;padding:0 0 6px}.quick-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:13px 0 10px}.quick-materials button{font-size:11px;max-width:none;width:100%;font-weight:500;min-height:52px;gap:6px;white-space:nowrap}.quick-materials img{width:29px;height:29px}.configuration-intro>.underlink{display:flex;max-width:none;width:100%;font-size:13px;line-height:1.5;border-top:1px solid var(--line);min-height:44px;padding:10px 0}.configuration-intro>.underlink>span{font-size:20px}
 .making-steps .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:5px}.making-steps .process-grid article{display:block;padding:18px 0 23px}.making-steps .process-grid article>span{display:block;margin:0 0 13px;font-size:11px}.making-steps .process-grid h3{font-size:25px}.making-steps .process-grid p{font-size:13px;line-height:1.75}.making-steps .quality-notes{margin-top:15px}
}
@media(max-width:360px){.header-cta{font-size:11px;gap:6px}.wordmark{font-size:22px}.menu-toggle{font-size:11px}.site-header{gap:10px}.quick-materials button{font-size:10px}.bench-caption{font-size:10px}.bench-caption>span:last-child{font-size:9px}}

/* Physical supplier samples introduce the acetate before the interactive sheet edit. */
.material-introduction{display:grid;grid-template-columns:1fr 1.22fr;gap:7vw;align-items:center;margin-bottom:50px}.material-introduction h2{font-size:clamp(54px,5.1vw,76px);margin-bottom:28px}.material-introduction>div>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:365px;margin-bottom:27px}.material-index{font-size:11px;letter-spacing:.09em;color:var(--amber)}.physical-samples{margin:0;min-width:0}.physical-samples>img{width:100%;height:auto;mix-blend-mode:multiply}.physical-samples figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}.physical-samples figcaption a{white-space:nowrap}
.material-edit-label{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:12px;padding:18px 0 24px;border-top:1px solid var(--line)}.material-edit-label>span:first-child{font-size:11px;letter-spacing:.08em}.material-edit-label>span:last-child{color:var(--muted)}.material-card:first-child .material-image{height:260px}.material-card:nth-child(2){padding-top:30px}.material-card:nth-child(3){padding-top:60px}.material-card:not(:first-child) .material-image{height:210px}.material-card h3{font-size:26px}.material-grid{gap:28px}.materials .source-caption{margin-top:30px}
.making-steps .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px}.making-steps .process-grid article{display:block;padding:22px 0 10px}.making-steps .process-grid article>span{display:block;margin:0 0 17px}.making-steps .process-grid h3{font-size:27px}.making-steps .process-grid p{font-size:14px}.making-steps .quality-notes{margin-top:28px}.making-story{gap:9vw}.making-photo{max-width:480px}
@media(min-width:701px) and (max-width:1099px){.material-introduction{gap:5vw;grid-template-columns:1fr 1.1fr}.material-introduction h2{font-size:52px}.material-introduction>div>p:not(.eyebrow){font-size:14px}.physical-samples figcaption{font-size:11px;flex-direction:column;gap:5px}.material-card:first-child .material-image{height:235px}.material-card:not(:first-child) .material-image{height:180px}.material-card h3{font-size:23px}.making-story{gap:5vw}.making-steps .process-grid{gap:20px}.making-steps .process-grid h3{font-size:24px}.making-steps .process-grid p{font-size:13px}.making-photo img{height:245px}}
@media(max-width:700px){
 .material-introduction{grid-template-columns:1fr;gap:25px;margin-bottom:27px}.material-introduction h2{font-size:53px;margin-bottom:23px}.material-introduction>div>p:not(.eyebrow){font-size:15px;max-width:100%;line-height:1.8;margin-bottom:0}.material-index{display:none}.physical-samples{margin:0 -6px}.physical-samples figcaption{font-size:11px;gap:12px;margin:13px 6px 0}.physical-samples figcaption>span{max-width:175px}.physical-samples figcaption a{align-self:start;white-space:normal;text-align:right;max-width:120px}.material-edit-label{font-size:11px;padding:15px 0 20px;gap:20px;line-height:1.7}.material-edit-label>span:first-child{font-size:10px;max-width:90px}.material-edit-label>span:last-child{max-width:180px;text-align:right}.material-grid{gap:24px 16px}.material-card:first-child .material-image{height:220px}.material-card:nth-child(2),.material-card:nth-child(3){padding:0}.material-card:not(:first-child) .material-image{height:165px}.material-card h3{font-size:23px}.material-card>p{font-size:13px}.material-reference{font-size:11px}.making-steps .process-grid{gap:5px 25px}.making-steps .process-grid article{padding:18px 0 23px}.making-steps .process-grid h3{font-size:25px}.making-steps .process-grid p{font-size:13px}.making-photo img{height:215px}
}
@media(max-width:360px){.material-introduction h2{font-size:47px}.material-card h3{font-size:20px}.material-card:not(:first-child) .material-image{height:145px}.material-edit-label>span:last-child{max-width:150px}.physical-samples figcaption>span{max-width:150px}.physical-samples figcaption a{max-width:95px}}
.material-card[aria-pressed=true] .material-reference::after{content:' · On the frame';color:var(--amber);font-weight:650}

/* The material plate is the second visual anchor, with type set into its clear field. */
.mobile-hero-cta{display:none}.material-introduction{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;margin-bottom:40px}.material-introduction>div{grid-area:1/1;align-self:end;z-index:1;width:520px;max-width:45%;padding:35px 35px 0 0;background:var(--paper);margin-bottom:60px}.material-introduction h2{font-size:68px;line-height:1;margin-bottom:26px}.material-introduction>div>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:355px;margin-bottom:0}.material-index{display:none}.physical-samples{grid-area:1/1}.physical-samples>img{height:610px;object-fit:cover;object-position:center 46%;width:100%;mix-blend-mode:multiply}.physical-samples figcaption{padding-top:16px;margin-top:0;font-size:12px;min-height:42px;align-items:center}.material-introduction .eyebrow{margin-bottom:25px}
.featured .product-photo{aspect-ratio:1.5}.featured .product-photo img{transform:scale(1.45)}.featured .product-photo:hover img{transform:scale(1.49)}.featured .product-meta>p:not(.eyebrow){color:#5b574e}.home-page .material-reference,.home-page .source-caption,.bench-caption,.footer-bottom{color:#625d53}.site-footer .footer-bottom{color:#d2d5cb}.quick-materials button{font-size:13px;font-weight:500}.quick-materials img{width:40px;height:40px}.quick-materials [aria-pressed=true] img{border-width:2px}.configuration-intro>.underlink{font-size:13px;font-weight:550}.material-edit-label{font-weight:500}.home-page .eyebrow{font-weight:650}
@media(min-width:701px) and (max-width:1099px){
 .home-hero{display:grid;grid-template-columns:minmax(0,1fr);padding-top:40px;padding-bottom:25px;gap:20px;min-height:0}.home-hero .hero-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:0 6vw;align-items:start;padding:0}.home-hero .hero-copy>.eyebrow{grid-column:1/-1;max-width:none;margin:0 0 24px;font-size:11px}.home-hero .hero-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(72px,9.6vw,96px);margin:0}.home-hero .hero-copy h1 em{font-size:.67em}.home-hero .hero-copy>p:not(.eyebrow){grid-column:2;grid-row:2;font-size:15px;line-height:1.75;max-width:100%;margin:0 0 20px}.home-hero .hero-copy>p:not(.eyebrow) br{display:none}.home-hero .hero-copy>.button{grid-column:2;grid-row:3;justify-self:start;font-size:13px;padding:13px 22px;min-height:48px}.home-hero .hero-copy>.underlink{grid-column:2;grid-row:4;margin:8px 0 0;font-size:12px;min-height:40px}.home-hero .workbench{width:100%;margin:0}.bench-stage #product-viewer{height:330px;min-height:330px;width:100%;margin:0}.bench-caption{font-size:12px}.bench-caption>span:last-child{font-size:12px;max-width:none}.bench-stage .bench-actions button{font-size:13px}.quick-materials button{font-size:11px}.quick-materials img{width:33px;height:33px}.configuration-intro>.underlink{font-size:12px;font-weight:550}.configuration-intro>.eyebrow{max-width:95px}.configuration-intro{gap:20px}
 .material-introduction>div{width:375px;max-width:51%;padding:30px 25px 0 0;margin-bottom:54px}.material-introduction h2{font-size:51px}.material-introduction>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:290px}.physical-samples>img{height:520px;object-position:center}.physical-samples figcaption{flex-direction:row;gap:20px;font-size:11px}.material-introduction .eyebrow{font-size:10px;margin-bottom:21px}
}
@media(max-width:700px){
 .mobile-hero-cta{display:block;padding:18px 24px 24px;background:var(--ivory)}.mobile-hero-cta>.button{width:100%;justify-content:space-between;min-height:48px;padding:12px 20px;font-size:14px}.quick-materials button{font-size:11px;font-weight:500}.quick-materials img{width:31px;height:31px}.configuration-intro>.underlink{font-size:13px;font-weight:550}.material-introduction{display:flex;flex-direction:column;gap:25px;margin-bottom:28px}.material-introduction>div{width:auto;max-width:none;margin:0;padding:0;background:none}.material-introduction h2{font-size:53px;margin-bottom:23px}.material-introduction>div>p:not(.eyebrow){font-size:15px;max-width:none}.physical-samples{margin:0 -24px}.physical-samples>img{height:300px;width:100%;object-fit:cover;object-position:70% center;mix-blend-mode:multiply}.physical-samples figcaption{padding:13px 24px 0;min-height:0;gap:15px;font-size:11px;margin:0}.physical-samples figcaption>span{max-width:175px}.physical-samples figcaption a{max-width:110px}.material-introduction .eyebrow{margin-bottom:20px}.materials{padding-top:48px}.featured .product-photo{aspect-ratio:1.5}.featured .product-photo img{transform:scale(1.45)}
 .making-steps .process-grid{display:block}.making-steps .process-grid article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 15px;padding:20px 0}.making-steps .process-grid article>span{grid-column:1;grid-row:1/3;margin:5px 0 0;font-size:11px}.making-steps .process-grid h3{grid-column:2;font-size:25px;margin-bottom:8px}.making-steps .process-grid p{grid-column:2;font-size:14px;line-height:1.75}.making-steps .quality-notes{margin-top:15px}.making-story{gap:30px}
}
@media(max-width:360px){.material-introduction h2{font-size:47px}.physical-samples>img{height:270px}.physical-samples figcaption>span{max-width:145px}.physical-samples figcaption a{max-width:94px}.quick-materials button{font-size:10px}}
.wordmark{padding-left:37px}.brand-mark{position:absolute;left:0;top:1px;width:27px;height:35px}.site-footer .brand-mark{top:0}
@media(max-width:700px){.wordmark{padding-left:32px}.brand-mark{width:23px;height:31px;top:0}.site-header{gap:11px}.header-cta{gap:7px}.menu-toggle{gap:6px}}
@media(max-width:360px){.wordmark{padding-left:30px}.brand-mark{width:22px;height:30px}.site-header{gap:9px}.header-cta{font-size:11px;gap:5px}.header-cta span{font-size:15px}}
.making-photo img{filter:grayscale(1) contrast(1.07);object-position:55% center}
@media(min-width:1100px){.physical-samples>img{object-position:center 60%}}

/* Product study, process and reference edit: each chapter has its own composition. */
.hotspots{overflow:clip}.hotspot.logo>span{left:auto;right:calc(100% + 8px)}
.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);min-height:54px}
.viewer-toolbar .bench-caption{display:flex;gap:16px;align-items:center;margin:0;font-size:11px;line-height:1.6}
.viewer-toolbar .bench-caption>span:last-child{font-size:11px}
.viewer-toolbar .bench-actions{display:flex;gap:25px;border:0;padding:0;margin:0;flex-shrink:0}
.viewer-toolbar .bench-actions button{font-size:12px;min-height:48px;gap:12px}
.configuration-intro{border-top:0}.configuration-section{border-top:0}
.customization-study .capability h3{font-family:var(--sans);font-size:22px;letter-spacing:-.035em;font-weight:550;line-height:1.4}
.customization-study .capability p{margin-top:7px;font-size:14px}
.making-story{display:block;padding-top:90px;padding-bottom:80px}
.making-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:9vw;margin-bottom:40px}
.making-heading h2{font-size:54px;line-height:1.04;margin:0}
.making-heading .eyebrow{margin-bottom:20px}
.making-heading>div:last-child>p{font-size:15px;line-height:1.85;max-width:380px;color:var(--muted);margin-bottom:15px}
.making-heading .underlink{font-size:13px;gap:35px;min-height:40px}
.making-body{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:start}
.making-photo{max-width:none;min-width:0;margin:0}
.making-photo picture{display:block;height:460px;background:#e5e2d9}
.making-photo img{height:100%;width:100%;object-fit:cover;object-position:54% center;filter:grayscale(1) contrast(1.07)}
.making-photo figcaption{font-size:12px;margin-top:16px;line-height:1.6}
.making-steps .process-grid{display:block}
.making-steps .process-grid article{display:grid;grid-template-columns:30px 1fr;gap:0 17px;padding:17px 0 19px;border-top:1px solid var(--line)}
.making-steps .process-grid article>span{grid-column:1;grid-row:1/3;margin:4px 0 0;font-size:11px}
.making-steps .process-grid h3{grid-column:2;font-family:var(--sans);font-size:19px;font-weight:550;letter-spacing:-.025em;line-height:1.4;margin-bottom:5px}
.making-steps .process-grid p{grid-column:2;font-size:14px;line-height:1.7;max-width:none;margin:0}
.making-steps .quality-notes{margin-top:0}
.featured .product-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0 55px;align-items:start}
.featured .product-card:first-child{grid-column:1;grid-row:1/3}
.featured .product-card:first-child .product-photo{aspect-ratio:1.55;background:#e7e2d8}
.featured .product-card:first-child .product-photo img{transform:scale(1.45)}
.featured .product-card:first-child .product-meta{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding-top:25px}
.featured .product-card:first-child .product-meta .eyebrow{grid-column:1/-1;margin-bottom:12px}
.featured .product-card:first-child .product-meta h3{grid-column:1;grid-row:2/4;font-size:29px;line-height:1.3;margin:0}
.featured .product-card:first-child .product-meta>p:not(.eyebrow){grid-column:2;font-size:14px;line-height:1.7}
.featured .product-card:first-child .product-meta>.fine-print{grid-column:2;line-height:1.7}
.featured .product-card:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.featured .product-card:nth-child(2){padding-top:0;border-top:0}
.featured .product-card:not(:first-child) .product-photo{aspect-ratio:1.2}
.featured .product-card:not(:first-child) .product-photo img{transform:scale(1.5)}
.featured .product-card:not(:first-child) .product-meta{padding:0;align-self:center}
.featured .product-card:not(:first-child) .product-meta .eyebrow{font-size:10px;letter-spacing:.05em;line-height:1.65;margin-bottom:9px}
.featured .product-meta h3{font-family:var(--sans);font-weight:500;letter-spacing:-.04em}
.featured .product-card:not(:first-child) .product-meta h3{font-size:21px;line-height:1.3;margin-bottom:9px}
.featured .product-card:not(:first-child) .product-meta>p:not(.eyebrow){font-size:13px;line-height:1.75;margin-bottom:9px}
.featured .product-card:not(:first-child) .product-meta>.fine-print{font-size:11px;line-height:1.6;display:block}
@media(min-width:701px) and (max-width:1099px){
 .making-heading,.making-body{gap:5vw;grid-template-columns:1fr 1fr}.making-heading h2{font-size:39px}.making-heading>div:last-child>p{font-size:14px}.making-photo picture{height:450px}.making-steps .process-grid h3{font-size:18px}.making-steps .process-grid p{font-size:13px}.making-steps .process-grid article{padding:15px 0;gap:0 10px;grid-template-columns:22px 1fr}.customization-study .capability h3{font-size:20px}
 .featured .product-grid{gap:0 30px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.featured .product-card:first-child .product-photo{aspect-ratio:1.05}.featured .product-card:first-child .product-meta{display:block}.featured .product-card:first-child .product-meta h3{font-size:26px;margin-bottom:12px}.featured .product-card:not(:first-child){grid-template-columns:1fr;gap:12px;padding:20px 0}.featured .product-card:not(:first-child) .product-photo{aspect-ratio:2}.featured .product-card:not(:first-child) .product-photo img{transform:scale(1.2)}.featured .product-card:not(:first-child) .product-meta>p:not(.eyebrow),.featured .product-card:not(:first-child) .product-meta>.fine-print{display:none}.featured .product-card:not(:first-child) .product-meta .eyebrow{margin:0 0 6px}.featured .product-card:not(:first-child) .product-meta h3{margin:0;font-size:20px}
}
@media(max-width:700px){
 .viewer-toolbar{gap:10px;min-height:47px}.viewer-toolbar .bench-caption{font-size:10px;display:block}.viewer-toolbar .bench-caption>span:last-child{font-size:9px;display:block}.viewer-toolbar .bench-actions{gap:13px}.viewer-toolbar .bench-actions button{font-size:11px;gap:5px;min-height:46px}
 .configuration-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:7px 0 4px;gap:0}.quick-materials{display:flex;justify-content:start;width:auto;gap:14px;padding:6px 0}.quick-materials button{width:auto;min-height:45px;font-size:0!important;gap:0}.quick-materials img{width:29px;height:29px}.quick-materials button>span{display:none}.configuration-intro>.underlink{border:0;width:auto;font-size:12px;min-height:44px;padding:5px 0;gap:15px}.mobile-hero-cta{padding-top:10px}
 .customization-heading h2{font-size:34px}.customization-study .capability,.customization-study .capability+.capability{padding-top:18px;padding-bottom:18px}.customization-study .capability h3{font-size:20px}.customization-study .capability p{font-size:13px;line-height:1.65;margin-top:4px}.customization-reference img{height:245px}.customization-study{gap:17px}.capabilities>.fine-print{margin-top:18px}
 .making-story{padding-top:52px;padding-bottom:45px}.making-heading{display:block;margin-bottom:28px}.making-heading h2{font-size:38px;margin-bottom:21px}.making-heading>div:last-child>p{font-size:14px;line-height:1.8;margin-bottom:8px}.making-heading .underlink{font-size:13px;min-height:40px}.making-body{display:block}.making-photo picture{height:240px}.making-photo figcaption{font-size:11px;margin:12px 0 27px}.making-steps .process-grid article{grid-template-columns:24px 1fr;gap:0 13px;padding:15px 0}.making-steps .process-grid h3{font-size:18px;line-height:1.4;margin-bottom:4px}.making-steps .process-grid p{font-size:13px;line-height:1.7}.making-steps .quality-notes{margin-top:12px}
 .featured .product-grid{display:block}.featured .product-card:first-child{margin-bottom:25px}.featured .product-card:first-child .product-photo{aspect-ratio:1.55}.featured .product-card:first-child .product-meta{display:block;padding-top:20px}.featured .product-card:first-child .product-meta .eyebrow{margin-bottom:8px;font-size:10px}.featured .product-card:first-child .product-meta h3{font-size:26px;margin-bottom:10px}.featured .product-card:first-child .product-meta>p:not(.eyebrow){font-size:13px;margin-bottom:5px}.featured .product-card:first-child .product-meta>.fine-print{font-size:11px}
 .featured .product-card:not(:first-child){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding:20px 0;border-top:1px solid var(--line)}.featured .product-card:not(:first-child) .product-photo{aspect-ratio:1.15}.featured .product-card:not(:first-child) .product-photo>span{display:none}.featured .product-card:not(:first-child) .product-meta h3{font-size:19px;margin-bottom:8px}.featured .product-card:not(:first-child) .product-meta>p:not(.eyebrow){display:none}.featured .product-card:not(:first-child) .product-meta>.fine-print{font-size:10px}.featured .product-card:not(:first-child) .product-meta .eyebrow{font-size:9px;margin-bottom:7px}
}
@media(max-width:360px){.viewer-toolbar .bench-actions{gap:8px}.viewer-toolbar .bench-actions button{font-size:10px}.viewer-toolbar .bench-caption{font-size:9px}.viewer-toolbar .bench-caption>span:last-child{font-size:8px}.quick-materials{gap:12px}.configuration-intro>.underlink{font-size:11px;gap:10px}.featured .product-card:not(:first-child){gap:15px}.featured .product-card:not(:first-child) .product-meta h3{font-size:17px}.project-summary dl>div{grid-template-columns:1fr 1.3fr}.project-summary dl dt{overflow-wrap:normal;word-break:normal}}
.featured .product-card:not(:first-child) .product-photo img,.featured .product-card:not(:first-child) .product-photo:hover img{transform:scale(1.02)}

/* One product workbench; a structural plate; a separate four-stage process. */
@media(min-width:1100px){
 .home-hero{min-height:0;padding-top:50px;padding-bottom:12px;align-items:center}.home-hero .hero-copy{padding:0}.bench-stage #product-viewer{height:340px;min-height:340px}.home-hero .hero-copy h1{font-size:clamp(76px,7.3vw,112px);margin-bottom:25px}.home-hero .hero-copy>p:not(.eyebrow){margin-bottom:24px}.configuration-intro{width:59.4%;margin-left:auto;min-height:78px;padding:8px 0 18px;gap:28px}.configuration-intro>.eyebrow{display:none}.quick-materials{gap:22px}.quick-materials button{font-size:11px}.configuration-intro>.underlink{font-size:12px;gap:25px}.configuration-section{padding-bottom:12px}
}
.viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{color:#696358;font-weight:450}
.customization-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;position:relative;padding-top:35px}.customization-heading>.eyebrow{position:absolute;top:0;left:0;margin:0}.customization-heading h2{font-size:62px;line-height:1.02;letter-spacing:-.045em;flex:1}.customization-heading h2 em{font-style:normal;color:#c5bd9f}.customization-heading>p{width:36%;max-width:400px;font-size:15px;line-height:1.8;margin:0 0 4px}
.customization-study{display:block;margin-top:35px}.customization-reference{width:100%;height:430px;overflow:hidden;background:#e8e5dc;position:relative}.customization-reference img{width:100%;height:100%;object-fit:contain;transform:scale(1.16);object-position:center}.customization-reference figcaption{left:22px;right:auto;bottom:18px;font-size:12px;color:#645f54;z-index:1}
.customization-study .capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px}.customization-study .capability,.customization-study .capability+.capability{display:block;position:relative;min-width:0;border:0;border-top:1px solid #707867;padding:19px 20px 0 0;min-height:150px;text-align:left}.customization-study .capability>span:first-child{position:static;display:block;margin-bottom:17px;color:#c7be9a;font-size:11px}.customization-study .capability h3{font-size:20px;margin:0 0 8px;line-height:1.4}.customization-study .capability p{font-size:13px;line-height:1.7;margin:0;max-width:260px}.customization-study .capability-action{position:absolute;top:15px;right:0;margin:0;width:auto;transform:none}.capabilities>.fine-print{margin-top:17px;padding-top:0;color:#cbd0c2;font-size:12px}
.making-heading{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:8vw;align-items:center;margin-bottom:45px}.making-heading h2{font-size:55px;line-height:1.05;margin-bottom:25px;max-width:360px}.making-heading>div>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:330px;color:var(--muted);margin-bottom:18px}.making-heading .eyebrow{margin-bottom:23px}.making-photo picture{height:290px}.making-photo img{object-position:center 55%}.making-photo figcaption{font-size:12px;color:#6b665a;font-weight:450;margin-top:13px}.making-body{display:block}.making-steps .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.making-steps .process-grid article{display:block;padding:21px 0 0;position:relative;border-top:1px solid #b7b2a3}.making-steps .process-grid article>span{display:block;margin:0 0 17px;font-size:11px}.making-steps .process-grid h3{font-size:20px;margin:0 0 10px}.making-steps .process-grid p{font-size:14px;line-height:1.7}.making-steps .quality-notes{margin-top:30px;max-width:100%;border-top:1px solid var(--line)}.making-steps .quality-notes summary{padding:17px 0;font-size:12px;min-height:50px}.making-steps .quality-notes>p{max-width:850px}
.source-caption,.physical-samples figcaption,.material-reference,.footer-bottom{font-weight:450}.material-reference{color:#686252}.material-card>p{color:#686252}
@media(min-width:701px) and (max-width:1099px){
 .home-hero{padding-bottom:5px}.home-hero .hero-copy{padding-bottom:12px}.bench-stage #product-viewer{height:290px;min-height:290px}.configuration-intro>.eyebrow{display:none}.configuration-intro{min-height:75px;padding-top:8px;padding-bottom:12px;gap:25px}.configuration-intro>.underlink{white-space:nowrap;max-width:none;gap:25px}.quick-materials{gap:28px}.quick-materials button{font-size:11px}.viewer-toolbar{min-height:48px}
 .customization-heading h2{font-size:51px}.customization-heading>p{font-size:14px;width:42%}.customization-reference{height:370px}.customization-study .capability-grid{gap:21px;margin-top:25px}.customization-study .capability h3{font-size:18px;line-height:1.4}.customization-study .capability p{font-size:12px}.customization-study .capability{min-height:150px}.making-heading{gap:5vw;grid-template-columns:.85fr 1.25fr}.making-heading h2{font-size:42px}.making-heading>div>p:not(.eyebrow){font-size:14px}.making-photo picture{height:275px}.making-steps .process-grid{gap:24px}.making-steps .process-grid h3{font-size:17px}.making-steps .process-grid p{font-size:13px}
}
@media(max-width:700px){
 body[data-page=home] .site-header>.header-cta{display:none}body[data-page=home] .menu-toggle{margin-left:auto}
 .configuration-intro>.underlink{gap:12px;font-size:12px}.quick-materials{gap:11px}.quick-materials button[aria-pressed=true]>span{display:inline;font-size:11px;margin-left:7px}.quick-materials button[aria-pressed=true]{display:flex;flex-direction:row;gap:0}.quick-materials button:not([aria-pressed=true]){min-width:29px}.quick-materials img{width:27px;height:27px}.configuration-intro{gap:8px;flex-wrap:nowrap}
 .capabilities{padding-top:45px;padding-bottom:31px}.customization-heading{display:block;padding-top:35px}.customization-heading h2{font-size:48px;line-height:1.02;margin:0 0 22px}.customization-heading>p{font-size:14px;line-height:1.7;width:auto;max-width:none;margin:0}.customization-study{margin-top:26px}.customization-reference{height:250px}.customization-reference img{transform:scale(1.14);height:100%;object-fit:contain}.customization-reference figcaption{left:13px;right:13px;bottom:12px;font-size:10px;line-height:1.6;max-width:240px}
 .customization-study .capability-grid{display:block;margin-top:24px}.customization-study .capability,.customization-study .capability+.capability{display:grid;grid-template-columns:22px 1fr;gap:13px;align-items:center;min-height:62px;padding:12px 25px 12px 0;margin:0;border-top:1px solid #707867}.customization-study .capability h3{font-size:18px;margin:0}.customization-study .capability>span:first-child{position:static;margin:0;font-size:10px}.customization-study .capability p{display:none}.customization-study .capability-action{top:19px;right:0}.capabilities>.fine-print{font-size:11px;line-height:1.7;margin-top:17px}
 .making-heading{display:block;margin-bottom:24px}.making-heading h2{font-size:47px;margin-bottom:22px;max-width:none}.making-heading>div>p:not(.eyebrow){font-size:14px;margin-bottom:8px;max-width:none}.making-heading .underlink{margin-bottom:22px}.making-photo picture{height:215px}.making-photo figcaption{font-size:11px;margin-top:11px}.making-steps .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px}.making-steps .process-grid article{display:block;padding:15px 0 0}.making-steps .process-grid article>span{margin:0 0 13px;font-size:10px}.making-steps .process-grid h3{font-size:16px;line-height:1.4;margin:0 0 8px;letter-spacing:-.025em}.making-steps .process-grid p{font-size:13px;line-height:1.7}.making-steps .quality-notes{margin-top:25px}.making-steps .quality-notes summary{font-size:12px}
}
@media(max-width:360px){.quick-materials{gap:8px}.quick-materials button[aria-pressed=true]>span{font-size:9px;margin-left:5px}.quick-materials img{width:24px;height:24px}.quick-materials button:not([aria-pressed=true]){min-width:24px}.configuration-intro>.underlink{font-size:11px;gap:8px}.customization-heading h2{font-size:42px}.making-heading h2{font-size:41px}.making-steps .process-grid{gap:22px 18px}.making-steps .process-grid h3{font-size:15px}}
@media(min-width:701px){.customization-study .capability,.customization-study .capability+.capability{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}}

/* Concrete chapter titles, a real artwork check, and fully named material choices. */
.viewer-toolbar .bench-actions>.underlink{margin:0;padding:0;border:0;min-height:48px;display:inline-flex;align-items:center;gap:13px;font-size:12px;line-height:1.5;white-space:nowrap}
.viewer-toolbar .bench-actions>.underlink>span{font-size:19px}
.viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{font-size:12px;font-weight:500;color:#6b6356}
.viewer-toolbar{gap:20px}.viewer-toolbar .bench-actions{gap:23px}.viewer-toolbar .bench-actions button{font-size:12px}
.configuration-intro .quick-materials{width:100%;justify-content:space-between}.configuration-intro .quick-materials button{font-size:12px;font-weight:500}
.material-edit-label{display:block}.material-edit-label>span:last-child{display:block;margin-top:7px;text-align:left;font-size:12px}.material-edit-label>span:first-child{font-size:12px;max-width:none}
.customization-heading h2{font-size:62px;line-height:1.08}.customization-heading>p{font-size:15px}
.making-story{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;row-gap:32px}.making-heading{display:contents}.making-heading>div{grid-column:1;grid-row:1;align-self:start}.making-heading>.craft-photo{grid-column:2;grid-row:1/3;align-self:start;margin:0}.making-heading h2{font-size:60px;line-height:1.04;max-width:none;margin-bottom:24px}.making-heading>div>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:405px;margin-bottom:14px}.making-body{grid-column:1;grid-row:2}.craft-photo picture{height:610px}.craft-photo img{height:100%;object-fit:cover;object-position:center 74%;filter:none}.craft-photo figcaption{font-size:12px;line-height:1.8;margin:14px 0 0}.craft-photo figcaption a{color:var(--tea)}
.making-steps .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px}.making-steps .process-grid article{padding-top:16px}.making-steps .process-grid article>span{margin-bottom:13px}.making-steps .process-grid h3{font-size:19px;margin-bottom:8px}.making-steps .process-grid p{font-size:14px;line-height:1.7}.making-steps .quality-notes{margin-top:28px}.making-steps .quality-notes summary{font-size:13px}
.home-page .project-strip h2{font-size:64px;line-height:1.05}.home-page .project-strip .eyebrow{font-size:11px}
@media(min-width:701px) and (max-width:1099px){
 .viewer-toolbar .bench-actions{gap:25px}.viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{font-size:11px}.configuration-intro .quick-materials{justify-content:start;gap:42px}.configuration-intro .quick-materials button{font-size:12px}.customization-heading h2{font-size:48px}.making-story{column-gap:5vw;row-gap:27px;grid-template-columns:1fr 1fr}.making-heading h2{font-size:46px}.making-heading>div>p:not(.eyebrow){font-size:14px}.craft-photo picture{height:570px}.making-steps .process-grid{gap:22px}.making-steps .process-grid h3{font-size:17px}.making-steps .process-grid p{font-size:13px}.home-page .project-strip h2{font-size:50px}
}
@media(max-width:700px){
 .viewer-toolbar{display:block;min-height:0;border:0}.viewer-toolbar .bench-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;line-height:1.6}.viewer-toolbar .bench-caption>span:last-child{display:block;font-size:11px}.viewer-toolbar .bench-actions{display:flex;width:100%;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:44px}.viewer-toolbar .bench-actions button,.viewer-toolbar .bench-actions>.underlink{min-height:44px;font-size:12px;gap:8px}.viewer-toolbar .bench-actions>.underlink>span{font-size:18px}
 .configuration-intro{display:block;padding:4px 0 7px}.configuration-intro .quick-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;padding:3px 0}.quick-materials button,.quick-materials button[aria-pressed=true]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:68px;width:100%;font-size:11px!important}.quick-materials button>span,.quick-materials button[aria-pressed=true]>span{display:block;font-size:11px;margin:0;line-height:1.5}.quick-materials img{width:28px;height:28px}
 .material-edit-label{padding-bottom:19px}.material-edit-label>span:first-child{font-size:11px;max-width:none}.material-edit-label>span:last-child{font-size:12px;text-align:left;max-width:none;margin-top:7px}.material-introduction h2{font-size:52px}.customization-heading h2{font-size:44px;margin-bottom:20px}.customization-heading>p{font-size:14px}
 .making-story{display:block}.making-heading{display:block}.making-heading h2{font-size:47px;margin-bottom:22px}.making-heading>div>p:not(.eyebrow){font-size:14px;max-width:none}.making-heading .underlink{margin-bottom:23px}.craft-photo picture{height:350px}.craft-photo img{object-position:center 76%}.craft-photo figcaption{font-size:11px;margin:12px 0 27px}.making-steps .process-grid{gap:26px 22px}.making-steps .process-grid h3{font-size:16px}.making-steps .process-grid p{font-size:13px}.making-steps .quality-notes summary{font-size:12px}.home-page .project-strip h2{font-size:46px;line-height:1.07}
}
@media(max-width:360px){.viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{font-size:10px}.viewer-toolbar .bench-actions{gap:10px}.viewer-toolbar .bench-actions button,.viewer-toolbar .bench-actions>.underlink{font-size:11px;gap:6px}.quick-materials button>span,.quick-materials button[aria-pressed=true]>span{font-size:10px}.customization-heading h2{font-size:39px}.making-heading h2{font-size:41px}.making-steps .process-grid h3{font-size:15px}.home-page .project-strip h2{font-size:40px}}
@media(max-width:700px){
 .viewer-toolbar .bench-actions{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:12px}
 .viewer-toolbar .bench-actions>*{margin:0!important;justify-content:center}
 .viewer-toolbar .bench-actions>*:first-child{justify-content:flex-start}
 .viewer-toolbar .bench-actions>*:last-child{justify-content:flex-end}
 .quick-materials img{width:29px!important;height:29px!important}
}

/* A compact process interlude after the two main product chapters. */
.assembly-plate{height:auto;background:#f4f1ea;padding:25px 25px 16px}
.assembly-visual{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:30px;height:370px}
.assembly-visual picture{display:block;min-width:0;min-height:0;height:100%;position:relative}
.assembly-plate .assembly-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}
.plate-labels{display:flex;flex-direction:column;justify-content:space-around;padding:6px 0 12px}
.plate-labels>span{position:relative;font-size:14px;line-height:1.5;color:#302e29}
.plate-labels>span:before{content:'';position:absolute;right:calc(100% + 13px);top:13px;width:25px;border-top:1px solid #9d998b}
.plate-labels small{display:block;font-size:9px;letter-spacing:.12em;color:#776a54;margin-bottom:8px}
.assembly-plate figcaption{position:static;display:flex;justify-content:space-between;max-width:none;font-size:11px;color:#696358;margin:10px 0 0;padding-top:12px;border-top:1px solid #d6d1c4}
@media(min-width:701px) and (max-width:1099px){.assembly-visual{grid-template-columns:minmax(0,1fr) 125px;height:285px;gap:15px}.plate-labels>span{font-size:12px}.plate-labels>span:before{width:15px;right:calc(100% + 8px)}.plate-labels small{font-size:8px}.assembly-plate{padding:20px 20px 15px}}
@media(max-width:700px){.assembly-plate{padding:0 0 14px;overflow:hidden}.assembly-visual{display:block;height:auto;aspect-ratio:900/760}.assembly-visual picture{width:100%;height:100%;position:absolute;inset:0}.assembly-plate .assembly-visual img{object-fit:contain}.plate-labels{display:contents}.plate-labels>span{position:absolute;left:6%;font-size:11px;line-height:1}.plate-labels>span:before{display:none}.plate-labels small{display:inline;font-size:8px;letter-spacing:.04em;margin:0 8px 0 0}.temples-label{top:9%}.front-label{top:35%}.lenses-label{top:65%}.assembly-plate figcaption{font-size:9px;line-height:1.6;margin:0 13px;padding-top:11px;gap:10px}}
.studio-poster{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;pointer-events:none}
#product-viewer.has-studio-poster canvas,#product-viewer.has-studio-poster .viewer-fallback{opacity:0}
.bench-stage #product-viewer.has-studio-poster:before{display:block;bottom:12%;left:25%;right:10%;height:3%;opacity:.8;filter:blur(14px)}
.making-story{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);column-gap:7vw;row-gap:0;padding-top:70px;padding-bottom:70px;align-items:start}
.making-heading>div{grid-column:2;grid-row:1;max-width:none}
.making-heading>.craft-photo{grid-column:1;grid-row:1/3;max-width:none}
.making-heading h2{font-size:42px;line-height:1.1;margin-bottom:18px;max-width:none}
.making-heading h2 br{display:none}.making-heading h2 br::after{content:' '}
.making-heading>div>p:not(.eyebrow){max-width:600px;font-size:14px;margin-bottom:8px}
.making-heading .underlink{margin-bottom:20px;font-size:12px;min-height:38px}
.making-heading .eyebrow{margin-bottom:16px}
.making-body{grid-column:2;grid-row:2;align-self:start}
.craft-photo picture{height:370px;background:#d3d5cb;overflow:hidden}
.craft-photo img{width:100%;height:100%;object-fit:cover;object-position:43% 53%;transform:scale(1.1);filter:saturate(.75)}
.craft-photo figcaption{font-size:11px;line-height:1.7;margin-top:10px}
.making-steps .process-grid{gap:18px 34px}
.making-steps .process-grid article{padding-top:12px;display:grid;grid-template-columns:22px 1fr;gap:0 12px}
.making-steps .process-grid article>span{font-size:10px;grid-column:1;grid-row:1/3;margin:4px 0 0}
.making-steps .process-grid h3{font-size:17px;line-height:1.4;margin-bottom:5px;grid-column:2}
.making-steps .process-grid p{font-size:13px;line-height:1.7;grid-column:2}
.making-steps .quality-notes{margin-top:20px}
.making-steps .quality-notes summary{min-height:44px;padding:13px 0;font-size:12px}
.featured{padding-top:60px;padding-bottom:60px}
.featured .collection-heading h2{font-size:36px}
.viewer-toolbar .bench-actions button,.viewer-toolbar .bench-actions>.underlink{font-weight:600}
.viewer-toolbar .bench-actions #explode-toggle{color:var(--tea)}
@media(min-width:701px) and (max-width:1099px){
 .making-story{grid-template-columns:.85fr 1.4fr;column-gap:5vw;padding-top:58px;padding-bottom:58px}.making-heading h2{font-size:34px}.craft-photo picture{height:440px}.making-steps .process-grid{gap:16px}.making-steps .process-grid article{grid-template-columns:18px 1fr;gap:0 8px}.making-steps .process-grid h3{font-size:15px}.making-steps .process-grid p{font-size:12px}
}
@media(max-width:700px){
 .making-story{display:grid;grid-template-columns:1fr;gap:0;padding-top:45px;padding-bottom:40px}.making-heading{display:contents}.making-heading>div{grid-column:1;grid-row:1}.making-heading>.craft-photo{grid-column:1;grid-row:2;width:100%;margin:0 0 22px}.making-body{grid-column:1;grid-row:3}.making-heading h2{font-size:35px;line-height:1.1;max-width:270px;margin-bottom:17px}.making-heading>div>p:not(.eyebrow){font-size:13px;line-height:1.8}.making-heading .underlink{margin-bottom:22px}.craft-photo picture{height:245px}.craft-photo img{object-position:43% 54%;transform:scale(1.08)}.craft-photo figcaption{font-size:10px;line-height:1.7;margin:10px 0 0}.making-steps .process-grid{gap:20px}.making-steps .process-grid article{grid-template-columns:1fr;display:block}.making-steps .process-grid article>span{margin:0 0 10px}.making-steps .process-grid h3{font-size:16px}.making-steps .process-grid p{font-size:12px}.featured{padding-top:40px;padding-bottom:40px}.featured .collection-heading h2{font-size:32px}
}


/* brand-study.css */
/* JINGS / acetate specimen study. Load after editorial.css.
   This layer changes composition only; configuration and evidence stay intact. */
:root{
  --ivory:#f4f1ea;
  --paper:#faf8f2;
  --tea:#262824;
  --muted:#64665e;
  --amber:#793b34;
  --selection:#793b34;
  --line:#cecec4;
  --brand:#793b34;
}
body{background:var(--paper)}
.site-header{min-height:88px;padding:18px 5vw;background:var(--paper);border-color:var(--line)}
.site-header .wordmark{font-weight:750;letter-spacing:.025em;color:var(--tea)}
.site-header .brand-mark{color:var(--brand);stroke-width:2}
.site-header nav a{font-size:11px;font-weight:600;letter-spacing:.035em}
.site-header nav a[aria-current]:after{background:var(--brand)}
.button{background:var(--brand);border-color:var(--brand);font-weight:600}
.button:hover{background:#602b27;border-color:#602b27}
.header-cta{background:transparent;color:var(--tea);border:1px solid #a6a79c;min-height:44px}
.header-cta:hover{background:var(--tea);color:var(--paper);border-color:var(--tea)}
.home-page h1,.home-page h2,.home-page h3{font-family:var(--sans);font-weight:550;font-style:normal}
.home-page .eyebrow{font-size:11px;letter-spacing:.08em;font-weight:650}
.home-page h2{font-size:clamp(40px,4.2vw,62px);letter-spacing:-.065em;line-height:1.05}
.home-page .section{padding-left:5vw;padding-right:5vw}
.home-hero{
  display:grid;grid-template-columns:minmax(0,.28fr) minmax(0,.72fr);
  column-gap:4.4vw;row-gap:20px;align-items:start;
  padding-top:36px;padding-bottom:25px;min-height:0;background:var(--ivory);
  border-bottom:1px solid var(--line);
}
.home-hero .hero-copy{display:contents}
.home-hero .hero-copy>.eyebrow{grid-column:1/-1;grid-row:1;margin:0;font-size:11px;color:var(--brand);letter-spacing:.1em}
.home-hero .hero-copy h1{
  grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;
  width:100%;font-size:clamp(100px,14.2vw,218px);line-height:.84;letter-spacing:-.078em;
  margin:0;padding:5px 0 25px;border-bottom:1px solid var(--line);white-space:normal;
}
.home-hero .hero-copy h1>span{line-height:.9;text-transform:uppercase;white-space:nowrap;font-weight:650}
.home-hero .hero-copy h1>em{
  display:block;max-width:245px;margin:0 0 4px;font-size:clamp(22px,2.2vw,33px);line-height:1.08;
  letter-spacing:-.04em;font-family:var(--sans);font-style:normal;font-weight:450;color:var(--tea);text-align:right;
}
.home-hero .hero-copy>p:not(.eyebrow){
  grid-column:1;grid-row:3;align-self:start;max-width:270px;margin:30px 0 100px;
  font-size:16px;line-height:1.75;color:var(--tea);
}
.home-hero .hero-copy>p:not(.eyebrow) br{display:none}
.home-hero .hero-copy>.button{
  grid-column:1;grid-row:3;align-self:end;justify-self:start;display:inline-flex;
  margin:0 0 29px;min-height:50px;padding:15px 20px;font-size:13px;gap:28px;
}
.home-hero .workbench{grid-column:2;grid-row:3;width:100%;margin:0;min-width:0}
.bench-stage #product-viewer{width:100%;height:400px;min-height:400px;margin:0}
.viewer-toolbar{min-height:55px;align-items:center}
.viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{font-size:11px;color:var(--muted)}
.viewer-toolbar .bench-actions{gap:21px;align-items:center}
.viewer-toolbar .bench-actions button,.viewer-toolbar .bench-actions>.underlink{font-size:12px;font-weight:600}
.viewer-toolbar .bench-actions #explode-toggle{color:var(--brand)}
.configuration-intro{width:100%;margin:0;padding:12px 0 1px;min-height:65px}
.configuration-intro .quick-materials{width:100%;display:flex;justify-content:space-between;gap:18px}
.configuration-intro .quick-materials button{font-size:12px;gap:11px;font-weight:500}
.quick-materials img{width:29px!important;height:29px!important;border-radius:1px;border:1px solid transparent;outline-offset:3px}
.quick-materials [aria-pressed=true] img{border:1px solid var(--paper);outline:1px solid var(--brand);border-radius:1px}
.mobile-hero-cta{display:none}

/* A physical material plate followed by a compact, aligned sheet register. */
.materials{padding-top:78px;padding-bottom:70px;background:var(--paper)}
.material-introduction{margin-bottom:37px}
.material-introduction>div{width:450px;max-width:43%;padding:30px 30px 0 0;margin-bottom:53px;background:var(--paper)}
.material-introduction h2{font-size:clamp(45px,4.3vw,64px);letter-spacing:-.065em;line-height:1.03;margin-bottom:23px}
.material-introduction .eyebrow{margin-bottom:24px;color:var(--brand)}
.material-introduction>div>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:330px}
.physical-samples>img{height:610px;object-position:center 55%}
.material-edit-label{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 0;border-color:var(--line)}
.material-edit-label>span:last-child{margin:0;font-size:12px;text-align:right}
.material-grid{grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.material-card:nth-child(2),.material-card:nth-child(3){padding-top:0}
.material-card:first-child .material-image,.material-card:not(:first-child) .material-image{height:235px}
.material-card>div:not(.material-image){margin-top:16px}
.material-card h3{font-size:21px;font-weight:550;letter-spacing:-.035em}
.material-card>p{font-size:13px;line-height:1.65}
.material-reference{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.material-card[aria-pressed=true] .material-reference::after{color:var(--brand)}
.material-image{border-radius:0}
.source-caption{padding-top:20px;border-top:1px solid var(--line)}

/* Construction is a specimen plate rather than a separate dark template block. */
.capabilities{background:#e6e7de;color:var(--tea);padding-top:55px;padding-bottom:38px;border-top:1px solid #c4c7ba;border-bottom:1px solid #c4c7ba}
.customization-heading{padding-top:34px;gap:40px}
.customization-heading>.eyebrow{color:var(--brand)}
.customization-heading h2{font-size:60px;letter-spacing:-.065em;color:var(--tea);margin:0}
.customization-heading>p{color:#53584f;font-size:14px;line-height:1.8;width:35%;max-width:390px}
.customization-study{margin-top:32px}
.assembly-plate{height:auto;background:var(--ivory);border:1px solid #c9cbbf;padding:25px 25px 15px}
.assembly-visual{height:385px;grid-template-columns:minmax(0,1fr) 180px;gap:30px}
.plate-labels>span{color:var(--tea);font-size:14px;font-weight:500}
.plate-labels small{color:var(--brand);font-size:9px}
.plate-labels>span:before{border-color:#a4aa98;width:32px}
.assembly-plate figcaption{color:#5b6055;border-color:#c9cbbf;font-size:11px}
.customization-study .capability-grid{gap:30px;margin-top:26px}
.customization-study .capability,.customization-study .capability+.capability{
  border-color:#afb6a4;min-height:133px;padding-top:17px;color:var(--tea);
}
.customization-study .capability>span:first-child{color:var(--brand);margin-bottom:12px}
.customization-study .capability h3{color:var(--tea);font-size:19px;letter-spacing:-.03em}
.customization-study .capability p{color:#53584f;font-size:13px}
.customization-study .capability-action{color:var(--brand)}
.capabilities>.fine-print{color:#5b6055;font-size:11px;margin-top:12px}

/* The development sequence reads in order, not as a mini-card collection. */
.making-story{padding-top:68px;padding-bottom:62px;grid-template-columns:minmax(210px,.65fr) minmax(0,1.55fr);column-gap:7vw;background:var(--paper)}
.making-heading h2{font-size:43px;letter-spacing:-.06em;line-height:1.1;margin-bottom:18px;max-width:none}
.making-heading .eyebrow{color:var(--brand)}
.making-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:610px}
.craft-photo picture{height:445px}
.craft-photo img{transform:none;filter:saturate(.65);object-position:50% 38%}
.craft-photo figcaption{font-size:11px;line-height:1.7}
.making-steps .process-grid{display:block}
.making-steps .process-grid article{display:grid;grid-template-columns:30px 165px minmax(0,1fr);gap:0 18px;padding:18px 0;border-color:var(--line);align-items:start}
.making-steps .process-grid article>span{grid-column:1;grid-row:1;margin:4px 0 0;color:var(--brand);font-size:11px}
.making-steps .process-grid h3{grid-column:2;grid-row:1;font-size:17px;line-height:1.55;margin:0;letter-spacing:-.025em}
.making-steps .process-grid p{grid-column:3;grid-row:1;margin:0;font-size:13px;line-height:1.75;max-width:390px}
.making-steps .quality-notes{margin-top:0}
.making-steps .quality-notes summary{font-size:12px;min-height:48px}
.featured{padding-top:65px;padding-bottom:70px;background:var(--paper)}
.featured .collection-heading{margin-bottom:30px}
.featured .collection-heading h2{font-size:42px;letter-spacing:-.06em}
.collection-heading .eyebrow{color:var(--brand)}
.featured .product-meta h3{font-size:25px;font-weight:500;letter-spacing:-.04em}
.featured .product-photo{background:#e9e7de}
.featured .product-card:not(:first-child) .product-meta h3{font-size:22px}
.home-page .project-strip{background:var(--brand);color:var(--paper);padding-top:60px;padding-bottom:60px}
.home-page .project-strip h2{font-size:62px;line-height:1.06;letter-spacing:-.065em;color:var(--paper)}
.home-page .project-strip .eyebrow,.home-page .project-strip p,.home-page .project-strip .fine-print{color:#f1ddd7}
.home-page .project-strip .button{background:var(--paper);border-color:var(--paper);color:var(--brand)}
.site-footer{background:#242820;padding-top:46px;padding-bottom:25px}
.site-footer .footer-top>p{font-family:var(--sans);font-size:21px;line-height:1.5;letter-spacing:-.02em}
.site-footer .wordmark{font-weight:700}

@media(min-width:701px) and (max-width:1099px){
  .site-header{min-height:82px}
  .home-hero{grid-template-columns:minmax(0,.29fr) minmax(0,.71fr);column-gap:4vw;row-gap:20px;padding-top:28px;padding-bottom:24px}
  .home-hero .hero-copy h1{font-size:14vw;gap:22px;padding-bottom:24px}
  .home-hero .hero-copy h1>em{font-size:25px;max-width:175px}
  .home-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:24px;max-width:none}
  .home-hero .hero-copy>.button{font-size:12px;padding:13px 14px;gap:15px;margin-bottom:23px}
  .bench-stage #product-viewer{height:300px;min-height:300px}
  .viewer-toolbar{display:block}
  .viewer-toolbar .bench-caption{display:flex;justify-content:space-between;padding:0 0 7px;margin:0}
  .viewer-toolbar .bench-actions{justify-content:space-between;gap:14px;border-top:1px solid var(--line)}
  .viewer-toolbar .bench-actions>*{margin:0!important}
  .configuration-intro{padding-top:9px}
  .configuration-intro .quick-materials{gap:13px}
  .configuration-intro .quick-materials button{font-size:10px;gap:7px}
  .material-introduction>div{max-width:47%;width:380px;padding-right:25px}
  .material-introduction h2{font-size:46px}
  .physical-samples>img{height:515px}
  .material-grid{gap:20px}
  .material-card:first-child .material-image,.material-card:not(:first-child) .material-image{height:190px}
  .material-card h3{font-size:19px}
  .customization-heading h2{font-size:45px}
  .customization-heading>p{width:40%;font-size:13px}
  .assembly-visual{height:290px;grid-template-columns:minmax(0,1fr) 135px;gap:20px}
  .plate-labels>span{font-size:12px}
  .plate-labels>span:before{width:20px}
  .customization-study .capability-grid{gap:22px}
  .customization-study .capability h3{font-size:17px}
  .making-story{grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);column-gap:5vw}
  .making-heading h2{font-size:35px}
  .craft-photo picture{height:500px}
  .making-steps .process-grid article{grid-template-columns:22px minmax(0,1fr);gap:0 13px;padding:14px 0}
  .making-steps .process-grid article>span{grid-row:1/3}
  .making-steps .process-grid h3{grid-column:2;grid-row:1;font-size:16px;margin-bottom:3px}
  .making-steps .process-grid p{grid-column:2;grid-row:2;font-size:13px}
  .featured .collection-heading h2{font-size:37px}
  .home-page .project-strip h2{font-size:48px}
}

@media(max-width:700px){
  .site-header{min-height:73px;padding:14px 6vw}
  .site-header .wordmark{font-size:24px}
  .site-header nav.open{background:var(--paper);padding-left:6vw;padding-right:6vw}
  .menu-toggle{color:var(--tea);font-weight:600}
  .home-page .section{padding-left:6vw;padding-right:6vw}
  .home-page .eyebrow{font-size:10px;letter-spacing:.07em}
  .home-hero{display:flex;flex-direction:column;gap:0;padding-top:25px;padding-bottom:14px}
  .home-hero .hero-copy{display:contents}
  .home-hero .hero-copy>.eyebrow{order:0;font-size:9px;margin-bottom:23px}
  .home-hero .hero-copy h1{order:1;display:block;font-size:18.6vw;letter-spacing:-.075em;line-height:.92;margin:0;padding:0 0 21px;border-bottom:1px solid var(--line)}
  .home-hero .hero-copy h1>span{line-height:.94;white-space:nowrap;font-weight:650}
  .home-hero .hero-copy h1>em{font-size:25px;max-width:none;text-align:left;line-height:1.2;margin:16px 0 0;letter-spacing:-.045em}
  .home-hero .hero-copy>p:not(.eyebrow){order:2;font-size:14px;line-height:1.8;max-width:none;width:100%;margin:19px 0 0}
  .home-hero .hero-copy>.button{display:none}
  .home-hero .workbench{order:3;margin:5px 0 0;width:100%}
  .bench-stage #product-viewer{height:190px;min-height:190px}
  .viewer-toolbar{display:block;border:0}
  .viewer-toolbar .bench-caption{display:flex;justify-content:space-between;padding-bottom:10px;margin:0;font-size:10px}
  .viewer-toolbar .bench-caption>span:last-child{font-size:10px}
  .viewer-toolbar .bench-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;width:100%;min-height:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .viewer-toolbar .bench-actions>*{justify-content:center!important;margin:0!important;padding:0 7px;min-height:48px;border:0;max-width:none;gap:7px;font-size:12px!important}
  .viewer-toolbar .bench-actions>*+*{border-left:1px solid var(--line)}
  .viewer-toolbar .bench-actions>.underlink{font-size:12px!important;white-space:nowrap}
  .configuration-intro{padding:7px 0 0;min-height:0}
  .configuration-intro .quick-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0;width:100%}
  .configuration-intro .quick-materials button,.configuration-intro .quick-materials button[aria-pressed=true]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;gap:9px;font-size:10px!important;width:100%;max-width:none}
  .quick-materials button>span,.quick-materials button[aria-pressed=true]>span{font-size:10px!important;margin:0;line-height:1.4}
  .mobile-hero-cta{display:block;margin:0;padding:0 6vw 26px;background:var(--ivory);border-bottom:1px solid var(--line)}
  .mobile-hero-cta .button{width:100%;min-height:49px;justify-content:space-between;padding:13px 17px}
  .materials{padding-top:40px;padding-bottom:43px}
  .material-introduction{display:flex;flex-direction:column;margin-bottom:25px;gap:24px}
  .material-introduction>div{width:100%;max-width:none;padding:0;margin:0;background:transparent}
  .material-introduction .eyebrow{margin-bottom:17px}
  .material-introduction h2{font-size:45px;line-height:1.03;margin-bottom:18px;letter-spacing:-.06em}
  .material-introduction>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:none}
  .physical-samples{margin:0}
  .physical-samples>img{height:300px;object-position:58% center}
  .physical-samples figcaption{font-size:10px;line-height:1.7;gap:15px;padding-top:12px;margin:0;min-height:0}
  .physical-samples figcaption>span{max-width:175px}
  .physical-samples figcaption a{max-width:100px}
  .material-edit-label{display:block;padding:17px 0 19px}
  .material-edit-label>span:first-child{font-size:10px;max-width:none}
  .material-edit-label>span:last-child{display:block;text-align:left;font-size:12px;margin-top:6px;max-width:none}
  .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}
  .material-card:first-child{grid-column:1/-1}
  .material-card:first-child .material-image{height:205px}
  .material-card:not(:first-child) .material-image{height:160px}
  .material-card h3{font-size:19px}
  .material-card>p{font-size:12px}
  .material-reference{font-size:10px;letter-spacing:0}
  .source-caption{font-size:10px;line-height:1.8;margin-top:23px;padding-top:16px}
  .capabilities{padding-top:37px;padding-bottom:27px}
  .customization-heading{display:block;padding-top:30px}
  .customization-heading h2{font-size:41px;line-height:1.05;margin:0 0 18px;letter-spacing:-.065em}
  .customization-heading>p{width:100%;max-width:none;font-size:13px;line-height:1.8;margin:0}
  .customization-study{margin-top:24px}
  .assembly-plate{padding:0 0 12px;border:1px solid #c9cbbf}
  .assembly-visual{display:block;height:auto;aspect-ratio:900/760}
  .assembly-visual picture{position:absolute;inset:0;height:100%;width:100%}
  .plate-labels{display:contents}
  .plate-labels>span{position:absolute;left:6%;font-size:10px;line-height:1.2}
  .plate-labels>span:before{display:none}
  .plate-labels small{font-size:8px;display:inline;margin:0 7px 0 0}
  .lenses-label{top:61%}
  .assembly-plate figcaption{font-size:9px;margin:0 12px;padding-top:10px}
  .customization-study .capability-grid{display:block;margin-top:23px}
  .customization-study .capability,.customization-study .capability+.capability{display:grid;grid-template-columns:22px minmax(0,1fr);gap:0 12px;min-height:87px;padding:16px 25px 16px 0;border-color:#afb6a4}
  .customization-study .capability>span:first-child{grid-column:1;grid-row:1/3;font-size:10px;align-self:start;margin:4px 0 0}
  .customization-study .capability h3{grid-column:2;grid-row:1;font-size:17px;margin:0}
  .customization-study .capability p{display:block;grid-column:2;grid-row:2;font-size:12px;line-height:1.7;margin:5px 0 0;max-width:none}
  .customization-study .capability-action{top:20px;right:0}
  .capabilities>.fine-print{font-size:10px;line-height:1.8;margin-top:15px}
  .making-story{display:grid;grid-template-columns:1fr;gap:0;padding-top:40px;padding-bottom:36px}
  .making-heading{display:contents}
  .making-heading>div{grid-column:1;grid-row:1}
  .making-heading h2{font-size:35px;line-height:1.13;margin-bottom:17px;max-width:100%;letter-spacing:-.06em}
  .making-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:none}
  .making-heading .underlink{font-size:12px;margin-bottom:25px;min-height:42px}
  .making-heading>.craft-photo{grid-column:1;grid-row:2;margin:0 0 26px;width:100%}
  .craft-photo picture{height:220px}
  .craft-photo img{object-position:43% 54%}
  .craft-photo figcaption{font-size:10px;line-height:1.8;margin:11px 0 0}
  .making-body{grid-column:1;grid-row:3}
  .making-steps .process-grid{display:block;width:100%}
  .making-steps .process-grid article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 14px;padding:18px 0;width:100%;border-top:1px solid var(--line)}
  .making-steps .process-grid article>span{grid-column:1;grid-row:1/3;margin:3px 0 0;font-size:11px}
  .making-steps .process-grid h3{grid-column:2;grid-row:1;font-size:18px;line-height:1.4;margin:0 0 6px}
  .making-steps .process-grid p{grid-column:2;grid-row:2;font-size:13px;line-height:1.8;max-width:none;margin:0}
  .making-steps .quality-notes{margin-top:0}
  .making-steps .quality-notes summary{font-size:12px;min-height:48px}
  .featured{padding-top:39px;padding-bottom:45px}
  .featured .collection-heading h2{font-size:33px;letter-spacing:-.06em}
  .featured .collection-heading{margin-bottom:23px}
  .featured .product-meta h3{font-size:25px}
  .featured .product-card:not(:first-child) .product-meta h3{font-size:20px}
  .home-page .project-strip{padding-top:39px;padding-bottom:39px}
  .home-page .project-strip h2{font-size:42px;line-height:1.08;letter-spacing:-.06em}
  .home-page .project-strip p{font-size:14px}
  .home-page .project-strip .button{width:100%;justify-content:space-between}
  .site-footer{padding:34px 6vw 20px}
  .site-footer .footer-top>p{font-size:18px}
  .site-footer .footer-bottom{font-size:10px;line-height:1.8}
}
@media(max-width:360px){
  .home-hero .hero-copy>.eyebrow{font-size:8px;letter-spacing:.065em}
  .home-hero .hero-copy h1>em{font-size:23px}
  .home-hero .hero-copy>p:not(.eyebrow){font-size:13px}
  .bench-stage #product-viewer{height:170px;min-height:170px}
  .viewer-toolbar .bench-actions>*{font-size:11px!important;padding:0 5px;gap:5px}
  .viewer-toolbar .bench-actions>.underlink{font-size:11px!important}
  .quick-materials button>span,.quick-materials button[aria-pressed=true]>span{font-size:9px!important}
  .material-introduction h2{font-size:40px}
  .customization-heading h2{font-size:36px}
  .material-card h3{font-size:17px}
  .material-card:not(:first-child) .material-image{height:145px}
  .making-heading h2{font-size:31px}
  .home-page .project-strip h2{font-size:37px}
}


/* brand-refinement.css */
/* A tighter product composition and an ordered component study. */
.home-page h2{letter-spacing:-.04em}
.home-page .material-introduction h2,.home-page .customization-heading h2,.home-page .making-heading h2,.home-page .collection-heading h2,.home-page .project-strip h2{letter-spacing:-.04em}
.home-hero{row-gap:13px;padding-top:28px;padding-bottom:17px}
.home-hero .hero-copy h1{font-size:clamp(100px,11.8vw,180px);padding-bottom:23px;letter-spacing:-.07em}
.home-hero .hero-copy h1>em{font-size:clamp(22px,2.4vw,35px);letter-spacing:-.035em}
.home-hero .hero-copy>p:not(.eyebrow){margin:32px 0 100px;font-size:16px;max-width:265px}
.home-hero .hero-copy>.button{align-self:start;margin:172px 0 0}
.bench-stage #product-viewer{height:auto;min-height:0;aspect-ratio:2.15}
.studio-poster{object-fit:cover}
.viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{font-size:12px;color:#56594f}
.configuration-intro{min-height:65px}
.configuration-intro .quick-materials{justify-content:flex-end;gap:75px}
.configuration-intro .quick-materials button{font-size:13px}
.material-reference,.source-caption,.physical-samples figcaption,.craft-photo figcaption{font-size:12px;color:#56594f}
.material-card:first-child .material-image,.material-card:not(:first-child) .material-image{height:200px}
.material-card h3{font-size:22px}
.capabilities{padding-top:45px;padding-bottom:37px}
.customization-heading{padding-top:25px}
.customization-heading h2{font-size:54px}
.assembly-plate{padding:0 24px 18px;border-color:#aeb5a4}
.assembly-register{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #bfc5b5;color:#575f4f;font-size:11px;letter-spacing:.05em}
.assembly-visual{height:auto;aspect-ratio:1000/370;display:block;position:relative;margin-top:14px}
.assembly-visual picture{position:absolute;inset:0 20% 0 0;width:auto;height:100%}
.assembly-visual:after{display:none}
.assembly-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
.assembly-connectors path{fill:none;stroke:#8e9883;stroke-width:.65;vector-effect:non-scaling-stroke}
.assembly-connectors circle{fill:#793b34}
.assembly-visual picture{z-index:1}
.plate-labels{position:absolute;inset:0;display:block;padding:0;z-index:2;pointer-events:none}
.plate-labels>span{position:absolute;left:88%;right:0;width:auto;transform:translateY(-50%);font-size:14px;font-weight:550;line-height:1.45}
.plate-labels small{font-size:10px;margin-bottom:4px;letter-spacing:.06em}
.plate-labels>span:before,.plate-labels>span:after{display:none}
.temples-label{top:22%}.front-label{top:50%}.lenses-label{top:78%}
.assembly-plate figcaption{font-size:12px;color:#4e5747;padding-top:14px}
.customization-study .capability-action{color:#793b34;opacity:1}
.customization-study .capability p{font-size:14px}
.capabilities>.fine-print{font-size:12px;color:#535b4c}
.home-page .product-meta .eyebrow{font-size:11px;color:#555d50}
.home-page .product-meta>.fine-print{font-size:12px;color:#62675d}
.making-story{background:#29332b;color:#f4f1e8;grid-template-columns:1.2fr 1fr;column-gap:5vw;padding-top:70px;padding-bottom:60px}
.making-heading h2{font-size:48px;line-height:1.15;color:#f4f1e8}
.making-heading h2 br{display:block}
.making-heading .eyebrow,.making-steps .process-grid article>span{color:#c9b8a2}
.making-heading>div>p:not(.eyebrow),.making-steps .process-grid p{color:#cbd1c7}
.making-heading .underlink{color:#f4f1e8;border-color:#697469}
.making-heading .craft-photo{margin:0;align-self:start}
.craft-photo picture{height:540px}
.craft-photo img{object-position:66% 50%;transform:none;filter:saturate(.6)}
.craft-photo figcaption,.craft-photo figcaption a{color:#cbd1c7;font-size:12px}
.making-steps .process-grid article{grid-template-columns:24px 1fr;gap:2px 17px;border-color:#657164;padding:16px 0}
.making-steps .process-grid article>span{grid-row:1/3}
.making-steps .process-grid h3{grid-column:2;grid-row:1;color:#f4f1e8;font-size:18px}
.making-steps .process-grid p{grid-column:2;grid-row:2;font-size:14px}
.making-steps .quality-notes{border-color:#657164}
.making-steps .quality-notes summary{color:#f4f1e8;font-size:13px}
.making-steps .quality-notes p{color:#cbd1c7}
@media(min-width:701px) and (max-width:1099px){
 .home-hero .hero-copy h1{font-size:12vw}
 .home-hero .hero-copy>p:not(.eyebrow){font-size:14px;margin-top:26px}
 .home-hero .hero-copy>.button{margin-top:186px}
 .bench-stage #product-viewer{height:auto;min-height:0;aspect-ratio:2.15}
 .configuration-intro .quick-materials{justify-content:space-between;gap:20px}
 .configuration-intro .quick-materials button{font-size:11px}
 .material-card:first-child .material-image,.material-card:not(:first-child) .material-image{height:170px}
 .customization-heading h2{font-size:43px}
 .assembly-visual{height:auto;aspect-ratio:1000/370}
 .assembly-visual picture{right:20%}
 .plate-labels>span{width:auto;font-size:11px}
 .making-story{grid-template-columns:1fr 1fr;column-gap:5vw;padding-top:50px;padding-bottom:42px}
 .making-heading h2{font-size:37px}
 .craft-photo picture{height:490px}
 .making-steps .process-grid p{font-size:13px}
}
@media(max-width:700px){
 .home-hero{padding-top:24px;padding-bottom:14px;gap:0}
 .home-hero .hero-copy h1{font-size:17.5vw;letter-spacing:-.065em;padding-bottom:21px}
 .home-hero .hero-copy h1>em{font-size:25px}
 .home-hero .hero-copy>p:not(.eyebrow){max-width:none;font-size:14px;margin:19px 0 0}
 .bench-stage #product-viewer{height:auto;min-height:0;aspect-ratio:2.15}
 .viewer-toolbar .bench-caption,.viewer-toolbar .bench-caption>span:last-child{font-size:11px}
 .configuration-intro{min-height:0}
 .configuration-intro .quick-materials{gap:8px}
 .material-reference,.physical-samples figcaption,.source-caption,.craft-photo figcaption{font-size:11px;line-height:1.8}
 .material-card:first-child .material-image{height:200px}.material-card:not(:first-child) .material-image{height:145px}
 .customization-heading h2{font-size:39px}
 .customization-heading>p{font-size:14px}
 .assembly-plate{padding:0 12px 14px}
 .assembly-register{padding:12px 0;gap:10px;font-size:9px}
 .assembly-visual{height:auto;aspect-ratio:1366/1152;margin:15px 0 0}
 .assembly-visual picture{inset:0;width:100%;height:100%}
 .assembly-visual:after,.assembly-connectors{display:none}
 .plate-labels>span{left:2%;right:auto;width:auto;transform:none;font-size:11px;background:var(--ivory);padding:0 5px 0 0}
 .plate-labels small{display:inline;font-size:9px;margin-right:6px}
 .plate-labels>span:before,.plate-labels>span:after{display:none}
 .temples-label{top:11%}.front-label{top:36%}.lenses-label{top:65%}
 .assembly-plate figcaption{font-size:10px;margin:0;display:block;padding-top:11px}
 .assembly-plate figcaption>span+span:before{content:' · '}
 .customization-study .capability p{font-size:13px}
 .capabilities>.fine-print{font-size:11px}
 .making-story{grid-template-columns:1fr;padding-top:44px;padding-bottom:35px}
 .making-heading h2{font-size:38px}
 .making-heading .craft-photo{margin-bottom:26px}
 .craft-photo picture{height:auto;aspect-ratio:4/3}
 .craft-photo img{object-position:70% center}
 .craft-photo figcaption,.craft-photo figcaption a{font-size:11px}
 .making-steps .process-grid p{font-size:13px}
}


/* component-edit-m.css */
/* One whole component study, one close detail. Text stays outside the artwork. */
.assembly-plate{padding:0;border:0;background:transparent;overflow:visible}
.component-composition{display:grid;grid-template-columns:1.8fr 1fr;gap:5vw;align-items:center}
.component-overview{min-width:0}
.assembly-plate .component-overview>img{position:static;width:100%;height:auto;transform:none;object-fit:contain}
.component-key{display:flex;justify-content:space-between;gap:20px;padding:30px 9% 0;font-size:13px;color:#53604d}
.edge-study{position:relative;min-width:0;background:#f4f1ea}
.assembly-plate .edge-study>img{position:static;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:50% 53%;transform:none}
.edge-study>div{padding:20px 23px;background:var(--paper)}
.edge-study h3{font-size:22px;letter-spacing:-.035em;margin:0 0 9px}
.edge-study p{font-size:14px;line-height:1.7;margin:0;color:#59614f}
.assembly-plate figcaption{margin:25px 0 0;padding:0;border:0;display:flex;font-size:12px;line-height:1.7;color:#59614f}
.customization-study .capability-grid{margin-top:30px;gap:30px}
.customization-study .capability,.customization-study .capability+.capability{min-height:0;padding-top:20px;border-color:#b2baa8}
.customization-study .capability>span:first-child{display:none}
.customization-study .capability h3{font-size:20px;line-height:1.4;margin-bottom:8px}
.customization-study .capability p{font-size:13px;min-height:0;margin:0;line-height:1.7;max-width:235px}
.customization-study .capability-action{color:#4d5c45!important;opacity:1;font-size:0}
.capabilities>.fine-print{margin-top:24px}
.making-heading .eyebrow{display:none}
.making-steps .process-grid article>span{display:none}
.making-steps .process-grid article{display:block;padding:16px 0}
.making-steps .process-grid h3{font-size:18px;margin:0 0 5px}
.making-steps .process-grid p{margin:0}
.craft-photo img{filter:saturate(.7) brightness(1.12) contrast(1.03)}
.featured .collection-heading .eyebrow{display:none}
.featured .product-meta .eyebrow{font-size:11px;letter-spacing:.035em}
@media(min-width:701px) and (max-width:1099px){
 .component-composition{grid-template-columns:1.65fr 1fr;gap:4vw}
 .assembly-plate .edge-study>img{max-height:330px}
 .edge-study>div{padding:16px}
 .edge-study h3{font-size:20px}
 .edge-study p{font-size:13px}
 .component-key{font-size:11px;padding:20px 0 0;gap:10px}
 .customization-study .capability-grid{gap:20px}
 .customization-study .capability h3{font-size:17px}
}
@media(max-width:700px){
 .capabilities{padding-top:38px;padding-bottom:30px}
 .customization-heading{padding-top:18px}
 .component-composition{display:block}
 .component-overview{padding:15px 0 25px}
 .assembly-plate .component-overview>img{width:100%;height:auto;max-height:none}
 .component-key{font-size:11px;padding:20px 0 0;gap:8px;justify-content:space-around}
 .edge-study{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}
 .assembly-plate .edge-study>img{height:230px;width:100%;object-position:50% 55%}
 .edge-study>div{padding:22px 15px;display:flex;flex-direction:column;justify-content:center}
 .edge-study h3{font-size:23px;line-height:1.2;margin-bottom:13px}
 .edge-study p{font-size:12px;line-height:1.75}
 .edge-study p br{display:none}
 .assembly-plate figcaption{display:block;margin:14px 0 0;font-size:11px}
 .assembly-plate figcaption>span+span:before{content:' · '}
 .customization-study .capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}
 .customization-study .capability,.customization-study .capability+.capability{display:block;min-height:0;padding:15px 0 0}
 .customization-study .capability h3{font-size:17px;margin:0 0 8px;line-height:1.5}
 .customization-study .capability p{font-size:12px;line-height:1.75;margin:0}
 .customization-study .capability-action{display:none}
 .capabilities>.fine-print{margin-top:22px;font-size:11px}
}


/* hero-edit-m.css */
/* One continuous product stage, with materials attached to the object. */
.home-hero{padding-bottom:4px;border-bottom:0}
.home-page .configuration-section{background:var(--ivory);border-bottom:0;padding-bottom:24px}
.home-page .configuration-intro{border:0;padding-top:4px;min-height:0}
.home-page .configuration-intro .quick-materials{justify-content:flex-end;gap:38px}
.home-page .configuration-intro .quick-materials button{min-height:52px;gap:12px;font-size:13px;line-height:1.4;color:#55594f}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]{color:var(--tea);font-weight:650}
.home-page .quick-materials img{width:47px!important;height:27px!important;padding:0;border:0;border-radius:0;outline-offset:4px}
.home-page .quick-materials button[aria-pressed=true] img{border:0;outline:1px solid var(--brand)}
.home-hero .viewer-toolbar{border:0;min-height:49px}
.home-hero .viewer-toolbar .bench-actions{border:0;gap:24px}
.home-hero .viewer-toolbar .bench-actions>*{border:0;margin:0!important;font-size:12px;min-height:44px;gap:9px}
.home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:12px;letter-spacing:0;color:#5a5d54}
.home-hero .viewer-toolbar .bench-caption{gap:16px}
.home-page .physical-samples figcaption,.home-page .source-caption{font-size:12px;line-height:1.7;color:#55594f;text-align:left;align-items:flex-start}
.home-page .physical-samples figcaption a,.home-page .source-caption a{white-space:nowrap;max-width:none;color:#454b40;text-align:left}
.home-page .source-caption{border:0;padding-top:6px}

@media(min-width:1100px){
 .home-page .configuration-intro{width:68.5%;margin-left:auto;margin-right:0}
 .home-page .configuration-intro .quick-materials{justify-content:space-between;gap:24px;padding:0 0 8px}
 .home-page .quick-materials img{width:59px!important;height:32px!important}
 .home-hero .viewer-toolbar .bench-caption>span:last-child{margin-left:0}
}

@media(min-width:701px) and (max-width:1099px){
 .home-hero{grid-template-columns:minmax(0,.27fr) minmax(0,.73fr);column-gap:3vw;padding-bottom:3px}
 .home-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:20px;max-width:220px}
 .home-hero .hero-copy>.button{margin-top:166px;padding:13px 12px;font-size:12px;gap:12px}
 .home-hero .viewer-toolbar .bench-caption{padding-bottom:0;font-size:11px}
 .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px;max-width:none}
 .home-hero .viewer-toolbar .bench-actions{justify-content:space-between;gap:12px}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px;min-height:42px}
 .home-page .configuration-intro{width:70.5%;margin-left:auto}
 .home-page .configuration-intro .quick-materials{justify-content:space-between;gap:15px}
 .home-page .configuration-intro .quick-materials button{flex-direction:column;align-items:flex-start;gap:9px;min-height:59px;font-size:11px}
 .home-page .quick-materials img{width:48px!important;height:25px!important}
}

@media(max-width:700px){
 .home-hero{padding-bottom:0}
 .home-hero .hero-copy h1{border-bottom:0;padding-bottom:0}
 .home-hero .hero-copy>p:not(.eyebrow){margin-top:23px;line-height:1.7;color:#454b40}
 .home-hero .workbench{margin-top:13px}
 .home-hero .bench-stage #product-viewer{width:100vw;max-width:100vw;margin-left:-6vw;margin-right:-6vw;aspect-ratio:1.87;height:auto;min-height:0;flex:none}
 .home-hero .studio-poster{object-fit:cover}
 .home-hero .viewer-toolbar{display:block;min-height:0;margin-top:-5px}
 .home-hero .viewer-toolbar .bench-caption{justify-content:space-between;gap:12px;margin:0;padding:0 0 1px;line-height:1.6;font-size:11px}
 .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px;max-width:none}
 .home-hero .viewer-toolbar .bench-actions{display:flex;justify-content:space-between;align-items:center;border:0;width:100%;min-height:45px;gap:16px}
 .home-hero .viewer-toolbar .bench-actions>*,.home-hero .viewer-toolbar .bench-actions>.underlink{border:0!important;padding:0!important;min-height:44px;justify-content:flex-start!important;font-size:12px!important;gap:7px;flex:0 0 auto}
 .home-hero .viewer-toolbar .bench-actions #explode-toggle{color:var(--brand)}
 .home-hero .viewer-toolbar .bench-actions>.underlink>span{font-size:17px}
 .home-page .configuration-section{padding-bottom:5px;background:var(--ivory)}
 .home-page .configuration-intro{margin:0;padding:0;min-height:0}
 .home-page .configuration-intro .quick-materials{display:flex;justify-content:space-between;gap:13px;padding:2px 0 6px;width:100%}
 .home-page .configuration-intro .quick-materials button,.home-page .configuration-intro .quick-materials button[aria-pressed=true]{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:57px;gap:9px;width:auto;max-width:none;padding:2px 0;font-size:11px!important}
 .home-page .quick-materials button>span,.home-page .quick-materials button[aria-pressed=true]>span{display:block;font-size:11px!important;margin:0;line-height:1.4;text-align:left}
 .home-page .quick-materials img{width:40px!important;height:23px!important;outline-offset:3px}
 .home-page .mobile-hero-cta{padding-top:8px;padding-bottom:24px;border-bottom:0}
 .home-page .physical-samples figcaption,.home-page .source-caption{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;font-size:12px;line-height:1.65;text-align:left;padding-left:0;padding-right:0}
 .home-page .physical-samples figcaption>span,.home-page .physical-samples figcaption a,.home-page .source-caption>span,.home-page .source-caption a{max-width:none;width:auto;text-align:left;margin:0}
 .home-page .source-caption{margin-top:24px;padding-top:0}
 .home-page .material-reference{font-size:11px;color:#565d50}
 .home-page .material-edit-label>span:last-child{font-size:13px;color:#565d50}
}

@media(max-width:360px){
 .home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:10px}
 .home-hero .viewer-toolbar .bench-actions{gap:11px}
 .home-hero .viewer-toolbar .bench-actions>*,.home-hero .viewer-toolbar .bench-actions>.underlink{font-size:11px!important;gap:5px}
 .home-page .quick-materials button>span,.home-page .quick-materials button[aria-pressed=true]>span{font-size:10px!important}
}


/* structure-n.css */
/* A product-led opening, three discrete component rows and a shorter close. */
.home-hero{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:5vw;align-items:center;padding-top:55px;padding-bottom:0}
.home-hero .hero-copy{display:block;grid-column:1;grid-row:1;align-self:center;padding-bottom:60px}
.home-hero .hero-copy>.eyebrow{font-size:11px;letter-spacing:.07em;line-height:1.8;margin-bottom:26px}
.home-hero .hero-copy h1{display:block;white-space:normal;font-size:clamp(63px,5.6vw,88px);line-height:1.02;letter-spacing:-.065em;padding:0;border:0;margin:0 0 29px}
.home-hero .hero-copy h1>span{font-size:inherit;line-height:1.03;text-transform:none;font-weight:650}
.home-hero .hero-copy h1>em{font-size:clamp(37px,3.4vw,54px);max-width:none;line-height:1.08;letter-spacing:-.045em;text-align:left;margin:8px 0 0;color:var(--brand)}
.home-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;margin:0 0 28px;max-width:340px}
.home-hero .hero-copy>.button{display:inline-flex;margin:0;min-height:52px;font-size:14px}
.home-hero .workbench{grid-column:2;grid-row:1;margin:0;width:100%;padding-top:26px}
.home-hero .bench-stage #product-viewer{width:100%;max-width:none;margin:0;height:auto;min-height:0;aspect-ratio:1.85}
.home-hero .studio-poster{object-fit:cover;mix-blend-mode:multiply;object-position:center 49%}
.bench-stage #product-viewer.has-studio-poster:before{display:none}
.home-hero .viewer-toolbar{display:block;margin:10px 0 0}
.home-hero .viewer-toolbar .bench-caption{display:flex;justify-content:space-between;font-size:13px;padding:0 0 13px;line-height:1.5}
.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:13px}
.home-hero .viewer-toolbar .bench-actions{display:flex;justify-content:space-between;padding:0;border-top:1px solid #c5c7bd;gap:22px}
.home-hero .viewer-toolbar .bench-actions>*{font-size:14px!important;min-height:49px}
.home-page .configuration-section{padding-bottom:48px}
.home-page .configuration-intro{width:65%;margin-left:auto;padding-top:2px}
.home-page .configuration-intro .quick-materials{gap:10px;justify-content:space-between}
.home-page .configuration-intro .quick-materials button{flex:1;justify-content:flex-start;padding:9px 10px;gap:11px;font-size:12px;min-height:57px;align-items:center;flex-direction:row}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]{background:#e6e2d8}
.home-page .quick-materials button[aria-pressed=true] img{outline:none}
.home-page .quick-materials img{width:48px!important;height:29px!important}
.component-composition{grid-template-columns:1.65fr 1fr;gap:6vw;align-items:start}
.component-overview{display:grid;gap:22px;padding-top:0}
.component-row{min-width:0}
.component-row h3{font-size:14px;font-weight:550;letter-spacing:0;line-height:1.5;margin:0 0 11px;color:#45543f}
.component-slice{position:relative;width:100%;overflow:hidden}
.temple-slice .component-slice{aspect-ratio:1922/254}
.front-slice .component-slice{aspect-ratio:1922/304}
.lens-slice .component-slice{aspect-ratio:1922/260}
.assembly-plate .component-slice>img{position:absolute;top:0;left:0;width:100%;max-width:none;height:auto;object-fit:contain;transform:none}
.assembly-plate .front-slice .component-slice>img{transform:translateY(-31.0513%)}
.assembly-plate .lens-slice .component-slice>img{transform:translateY(-68.2152%)}
.assembly-plate .edge-study>img{height:400px;max-height:none;object-position:50% 50%}
.customization-study .capability-grid{gap:30px;margin-top:25px}
.customization-study .capability,.customization-study .capability+.capability{border:0;padding:0}
.customization-study .capability-action{display:none}
.customization-study .capability h3{font-size:18px}
.customization-study .capability p{font-size:13px}
.making-story{grid-template-columns:1.1fr 1fr;padding-top:60px;padding-bottom:50px;column-gap:6vw}
.craft-photo picture{height:430px}
.craft-photo img{object-position:75% 62%;filter:saturate(.35) sepia(.08) brightness(1.15)}
.making-heading h2{font-size:46px}
.making-heading .underlink{margin-bottom:17px}
.making-steps .process-grid article{padding:20px 0}
.making-steps .process-grid p{font-size:14px;max-width:450px}
.home-page .project-strip{padding-top:32px;padding-bottom:32px;align-items:center}
.home-page .project-strip .eyebrow{display:none}
.home-page .project-strip h2{font-size:43px;margin:0;letter-spacing:-.04em}
.home-page .project-strip>div:last-child>p:not(.fine-print){font-size:14px;line-height:1.7;margin-bottom:17px}
.home-page .project-strip .fine-print{margin-top:13px}
@media(min-width:701px) and (max-width:1099px){
 .home-hero{grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:3vw;padding-top:42px}
 .home-hero .hero-copy{padding-bottom:0}
 .home-hero .hero-copy>.eyebrow{font-size:9px;margin-bottom:21px}
 .home-hero .hero-copy h1{font-size:6.5vw;margin-bottom:23px}
 .home-hero .hero-copy h1>em{font-size:3.9vw;line-height:1.15}
 .home-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}
 .home-hero .hero-copy>.button{font-size:12px;padding:13px;min-height:47px;gap:15px}
 .home-hero .workbench{padding-top:0}
 .home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important}
 .home-page .configuration-intro{width:64%}
 .home-page .configuration-intro .quick-materials button{flex-direction:column;align-items:flex-start;font-size:11px;padding:9px 6px;gap:8px}
 .component-composition{grid-template-columns:1.4fr 1fr;gap:5vw}
 .component-overview{gap:18px}
 .component-row h3{font-size:12px;margin-bottom:9px}
 .assembly-plate .edge-study>img{height:280px}
 .craft-photo picture{height:430px}
 .making-heading h2{font-size:36px}
}
@media(max-width:700px){
 .home-hero{display:flex;padding-top:28px;gap:0;align-items:stretch}
 .home-hero .hero-copy{display:contents;padding:0}
 .home-hero .hero-copy>.eyebrow{margin:0 0 19px;font-size:10px}
 .home-hero .hero-copy h1{font-size:17vw;margin:0 0 20px;padding:0}
 .home-hero .hero-copy h1>em{font-size:10.8vw;margin-top:4px}
 .home-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:0;max-width:none}
 .home-hero .hero-copy>.button{display:none}
 .home-hero .workbench{margin:15px 0 0;padding:0}
 .home-hero .bench-stage #product-viewer{width:100vw;max-width:100vw;margin-left:-6vw;margin-right:-6vw;aspect-ratio:1.87}
 .home-hero .viewer-toolbar{margin:0}
 .home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px}
 .home-hero .viewer-toolbar .bench-caption>span:last-child{max-width:60%;text-align:right}
 .home-hero .viewer-toolbar .bench-caption{padding-bottom:7px}
 .home-hero .viewer-toolbar .bench-actions{border:0;gap:13px;padding:0}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:13px!important;min-height:44px}
 .home-page .configuration-section{padding-bottom:3px}
 .home-page .configuration-intro{width:100%;margin:0;padding:0}
 .home-page .configuration-intro .quick-materials{gap:7px}
 .home-page .configuration-intro .quick-materials button,.home-page .configuration-intro .quick-materials button[aria-pressed=true]{display:flex;flex-direction:column;align-items:flex-start;padding:10px 8px;min-height:68px;gap:9px}
 .home-page .quick-materials button>span{font-size:11px!important}
 .home-page .quick-materials img{width:41px!important;height:25px!important}
 .component-composition{display:block}
 .component-overview{display:grid;gap:18px;padding:12px 0 26px}
 .component-row h3{font-size:13px;line-height:1.5;margin:0 0 11px}
 .assembly-plate .edge-study>img{height:230px}
 .customization-study .capability-grid{gap:23px 20px}
 .customization-study .capability h3{font-size:17px}
 .making-story{display:grid;grid-template-columns:1fr;padding-top:39px;padding-bottom:32px}
 .making-heading h2{font-size:38px}
 .craft-photo picture{height:auto;aspect-ratio:4/3}
 .craft-photo img{object-position:75% 55%}
 .making-steps .process-grid p{font-size:14px}
 .home-page .project-strip{padding-top:31px;padding-bottom:31px}
 .home-page .project-strip h2{font-size:35px;margin-bottom:19px}
}
@media(max-width:360px){
 .home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:10px}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important}
 .home-page .quick-materials button>span,.home-page .quick-materials button[aria-pressed=true]>span{font-size:9px!important}
}


/* direction-o.css */
/* Image art direction and a quiet, consistent operation bar. */
.home-page{--ivory:#f3f1e9}
.home-hero .bench-stage #product-viewer{background:#f3f1e9;isolation:isolate}
.home-hero .studio-poster{object-fit:contain;mix-blend-mode:normal;object-position:center}
.home-hero .viewer-toolbar .bench-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #b9bbae;border-bottom:1px solid #b9bbae;padding:0}
.home-hero .viewer-toolbar .bench-actions>*{justify-content:center;gap:14px;margin:8px 0;border:0;padding:0 10px;min-height:35px;background:transparent;font-weight:550;color:var(--tea)}
.home-hero .viewer-toolbar .bench-actions>*+*{border-left:1px solid #c7c8bf}
.home-hero .viewer-toolbar .bench-actions>*:hover{color:var(--brand)}
.home-hero .viewer-toolbar .bench-actions>*[aria-pressed=true]{color:var(--brand)}
.bench-actions svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.home-page .configuration-intro .quick-materials button{position:relative;padding:12px 10px;border-bottom:2px solid transparent;min-height:66px}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]{background:transparent;border-color:var(--brand)}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]::after{content:'✓';color:var(--brand);font-size:12px;margin-left:auto}
.home-hero .hero-copy{padding-bottom:80px}
.home-page .product-photo img[src*="a10842"]{mix-blend-mode:multiply;object-fit:contain;object-position:center;filter:none}
.home-page .product-meta .eyebrow{font-size:11px}
.component-composition{grid-template-columns:1.85fr 1fr;gap:4.5vw;align-items:center}
.technical-diagram{position:relative;min-width:0;aspect-ratio:1600/1100}
.assembly-plate .technical-diagram>img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
.diagram-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.diagram-leaders path{fill:none;stroke:#717f6a;stroke-width:1;vector-effect:non-scaling-stroke}
.diagram-leaders circle{fill:#793b34}
.diagram-note{position:absolute;font-size:14px;line-height:1.5;color:#364830;max-width:31%}
.diagram-note strong{display:block;font-weight:600}
.diagram-note span{display:block;font-size:12px;color:#626d5b;margin-top:3px}
.temples-note{left:60%;top:0}
.front-note{left:69%;top:49%}
.lens-note{left:65%;top:79%}
.edge-study{align-self:center}
.edge-study .surface-window{position:relative;width:100%;height:310px;overflow:hidden;padding:0;background:#f3f1e9;display:block}
.assembly-plate .surface-window>img{position:absolute;width:310%;max-width:none;height:auto;left:-163%;top:-40%;object-fit:initial;transform:none;mix-blend-mode:normal}
.edge-study>div:not(.surface-window){padding:21px 23px}
.assembly-plate figcaption{margin-top:13px}
@media(max-width:1099px) and (min-width:701px){
 .home-hero .hero-copy{padding-bottom:0}
 .home-hero .viewer-toolbar .bench-actions>*{gap:8px;padding:0 6px;font-size:11px!important}
 .bench-actions svg{width:17px;height:17px}
 .home-page .configuration-intro .quick-materials button[aria-pressed=true]::after{position:absolute;right:8px;top:10px}
 .component-composition{grid-template-columns:1.85fr 1fr;gap:3vw}
 .diagram-note{font-size:11px;max-width:32%}
 .diagram-note span{font-size:10px}
 .edge-study .surface-window{height:240px}
}
@media(max-width:700px){
 .home-hero .viewer-toolbar .bench-caption{padding:8px 0 11px}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;gap:7px;min-height:40px;margin:0;padding:0 6px}
 .bench-actions svg{width:16px;height:16px}
 .home-page .configuration-intro .quick-materials button,.home-page .configuration-intro .quick-materials button[aria-pressed=true]{background:transparent;border-bottom:2px solid transparent;min-height:67px;padding:9px 7px}
 .home-page .configuration-intro .quick-materials button[aria-pressed=true]{border-color:var(--brand)}
 .home-page .configuration-intro .quick-materials button[aria-pressed=true]::after{position:absolute;right:8px;top:10px}
 .component-composition{display:block}
 .home-page .customization-heading>.eyebrow{position:static;margin:0 0 12px;width:auto;font-size:10px;line-height:1.6;color:var(--brand)}
 .technical-diagram{margin:7px -3vw 19px;width:94vw}
 .diagram-note{font-size:12px;line-height:1.5;max-width:30%}
 .diagram-note span{font-size:10px;line-height:1.4;margin-top:1px}
 .edge-study{display:grid;grid-template-columns:1fr 1fr}
 .edge-study .surface-window{height:175px}
 .assembly-plate .surface-window>img{width:360%;left:-206%;top:-40%}
 .edge-study>div:not(.surface-window){padding:19px 16px}
 .edge-study h3{font-size:22px;line-height:1.2;margin-bottom:10px}
 .edge-study p{font-size:13px;line-height:1.6}
}
@media(max-width:360px){.home-hero .viewer-toolbar .bench-actions>*{font-size:10px!important;gap:5px}.bench-actions svg{width:14px;height:14px}}


/* rhythm-o.css */
/* Candidate O: homepage reading rhythm. Load after the existing layout layers.
   Keep the hero, material photograph and component artwork under their own rules. */

/* Give the secondary information its own readable size, between titles and notes. */
.home-page .material-card h3{font-size:23px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.home-page .material-card>p{font-size:15px;line-height:1.55;color:#52594b}
.home-page .material-introduction>div>p:not(.eyebrow),
.home-page .customization-heading>p,
.home-page .making-heading>div>p:not(.eyebrow){font-size:15px;line-height:1.65}
.home-page .customization-study .capability h3{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.02em}
.home-page .customization-study .capability p{font-size:14px;line-height:1.55;max-width:30ch}
.home-page .making-steps .process-grid h3{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.02em}
.home-page .making-steps .process-grid p{font-size:15px;line-height:1.6}
.home-page .making-steps .quality-notes summary{font-size:14px;line-height:1.5;min-height:44px}
.home-page .making-steps .quality-notes p{font-size:14px;line-height:1.6}
.home-page .featured .product-card .product-meta>p:not(.eyebrow):not(.fine-print){font-size:14px;line-height:1.55}
.home-page .project-strip>div:last-child>p:not(.fine-print){font-size:15px;line-height:1.6}

/* Provenance remains visible in a quieter, legible register. */
.home-page .material-reference,
.home-page .source-caption,
.home-page .physical-samples figcaption,
.home-page .assembly-plate figcaption,
.home-page .craft-photo figcaption,
.home-page .craft-photo figcaption a,
.home-page .capabilities>.fine-print,
.home-page .featured .product-card .product-meta>.fine-print,
.home-page .featured .product-card .product-meta>.eyebrow,
.home-page .project-strip .fine-print{font-size:12px;line-height:1.55}
body[data-page="home"] .site-footer .footer-top>p{font-size:19px;line-height:1.5;letter-spacing:-.02em}
body[data-page="home"] .site-footer nav a{font-size:14px;line-height:1.5}
body[data-page="home"] .site-footer .footer-bottom{font-size:12px;line-height:1.65;color:#d3d9ce}

@media(min-width:701px) and (max-width:1099px){
 .home-page .material-card h3{font-size:21px}
 .home-page .material-card>p{font-size:14px;line-height:1.55}
 .home-page .customization-study .capability-grid{gap:24px}
 .home-page .customization-study .capability h3{font-size:18px}
 .home-page .customization-study .capability p{font-size:14px}
 .home-page .making-steps .process-grid h3{font-size:18px}
 .home-page .making-steps .process-grid p{font-size:14px}
 .home-page .material-reference,
 .home-page .source-caption,
 .home-page .physical-samples figcaption,
 .home-page .assembly-plate figcaption{font-size:11px}
}

@media(max-width:700px){
 /* Six chapters: introduction, materials, construction, sampling, frames, inquiry.
    Tighten the repeated lists inside them, not every section's whitespace. */
 .home-page .materials{padding-top:36px;padding-bottom:34px}
 .home-page .material-introduction{gap:22px;margin-bottom:21px}
 .home-page .material-introduction h2{margin-bottom:16px}
 .home-page .material-introduction>div>p:not(.eyebrow){font-size:14px;line-height:1.6}
 .home-page .material-edit-label{padding:15px 0 14px;gap:0}
 .home-page .material-edit-label>span:last-child{font-size:14px;line-height:1.45;margin-top:5px}

 /* All three choices remain complete buttons. Rows can grow for zoom or wrapping. */
 .home-page .materials .material-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .home-page .materials .material-card,
 .home-page .materials .material-card:first-child,
 .home-page .materials .material-card:nth-child(2),
 .home-page .materials .material-card:nth-child(3){
  display:grid;grid-column:auto;grid-template-columns:82px minmax(0,1fr);
  grid-template-rows:auto auto auto;column-gap:14px;row-gap:2px;
  min-height:95px;width:100%;padding:8px 0;align-content:center;
  border:0;border-top:1px solid #c9cbbf;text-align:left;
 }
 .home-page .materials .material-card:last-child{border-bottom:1px solid #c9cbbf}
 .home-page .materials .material-card .material-image{
  grid-column:1;grid-row:1/4;align-self:center;width:82px;height:76px;
  min-height:0;margin:0;overflow:hidden;
 }
 .home-page .materials .material-card .material-image img{width:100%;height:100%;object-fit:cover}
 .home-page .materials .material-card .material-image>span{display:none}
 .home-page .materials .material-card>div:not(.material-image){
  grid-column:2;grid-row:1;display:flex;align-items:baseline;justify-content:space-between;
  min-width:0;margin:0;padding:0;gap:8px;
 }
 .home-page .materials .material-card h3{font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:0}
 .home-page .materials .material-card>div:not(.material-image)>span{font-size:16px;line-height:1;flex:0 0 auto}
 .home-page .materials .material-card>p{
  grid-column:2;grid-row:2;min-width:0;margin:0;max-width:none;
  font-size:14px;line-height:1.4;color:#535b4c;
 }
 .home-page .materials .material-card>.material-reference{
  grid-column:2;grid-row:3;min-width:0;margin:0;padding:0;
  font-size:11px;line-height:1.4;letter-spacing:0;color:#59614f;
 }
 .home-page .materials .material-card[aria-pressed=true]{border-left:2px solid var(--brand);padding-left:9px;background:#efede5}
 .home-page .materials .material-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
 .home-page .materials .source-caption{margin-top:15px;padding-top:0;gap:4px;font-size:11px;line-height:1.6}
 .home-page .physical-samples figcaption{font-size:11px;line-height:1.6}

 /* The component composition itself belongs to the new annotated model artwork. */
 .home-page .capabilities{padding-top:32px;padding-bottom:30px}
 .home-page .capabilities .customization-heading{padding-top:0}
 .home-page .customization-heading h2{margin-bottom:15px}
 .home-page .customization-heading>p{font-size:14px;line-height:1.6}
 .home-page .customization-study{margin-top:22px}
 .home-page .customization-study .capability-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 19px;margin-top:22px;
 }
 .home-page .customization-study .capability,
 .home-page .customization-study .capability+.capability{
  display:block;min-width:0;min-height:44px;padding:11px 0 0;
  border:0;border-top:1px solid #b8c0ae;text-align:left;
 }
 .home-page .customization-study .capability h3{font-size:17px;line-height:1.35;margin:0 0 6px;font-weight:600}
 .home-page .customization-study .capability p{display:block;font-size:14px;line-height:1.45;margin:0;max-width:none;min-height:0}
 .home-page .customization-study .capability-action{display:none}
 .home-page .capabilities>.fine-print{font-size:11px;line-height:1.55;margin-top:18px}
 .home-page .assembly-plate figcaption{font-size:11px;line-height:1.55}

 /* Keep the real inspection photograph; keep the two short steps in one row. */
 .home-page .making-story{padding-top:38px;padding-bottom:33px}
 .home-page .making-heading h2{margin-bottom:16px}
 .home-page .making-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.6}
 .home-page .making-heading .underlink{font-size:14px;min-height:44px;margin-bottom:20px}
 .home-page .making-heading>.craft-photo{margin-bottom:22px}
 .home-page .craft-photo figcaption,
 .home-page .craft-photo figcaption a{font-size:11px;line-height:1.6}
 .home-page .making-steps .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
 .home-page .making-steps .process-grid article{display:block;min-width:0;padding:11px 0 0;border-top:1px solid #657164}
 .home-page .making-steps .process-grid h3{font-size:18px;line-height:1.3;margin:0 0 7px;font-weight:600}
 .home-page .making-steps .process-grid p{font-size:14px;line-height:1.5;max-width:none;margin:0}
 .home-page .making-steps .quality-notes{margin-top:20px}
 .home-page .making-steps .quality-notes summary{font-size:14px;min-height:44px;padding:11px 0}

 /* Product references keep their image-led hierarchy, with less duplicated spacing. */
 .home-page .featured{padding-top:34px;padding-bottom:35px}
 .home-page .featured .collection-heading{margin-bottom:22px}
 .home-page .featured .collection-heading>.underlink{font-size:14px;min-height:44px}
 .home-page .featured .product-card:first-child{margin-bottom:19px}
 .home-page .featured .product-card:first-child .product-meta{padding-top:15px}
 .home-page .featured .product-card:not(:first-child){padding-top:15px;padding-bottom:15px;gap:16px}
 .home-page .featured .product-card:not(:first-child) .product-meta h3{font-size:20px;line-height:1.25}
 .home-page .featured .product-card .product-meta>p:not(.eyebrow):not(.fine-print){font-size:14px;line-height:1.5}
 .home-page .featured .product-card .product-meta>.eyebrow,
 .home-page .featured .product-card .product-meta>.fine-print{font-size:11px;line-height:1.55}
 .home-page .project-strip{padding-top:29px;padding-bottom:29px}
 .home-page .project-strip>div:last-child>p:not(.fine-print){font-size:14px;line-height:1.6}
 .home-page .project-strip .fine-print{font-size:11px;line-height:1.55;margin-top:11px}

 /* Two readable navigation columns, rather than a tall stack of tiny links. */
 body[data-page="home"] .site-footer{padding-top:28px;padding-bottom:20px}
 body[data-page="home"] .site-footer .footer-top{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px;align-items:start}
 body[data-page="home"] .site-footer .footer-top>.wordmark{grid-column:1;grid-row:1;justify-self:start}
 body[data-page="home"] .site-footer .footer-top>p{grid-column:2;grid-row:1;font-size:16px;line-height:1.5;margin:0;max-width:none}
 body[data-page="home"] .site-footer .footer-top>nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}
 body[data-page="home"] .site-footer .footer-top>nav a{font-size:14px;min-height:40px;display:flex;align-items:center;padding:7px 0}
 body[data-page="home"] .site-footer .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:20px;padding-top:17px;font-size:11px;line-height:1.6}
}

@media(max-width:360px){
 .home-page .materials .material-card:nth-child(n){grid-template-columns:74px minmax(0,1fr);column-gap:12px}
 .home-page .materials .material-card .material-image{width:74px;height:76px}
 .home-page .materials .material-card h3{font-size:18px}
 .home-page .customization-study .capability-grid{column-gap:15px}
 .home-page .making-steps .process-grid{column-gap:15px}
 body[data-page="home"] .site-footer .footer-top{grid-template-columns:1fr;gap:16px}
 body[data-page="home"] .site-footer .footer-top>p{grid-column:1;grid-row:2;font-size:16px}
 body[data-page="home"] .site-footer .footer-top>nav{grid-row:3}
}


/* precision-p.css */
/* A compact material edit, coherent information bands and precise form studies. */
.home-hero .viewer-toolbar .bench-caption{justify-content:flex-start;gap:12px;padding-bottom:9px}
.home-hero .viewer-toolbar .bench-caption>span:last-child{max-width:none;text-align:left}
.home-hero .viewer-toolbar .bench-caption>span:last-child:before{content:'·';margin-right:12px;color:#9a9d91}
.home-hero .viewer-toolbar .bench-actions{display:flex;justify-content:flex-start;gap:31px;border-bottom:0}
.home-hero .viewer-toolbar .bench-actions>*{border:0!important;margin:0;padding:0;gap:8px;min-height:44px}
.home-page .configuration-intro .quick-materials{justify-content:flex-start;gap:26px}
.home-page .configuration-intro{width:calc(68% - 3.4vw)}
.home-page .configuration-intro .quick-materials button{flex:none;gap:10px;border:0;padding:8px 0;min-height:51px}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]{border:0;background:transparent}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]::after{display:none}
.home-page .configuration-intro .quick-materials button[aria-pressed=true] img{outline:1px solid var(--brand);outline-offset:4px}
.home-page .configuration-intro .quick-materials button[aria-pressed=true]>span{font-weight:650}
.home-page .configuration-section{padding-bottom:35px}
.home-page .materials{padding-top:60px;padding-bottom:44px}
.home-page .material-introduction{margin-bottom:23px}
.home-page .physical-samples img{height:440px;object-fit:cover;object-position:60% 58%}
.home-page .material-edit-label{padding:13px 0 17px}
.home-page .materials .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-page .materials .material-card:nth-child(n){display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 16px;padding:0;min-width:0;align-content:center;text-align:left;border:0;background:transparent}
.home-page .materials .material-card .material-image{grid-column:1;grid-row:1/4;align-self:center;width:100px;height:92px;margin:0;overflow:hidden}
.home-page .materials .material-card .material-image img{width:100%;height:100%;object-fit:cover}
.home-page .materials .material-card .material-image>span{display:none}
.home-page .materials .material-card>div:not(.material-image){grid-column:2;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:0}
.home-page .materials .material-card h3{font-size:20px;line-height:1.3;margin:0}
.home-page .materials .material-card>div:not(.material-image)>span{font-size:16px}
.home-page .materials .material-card>p{grid-column:2;grid-row:2;font-size:14px;line-height:1.5;margin:0}
.home-page .materials .material-card>.material-reference{grid-column:2;grid-row:3;font-size:11px;line-height:1.5;padding:0;margin:0}
.home-page .materials .material-card[aria-pressed=true] .material-image{outline:1px solid var(--brand);outline-offset:4px}
.home-page .material-studio-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9cbbf;margin:22px 0 0;padding:0 0 11px;min-height:44px;font-size:13px;max-width:325px}
.edge-study .surface-window{height:360px;background:#f5f2eb}
.assembly-plate .surface-window>img{position:static;left:auto;top:auto;width:100%;height:100%;object-fit:cover;object-position:50% 58%;max-width:100%;mix-blend-mode:normal}
.home-page .assembly-plate figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-top:15px}
.home-page .assembly-plate figcaption>span+span:before{display:none}
.home-page .assembly-plate figcaption a{text-decoration:underline;text-underline-offset:3px}
.home-page .capabilities>.fine-print{display:none}
@media(min-width:701px) and (max-width:1099px){
 .home-page .physical-samples img{height:360px}
 .home-page .materials .material-grid{gap:18px}
 .home-page .materials .material-card:nth-child(n){grid-template-columns:72px minmax(0,1fr);gap:4px 12px}
 .home-page .materials .material-card .material-image{width:72px;height:84px}
 .home-page .materials .material-card h3{font-size:16px}
 .home-page .materials .material-card>p{font-size:12px;line-height:1.45}
 .home-page .materials .material-card>.material-reference{font-size:10px}
 .home-page .configuration-intro .quick-materials{gap:25px}
 .home-page .configuration-intro{width:calc(66% - 1.98vw)}
 .home-page .configuration-intro .quick-materials button{padding:9px 0;gap:7px;flex:1;align-items:flex-start}
 .home-hero .viewer-toolbar .bench-actions{gap:20px;justify-content:space-between}
 .edge-study .surface-window{height:280px}
}
@media(max-width:700px){
 .home-page .materials{padding-top:33px;padding-bottom:30px}
 .home-page .physical-samples img{height:auto;max-height:265px;aspect-ratio:1.28;object-position:60% 58%}
 .home-page .viewer-toolbar .bench-caption,.home-page .viewer-toolbar .bench-caption>span:last-child{font-size:10px;white-space:normal}
 .home-hero .viewer-toolbar .bench-caption{gap:8px}
 .home-hero .viewer-toolbar .bench-caption>span:last-child:before{margin-right:8px}
 .home-hero .viewer-toolbar .bench-actions{justify-content:space-between;gap:15px}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;min-height:44px}
 .home-page .configuration-intro .quick-materials{justify-content:space-between;gap:15px;padding-top:5px}
 .home-page .configuration-intro{width:100%}
 .home-page .configuration-intro .quick-materials button,.home-page .configuration-intro .quick-materials button[aria-pressed=true]{border:0;padding:7px 3px;min-height:62px;flex:1;align-items:flex-start;gap:8px}
 .home-page .quick-materials button>span{font-size:11px!important}
 .home-page .configuration-section{padding-bottom:3px}
 .home-page .materials .material-grid{grid-template-columns:1fr;gap:0}
 .home-page .materials .material-card:nth-child(n){grid-template-columns:78px minmax(0,1fr);gap:3px 15px;padding:10px 0;border-top:1px solid #c9cbbf;min-height:95px}
 .home-page .materials .material-card:last-child{border-bottom:1px solid #c9cbbf}
 .home-page .materials .material-card .material-image{width:78px;height:72px}
 .home-page .materials .material-card h3{font-size:18px}
 .home-page .materials .material-card>p{font-size:14px;line-height:1.4}
 .home-page .materials .material-card>.material-reference{font-size:11px;line-height:1.4}
 .home-page .materials .material-card[aria-pressed=true]{padding-left:0;background:transparent}
 .home-page .material-studio-link{font-size:13px;margin-top:10px;max-width:none}
 .diagram-note{font-size:12px;max-width:40%;width:40%}
 .diagram-note span{display:none}
 .temples-note{left:60%;top:1%}
 .front-note{left:69%;width:31%;top:49%}
 .lens-note{left:65%;width:35%;max-width:35%;top:81%}
 .edge-study .surface-window{height:200px}
 .assembly-plate .surface-window>img{position:static;width:100%;height:100%;left:auto;top:auto;object-position:50% 55%}
 .home-page .assembly-plate figcaption{display:block;font-size:11px;line-height:1.6;margin-top:12px}
 .home-page .assembly-plate figcaption a{display:inline-block;margin-left:10px}
 .home-page .customization-study .capability p{font-size:14px;line-height:1.5}
 .home-page .making-steps .process-grid{display:block}
 .home-page .making-steps .process-grid article{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:17px;padding:17px 0;border-top:1px solid #657164}
 .home-page .making-steps .process-grid h3{grid-column:1;grid-row:1;font-size:17px;line-height:1.4;margin:0}
 .home-page .making-steps .process-grid p{grid-column:2;grid-row:1;font-size:14px;line-height:1.55;margin:0}
 .home-page .making-steps .quality-notes{margin-top:0}
}
@media(max-width:360px){.home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important;gap:5px}.home-page .quick-materials button>span{font-size:10px!important}.diagram-note{font-size:11px}.home-page .making-steps .process-grid article{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:13px}.home-page .making-steps .process-grid h3{font-size:16px}}


/* composition-q.css */
/* One interactive product, one tactile detail, and a quieter information hierarchy. */
.home-hero{padding-bottom:35px}
.home-hero .viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 28px;align-items:center;margin-top:5px}
.current-material-control{display:flex;align-items:center;gap:14px;grid-column:1;grid-row:1;min-width:0;min-height:66px;border:1px solid #c5c7ba;padding:10px 12px;background:#faf8f1}
.current-material-control>img{width:62px;height:42px;object-fit:cover;flex:none}
.current-material-control>span:not(.material-change){min-width:0}
.current-material-control small{display:block;color:#6c6e62;font-size:11px;line-height:1.5;letter-spacing:.01em}
.current-material-control strong{display:block;font-size:16px;line-height:1.5;font-weight:550;white-space:normal}
.current-material-control .material-change{font-size:12px;margin-left:auto;white-space:nowrap;color:var(--brand);display:flex;align-items:center;gap:16px}
.current-material-control:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.home-hero .viewer-toolbar .bench-actions{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:22px;border:0}
.home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;gap:7px;border:0!important;min-height:44px;margin:0;padding:0}
.home-hero .viewer-toolbar .bench-caption{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.5;margin:0;padding:0;gap:7px;color:#686b60}
.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px}
.home-hero .viewer-toolbar .bench-caption>span:last-child:before{margin-right:7px}
.home-page .configuration-section{padding:0 5vw;background:var(--ivory)}
.home-page .detail-feature{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:8vw;padding-top:55px;padding-bottom:60px;background:#f5f2ea;border:0;align-items:center}
.detail-feature-photo{margin:0;min-width:0}
.detail-feature-photo>img{width:100%;height:580px;object-fit:cover;object-position:50% 54%}
.detail-feature-photo figcaption{display:flex;justify-content:space-between;gap:20px;color:#64685a;font-size:11px;line-height:1.6;margin-top:13px}
.detail-feature-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.detail-feature-copy{padding:0 4vw 0 0}
.home-page .detail-feature-copy h2{font-size:58px;line-height:1.06;letter-spacing:-.05em;font-weight:500;margin:0 0 24px}
.detail-feature-copy>p{font-size:18px;line-height:1.7;max-width:360px;color:#5b6253;margin:0 0 29px}
.detail-choices{display:flex;flex-direction:column;margin:0 0 34px;max-width:370px}
.detail-choices button{display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-bottom:1px solid #c8cbbb;font-size:15px;min-height:53px;padding:10px 0;gap:30px;text-align:left}
.detail-choices button:hover{color:var(--brand)}
.detail-choices button>span:last-child{font-size:19px;font-weight:400;color:#79856e}
.detail-feature-copy>.button{font-size:14px;background:transparent;color:var(--tea);border-color:#9b9e90;gap:34px}
.detail-feature-copy>.button:hover{background:#e3e4d8}
.home-page .featured .product-meta h3{margin-top:0}
.home-page .craft-photo img{filter:grayscale(1) contrast(1.08) brightness(1.04)}
@media(min-width:701px) and (max-width:1099px){
 .home-hero .viewer-toolbar{grid-template-columns:1fr;gap:8px}
 .current-material-control{grid-column:1;grid-row:1;min-height:59px;padding:8px 10px}
 .current-material-control>img{width:53px;height:37px}
 .current-material-control strong{font-size:14px}
 .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;justify-content:space-between;gap:16px}
 .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;font-size:10px}
 .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:10px}
 .home-page .detail-feature{gap:6vw;padding-top:45px;padding-bottom:45px}
 .detail-feature-photo>img{height:480px}
 .detail-feature-copy{padding:0}
 .home-page .detail-feature-copy h2{font-size:44px;margin-bottom:22px}
 .detail-feature-copy>p{font-size:16px;line-height:1.65;margin-bottom:23px}
 .detail-choices{margin-bottom:25px}
 .detail-feature-copy>.button{font-size:12px;gap:17px;padding:14px 16px}
}
@media(max-width:700px){
 .home-hero{padding-bottom:0}
 .home-hero .viewer-toolbar{display:grid;grid-template-columns:1fr;gap:4px;margin:0;padding-top:7px}
 .current-material-control{grid-column:1;grid-row:1;min-height:61px;padding:8px 11px;gap:14px}
 .current-material-control>img{width:60px;height:39px}
 .current-material-control strong{font-size:15px}
 .current-material-control small{font-size:10px}
 .current-material-control .material-change{font-size:12px;gap:12px}
 .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;justify-content:space-between;gap:15px}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;min-height:44px}
 .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;font-size:10px;line-height:1.5;padding:0 0 5px}
 .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:10px}
 .home-page .configuration-section{padding:0 6vw}
 .home-page .detail-feature{display:flex;flex-direction:column;padding-top:31px;padding-bottom:35px;gap:28px;align-items:stretch}
 .detail-feature-photo>img{height:auto;aspect-ratio:4/3;object-position:50% 56%}
 .detail-feature-photo figcaption{font-size:11px;margin-top:10px;gap:15px}
 .detail-feature-copy{padding:0}
 .home-page .detail-feature-copy h2{font-size:39px;line-height:1.1;margin-bottom:17px}
 .home-page .detail-feature-copy h2 br{display:none}
 .detail-feature-copy>p{font-size:16px;line-height:1.65;margin-bottom:20px;max-width:330px}
 .detail-choices{margin-bottom:24px;max-width:none}
 .detail-choices button{font-size:15px;min-height:48px}
 .detail-feature-copy>.button{font-size:14px;min-height:49px}
 .home-page .making-steps .process-grid article{display:block;padding:18px 0}
 .home-page .making-steps .process-grid h3{font-size:17px;line-height:1.4;margin:0 0 8px}
 .home-page .making-steps .process-grid p{font-size:14px;line-height:1.6}
 .home-page .featured .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}
 .home-page .featured .product-card:first-child{grid-column:1/-1;display:block;margin:0}
 .home-page .featured .product-card:not(:first-child){grid-column:auto;display:block;border:0;padding:0;margin:0}
 .home-page .featured .product-card:not(:first-child) .product-photo{width:100%;height:auto;aspect-ratio:1.15;margin-bottom:15px}
 .home-page .featured .product-card:not(:first-child) .product-photo img{width:100%;height:100%;object-fit:contain}
 .home-page .featured .product-card:not(:first-child) .product-meta{padding:0;margin:0;display:block}
 .home-page .featured .product-card:not(:first-child) .product-meta h3{font-size:19px;line-height:1.3;margin-bottom:7px}
 .home-page .featured .product-card:not(:first-child) .product-meta>p{font-size:13px;line-height:1.5;margin:0}
}
@media(max-width:360px){.home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important}.home-page .detail-feature-copy h2{font-size:34px}.home-page .featured .product-card:not(:first-child) .product-meta h3{font-size:17px}}


/* material-q.css */
/* Q: a complete sample photograph and a compact, readable acetate register.
   Load last. Every rule is scoped to the homepage materials section. */
.home-page .materials {
  padding-top: 44px;
  padding-bottom: 34px;
  background: var(--paper, #faf8f2);
}

.home-page .materials .material-introduction {
  display: grid;
  grid-template-columns: minmax(0, .44fr) minmax(0, .56fr);
  align-items: center;
  gap: clamp(28px, 3vw, 48px);
  margin: 0 0 18px;
  min-height: 0;
}

/* Undo the shared grid cell, fixed width and opaque editorial overlay. */
.home-page .materials .material-introduction > div {
  grid-area: auto;
  position: static;
  z-index: auto;
  align-self: center;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.home-page .materials .material-introduction h2 {
  margin: 0 0 18px;
  max-width: 100%;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.035em;
  white-space: normal;
  text-wrap: balance;
}

.home-page .materials .material-introduction > div > p:not(.eyebrow) {
  max-width: 340px;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: #535b4e;
}

.home-page .materials .material-introduction .eyebrow,
.home-page .materials .material-index {
  display: none;
}

.home-page .materials .physical-samples {
  grid-area: auto;
  position: static;
  justify-self: end;
  width: 100%;
  min-width: 0;
  max-width: 720px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
}

.home-page .materials .physical-samples > img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: 100%;
  max-height: none;
  aspect-ratio: 1024 / 683;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  transform: none;
  border: 0;
  border-radius: 0;
}

.home-page .materials .physical-samples figcaption {
  display: flex;
  position: static;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 3px 12px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 9px 0 0;
  border: 0;
  background: transparent;
  font-size: 11px;
  line-height: 1.5;
  color: #62675d;
  text-align: left;
}

.home-page .materials .physical-samples figcaption > span,
.home-page .materials .physical-samples figcaption a {
  display: inline;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

.home-page .materials .physical-samples figcaption a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Keep one useful instruction, instead of another miniature chapter heading. */
.home-page .materials .material-edit-label {
  display: block;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: 1.5;
}

.home-page .materials .material-edit-label > span:first-child {
  display: none;
}

.home-page .materials .material-edit-label > span:last-child {
  display: block;
  max-width: none;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #535b4e;
  text-align: left;
}

.home-page .materials .material-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

.home-page .materials .material-card:nth-child(n) {
  display: grid;
  grid-column: auto;
  grid-template-columns: 128px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-content: center;
  align-items: start;
  gap: 3px 16px;
  width: 100%;
  min-width: 0;
  min-height: 100px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.home-page .materials .material-card .material-image {
  grid-column: 1;
  grid-row: 1 / 4;
  align-self: center;
  width: 128px;
  height: 100px;
  min-height: 0;
  margin: 0;
  aspect-ratio: auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.home-page .materials .material-card .material-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
}

.home-page .materials .material-card .material-image > span,
.home-page .materials .material-card > div:not(.material-image) > span {
  display: none;
}

.home-page .materials .material-card > div:not(.material-image) {
  display: block;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.home-page .materials .material-card h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 550;
  line-height: 1.25;
  letter-spacing: -.02em;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.home-page .materials .material-card > p {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  max-width: none;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #535b4e;
  overflow-wrap: anywhere;
}

.home-page .materials .material-card > .material-reference {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0;
  color: #62675d;
  overflow-wrap: anywhere;
}

.home-page .materials .material-card[aria-pressed=true] {
  border: 0;
  background: transparent;
}

.home-page .materials .material-card[aria-pressed=true] .material-image {
  outline: 1px solid var(--brand, #793b34);
  outline-offset: 3px;
}

.home-page .materials .material-card[aria-pressed=true] h3 {
  font-weight: 650;
}

.home-page .materials .material-card[aria-pressed=true] .material-reference::after {
  content: none;
}

.home-page .materials .material-card:focus-visible,
.home-page .materials .material-studio-link:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 5px;
}

.home-page .materials .material-studio-link {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  margin: 15px 0 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}

.home-page .materials .material-studio-link > span {
  display: none;
}

@media (min-width: 701px) and (max-width: 1199px) {
  .home-page .materials {
    padding-top: 38px;
    padding-bottom: 30px;
  }

  .home-page .materials .material-introduction {
    gap: 28px;
  }

  .home-page .materials .material-introduction h2 {
    font-size: 42px;
  }

  .home-page .materials .material-introduction > div > p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.6;
  }

  .home-page .materials .material-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
  }

  .home-page .materials .material-card:nth-child(n) {
    grid-template-columns: 120px minmax(0, 1fr);
    column-gap: 14px;
  }

  .home-page .materials .material-card .material-image {
    width: 120px;
    height: 100px;
  }

  .home-page .materials .material-card h3 {
    font-size: 19px;
  }
}

@media (max-width: 700px) {
  .home-page .materials {
    padding-top: 32px;
    padding-bottom: 26px;
  }

  .home-page .materials .material-introduction {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin-bottom: 18px;
  }

  .home-page .materials .material-introduction h2 {
    margin-bottom: 12px;
    font-size: 36px;
    line-height: 1.12;
  }

  .home-page .materials .material-introduction > div > p:not(.eyebrow) {
    max-width: none;
    font-size: 14px;
    line-height: 1.6;
  }

  .home-page .materials .physical-samples {
    justify-self: stretch;
    max-width: none;
  }

  .home-page .materials .physical-samples figcaption {
    gap: 3px 10px;
    padding-top: 8px;
  }

  .home-page .materials .material-edit-label {
    margin-bottom: 8px;
  }

  .home-page .materials .material-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .home-page .materials .material-card:nth-child(n) {
    grid-template-columns: 94px minmax(0, 1fr);
    gap: 2px 14px;
    min-height: 98px;
    padding: 8px 0;
    border: 0;
  }

  .home-page .materials .material-card .material-image {
    width: 94px;
    height: 80px;
  }

  .home-page .materials .material-card h3 {
    font-size: 18px;
    line-height: 1.25;
  }

  .home-page .materials .material-card > p {
    font-size: 14px;
    line-height: 1.4;
  }

  .home-page .materials .material-card > .material-reference {
    font-size: 11px;
    line-height: 1.4;
  }

  .home-page .materials .material-studio-link {
    margin-top: 8px;
  }
}

@media (max-width: 360px) {
  .home-page .materials .material-introduction h2 {
    font-size: 34px;
  }

  .home-page .materials .material-card:nth-child(n) {
    grid-template-columns: 90px minmax(0, 1fr);
    column-gap: 12px;
  }

  .home-page .materials .material-card .material-image {
    width: 90px;
    height: 78px;
  }
}


/* composition-r.css */
/* A single viewer instrument bar, a larger material detail, a compact sample record. */
.home-hero .viewer-toolbar{border-top:1px solid #b9beb1;border-bottom:1px solid #b9beb1;background:#f6f4ed;padding:11px 15px 10px;gap:7px 25px}
.home-hero .current-material-control{border:0;background:transparent;padding:0;min-height:49px;gap:12px}
.home-hero .current-material-control>img{width:55px;height:38px}
.home-hero .current-material-control small{font-size:12px;color:#535b4d}
.home-hero .current-material-control strong{font-size:16px}
.home-hero .current-material-control .material-change{font-size:12px;gap:7px}
.home-hero .viewer-toolbar .bench-actions{gap:22px}
.home-hero .viewer-toolbar .bench-actions>*{font-size:13px!important;gap:9px}
.home-hero .viewer-toolbar .bench-actions svg{width:18px;height:18px;stroke-width:1.5;flex:none}
.home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:12px;color:#596151;max-width:none;text-align:left}
.home-page .detail-feature{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8vw;padding-left:0;padding-right:5vw;padding-top:0;padding-bottom:0;min-height:670px;background:#f4f0e7}
.home-page .detail-feature-photo{height:100%;position:relative}
.home-page .detail-feature-photo>img{height:100%;min-height:670px;max-height:760px;object-position:50% 51%;object-fit:cover}
.home-page .detail-feature-photo figcaption{position:absolute;left:5vw;right:24px;bottom:17px;margin:0;color:#343c30;font-size:12px;background:rgba(249,246,238,.94);padding:7px 10px;max-width:395px}
.home-page .detail-feature-copy{padding:52px 0;max-width:410px}
.home-page .detail-feature-copy h2{font-size:64px;line-height:1.03;letter-spacing:-.045em;margin-bottom:25px}
.home-page .detail-feature-copy h2 br{display:block}
.home-page .detail-feature-copy>p{font-size:18px;line-height:1.65;max-width:330px}
.home-page .detail-choices button{font-size:16px;min-height:57px}
.home-page .making-story{display:grid;grid-template-columns:1fr .92fr 1.07fr;gap:4.5vw;align-items:start;padding-top:58px;padding-bottom:53px}
.home-page .making-heading{display:contents}
.home-page .making-heading>div{grid-column:1;grid-row:1;max-width:none}
.home-page .making-heading h2{font-size:42px;line-height:1.1;letter-spacing:-.035em;margin:0 0 20px}
.home-page .making-heading>div>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:290px}
.home-page .making-heading .underlink{font-size:14px;margin-top:17px;margin-bottom:0;min-height:44px}
.home-page .making-heading>.craft-photo{grid-column:2;grid-row:1;width:100%;margin:0}
.home-page .craft-photo picture{display:block;height:auto;aspect-ratio:1.06}
.home-page .craft-photo img{height:100%;width:100%;object-fit:cover;object-position:56% 50%;filter:grayscale(1) contrast(1.05) brightness(1.04)}
.home-page .craft-photo figcaption,.home-page .craft-photo figcaption a{font-size:12px;line-height:1.5}
.home-page .making-body{grid-column:3;grid-row:1;margin:0;max-width:none}
.home-page .making-steps .process-grid{display:block}
.home-page .making-steps .process-grid article{display:block;padding:0 0 21px;margin:0 0 19px;border-top:0;border-bottom:1px solid #64705f}
.home-page .making-steps .process-grid h3{font-size:20px;line-height:1.3;margin:0 0 11px;letter-spacing:-.015em}
.home-page .making-steps .process-grid p{font-size:15px;line-height:1.6;max-width:none;margin:0}
.home-page .making-steps .quality-notes{border-top:0;margin:0}
.home-page .making-steps .quality-notes summary{padding:0;min-height:36px;font-size:14px}
.home-page .featured{padding-top:64px;padding-bottom:65px}
.home-page .featured .collection-heading{margin-bottom:31px}
@media(min-width:701px) and (max-width:1199px){
 .home-hero .viewer-toolbar{grid-template-columns:1fr;padding:10px 13px;gap:4px}
 .home-hero .current-material-control{min-height:48px}
 .home-hero .viewer-toolbar .bench-actions{grid-row:2;grid-column:1;justify-content:space-between;gap:15px}
 .home-hero .viewer-toolbar .bench-caption{grid-row:3;grid-column:1}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important}
 .home-page .detail-feature{gap:6vw;min-height:580px}
 .home-page .detail-feature-photo>img{min-height:580px}
 .home-page .detail-feature-copy h2{font-size:48px}
 .home-page .detail-feature-copy>p{font-size:16px}
 .home-page .detail-feature-photo figcaption{left:3vw;right:3vw;font-size:11px;gap:12px}
 .home-page .making-story{grid-template-columns:1fr 1fr;gap:29px 5vw;padding-top:45px;padding-bottom:45px}
 .home-page .making-heading>div{grid-column:1;grid-row:1}
 .home-page .making-heading>.craft-photo{grid-column:2;grid-row:1/3}
 .home-page .craft-photo picture{aspect-ratio:.91}
 .home-page .making-body{grid-column:1;grid-row:2}
 .home-page .making-heading h2{font-size:38px}
 .home-page .making-heading .underlink{margin-top:12px}
 .home-page .making-steps .process-grid h3{font-size:18px}
 .home-page .making-steps .process-grid p{font-size:14px}
}
@media(max-width:700px){
 .home-hero .viewer-toolbar{grid-template-columns:1fr;padding:8px 0 10px;border-top:1px solid #b9beb1;border-bottom:0;background:transparent;gap:3px;margin-bottom:5px}
 .home-hero .current-material-control{min-height:50px;padding:0;gap:12px}
 .home-hero .current-material-control>img{width:62px;height:40px}
 .home-hero .current-material-control small{font-size:11px}
 .home-hero .current-material-control strong{font-size:16px}
 .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;gap:15px;justify-content:space-between;border-top:1px solid #d1d3c7}
 .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;gap:7px;min-height:44px}
 .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;gap:7px;padding:0}
 .home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px;line-height:1.5}
 .home-page .detail-feature{display:flex;flex-direction:column;gap:0;min-height:0;padding:0 0 32px}
 .home-page .detail-feature-photo{width:100%;height:auto}
 .home-page .detail-feature-photo>img{height:auto;min-height:0;max-height:none;aspect-ratio:1.08;object-position:50% 53%}
 .home-page .detail-feature-photo figcaption{left:6vw;right:6vw;bottom:14px;font-size:11px;max-width:none;gap:15px}
 .home-page .detail-feature-copy{padding:29px 6vw 0;max-width:none}
 .home-page .detail-feature-copy h2{font-size:46px;line-height:1.05;letter-spacing:-.045em;margin-bottom:18px}
 .home-page .detail-feature-copy>p{font-size:16px;line-height:1.65;max-width:320px;margin-bottom:17px}
 .home-page .detail-choices{margin-bottom:24px}
 .home-page .detail-choices button{font-size:16px;min-height:52px}
 .home-page .making-story{display:grid;grid-template-columns:1fr;padding:35px 6vw;gap:24px}
 .home-page .making-heading>div{grid-column:1;grid-row:1}
 .home-page .making-heading h2{font-size:38px;line-height:1.1;margin-bottom:17px;max-width:340px}
 .home-page .making-heading>div>p:not(.eyebrow){font-size:14px;max-width:320px}
 .home-page .making-heading .underlink{margin:8px 0 0}
 .home-page .making-heading>.craft-photo{grid-column:1;grid-row:2;margin:0}
 .home-page .craft-photo picture{aspect-ratio:1.55}
 .home-page .making-body{grid-column:1;grid-row:3}
 .home-page .making-steps .process-grid article{padding:0 0 17px;margin:0 0 18px}
 .home-page .making-steps .process-grid h3{font-size:18px;margin-bottom:8px}
 .home-page .making-steps .process-grid p{font-size:14px;line-height:1.6}
 .home-page .making-steps .quality-notes summary{min-height:44px}
 .home-page .featured{padding-top:36px;padding-bottom:38px}
}
@media(max-width:360px){.home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important;gap:5px}.home-page .detail-feature-copy h2{font-size:42px}.home-page .making-heading h2{font-size:35px}}


/* material-r.css */
/* R: three real acetate specimens lead the section; physical references unfold
   below. Load after material-q.css. Scope: homepage materials section only. */
.home-page .materials {
  padding-top: 48px;
  padding-bottom: 42px;
  background: var(--paper, #faf8f2);
}

.home-page .materials .material-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: end;
  gap: 40px;
  margin: 0 0 32px;
  padding: 0;
}

.home-page .materials .material-heading > div {
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

.home-page .materials .material-heading h2 {
  margin: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
  white-space: normal;
  text-wrap: balance;
}

.home-page .materials .material-heading > p {
  justify-self: end;
  width: 100%;
  max-width: 360px;
  margin: 0 0 2px;
  font-size: 15px;
  line-height: 1.6;
  color: #625e53;
}

.home-page .materials .material-heading .eyebrow,
.home-page .materials .material-index,
.home-page .materials .material-edit-label {
  display: none;
}

/* Equal columns at every width from 700px upward, including Q's old 2+1 range. */
.home-page .materials .material-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 26px;
  margin: 0;
}

.home-page .materials .material-card:nth-child(n) {
  display: grid;
  grid-column: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 256px auto auto auto;
  align-content: start;
  align-items: start;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--tea, #262824);
  text-align: left;
  cursor: pointer;
}

.home-page .materials .material-card .material-image {
  display: block;
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  width: 100%;
  height: 256px;
  min-height: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

/* These are source photographs. Never recolour, crop or enlarge past the box. */
.home-page .materials .material-card .material-image img {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
  transform: none;
}

.home-page .materials .material-card .material-image > span,
.home-page .materials .material-card > div:not(.material-image) > span {
  display: none;
}

.home-page .materials .material-card > div:not(.material-image) {
  display: block;
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  margin: 17px 0 0;
  padding: 0;
}

.home-page .materials .material-card h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 550;
  line-height: 1.2;
  letter-spacing: -.025em;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.home-page .materials .material-card > .material-reference {
  display: block;
  grid-column: 1;
  grid-row: 3;
  min-width: 0;
  margin: 7px 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 450;
  font-variant-numeric: tabular-nums;
  line-height: 1.45;
  letter-spacing: .015em;
  color: #686256;
  overflow-wrap: anywhere;
}

.home-page .materials .material-card > p {
  grid-column: 1;
  grid-row: 4;
  min-width: 0;
  max-width: 32ch;
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #625e53;
  overflow-wrap: anywhere;
}

.home-page .materials .material-card[aria-pressed=true] {
  border: 0;
  background: transparent;
}

.home-page .materials .material-card[aria-pressed=true] .material-image {
  outline: 0;
}

.home-page .materials .material-card[aria-pressed=true] .material-image img {
  outline: 1px solid var(--brand, #793b34);
  outline-offset: 4px;
}

.home-page .materials .material-card[aria-pressed=true] h3 {
  font-weight: 650;
}

.home-page .materials .material-card[aria-pressed=true] .material-reference::after {
  content: ' · Selected';
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--brand, #793b34);
}

.home-page .materials .material-card:focus-visible,
.home-page .materials .material-studio-link:focus-visible,
.home-page .materials .physical-reference > summary:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 6px;
}

.home-page .materials .material-library-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px 40px;
  margin-top: 27px;
  padding: 0;
  border: 0;
}

.home-page .materials .material-library-bottom .material-studio-link {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--tea, #262824);
  text-decoration: underline;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}

.home-page .materials .material-studio-link > span {
  display: none;
}

.home-page .materials .physical-reference {
  justify-self: end;
  width: 100%;
  min-width: 0;
  max-width: 600px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.home-page .materials .physical-reference > summary {
  display: list-item;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  margin: 0 0 0 auto;
  padding: 11px 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.5;
  color: #625e53;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.home-page .materials .physical-reference > summary::marker {
  color: var(--brand, #793b34);
  font-size: 11px;
}

.home-page .materials .physical-reference > summary > span[aria-hidden=true] {
  display: none;
}

/* Native details is the only disclosure mechanism. Closed references stay out
   of layout even though earlier style layers give the figure/image a display. */
.home-page .materials .physical-reference:not([open]) > .physical-samples {
  display: none;
}

.home-page .materials .physical-reference[open] > .physical-samples {
  display: block;
}

.home-page .materials .physical-reference .physical-samples {
  grid-area: auto;
  position: static;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 12px 0 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.home-page .materials .physical-reference .physical-samples > img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: 100%;
  max-height: none;
  aspect-ratio: 1024 / 683;
  object-fit: contain;
  object-position: center;
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
  transform: none;
  border: 0;
  border-radius: 0;
}

.home-page .materials .physical-reference .physical-samples figcaption {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 3px 12px;
  min-height: 0;
  margin: 0;
  padding: 9px 0 0;
  border: 0;
  background: transparent;
  font-size: 11px;
  line-height: 1.5;
  color: #686256;
  text-align: left;
}

.home-page .materials .physical-reference .physical-samples figcaption > span,
.home-page .materials .physical-reference .physical-samples figcaption a {
  display: inline;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

@media (min-width: 700px) and (max-width: 1199px) {
  .home-page .materials { padding-top: 40px; padding-bottom: 34px; }
  .home-page .materials .material-heading { gap: 28px; margin-bottom: 27px; }
  .home-page .materials .material-heading h2 { font-size: 42px; }
  .home-page .materials .material-heading > p { font-size: 14px; }
  .home-page .materials .material-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .home-page .materials .material-card:nth-child(n) { grid-template-rows: clamp(176px, 21.3vw, 240px) auto auto auto; }
  .home-page .materials .material-card .material-image { height: clamp(176px, 21.3vw, 240px); }
  .home-page .materials .material-card h3 { font-size: 21px; }
  .home-page .materials .material-card > p { font-size: 14px; }
  .home-page .materials .material-card > .material-reference { font-size: 11px; }
  .home-page .materials .material-library-bottom { gap: 20px 28px; margin-top: 24px; }
  .home-page .materials .physical-reference > summary { font-size: 13px; }
}

@media (max-width: 699px) {
  .home-page .materials { padding-top: 34px; padding-bottom: 28px; }
  .home-page .materials .material-heading { display: block; margin-bottom: 26px; }
  .home-page .materials .material-heading h2 { font-size: 36px; line-height: 1.12; }
  .home-page .materials .material-heading > p { max-width: 34ch; margin: 13px 0 0; font-size: 14px; line-height: 1.6; }
  .home-page .materials .material-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .home-page .materials .material-card:nth-child(n) {
    grid-template-columns: minmax(108px, .38fr) minmax(0, .62fr);
    grid-template-rows: auto auto auto;
    align-content: center;
    align-items: start;
    gap: 4px 18px;
    min-height: 136px;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .home-page .materials .material-card .material-image { grid-column: 1; grid-row: 1 / 4; align-self: center; width: 100%; height: 136px; }
  .home-page .materials .material-card > div:not(.material-image) { grid-column: 2; grid-row: 1; margin: 0; }
  .home-page .materials .material-card h3 { font-size: 21px; line-height: 1.2; }
  .home-page .materials .material-card > .material-reference { grid-column: 2; grid-row: 2; margin: 2px 0 0; font-size: 11px; line-height: 1.45; }
  .home-page .materials .material-card > p { grid-column: 2; grid-row: 3; max-width: none; margin: 4px 0 0; font-size: 14px; line-height: 1.5; }
  .home-page .materials .material-card[aria-pressed=true] .material-image { outline-offset: 3px; }
  .home-page .materials .material-library-bottom { grid-template-columns: minmax(0, 1fr); gap: 2px; margin-top: 24px; }
  .home-page .materials .physical-reference { justify-self: stretch; max-width: none; }
  .home-page .materials .physical-reference > summary { width: auto; margin: 0; padding-left: 0; font-size: 14px; }
  .home-page .materials .physical-reference .physical-samples { margin-top: 10px; }
}

@media (max-width: 360px) {
  .home-page .materials .material-heading h2 { font-size: 34px; }
  .home-page .materials .material-card:nth-child(n) { column-gap: 14px; min-height: 124px; }
  .home-page .materials .material-card .material-image { height: 124px; }
  .home-page .materials .material-card h3 { font-size: 20px; }
}
/* Keep specimen outlines against the source image, without letterboxed gaps. */
.home-page .materials .material-card .material-image{display:flex;align-items:center;overflow:visible}
.home-page .materials .material-card .material-image img{height:auto;max-height:none}
@media(min-width:700px){
 .home-page .materials .material-card:nth-child(n){grid-template-rows:auto auto auto auto}
 .home-page .materials .material-card .material-image{height:auto;aspect-ratio:980/580}
}
@media(max-width:699px){
 .home-page .materials .material-heading>p{margin:13px 0 0;justify-self:start;text-align:left;max-width:none}
 .home-page .materials .material-grid{gap:18px}
 .home-page .materials .material-card:nth-child(n){grid-template-rows:min-content min-content min-content;align-content:center;row-gap:5px;min-height:110px}
 .home-page .materials .material-card .material-image{height:auto;aspect-ratio:980/580}
 .home-page .materials .material-card>.material-reference,.home-page .materials .material-card>p{margin:0}
 .home-page .materials .material-library-bottom{margin-top:20px}
}


/* direction-s.css */
/* Coherent photographic studies; the supplier library keeps untouched sources. */
.home-hero .viewer-toolbar{grid-template-columns:1fr auto;border:0;padding:0;background:transparent;gap:9px 22px}
.home-hero .current-material-control{grid-column:1/-1;grid-row:1;border:0;border-bottom:1px solid #bfc2b6;padding:0 0 12px;min-height:64px;gap:14px}
.home-hero .current-material-control .material-change{background:var(--brand);color:#faf8f2;font-size:13px;min-height:44px;min-width:124px;justify-content:space-between;padding:0 16px;gap:20px}
.home-hero .current-material-control .material-change>span{font-size:19px}
.home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;justify-content:flex-start;gap:26px}
.home-hero .viewer-toolbar .bench-actions>*{font-size:13px!important;gap:9px;min-height:44px}
.home-hero .viewer-toolbar .bench-caption{grid-column:2;grid-row:2;justify-content:flex-end;gap:7px}
.home-hero .viewer-toolbar .bench-caption,.home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px;color:#5b6353}
.home-page .materials{padding-top:50px;padding-bottom:34px}
.home-page .materials .material-heading{margin-bottom:24px}
.home-page .materials .material-grid{gap:24px}
.home-page .materials .material-card:nth-child(n){grid-template-rows:auto auto auto auto;gap:0}
.home-page .materials .material-card .material-image{height:auto;aspect-ratio:4/3;position:relative;background:#f3f1e9;overflow:hidden;border-bottom:2px solid transparent;padding-bottom:8px}
.home-page .materials .material-card .material-image img{width:100%;height:100%;object-fit:contain;outline:0!important;mix-blend-mode:multiply}
.home-page .materials .material-card[aria-pressed=true] .material-image{outline:0;border-bottom-color:var(--brand)}
.home-page .materials .material-card>div:not(.material-image){margin:17px 0 6px}
.home-page .materials .material-card>.material-reference{margin:0 0 6px;font-size:12px}
.home-page .materials .material-card>p{margin:0;font-size:14px}
.material-study-note{font-size:12px;color:#666b5d;line-height:1.6;margin:25px 0 0}
.home-page .materials .material-library-bottom{margin-top:10px}
.home-page .featured .product-card .product-photo{background:#f3f1e9}
.home-page .featured .product-card .product-photo img{width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:normal;filter:none}
.home-page .featured .product-card:first-child .product-photo{aspect-ratio:1.5;height:auto}
.home-page .featured .product-card:not(:first-child) .product-photo{aspect-ratio:1.5;height:auto}
.collection-study-note{font-size:12px;line-height:1.6;color:#626a59;margin:24px 0 0}
.collection-study-note>span{margin:0 6px}
.collection-study-note a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:700px) and (max-width:1199px){
 .home-hero .viewer-toolbar{grid-template-columns:1fr}
 .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;justify-content:flex-start;gap:29px}
 .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;justify-content:flex-start}
 .home-page .materials .material-grid{gap:20px}
 .home-page .materials .material-card h3{font-size:21px}
 .home-page .materials .material-card .material-image{height:auto;aspect-ratio:4/3}
}
@media(max-width:699px){
 .home-hero .viewer-toolbar{grid-template-columns:1fr;gap:4px;margin:0 0 3px}
 .home-hero .current-material-control{min-height:65px;padding:6px 0 11px;gap:12px}
 .home-hero .current-material-control .material-change{min-width:115px;font-size:12px;padding:0 12px;gap:16px}
 .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;justify-content:flex-start;gap:35px}
 .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;justify-content:flex-start}
 .home-page .materials{padding-top:32px;padding-bottom:27px}
 .home-page .materials .material-heading{margin-bottom:22px}
 .home-page .materials .material-grid{grid-template-columns:1fr;gap:29px}
 .home-page .materials .material-card:nth-child(n){display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:0 10px;min-height:0;align-content:start}
 .home-page .materials .material-card .material-image{grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:1.6;align-self:auto;padding-bottom:8px}
 .home-page .materials .material-card>div:not(.material-image){grid-column:1;grid-row:2;margin:12px 0 6px}
 .home-page .materials .material-card h3{font-size:22px;line-height:1.3}
 .home-page .materials .material-card>.material-reference{grid-column:2;grid-row:2;text-align:right;align-self:center;margin:6px 0 0;font-size:11px;max-width:130px}
 .home-page .materials .material-card>.material-reference::after{display:block;font-size:11px;content:''}
 .home-page .materials .material-card[aria-pressed=true] .material-reference::after{content:'Selected'}
 .home-page .materials .material-card>p{grid-column:1/-1;grid-row:3;margin:0;font-size:14px;line-height:1.5}
 .material-study-note{font-size:11px;margin-top:22px}
 .home-page .materials .material-library-bottom{margin-top:7px;gap:0}
 .home-page .featured .product-card:not(:first-child) .product-photo{aspect-ratio:1.15}
 .collection-study-note{font-size:11px;margin-top:21px}
}
@media(max-width:360px){
 .home-hero .current-material-control>img{width:48px;height:34px}
 .home-hero .current-material-control strong{font-size:14px}
 .home-hero .current-material-control .material-change{min-width:102px;padding:0 10px;gap:9px}
 .home-page .materials .material-card:nth-child(n){grid-template-columns:1fr}
 .home-page .materials .material-card>.material-reference{grid-column:1;grid-row:3;text-align:left;margin:0 0 5px;max-width:none}
 .home-page .materials .material-card>.material-reference::after{display:inline;margin-left:8px}
 .home-page .materials .material-card>p{grid-row:4}
}
.home-hero .viewer-toolbar .bench-actions{border-top:0!important}
.home-page .materials .material-card .material-image img{mix-blend-mode:normal}
@media(max-width:699px){.home-page .materials .material-card .material-image{aspect-ratio:4/3}}


/* detail-s.css */
/* S: inspect the visible rim and rivet faces. Load after composition-r.css.
   The macro and SVG share the same centered cover mapping; source stays outside. */
.home-page .detail-feature {
  --detail-paper: #f4f0e7;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 6vw, 88px);
  min-height: 0;
  padding: 0 5vw 0 0;
  border: 0;
  background: var(--detail-paper);
}

.home-page .detail-feature .detail-feature-photo {
  position: static;
  width: 100%;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.home-page .detail-feature .detail-observation-media {
  position: relative;
  width: 100%;
  height: clamp(560px, 46vw, 710px);
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: var(--detail-paper);
}

.home-page .detail-feature .detail-observation-media > img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  max-width: none;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 50%;
  filter: none;
  mix-blend-mode: normal;
  transform: none;
}

.home-page .detail-feature .detail-observation-markers {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.home-page .detail-feature .detail-observation-markers path,
.home-page .detail-feature .detail-observation-markers circle {
  vector-effect: non-scaling-stroke;
  stroke: #793b34;
  stroke-width: .9px;
  fill: none;
}

.home-page .detail-feature .detail-observation-markers .rim-mark circle {
  fill: var(--detail-paper);
}

.home-page .detail-feature .detail-observation-markers .rivet-mark {
  opacity: .85;
}

/* A genuine figure caption, no opaque label laid across the photograph. */
.home-page .detail-feature .detail-feature-photo figcaption {
  display: flex;
  position: static;
  inset: auto;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 17px;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 12px 22px 15px 5vw;
  border: 0;
  box-shadow: none;
  background: var(--detail-paper);
  color: #686256;
  font-size: 11px;
  line-height: 1.5;
}

.home-page .detail-feature .detail-feature-photo figcaption a {
  margin: 0;
  color: inherit;
  font-size: inherit;
  white-space: normal;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.home-page .detail-feature .detail-feature-copy {
  width: 100%;
  min-width: 0;
  max-width: 380px;
  margin: 0;
  padding: 38px 0;
}

.home-page .detail-feature .detail-feature-copy h2 {
  margin: 0 0 18px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.025em;
}

.home-page .detail-feature .detail-feature-copy h2 br {
  display: none;
}

.home-page .detail-feature .detail-feature-copy > .detail-observation-description {
  max-width: 31ch;
  margin: 0;
  color: #343c30;
  font-size: 17px;
  line-height: 1.65;
}

.home-page .detail-feature .detail-feature-copy > .detail-visible-note {
  max-width: 33ch;
  margin: 21px 0 0;
  color: #6b6254;
  font-size: 13px;
  line-height: 1.65;
}

/* The representative observation is already visible. These remain real
   inspection actions, not closed accordion headings or fake expandable rows. */
.home-page .detail-feature .detail-polish-action {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--brand, #793b34);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}

.home-page .detail-feature .detail-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0 25px;
  margin: 19px 0 0;
  padding: 13px 0 0;
  border: 0;
  border-top: 1px solid #d2ccbf;
}

.home-page .detail-feature .detail-secondary-actions > button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #4c5146;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}

.home-page .detail-feature .detail-customization-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 44px;
  margin-top: 5px;
  padding: 0;
  color: #6b6254;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.home-page .detail-feature .detail-polish-action:focus-visible,
.home-page .detail-feature .detail-secondary-actions > button:focus-visible,
.home-page .detail-feature .detail-customization-link:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 5px;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .detail-feature { gap: 5vw; padding-right: 4vw; }
  .home-page .detail-feature .detail-observation-media { height: 520px; }
  .home-page .detail-feature .detail-feature-copy { padding: 28px 0; }
  .home-page .detail-feature .detail-feature-copy h2 { font-size: 34px; margin-bottom: 15px; }
  .home-page .detail-feature .detail-feature-copy > .detail-observation-description { font-size: 15px; }
  .home-page .detail-feature .detail-feature-copy > .detail-visible-note { font-size: 13px; margin-top: 17px; }
  .home-page .detail-feature .detail-secondary-actions { gap: 0 18px; margin-top: 14px; }
  .home-page .detail-feature .detail-secondary-actions > button { font-size: 13px; }
  .home-page .detail-feature .detail-feature-photo figcaption { padding-left: 4vw; gap: 4px 12px; }
}

@media (max-width: 700px) {
  .home-page .detail-feature { display: block; min-height: 0; padding: 0 0 28px; }
  .home-page .detail-feature .detail-observation-media { height: auto; min-height: 0; aspect-ratio: 1.08; }
  .home-page .detail-feature .detail-feature-photo figcaption { padding: 10px 6vw 0; gap: 4px 15px; font-size: 11px; }
  .home-page .detail-feature .detail-feature-copy { max-width: none; padding: 24px 6vw 0; }
  .home-page .detail-feature .detail-feature-copy h2 { font-size: 32px; margin-bottom: 13px; }
  .home-page .detail-feature .detail-feature-copy > .detail-observation-description { max-width: 36ch; font-size: 15px; line-height: 1.6; }
  .home-page .detail-feature .detail-feature-copy > .detail-visible-note { max-width: 39ch; margin-top: 14px; font-size: 13px; line-height: 1.6; }
  .home-page .detail-feature .detail-polish-action { margin-top: 10px; }
  .home-page .detail-feature .detail-secondary-actions { gap: 0 28px; margin-top: 11px; padding-top: 8px; }
  .home-page .detail-feature .detail-customization-link { margin-top: 0; }
}


/* detail-t.css */
/* T: one named observation, three local topics, one existing 3D action.
   Load after detail-s.css. The S macro layout and centered crop are retained. */
.home-page .detail-feature[data-detail-observation] .detail-feature-copy {
  max-width: 400px;
  padding-top: 36px;
  padding-bottom: 36px;
}

.home-page .detail-feature[data-detail-observation] .detail-feature-copy > h2 {
  margin: 0 0 25px;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  margin: 0 0 26px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #c9c2b5;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-tabs > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0 0 -1px;
  padding: 9px 5px;
  border: 0;
  border-bottom: 1.5px solid transparent;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: #655e52;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-tabs > button[aria-selected=true] {
  border-bottom-color: var(--brand, #793b34);
  background: transparent;
  color: #302d26;
  font-weight: 600;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 258px;
  margin: 0;
  padding: 0;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-panel h3 {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.015em;
  color: #302d26;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-copy {
  max-width: 34ch;
  margin: 13px 0 22px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.65;
  color: #484b40;
}

.home-page .detail-feature[data-detail-observation] .detail-explore-action {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  margin: auto 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: #3f4338;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}

.home-page .detail-feature[data-detail-observation] .detail-topic-tabs > button:focus-visible,
.home-page .detail-feature[data-detail-observation] .detail-explore-action:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 4px;
}

.home-page .detail-feature[data-detail-observation] .detail-observation-markers text {
  fill: #3d4037;
  stroke: none;
  font-family: var(--sans, sans-serif);
  font-size: 37px;
  font-weight: 500;
  letter-spacing: 0;
}

.home-page .detail-feature[data-detail-observation] .detail-observation-markers circle {
  fill: var(--detail-paper, #f4f0e7);
}

.home-page .detail-feature[data-detail-observation] .detail-feature-photo figcaption {
  position: static;
  margin: 0;
  padding-top: 13px;
  padding-bottom: 15px;
  background: var(--detail-paper, #f4f0e7);
  color: #625e53;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .detail-feature[data-detail-observation] .detail-feature-photo figcaption a {
  font-size: 13px;
  font-weight: 500;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .detail-feature[data-detail-observation] .detail-feature-copy { padding: 26px 0; }
  .home-page .detail-feature[data-detail-observation] .detail-feature-copy > h2 { font-size: 34px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-tabs { margin-bottom: 23px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-panel { min-height: 280px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-panel h3 { font-size: 23px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-copy { font-size: 16px; line-height: 1.6; }
}

@media (max-width: 700px) {
  .home-page .detail-feature[data-detail-observation] .detail-observation-media { height: auto; min-height: 0; aspect-ratio: 1.08; }
  .home-page .detail-feature[data-detail-observation] .detail-feature-copy { max-width: none; padding: 24px 6vw 0; }
  .home-page .detail-feature[data-detail-observation] .detail-feature-copy > h2 { font-size: 32px; margin-bottom: 19px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-tabs { margin-bottom: 22px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-panel { min-height: 244px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-panel h3 { font-size: 24px; }
  .home-page .detail-feature[data-detail-observation] .detail-topic-copy { max-width: 37ch; margin-top: 12px; font-size: 16px; line-height: 1.6; }
  .home-page .detail-feature[data-detail-observation] .detail-feature-photo figcaption { padding: 11px 6vw 0; gap: 4px 14px; }
}


/* hero-t.css */
@font-face{font-family:JingsDisplay;src:url('/assets/fonts/barlow-condensed-semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
/* The page opens as a material worktable, with tools in one defined margin. */
.home-page .home-hero{display:block;padding:34px 5vw 35px;background:#f3f1e9;min-height:0}
.home-page .home-hero .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 240px;column-gap:45px;align-items:end;padding:0;margin:0 0 22px}
.home-page .home-hero .hero-copy h1{grid-column:1;grid-row:1;display:block;font-family:JingsDisplay,var(--sans);font-size:clamp(150px,14vw,210px);font-weight:600;line-height:.84;letter-spacing:-.022em;margin:0;padding:0;border:0;white-space:nowrap;color:#292d25}
.home-page .home-hero .hero-introduction{grid-column:2;grid-row:1;padding:0 0 3px}
.home-page .home-hero .hero-introduction .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.045em;color:var(--brand);margin:0 0 15px;font-weight:600}
.home-page .home-hero .hero-introduction>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#4b5544;margin:0;max-width:240px}
.home-page .home-hero .workbench{display:block;width:100%;margin:0;padding:0;min-width:0}
.home-page .home-hero .bench-stage{display:grid;grid-template-columns:minmax(0,1fr) 240px;column-gap:45px;row-gap:0;min-width:0}
.home-page .home-hero .bench-stage #product-viewer{grid-column:1;grid-row:1;width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:1.95;margin:0;background:#f3f1e9}
.home-page .home-hero .viewer-toolbar{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px;padding:28px 0 18px;border:0;border-top:1px solid #abb3a1;margin:0;background:transparent;min-height:0}
.home-page .home-hero .current-material-control{display:flex;flex-wrap:wrap;align-items:center;gap:11px 13px;width:100%;border:0;margin:0;padding:0;min-height:0;order:1}
.home-page .home-hero .current-material-control>img{width:61px;height:42px}
.home-page .home-hero .current-material-control>span:not(.material-change){flex:1}
.home-page .home-hero .current-material-control small{font-size:11px;line-height:1.5;color:#56624b}
.home-page .home-hero .current-material-control strong{font-size:17px;line-height:1.5;font-weight:550}
.home-page .home-hero .current-material-control .material-change{flex-basis:100%;margin:4px 0 0;min-width:0;min-height:44px;border:1px solid #969e8e;padding:0 14px;justify-content:space-between;color:var(--tea);font-size:13px;background:transparent;font-weight:500}
.home-page .home-hero .viewer-toolbar .bench-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;margin:0;padding:0;border:0;order:2;align-items:center}
.home-page .home-hero .viewer-toolbar .bench-actions>*{display:flex;justify-content:flex-start!important;min-width:0;min-height:44px;font-size:12px!important;gap:8px;border:0!important;padding:0!important;margin:0!important;font-weight:500}
.home-page .home-hero .viewer-toolbar .bench-actions svg{height:17px;width:17px;stroke-width:1.5;flex:none}
.home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle{justify-content:flex-end!important}
.home-page .home-hero .viewer-toolbar .bench-caption{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;order:3;margin:0;padding:0;border:0;color:#526048}
.home-page .home-hero .viewer-toolbar .bench-caption,.home-page .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:12px;line-height:1.5;max-width:none;text-align:left;font-weight:450}
.home-page .home-hero .viewer-toolbar .bench-caption>span:last-child:before{content:none}
.home-page .home-hero .hero-project-cta{order:4;display:flex;width:100%;min-height:50px;justify-content:space-between;margin:7px 0 0;padding:0 15px;font-size:14px}
.home-page .home-hero .viewer-load-message,.home-page .home-hero .static-appearance-note{grid-column:1;grid-row:2}
.home-page .home-hero .construction-key{grid-column:1;grid-row:3}
.home-page .home-hero .detail-panel{grid-column:1/-1;grid-row:4}
.home-page .home-hero .mobile-steps{grid-column:1;grid-row:3}
.home-page .material-heading h2,.home-page .collection-heading h2{letter-spacing:-.035em}
.home-page .collection-heading h2{font-size:38px}
@media(min-width:701px) and (max-width:1199px){
 .home-page .home-hero{padding-top:31px;padding-bottom:30px}
 .home-page .home-hero .hero-copy{grid-template-columns:minmax(0,1fr) 210px;gap:30px;margin-bottom:26px}
 .home-page .home-hero .hero-copy h1{font-size:clamp(108px,15.6vw,185px);line-height:.9}
 .home-page .home-hero .hero-introduction .eyebrow{font-size:10px;margin-bottom:11px}
 .home-page .home-hero .hero-introduction>p:not(.eyebrow){font-size:13px;line-height:1.6}
 .home-page .home-hero .bench-stage{grid-template-columns:minmax(0,1fr) 210px;gap:0 30px}
 .home-page .home-hero .bench-stage #product-viewer{aspect-ratio:1.38;align-self:center}
 .home-page .home-hero .viewer-toolbar{padding:16px 0 0;gap:13px}
 .home-page .home-hero .current-material-control>img{width:49px;height:35px}
 .home-page .home-hero .current-material-control strong{font-size:16px}
 .home-page .home-hero .viewer-toolbar .bench-caption,.home-page .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px}
 .home-page .home-hero .hero-project-cta{font-size:13px;min-height:46px;margin-top:4px}
}
@media(max-width:700px){
 .home-page .home-hero{display:block;padding:26px 6vw 24px}
 .home-page .home-hero .hero-copy{display:block;margin:0 0 15px}
 .home-page .home-hero .hero-copy h1{font-size:clamp(84px,27vw,175px);line-height:.86;letter-spacing:-.018em;margin:0 0 21px;white-space:nowrap}
 .home-page .home-hero .hero-introduction{padding:0;display:block}
 .home-page .home-hero .hero-introduction .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.055em;margin:0 0 8px}
 .home-page .home-hero .hero-introduction>p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:360px;margin:0}
 .home-page .home-hero .bench-stage{display:block}
 .home-page .home-hero .bench-stage #product-viewer{width:100vw;max-width:100vw;margin:0 -6vw;height:auto;min-height:0;aspect-ratio:1.87}
 .home-page .home-hero .viewer-toolbar{display:grid;grid-template-columns:1fr;gap:6px;margin:0;border:0;border-top:1px solid #b1b8a7;padding:13px 0 0}
 .home-page .home-hero .current-material-control{display:flex;flex-wrap:nowrap;gap:11px;grid-column:1;grid-row:1;min-height:47px}
 .home-page .home-hero .current-material-control>img{width:54px;height:37px}
 .home-page .home-hero .current-material-control strong{font-size:15px}
 .home-page .home-hero .current-material-control .material-change{flex-basis:auto;min-width:113px;margin:0;min-height:44px;padding:0 12px;gap:13px;font-size:12px}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;display:flex;justify-content:flex-start;gap:30px}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:13px!important;min-height:44px;gap:8px}
 .home-page .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;flex-direction:row;gap:7px;align-items:baseline;padding:0 0 3px}
 .home-page .home-hero .viewer-toolbar .bench-caption,.home-page .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:11px;line-height:1.5}
 .home-page .home-hero .viewer-toolbar .bench-caption>span:last-child:before{content:'·';margin-right:7px}
 .home-page .home-hero .hero-project-cta{grid-column:1;grid-row:4;min-height:50px;margin:0;padding:0 15px}
 .home-page .collection-heading h2{font-size:33px}
}
@media(max-width:360px){
 .home-page .home-hero .current-material-control>img{width:44px;height:32px}
 .home-page .home-hero .current-material-control strong{font-size:14px}
 .home-page .home-hero .current-material-control .material-change{min-width:102px;padding:0 10px;gap:8px}
 .home-page .home-hero .viewer-toolbar .bench-caption,.home-page .home-hero .viewer-toolbar .bench-caption>span:last-child{font-size:10px}
}


/* composition-u.css */
/* U: connect the headline, complete frame and continuous tool margin. */
.home-page .home-hero{padding-top:36px;padding-bottom:30px}
.home-page .home-hero .hero-copy{display:flex;justify-content:flex-start;align-items:flex-end;gap:30px;margin:0 0 -36px;position:relative;z-index:2;pointer-events:none}
.home-page .home-hero .hero-copy h1{width:auto;flex:0 0 auto;font-size:clamp(150px,14vw,210px);line-height:.86;margin:0}
.home-page .home-hero .hero-discipline{display:flex;flex-direction:column;position:static;align-self:flex-end;font-size:13px;line-height:1.65;letter-spacing:.03em;color:var(--brand);margin:0 0 9px;max-width:150px;font-weight:550}
.home-page .home-hero .bench-stage #product-viewer{aspect-ratio:1.82}
.home-page .home-hero .viewer-toolbar{border:0;justify-content:center;gap:20px;padding:50px 0 18px}
.home-page .home-hero .tool-introduction{order:0;font-size:17px;line-height:1.55;color:#374131;margin:0 0 5px;padding:0 0 22px;border-bottom:1px solid #b5baac;max-width:24ch;letter-spacing:-.015em}
.home-page .home-hero .viewer-toolbar .bench-actions{padding:2px 0 0;border-bottom:1px solid #b5baac!important}
.home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:13px!important}
.home-page .home-hero .viewer-toolbar .bench-caption{font-size:13px}
.home-page .home-hero .current-material-control small{font-size:13px}
@media(min-width:701px) and (max-width:1199px){
 .home-page .home-hero .hero-copy{gap:21px;margin-bottom:-12px}
 .home-page .home-hero .hero-copy h1{font-size:clamp(108px,15.2vw,175px)}
 .home-page .home-hero .hero-discipline{font-size:12px;max-width:120px;margin-bottom:6px}
 .home-page .home-hero .bench-stage #product-viewer{aspect-ratio:1.2}
 .home-page .home-hero .viewer-toolbar{gap:15px;padding:30px 0 12px}
 .home-page .home-hero .tool-introduction{font-size:15px;padding-bottom:17px;margin-bottom:1px}
}
@media(max-width:700px){
 .home-page .home-hero{padding-top:27px;padding-bottom:26px}
 .home-page .home-hero .hero-copy{display:block;margin:0 0 3px;pointer-events:auto}
 .home-page .home-hero .hero-copy h1{font-size:clamp(84px,27vw,175px);line-height:.86;margin-bottom:16px}
 .home-page .home-hero .hero-discipline{flex-direction:row;gap:14px;font-size:12px;max-width:none;margin:0;line-height:1.5}
 .home-page .home-hero .hero-discipline>span+span:before{content:'/';margin-right:14px}
 .home-page .home-hero .bench-stage #product-viewer{aspect-ratio:1.85}
 .home-page .home-hero .viewer-toolbar{gap:6px;padding:0;border:0}
 .home-page .home-hero .tool-introduction{display:block;grid-column:1;grid-row:1;max-width:34ch;font-size:15px;line-height:1.55;padding:0 0 17px;margin:0 0 8px;border-bottom:1px solid #b5baac}
 .home-page .home-hero .current-material-control{grid-row:2}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-row:3;padding:0;border:0!important}
 .home-page .home-hero .viewer-toolbar .bench-caption{grid-row:4}
 .home-page .home-hero .hero-project-cta{grid-row:5}
}


/* material-u.css */
/* The material chapter compares source photographs at an equal scale. */
.home-page .materials{padding-top:54px;padding-bottom:40px}
.home-page .materials .material-heading{align-items:end;margin-bottom:29px}
.home-page .materials .material-heading h2{font-size:40px}
.home-page .materials .material-heading .eyebrow{display:block;font-size:12px;letter-spacing:.04em;color:#5e6756;margin:0 0 12px}
.home-page .materials .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:25px;align-items:start}
.home-page .materials .material-grid .material-card:nth-child(n){position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-column:auto;grid-row:auto;align-self:start;gap:0;margin:0;padding:0;border:0}
.home-page .materials .material-grid .material-card:nth-child(n) .material-image{position:relative;grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1.69;max-width:none;border:0;overflow:hidden;padding:0;margin:0;background:#28251e}
.home-page .materials .material-grid .material-card:nth-child(n) .material-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:none;transform:none}
.home-page .materials .material-grid .material-card:nth-child(n)>div:not(.material-image){grid-column:1;grid-row:2;margin:15px 0 7px;align-self:start;padding:0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.home-page .materials .material-grid .material-card:nth-child(n) h3{font-size:24px;line-height:1.2;margin:0;letter-spacing:-.025em;font-weight:500}
.home-page .materials .material-grid .material-card:nth-child(n)>.material-reference{grid-column:1;grid-row:3;font-size:13px;line-height:1.5;margin:0;text-align:left;color:#5b6352;align-self:start}
.home-page .materials .material-grid .material-card:nth-child(n)>.material-reference:after{content:none}
.home-page .materials .material-grid .material-card:nth-child(n)>p{display:none}
.home-page .materials .material-card .material-image>span{display:none}
.home-page .materials .material-card[aria-pressed=true] .material-image:after{content:'Selected';position:absolute;left:12px;bottom:12px;display:block;padding:6px 10px;background:#faf8f2;color:#31382d;font-size:12px;line-height:1.4;font-weight:550;letter-spacing:.01em}
.home-page .materials .material-card:hover .material-image img{transform:none;opacity:.92}
.home-page .materials .material-card:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.home-page .materials .material-study-note{font-size:13px;line-height:1.6;margin:22px 0 0;color:#5c6453}
.home-page .materials .material-library-bottom{margin-top:8px}
.home-page .materials .material-scroll-hint{display:none}
@media(min-width:701px) and (max-width:1199px){
 .home-page .materials .material-grid{gap:20px}
 .home-page .materials .material-grid .material-card:nth-child(n) h3{font-size:22px}
 .home-page .materials .material-heading h2{font-size:36px}
}
@media(max-width:700px){
 .home-page .materials{padding-top:35px;padding-bottom:28px}
 .home-page .materials .material-heading{display:block;margin-bottom:23px}
 .home-page .materials .material-heading h2{font-size:33px}
 .home-page .materials .material-heading>p{margin:13px 0 0;font-size:14px;max-width:34ch}
 .home-page .materials .material-heading .eyebrow{margin-bottom:10px;font-size:11px}
 .home-page .materials .material-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:18px;padding:2px 6vw 16px;margin:0 -6vw;scroll-padding-inline:6vw}
 .home-page .materials .material-grid .material-card:nth-child(n){flex:0 0 75vw;width:75vw;max-width:390px;min-width:0;scroll-snap-align:start}
 .home-page .materials .material-grid .material-card:nth-child(n) h3{font-size:23px}
 .home-page .materials .material-grid .material-card:nth-child(n)>.material-reference{font-size:13px}
 .home-page .materials .material-scroll-hint{display:block;margin:9px 0 0;font-size:12px;color:#59634f;letter-spacing:.01em}
 .home-page .materials .material-study-note{font-size:12px;margin-top:16px}
}


/* precision-u.css */
/* U: control legibility and compact mobile reading rhythm.
   Load after the T styles. Viewer grids, images and material layouts stay intact. */

body[data-page="home"] .site-header nav a,
body[data-page="home"] .site-header .menu-toggle {
  min-height: 44px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .01em;
}

body[data-page="home"] .site-header nav a {
  display: inline-flex;
  align-items: center;
}

body[data-page="home"] .site-header .menu-toggle {
  background: transparent;
}

/* One primary action treatment; customization retains its quiet outline. */
body[data-page="home"] .project-link.button {
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #faf8f2;
  border-color: var(--brand, #793b34);
  background: var(--brand, #793b34);
}

body[data-page="home"] .project-link.button:hover {
  background: #65312c;
  border-color: #65312c;
}

body[data-page="home"] .site-header .project-link.button { background:transparent;color:var(--tea);border-color:#a7aa9c; }
body[data-page="home"] .site-header .project-link.button:hover { background:#ebe8de; }
body[data-page="home"] .project-strip .project-link.button { background:#faf8f2;color:var(--brand);border-color:#faf8f2; }
body[data-page="home"] .project-strip .project-link.button:hover { background:#eee9dd; }

.home-page .home-hero .current-material-control .material-change {
  min-height: 44px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tea, #262824);
  background: transparent;
  border: 1px solid #969e8e;
}

.home-page .home-hero .current-material-control:hover .material-change {
  background: #e6e4d9;
}

.home-page .home-hero .current-material-control small,
.home-page .home-hero .viewer-toolbar .bench-caption,
.home-page .home-hero .viewer-toolbar .bench-caption > span:last-child {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #505a47;
}

.home-page .home-hero .viewer-toolbar .bench-actions > * {
  /* Earlier responsive action rules use !important, including below 360px. */
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.5;
  min-height: 44px;
}

body[data-page="home"] .project-link.button > span[aria-hidden],
body[data-page="home"] .menu-toggle > span,
.home-page .home-hero .current-material-control .material-change > span,
.home-page .detail-explore-action > span,
.home-page .underlink > span[aria-hidden],
.home-page .materials .material-studio-link > span,
.home-page .materials .physical-reference > summary > span,
.home-page .making-steps .quality-notes summary > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
}

.home-page .home-hero .viewer-toolbar .bench-actions svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: 1.5;
}

.home-page .materials .material-card:nth-child(n) > .material-reference,
.home-page .materials .material-card[aria-pressed="true"] .material-reference::after,
.home-page .materials .material-study-note,
.home-page .materials .physical-samples figcaption,
.home-page .materials .physical-samples figcaption a,
.home-page .collection-study-note {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

.home-page .materials .material-studio-link,
.home-page .materials .physical-reference > summary,
.home-page .detail-feature[data-detail-observation] .detail-explore-action,
.home-page .making-heading .underlink,
.home-page .making-steps .quality-notes summary,
.home-page .featured > .underlink {
  min-height: 44px;
  font-weight: 500;
}

.home-page .making-heading .underlink,
.home-page .featured > .underlink {
  border: 0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (max-width: 700px) {
  /* The longest current topic takes four lines at 320–390px. Reserve that
     text track, not a tall flex panel with an auto-pushed action. */
  .home-page .detail-feature[data-detail-observation] .detail-topic-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    align-items: start;
    justify-items: start;
    min-height: 0;
    gap: 0;
  }

  .home-page .detail-feature[data-detail-observation] .detail-topic-panel > h3 {
    margin: 0;
    min-block-size: 1.2em;
  }

  .home-page .detail-feature[data-detail-observation] .detail-topic-copy {
    min-block-size: 6.4em;
    min-block-size: 4lh;
    margin: 12px 0 8px;
  }

  .home-page .detail-feature[data-detail-observation] .detail-explore-action {
    margin: 0;
    padding: 0;
    align-self: start;
  }

  .home-page .detail-feature[data-detail-observation] .detail-topic-tabs {
    margin-bottom: 18px;
  }

  /* A compact introduction, its photograph, then one continuous process list. */
  .home-page .making-story {
    padding-top: 30px;
    padding-bottom: 30px;
    row-gap: 16px;
  }

  .home-page .making-heading h2 {
    font-size: 34px;
    line-height: 1.12;
    margin: 0 0 12px;
  }

  .home-page .making-heading > div > p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 2px;
  }

  .home-page .making-heading .underlink {
    justify-content: flex-start;
    gap: 9px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
  }

  .home-page .making-story .craft-photo figcaption {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .home-page .making-story .craft-photo figcaption a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
  }

  .home-page .making-steps .process-grid {
    margin: 0;
    border-top: 1px solid #64705f;
  }

  .home-page .making-steps .process-grid article {
    margin: 0;
    padding: 15px 0;
    border-top: 0;
    border-bottom: 1px solid #64705f;
  }

  .home-page .making-steps .process-grid h3 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
  }

  .home-page .making-steps .process-grid p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  .home-page .making-steps .quality-notes {
    margin: 0;
  }

  .home-page .making-steps .quality-notes summary {
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
  }
}


/* composition-v.css */
/* A single product stage with a shared, horizontal control baseline. */
@media(min-width:1100px){
 .home-page .home-hero{padding-top:32px;padding-bottom:29px}
 .home-page .home-hero .hero-copy{margin-bottom:-6px}
 .home-page .home-hero .hero-copy h1{font-size:clamp(150px,13.5vw,202px)}
 .home-page .home-hero .bench-stage{display:grid;grid-template-columns:1fr;gap:0}
 .home-page .home-hero .bench-stage #product-viewer{grid-column:1;grid-row:1;aspect-ratio:2.7;width:100%;margin:0}
 .home-page .home-hero .bench-stage #product-viewer .studio-poster{object-fit:cover;object-position:center 53%}
 .home-page .home-hero .viewer-toolbar{grid-column:1;grid-row:4;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,1fr) 185px;gap:0 30px;align-items:center;margin:0;padding:22px 0 0;border:0;border-top:1px solid #b5baac}
 .home-page .home-hero .tool-introduction{grid-column:1;grid-row:1/3;order:0;font-size:16px;line-height:1.6;max-width:29ch;margin:0;padding:0;border:0}
 .home-page .home-hero .current-material-control{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:55px minmax(0,1fr);gap:4px 12px;align-self:center}
 .home-page .home-hero .current-material-control>img{grid-column:1;grid-row:1;width:55px;height:38px}
 .home-page .home-hero .current-material-control>span:not(.material-change){grid-column:2;grid-row:1}
 .home-page .home-hero .current-material-control .material-change{grid-column:1/-1;grid-row:2;display:flex;min-height:36px;margin:8px 0 0;padding:0;border:0;border-bottom:1px solid #aeb6a3;justify-content:space-between;width:100%;font-size:13px}
 .home-page .home-hero .current-material-control{min-height:91px}
 .home-page .home-hero .current-material-control strong{font-size:17px;line-height:1.4}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:3;grid-row:1;display:flex;justify-content:space-between;gap:18px;border:0!important;padding:0}
 .home-page .home-hero .viewer-toolbar .bench-caption{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:0;margin:1px 0 0;padding:0;align-self:start}
 .home-page .home-hero .hero-project-cta{grid-column:4;grid-row:1/3;margin:0;min-height:48px;align-self:center}
 .home-page .home-hero .construction-key{grid-column:1;grid-row:3;padding:7px 0 16px}
 .home-page .home-hero .viewer-load-message,.home-page .home-hero .static-appearance-note{grid-column:1;grid-row:2}
 .home-page .home-hero .detail-panel{grid-column:1;grid-row:5}
}
@media(min-width:701px) and (max-width:1099px){
 .home-page .home-hero{padding-top:31px;padding-bottom:28px}
 .home-page .home-hero .hero-copy{margin-bottom:7px;gap:27px}
 .home-page .home-hero .hero-copy h1{font-size:clamp(122px,17vw,170px)}
 .home-page .home-hero .bench-stage{grid-template-columns:1fr;gap:0}
 .home-page .home-hero .bench-stage #product-viewer{grid-column:1;grid-row:1;aspect-ratio:2.05;width:100%;margin:0}
 .home-page .home-hero .viewer-toolbar{grid-column:1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px 25px;margin:0;padding:18px 0 0;border:0;border-top:1px solid #b5baac}
 .home-page .home-hero .tool-introduction{grid-column:1/-1;grid-row:1;max-width:none;margin:0 0 3px;padding:0;border:0;font-size:16px}
 .home-page .home-hero .current-material-control{grid-column:1;grid-row:2;flex-wrap:nowrap;gap:11px;min-height:48px}
 .home-page .home-hero .current-material-control>img{width:52px;height:37px}
 .home-page .home-hero .current-material-control strong{font-size:15px}
 .home-page .home-hero .current-material-control .material-change{flex-basis:auto;min-width:108px;margin:0;padding:0 10px;gap:11px}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:2;grid-row:2;display:flex;gap:12px;justify-content:space-between;border:0!important}
 .home-page .home-hero .viewer-toolbar .bench-caption{grid-column:1;grid-row:3;flex-direction:row;flex-wrap:wrap;gap:3px 8px;align-self:center;align-items:baseline}
 .home-page .home-hero .viewer-toolbar .bench-caption>span:last-child:before{content:'·';margin-right:8px}
 .home-page .home-hero .hero-project-cta{grid-column:2;grid-row:3;min-height:46px;margin:0}
 .home-page .home-hero .construction-key{grid-column:1;grid-row:3;padding:7px 0 14px}
 .home-page .home-hero .viewer-load-message,.home-page .home-hero .static-appearance-note{grid-column:1;grid-row:2}
 .home-page .home-hero .detail-panel{grid-column:1;grid-row:5}
}


/* typography-v.css */
/* V: one display voice for the two library chapters, with quiet technical data.
   Load last. Uses the existing JingsDisplay font; no new font requests. */
.home-page .materials .material-heading h2,
.home-page .featured .collection-heading h2 {
  font-family: JingsDisplay, var(--sans, sans-serif);
  font-size: clamp(60px, 4.5vw, 66px);
  font-weight: 600;
  font-style: normal;
  font-synthesis: none;
  line-height: .98;
  letter-spacing: -.012em;
  text-transform: uppercase;
  text-wrap: balance;
}

.home-page .detail-feature .detail-feature-copy h2,
.home-page .making-heading h2 {
  font-family: var(--sans, sans-serif);
}

.home-page .materials .material-grid .material-card:nth-child(n) > .material-reference,
.home-page .home-hero .viewer-toolbar .bench-caption > span:first-child {
  font-family: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 13px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
  letter-spacing: -.025em;
}

.home-page .materials .material-study-note {
  margin: 14px 0 0;
  font-family: var(--sans, sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .materials .material-library-bottom {
  margin-top: 0;
  row-gap: 0;
}

.home-page .materials .physical-reference .physical-samples {
  margin-top: 8px;
}

/* Captions follow the image edge, never float over it. Preserve the existing
   horizontal insets of the full-bleed macro photograph. */
.home-page .materials .physical-reference .physical-samples figcaption,
.home-page .detail-feature[data-detail-observation] .detail-feature-photo figcaption,
.home-page .making-story .craft-photo figcaption {
  margin-top: 0;
  padding-top: 8px;
  font-family: var(--sans, sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .collection-study-note {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.5;
}

/* These actions have one direct text node followed by a 16px arrow. Draw one
   1px text rule, excluding both the arrow and its gap. This avoids inherited
   text-decoration producing a second little underline beneath the icon. */
.home-page .materials .material-library-bottom .material-studio-link,
.home-page .detail-feature[data-detail-observation] .detail-explore-action,
.home-page .making-heading .underlink,
.home-page .featured .collection-heading .underlink,
.home-page .featured > .underlink {
  position: relative;
  gap: 12px;
  border-bottom: 0;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: calc(100% - 28px) 1px;
  background-position: left calc(50% + .66em);
}

.home-page .materials .material-library-bottom .material-studio-link > span,
.home-page .detail-feature[data-detail-observation] .detail-explore-action > span,
.home-page .making-heading .underlink > span,
.home-page .featured .collection-heading .underlink > span,
.home-page .featured > .underlink > span {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  border: 0;
  background: none;
}

@media (min-width: 701px) and (max-width: 1199px) {
  .home-page .materials .material-heading h2,
  .home-page .featured .collection-heading h2 {
    font-size: 56px;
  }
}

@media (max-width: 700px) {
  .home-page .materials .material-heading h2,
  .home-page .featured .collection-heading h2 {
    font-size: clamp(42px, 11.3vw, 46px);
    line-height: 1;
  }

  .home-page .materials .material-study-note {
    margin-top: 10px;
  }

  .home-page .materials .material-library-bottom {
    margin-top: 0;
    row-gap: 0;
  }
}


/* composition-w.css */
/* A product figure, a single source caption, and three clearly grouped actions. */
.home-page .home-hero #product-viewer.has-studio-poster{overflow:hidden}
.home-page .home-hero .hero-copy{justify-content:space-between;align-items:end}
.home-page .home-hero .hero-discipline{display:block;width:310px;max-width:310px;flex:none;align-self:end;margin:0 0 12px;line-height:1.2;letter-spacing:0}
.home-page .home-hero .hero-discipline>span{display:block;font-size:12px;font-weight:550;letter-spacing:.055em;margin-bottom:13px}
.home-page .home-hero .hero-discipline>strong{display:block;font-size:31px;line-height:1.18;font-weight:500;letter-spacing:-.03em;color:var(--tea)}
.home-page .home-hero .bench-stage>.bench-caption{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px 20px;padding:0 0 14px;margin:0;font-size:12px;line-height:1.5;color:#56604f;border:0}
.home-page .home-hero .bench-stage>.bench-caption>span:first-child{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:12px}
.home-page .home-hero .bench-stage>.bench-caption>span:last-child{font-size:12px;max-width:none;text-align:right;font-weight:400}
.home-page .home-hero .bench-stage>.bench-caption>span:last-child:before{content:none}
.home-page .home-hero .viewer-toolbar .bench-actions{display:flex;gap:0!important;border:1px solid #a7af9d!important;padding:0!important;min-height:48px}
.home-page .home-hero .viewer-toolbar .bench-actions>*{flex:1;display:flex;min-height:46px;justify-content:center!important;padding:0 12px!important;margin:0!important;font-size:13px!important;gap:10px}
.home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle{justify-content:center!important;border-left:1px solid #a7af9d!important}
.home-page .home-hero .current-material-control{display:flex;flex-wrap:nowrap;gap:13px;align-items:center;min-height:48px;width:100%;max-width:480px}
.home-page .home-hero .current-material-control>img{width:60px;height:43px;flex:none}
.home-page .home-hero .current-material-control>span:not(.material-change){flex:1;min-width:0}
.home-page .home-hero .current-material-control .material-change{flex:0 0 auto;display:flex;min-height:48px;min-width:125px;width:auto;margin:0;border:1px solid #a7af9d;padding:0 14px;gap:17px;justify-content:space-between;font-size:13px}
.home-page .detail-feature[data-detail-observation] .detail-feature-copy>h2{font-family:JingsDisplay,var(--sans);font-size:60px;line-height:.98;font-weight:600;letter-spacing:-.012em;text-transform:uppercase;margin-bottom:28px}
@media(min-width:1100px){
 .home-page .home-hero .viewer-toolbar{grid-column:1;grid-row:6;grid-template-columns:minmax(0,1fr) 280px 185px;gap:30px;align-items:center;padding:18px 0 0}
 .home-page .home-hero .current-material-control{grid-column:1;grid-row:1}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:2;grid-row:1;width:100%;max-width:280px;justify-self:center}
 .home-page .home-hero .hero-project-cta{grid-column:3;grid-row:1;margin:0;min-height:48px}
 .home-page .home-hero .bench-stage>.bench-caption{grid-column:1;grid-row:2}
 .home-page .home-hero .static-appearance-note{grid-column:1;grid-row:3}
 .home-page .home-hero .viewer-load-message{grid-column:1;grid-row:4}
 .home-page .home-hero .construction-key{grid-column:1;grid-row:5}
 .home-page .home-hero .detail-panel{grid-column:1;grid-row:7}
}
@media(min-width:701px) and (max-width:1099px){
 .home-page .home-hero .hero-discipline{width:230px;max-width:230px;margin-bottom:6px}
 .home-page .home-hero .hero-discipline>strong{font-size:26px}
 .home-page .home-hero .hero-discipline>span{margin-bottom:10px;font-size:11px}
 .home-page .home-hero .bench-stage #product-viewer .studio-poster{transform:scale(1.08)}
 .home-page .home-hero .viewer-toolbar{grid-row:6;grid-template-columns:minmax(0,1fr) 220px;gap:14px 24px;padding-top:18px}
 .home-page .home-hero .current-material-control{grid-column:1;grid-row:1/3;gap:11px;flex-wrap:wrap;max-width:350px}
 .home-page .home-hero .current-material-control>img{width:53px;height:38px}
 .home-page .home-hero .current-material-control .material-change{flex-basis:100%;margin-top:2px;min-height:44px}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:2;grid-row:1;width:100%;min-height:44px}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{min-height:44px;padding:0 8px!important;gap:7px}
 .home-page .home-hero .hero-project-cta{grid-column:2;grid-row:2;min-height:46px;margin:0}
 .home-page .home-hero .bench-stage>.bench-caption{grid-column:1;grid-row:2}
 .home-page .home-hero .static-appearance-note{grid-column:1;grid-row:3}
 .home-page .home-hero .viewer-load-message{grid-column:1;grid-row:4}
 .home-page .home-hero .construction-key{grid-column:1;grid-row:5}
 .home-page .home-hero .detail-panel{grid-column:1;grid-row:7}
 .home-page .detail-feature[data-detail-observation] .detail-feature-copy>h2{font-size:48px}
}
@media(max-width:700px){
 .home-page .home-hero .hero-copy{display:block;margin-bottom:1px}
 .home-page .home-hero .hero-copy h1{font-size:clamp(77px,24vw,145px);margin-bottom:18px}
 .home-page .home-hero .hero-discipline{display:flex;flex-direction:row;align-items:center;gap:20px;width:100%;max-width:none;margin:0}
 .home-page .home-hero .hero-discipline>span{flex:none;max-width:70px;font-size:11px;line-height:1.5;margin:0}
 .home-page .home-hero .hero-discipline>strong{font-size:19px;line-height:1.25;letter-spacing:-.02em}
 .home-page .home-hero .bench-stage #product-viewer{aspect-ratio:1.65}
 .home-page .home-hero .bench-stage #product-viewer .studio-poster{transform:scale(1.12)}
 .home-page .home-hero .bench-stage>.bench-caption{display:flex;flex-wrap:wrap;padding:0 0 13px;gap:3px 8px;font-size:11px}
 .home-page .home-hero .bench-stage>.bench-caption>span:first-child,.home-page .home-hero .bench-stage>.bench-caption>span:last-child{font-size:11px}
 .home-page .home-hero .viewer-toolbar{display:grid;grid-template-columns:1fr;gap:11px;border-top:1px solid #b5baac;padding:15px 0 0}
 .home-page .home-hero .current-material-control{grid-column:1;grid-row:1;gap:10px;max-width:none}
 .home-page .home-hero .current-material-control>img{width:49px;height:35px}
 .home-page .home-hero .current-material-control .material-change{min-width:110px;min-height:46px;padding:0 11px;gap:13px}
 .home-page .home-hero .current-material-control small{font-size:12px}
 .home-page .home-hero .current-material-control strong{font-size:15px}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:1;grid-row:2;min-height:46px;max-width:none;width:100%}
 .home-page .home-hero .hero-project-cta{grid-column:1;grid-row:3;min-height:48px;margin:0}
 .home-page .detail-feature[data-detail-observation] .detail-feature-copy>h2{font-size:44px;line-height:1;margin-bottom:22px}
}
@media(max-width:360px){
 .home-page .home-hero .hero-discipline{gap:14px}
 .home-page .home-hero .hero-discipline>strong{font-size:17px}
 .home-page .home-hero .current-material-control>img{width:40px;height:32px}
 .home-page .home-hero .current-material-control strong{font-size:14px}
 .home-page .home-hero .current-material-control .material-change{min-width:100px;padding:0 10px;gap:9px}
 .home-page .detail-feature[data-detail-observation] .detail-feature-copy>h2{font-size:40px}
}


/* material-w.css */
/* W: a complete supplier sample photograph and three material choices.
   Requires docs/material-w-markup.html; load after every previous style layer. */
.home-page .materials.material-library-w {
  padding-top: 48px;
  padding-bottom: 32px;
  background: var(--paper, #faf8f2);
}

.home-page .materials.material-library-w .material-heading {
  margin: 0 0 26px;
  align-items: end;
}

.home-page .materials.material-library-w .material-heading > p {
  max-width: none;
  width: auto;
  margin: 0 0 3px;
  font-size: 16px;
  line-height: 1.5;
}

.home-page .materials.material-library-w .material-sample-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 58px);
  align-items: center;
}

.home-page .materials.material-library-w .material-sample-photo {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.home-page .materials.material-library-w .material-sample-photo > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1024 / 683;
  object-fit: contain;
  object-position: center;
  margin: 0;
  padding: 0;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
}

.home-page .materials.material-library-w .material-sample-photo figcaption {
  margin: 0;
  padding: 6px 0 0;
  font: 500 13px/1.5 var(--sans, sans-serif);
  color: #5c6453;
}

.home-page .materials.material-library-w .material-sample-photo figcaption a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.home-page .materials.material-library-w .material-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, auto);
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
}

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) {
  position: relative;
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  grid-template-rows: auto auto;
  grid-column: auto;
  grid-row: auto;
  align-self: stretch;
  align-content: center;
  align-items: center;
  gap: 6px 24px;
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 120px;
  margin: 0;
  padding: 14px 24px 14px 0;
  border: 0;
  border-bottom: 1px solid #cdc8ba;
  border-radius: 0;
  background: transparent;
  color: var(--tea, #262824);
  text-align: left;
  box-shadow: none;
  scroll-snap-align: none;
}

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) .material-image {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: none;
  aspect-ratio: 980 / 580;
  align-self: center;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  background: transparent;
}

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) .material-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
  outline: 0 !important;
}

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) .material-image::after,
.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) > .material-reference::after {
  content: none;
}

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) > .material-name {
  grid-column: 2;
  grid-row: 1;
  display: block;
  align-self: end;
  margin: 0;
  padding: 0;
}

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) h3 {
  margin: 0;
  font-family: var(--sans, sans-serif);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.025em;
  text-decoration: none;
}

.home-page .materials.material-library-w .material-name-break { display: none; }

.home-page .materials.material-library-w .material-grid .material-card:nth-child(n) > .material-reference {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin: 0;
  padding: 0;
  max-width: none;
  color: #59614f;
  font-family: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -.02em;
  text-align: left;
  white-space: nowrap;
}

.home-page .materials.material-library-w .material-grid .material-card[aria-pressed="true"] {
  border-bottom-color: var(--brand, #793b34);
  box-shadow: 0 1px 0 var(--brand, #793b34);
}

.home-page .materials.material-library-w .material-grid .material-card[aria-pressed="true"]::after {
  content: '\2713';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--brand, #793b34);
  font: 500 15px/1 var(--sans, sans-serif);
}

.home-page .materials.material-library-w .material-grid .material-card:hover h3 {
  color: var(--brand, #793b34);
}

.home-page .materials.material-library-w .material-grid .material-card:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 5px;
}

.home-page .materials.material-library-w .material-library-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 24px;
  margin: 18px 0 0;
  padding: 0;
  border: 0;
}

.home-page .materials.material-library-w .material-library-bottom .material-study-note {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .materials.material-library-w .material-library-bottom .material-studio-link {
  margin: 0;
  min-height: 44px;
  font-size: 14px;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .materials.material-library-w .material-sample-layout { gap: 28px; }
  .home-page .materials.material-library-w .material-grid { gap: 8px; }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 5px 16px;
    min-height: 100px;
    padding: 12px 19px 12px 0;
  }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) h3 { font-size: 20px; }
}

@media (max-width: 700px) {
  .home-page .materials.material-library-w { padding-top: 32px; padding-bottom: 24px; }
  .home-page .materials.material-library-w .material-heading { display: block; margin-bottom: 20px; }
  .home-page .materials.material-library-w .material-heading > p { margin: 11px 0 0; font-size: 14px; }
  .home-page .materials.material-library-w .material-sample-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .home-page .materials.material-library-w .material-sample-photo figcaption { font-size: 12px; }
  .home-page .materials.material-library-w .material-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 12px;
  }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0;
    min-height: 0;
    padding: 0 0 11px;
    align-content: start;
  }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) .material-image {
    grid-column: 1;
    grid-row: 1;
  }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) > .material-name {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin: 10px 0 5px;
  }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) h3 {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -.025em;
  }
  .home-page .materials.material-library-w .material-name-break { display: initial; }
  .home-page .materials.material-library-w .material-grid .material-card:nth-child(n) > .material-reference {
    grid-column: 1;
    grid-row: 3;
    font-size: 11px;
    line-height: 1.5;
  }
  .home-page .materials.material-library-w .material-grid .material-card[aria-pressed="true"]::after {
    top: auto;
    bottom: 12px;
    right: 0;
    transform: none;
    font-size: 12px;
  }
  .home-page .materials.material-library-w .material-library-bottom {
    display: block;
    margin-top: 18px;
  }
  .home-page .materials.material-library-w .material-library-bottom .material-study-note {
    font-size: 12px;
    margin-bottom: 1px;
  }
  .home-page .materials.material-library-w .material-library-bottom .material-studio-link { font-size: 13px; }
}


/* material-x.css */
/* X material chapter. Load after W; replace only #materials with the X snippet.
   Every selector is scoped to this section. Source pixels remain unmodified. */
.home-page .materials.material-library-x {
  --mx-paper: var(--paper, #faf8f2);
  --mx-ink: var(--tea, #262824);
  --mx-rule: #c5c6b9;
  padding-top: 54px;
  padding-bottom: 42px;
  background: var(--mx-paper);
  color: var(--mx-ink);
}

.home-page .material-library-x .material-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 30px;
}
.home-page .material-library-x .material-heading h2 {
  margin: 0;
  font-family: JingsDisplay, var(--sans, sans-serif);
  font-size: 64px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.012em;
}
.home-page .material-library-x .material-heading > p {
  width: auto;
  max-width: none;
  margin: 0 0 4px;
  font: 400 16px/1.5 var(--sans, sans-serif);
}

.home-page .material-library-x .mx-composition {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 0;
  row-gap: 24px;
  align-items: start;
}
.home-page .material-library-x .mx-stage {
  grid-column: 1 / 12;
  grid-row: 1;
  min-width: 0;
  margin: 0;
}
.home-page .material-library-x .mx-stage > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2.48;
  object-fit: cover;
  object-position: center;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
  border: 0;
  border-radius: 0;
}
.home-page .material-library-x .mx-stage-caption {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9px 24px;
  max-width: 72%;
  margin: 0;
  padding: 20px 0 0;
}
.home-page .material-library-x #material-stage-name {
  font: 400 36px/1.15 var(--sans, sans-serif);
  letter-spacing: -.035em;
}
.home-page .material-library-x #material-stage-code {
  color: #5a604f;
  font: 400 12px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* A small, complete source photograph crosses the sheet's lower-right edge.
   Its paper margin is a real gap, not a fake depth effect or product card. */
.home-page .material-library-x .mx-physical-reference {
  z-index: 1;
  grid-column: 10 / 13;
  grid-row: 1 / 3;
  align-self: end;
  min-width: 0;
  margin: 0 0 3px -24px;
  padding: 14px 0 0 14px;
  background: var(--mx-paper);
}
.home-page .material-library-x .mx-physical-reference > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1024 / 683;
  object-fit: contain;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
  border: 0;
  border-radius: 0;
}
.home-page .material-library-x .mx-physical-reference figcaption {
  margin: 0;
  padding: 9px 0 0;
  color: #59614f;
  font: 400 12px/1.5 var(--sans, sans-serif);
}
.home-page .material-library-x .mx-physical-reference a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.home-page .material-library-x .mx-physical-reference a > span { display: inline-block; margin-left: 5px; }

.home-page .material-library-x .mx-choices {
  grid-column: 1 / 9;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.home-page .material-library-x .mx-choice {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 82px;
  margin: 0;
  padding: 15px 0 12px;
  border: 0;
  border-top: 1px solid var(--mx-rule);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--mx-ink);
  text-align: left;
  cursor: pointer;
}
.home-page .material-library-x .mx-choice > img {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 42px;
  object-fit: cover;
  border: 0;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
}
.home-page .material-library-x .mx-choice-copy { display: block; min-width: 0; }
.home-page .material-library-x .mx-choice-name {
  display: block;
  font: 400 17px/1.3 var(--sans, sans-serif);
  letter-spacing: -.025em;
  white-space: normal;
}
.home-page .material-library-x .mx-choice-code {
  display: block;
  margin-top: 4px;
  color: #5a604f;
  font: 400 10px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace;
  white-space: nowrap;
}
.home-page .material-library-x .mx-choice-check {
  display: none;
  position: absolute;
  right: 0;
  top: -8px;
  padding-left: 6px;
  background: var(--mx-paper);
  color: var(--brand, #793b34);
  font: 400 13px/1 var(--sans, sans-serif);
}
.home-page .material-library-x .mx-choice[aria-pressed="true"] { border-top-color: var(--brand, #793b34); }
.home-page .material-library-x .mx-choice[aria-pressed="true"] .mx-choice-check { display: block; }
.home-page .material-library-x .mx-choice:hover .mx-choice-name { color: var(--brand, #793b34); }
.home-page .material-library-x .mx-choice:focus-visible,
.home-page .material-library-x a:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 4px;
}
.home-page .material-library-x .mx-bottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 24px;
  margin: 28px 0 0;
  padding-top: 19px;
  border-top: 1px solid var(--mx-rule);
}
.home-page .material-library-x .mx-bottom p {
  margin: 0;
  color: #59614f;
  font: 400 13px/1.5 var(--sans, sans-serif);
}
.home-page .material-library-x .mx-bottom a {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-height: 44px;
  font: 400 14px/1.5 var(--sans, sans-serif);
  text-decoration: none;
}
.home-page .material-library-x .mx-bottom a > span:first-child {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .materials.material-library-x { padding-top: 42px; }
  .home-page .material-library-x .material-heading { align-items: start; }
  .home-page .material-library-x .material-heading h2 { font-size: 56px; }
  .home-page .material-library-x .material-heading > p { max-width: 24ch; padding-top: 4px; }
  .home-page .material-library-x .mx-stage > img { aspect-ratio: 2.05; }
  .home-page .material-library-x .mx-physical-reference { grid-column: 9 / 13; margin-left: 0; }
  .home-page .material-library-x .mx-stage-caption { max-width: 69%; gap: 7px 16px; }
  .home-page .material-library-x #material-stage-name { font-size: 30px; }
  .home-page .material-library-x .mx-choices { grid-column: 1 / 9; gap: 15px; padding-right: 16px; }
  .home-page .material-library-x .mx-choice { display: block; padding-top: 12px; }
  .home-page .material-library-x .mx-choice > img { width: 48px; height: 31px; margin-bottom: 9px; }
  .home-page .material-library-x .mx-choice-name { font-size: 15px; }
}

@media (max-width: 700px) {
  .home-page .materials.material-library-x { padding-top: 34px; padding-bottom: 26px; }
  .home-page .material-library-x .material-heading { display: block; margin-bottom: 23px; }
  .home-page .material-library-x .material-heading h2 { font-size: 44px; white-space: nowrap; }
  .home-page .material-library-x .material-heading > p { margin: 10px 0 0; font-size: 14px; }
  .home-page .material-library-x .mx-composition {
    grid-template-columns: minmax(0, 1fr) minmax(0, .76fr);
    column-gap: 16px;
    row-gap: 21px;
  }
  .home-page .material-library-x .mx-stage { grid-column: 1 / -1; grid-row: 1; }
  .home-page .material-library-x .mx-stage > img { aspect-ratio: 1.22; }
  .home-page .material-library-x .mx-stage-caption {
    display: block;
    max-width: 56%;
    min-height: 91px;
    padding-top: 19px;
  }
  .home-page .material-library-x #material-stage-name { display: block; font-size: 26px; line-height: 1.12; }
  .home-page .material-library-x #material-stage-code { display: block; margin-top: 9px; font-size: 11px; }
  .home-page .material-library-x .mx-physical-reference {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin: 0 0 3px;
    padding: 9px 0 0 9px;
  }
  .home-page .material-library-x .mx-physical-reference figcaption { font-size: 11px; line-height: 1.4; padding-top: 6px; }
  .home-page .material-library-x .mx-physical-reference a > span { margin-left: 3px; }
  .home-page .material-library-x .mx-choices {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
  }
  .home-page .material-library-x .mx-choice {
    order: 1;
    display: block;
    min-height: 0;
    padding: 13px 0 2px;
  }
  .home-page .material-library-x .mx-choice > img { width: 40px; height: 27px; margin-bottom: 8px; }
  .home-page .material-library-x .mx-choice-name { font-size: 15px; }
  .home-page .material-library-x .mx-choice-code { font-size: 10px; margin-top: 4px; }
  .home-page .material-library-x .mx-choice[aria-pressed="true"] {
    order: 0;
    grid-column: 1 / -1;
    display: flex;
    gap: 13px;
    min-height: 73px;
    margin-bottom: 11px;
    padding: 12px 24px 12px 0;
  }
  .home-page .material-library-x .mx-choice[aria-pressed="true"] > img { width: 58px; height: 39px; flex-basis: 58px; margin: 0; }
  .home-page .material-library-x .mx-choice[aria-pressed="true"] .mx-choice-name { font-size: 18px; }
  .home-page .material-library-x .mx-choice[aria-pressed="true"] .mx-choice-check { top: 50%; transform: translateY(-50%); }
  .home-page .material-library-x .mx-bottom { display: block; margin-top: 23px; padding-top: 15px; }
  .home-page .material-library-x .mx-bottom p { font-size: 12px; }
  .home-page .material-library-x .mx-bottom a { gap: 12px; font-size: 13px; margin-top: 3px; }
}

@media (max-width: 360px) {
  .home-page .material-library-x .material-heading h2 { font-size: 38px; }
  .home-page .material-library-x .mx-composition { column-gap: 11px; }
  .home-page .material-library-x #material-stage-name { font-size: 24px; }
  .home-page .material-library-x .mx-stage-caption { max-width: 53%; }
  .home-page .material-library-x .mx-choice-name { font-size: 14px; }
}


/* detail-x.css */
/* X: useful concept edge-profile studies within the existing observation.
   No macro crop, annotation coordinates, source pixels or model geometry change. */
.home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-feature-copy > h2 {
  font-family: var(--sans, sans-serif);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-transform: none;
  margin-bottom: 22px;
}

.home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-topic-tabs {
  margin-bottom: 20px;
}

.home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-topic-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  align-items: start;
  justify-items: start;
  gap: 0;
  min-height: 0;
}

.home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-topic-panel > h3 {
  min-block-size: 1.25em;
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
}

.home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-topic-copy {
  max-width: none;
  min-block-size: 4.65em;
  min-block-size: 3lh;
  margin: 10px 0 14px;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 500;
}

/* Overlaid in the same grid cell: inactive studies remain measurable so every
   topic has the same support height. aria-hidden + inert remove their content
   from interaction/accessibility while visibility keeps them out of view. */
.home-page .detail-observation-x .detail-topic-support {
  display: grid;
  width: 100%;
  min-width: 0;
  margin: 0 0 12px;
}

.home-page .detail-observation-x .detail-support-content {
  grid-area: 1 / 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  pointer-events: none;
}

.home-page .detail-observation-x .detail-support-content.is-active {
  visibility: visible;
  pointer-events: auto;
}

.home-page .detail-observation-x .detail-profile-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.home-page .detail-observation-x .detail-profile-example svg {
  display: block;
  width: 140px;
  max-width: 100%;
  height: 82px;
  margin: 0;
  overflow: visible;
}

.home-page .detail-observation-x .profile-section {
  fill: #e5ddcf;
  stroke: #736f60;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.home-page .detail-observation-x .profile-edge {
  fill: none;
  stroke: var(--brand, #793b34);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.home-page .detail-observation-x .detail-profile-example > span {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #393e33;
}

.home-page .detail-observation-x .detail-profile-study > figcaption,
.home-page .detail-observation-x .detail-review-points > small {
  display: block;
  position: static;
  margin: 11px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #625e53;
  font-family: var(--sans, sans-serif);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .detail-observation-x .detail-review-points {
  padding-top: 13px;
  border-top: 1px solid #c9c2b5;
}

.home-page .detail-observation-x .detail-review-points h4 {
  margin: 0 0 9px;
  font: 600 14px/1.5 var(--sans, sans-serif);
  color: #393e33;
}

.home-page .detail-observation-x .detail-review-points p {
  margin: 0;
  color: #484b40;
  font-size: 15px;
  line-height: 1.65;
}

.home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-explore-action {
  margin: 0;
  padding: 0;
  min-height: 44px;
  align-self: start;
}

@media (max-width: 700px) {
  .home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-feature-copy > h2 {
    font-size: 32px;
    margin-bottom: 18px;
  }
  .home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-topic-panel > h3 {
    font-size: 23px;
  }
  .home-page .detail-feature.detail-observation-x[data-detail-observation] .detail-topic-copy {
    margin: 10px 0 9px;
  }
  .home-page .detail-observation-x .detail-profile-pair { gap: 16px; }
  .home-page .detail-observation-x .detail-profile-example svg { height: 76px; }
  .home-page .detail-observation-x .detail-topic-support { margin-bottom: 8px; }
}


/* precision-x.css */
/* Two display anchors: material identity and its library. Supporting chapters
   use the body family; controls belong to a quiet, continuous product bar. */
.home-page .home-hero .current-material-control{border:0;border-bottom:1px solid #b5baac;padding:0 0 7px}
.home-page .home-hero .current-material-control .material-change{border:0;min-width:110px;padding:0 7px;background:transparent;color:var(--brand)}
.home-page .home-hero .current-material-control:hover .material-change{background:transparent;text-decoration:underline;text-underline-offset:4px}
.home-page .home-hero .viewer-toolbar .bench-actions{border:0!important;border-bottom:1px solid #b5baac!important}
.home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle{border-left:0!important}
.home-page .featured .collection-heading h2{font-family:var(--sans);font-size:38px;font-weight:500;line-height:1.15;letter-spacing:-.035em;text-transform:none}
@media(max-width:700px){
 .home-page .home-hero .current-material-control .material-change{min-width:105px;padding:0 5px}
 .home-page .featured .collection-heading h2{font-size:33px}
}


/* composition-y.css */
/* One editorial voice, a compact product toolbar, and a photographic sample chapter. */
.home-page .materials .material-heading h2,
.home-page .featured .collection-heading h2,
.home-page .making-heading h2,
.home-page .project-strip h2 {
 font-family:JingsDisplay,var(--sans);font-size:58px;font-weight:600;line-height:1.02;letter-spacing:-.012em;text-transform:uppercase;
}
.home-page .featured .collection-heading{align-items:end;margin-bottom:30px}
.home-page .project-strip h2{font-size:62px;line-height:1;max-width:600px}
.home-page .making-story{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);grid-template-rows:auto 1fr;gap:22px 6vw;align-items:start;padding:64px 5vw 58px}
.home-page .making-heading{display:contents}
.home-page .making-heading>div{grid-column:2;grid-row:1;max-width:410px}
.home-page .making-heading h2{font-size:60px;max-width:400px;margin:0 0 20px}
.home-page .making-heading>div>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:35ch;margin:0 0 10px}
.home-page .making-heading .underlink{margin:0;min-height:44px}
.home-page .making-heading>.craft-photo{grid-column:1;grid-row:1/3;width:100%;margin:0;align-self:stretch}
.home-page .craft-photo picture{display:block;height:auto;aspect-ratio:1.18;overflow:hidden;background:#303b34}
.home-page .craft-photo img{width:100%;height:100%;object-fit:cover;object-position:56% 50%;transform:none;filter:grayscale(1) contrast(1.04)}
.home-page .making-story .craft-photo figcaption{padding-top:12px;font-size:12px;line-height:1.5;margin:0}
.home-page .making-story .craft-photo figcaption a{font-size:12px}
.home-page .making-body{grid-column:2;grid-row:2;display:block;width:100%;margin:0;padding:0}
.home-page .making-steps .process-grid{display:block;border:0;margin:0}
.home-page .making-steps .process-grid article{display:block;padding:17px 0;border:0;border-top:1px solid #64705f;margin:0}
.home-page .making-steps .process-grid h3{font-size:18px;line-height:1.4;margin:0 0 6px}
.home-page .making-steps .process-grid p{font-size:14px;line-height:1.6;margin:0}
.home-page .making-steps .quality-notes{margin:0;border-top:1px solid #64705f}
.home-page .making-steps .quality-notes summary{min-height:44px;margin:0;padding:12px 0;font-size:13px}
@media(min-width:701px) and (max-width:1099px){
 .home-page .home-hero .viewer-toolbar{grid-template-columns:minmax(0,1fr) 180px 140px;gap:12px;align-items:center}
 .home-page .home-hero .current-material-control{grid-column:1;grid-row:1;flex-wrap:nowrap;max-width:none;min-height:48px;padding:0;gap:8px;border:0}
 .home-page .home-hero .current-material-control>img{width:42px;height:32px}
 .home-page .home-hero .current-material-control small{display:none}
 .home-page .home-hero .current-material-control strong{font-size:14px}
 .home-page .home-hero .current-material-control .material-change{flex-basis:auto;min-width:76px;min-height:44px;padding:0;gap:7px;font-size:12px}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:2;grid-row:1;min-height:44px}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;padding:0 5px!important;gap:6px}
 .home-page .home-hero .hero-project-cta{grid-column:3;grid-row:1;min-height:46px;padding:0 12px;gap:8px;font-size:12px}
 .home-page .making-story{grid-template-columns:minmax(0,1.2fr) minmax(275px,1fr);gap:17px 4vw;padding:46px 5vw}
 .home-page .making-heading h2{font-size:48px}
 .home-page .making-heading>div>p:not(.eyebrow){font-size:14px}
 .home-page .craft-photo picture{height:100%;min-height:470px;aspect-ratio:auto}
 .home-page .materials .material-heading h2,.home-page .featured .collection-heading h2,.home-page .project-strip h2{font-size:50px}
}
@media(max-width:700px){
 .home-page .home-hero .viewer-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1.35fr);gap:10px 9px;padding-top:12px}
 .home-page .home-hero .current-material-control{grid-column:1/-1;grid-row:1;min-height:46px;padding:0;border:0}
 .home-page .home-hero .viewer-toolbar .bench-actions{display:contents!important}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{grid-row:2;min-width:0;min-height:46px;font-size:12px!important;padding:0!important;gap:7px;white-space:nowrap;border-bottom:1px solid #b5baac!important}
 .home-page .home-hero .viewer-toolbar .bench-actions #explode-toggle{grid-column:1}
 .home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle{grid-column:2}
 .home-page .home-hero .viewer-toolbar .bench-actions svg{width:13px;height:13px}
 .home-page .home-hero .viewer-toolbar .hero-project-cta{grid-column:3;grid-row:2;min-width:0;min-height:46px;margin:0;padding:0 9px;font-size:12px;gap:7px;justify-content:center;white-space:nowrap}
 .home-page .materials .material-heading h2,.home-page .featured .collection-heading h2,.home-page .project-strip h2{font-size:42px;line-height:1.02}
 .home-page .making-story{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:22px;padding:35px 6vw}
 .home-page .making-heading>div{grid-column:1;grid-row:1;max-width:none}
 .home-page .making-heading h2{font-size:44px;line-height:1.02;max-width:350px;margin-bottom:14px}
 .home-page .making-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.55;margin:0 0 3px}
 .home-page .making-heading>.craft-photo{grid-column:1;grid-row:2;width:calc(100% + 12vw);margin:0 -6vw;align-self:start}
 .home-page .craft-photo picture{aspect-ratio:1.28;height:auto;min-height:0}
 .home-page .craft-photo img{object-position:55% 50%}
 .home-page .making-story .craft-photo figcaption{padding:6px 6vw 0}
 .home-page .making-story .craft-photo figcaption a{min-height:32px;display:inline-flex;align-items:center}
 .home-page .making-body{grid-column:1;grid-row:3}
 .home-page .making-steps .process-grid article{padding:14px 0}
 .home-page .featured .collection-heading{margin-bottom:24px}
 .home-page .project-strip h2{max-width:360px}
}
@media(max-width:360px){
 .home-page .home-hero .viewer-toolbar .hero-project-cta{padding:0 8px;font-size:12px}
 .home-page .home-hero .viewer-toolbar .hero-project-cta>span{display:none!important}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important;gap:5px}
 .home-page .materials .material-heading h2,.home-page .featured .collection-heading h2,.home-page .project-strip h2{font-size:38px}
 .home-page .making-heading h2{font-size:40px}
}


/* detail-y.css */
/* Y: equal slab sections, with only the right-hand edge treatment changed.
   Retain the X controller, macro crop and annotation coordinate system. */
.home-page .detail-feature.detail-observation-y .detail-observation-body {
  width: 100%;
  max-width: 400px;
  min-width: 0;
  padding: 36px 0;
}

.home-page .detail-feature.detail-observation-y .detail-feature-heading h2 {
  margin: 0 0 22px;
  font-family: JingsDisplay, var(--sans, sans-serif);
  font-size: 48px;
  font-weight: 600;
  font-style: normal;
  font-synthesis: none;
  line-height: 1;
  letter-spacing: -.012em;
  text-transform: uppercase;
}

.home-page .detail-feature.detail-observation-y[data-detail-observation] .detail-feature-copy {
  width: 100%;
  max-width: none;
  padding: 0;
}

.home-page .detail-observation-y .detail-section-direction {
  margin: 0 0 3px;
  color: #5c6153;
  font-family: var(--sans, sans-serif);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .detail-observation-y .detail-profile-pair {
  gap: 18px;
}

.home-page .detail-observation-y .detail-profile-example svg {
  display: block;
  width: 100%;
  max-width: 184px;
  height: auto;
  aspect-ratio: 184 / 100;
  margin: 0;
  overflow: visible;
}

.home-page .detail-observation-y .section-ground {
  fill: #ece6db;
  stroke: none;
}

.home-page .detail-observation-y .section-hatch-line {
  stroke: #b2b0a4;
  stroke-width: .65;
}

.home-page .detail-observation-y .section-outline,
.home-page .detail-observation-y .section-break {
  fill: none;
  stroke: #858778;
  stroke-width: .8;
  vector-effect: non-scaling-stroke;
}

.home-page .detail-observation-y .section-edge {
  fill: none;
  stroke: #343c30;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}

.home-page .detail-observation-y .detail-profile-example > span {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.5;
}

.home-page .detail-observation-y .detail-profile-study > figcaption {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.5;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .detail-feature.detail-observation-y .detail-observation-body { padding: 26px 0; }
}

@media (max-width: 700px) {
  .home-page .detail-feature.detail-observation-y {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .home-page .detail-feature.detail-observation-y .detail-observation-body { display: contents; }
  .home-page .detail-feature.detail-observation-y .detail-feature-heading {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding: 24px 6vw 18px;
  }
  .home-page .detail-feature.detail-observation-y .detail-feature-heading h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1;
  }
  .home-page .detail-feature.detail-observation-y .detail-feature-photo {
    grid-column: 1;
    grid-row: 2;
  }
  .home-page .detail-feature.detail-observation-y[data-detail-observation] .detail-feature-copy {
    grid-column: 1;
    grid-row: 3;
    padding: 18px 6vw 0;
  }
  .home-page .detail-observation-y .detail-profile-pair { gap: 16px; }
}


/* material-y.css */
/* Y: original source texture -> actual A10600 silhouette, not a product photo.
   Load last. The cropped mask preserves the complete original path geometry. */
.home-page .materials.material-library-y {
  --my-paper: var(--paper, #faf8f2);
  --my-ink: var(--tea, #262824);
  --my-rule: #c5c6b9;
  padding-top: 48px;
  padding-bottom: 34px;
  background: var(--my-paper);
  color: var(--my-ink);
}
.home-page .material-library-y .material-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin: 0 0 37px;
}
.home-page .material-library-y .material-heading h2 {
  margin: 0;
  font-family: JingsDisplay, var(--sans, sans-serif);
  font-size: 64px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.012em;
}
.home-page .material-library-y .material-heading > p {
  width: auto;
  max-width: none;
  margin: 0 0 4px;
  font: 400 16px/1.5 var(--sans, sans-serif);
}
.home-page .material-library-y .my-study {
  display: grid;
  grid-template-columns: minmax(0, .185fr) minmax(0, .815fr);
  gap: 44px;
  align-items: center;
}
.home-page .material-library-y .my-source {
  min-width: 0;
  margin: 0 0 40px;
  align-self: center;
}
.home-page .material-library-y .my-source > img {
  display: block;
  width: 176px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 980 / 580;
  object-fit: contain;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
  border: 0;
  border-radius: 0;
}
.home-page .material-library-y .my-source figcaption { margin: 19px 0 0; padding: 0; }
.home-page .material-library-y #material-stage-name {
  display: block;
  font: 400 28px/1.16 var(--sans, sans-serif);
  letter-spacing: -.035em;
}
.home-page .material-library-y #material-stage-code {
  display: block;
  margin-top: 10px;
  color: #59614f;
  font: 400 11px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-variant-numeric: tabular-nums;
}
.home-page .material-library-y .my-form {
  min-width: 0;
  margin: 0;
  padding: 8px 0 0;
}
.home-page .material-library-y .my-form > img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 1284 / 472.5;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: url('/material-study-y.svg');
  mask-image: url('/material-study-y.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-mode: alpha;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
  border: 0;
  border-radius: 0;
}
.home-page .material-library-y .my-form figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
  gap: 4px 11px;
  margin: 0;
  padding: 20px 0 0;
  color: #59614f;
  font: 400 12px/1.5 var(--sans, sans-serif);
  text-align: right;
}
.home-page .material-library-y .my-form-reference {
  font: 400 10px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: .015em;
}
.home-page .material-library-y .my-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 32px 0 0;
  padding: 0;
}
.home-page .material-library-y .my-choice {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  min-height: 77px;
  margin: 0;
  padding: 16px 25px 12px 0;
  border: 0;
  border-top: 1px solid var(--my-rule);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--my-ink);
  text-align: left;
  cursor: pointer;
}
.home-page .material-library-y .my-choice > img {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 33px;
  object-fit: cover;
  border: 0;
  border-radius: 0;
  filter: none;
  transform: none;
}
.home-page .material-library-y .my-choice-copy { display: block; min-width: 0; }
.home-page .material-library-y .my-choice-name {
  display: block;
  font: 400 18px/1.25 var(--sans, sans-serif);
  letter-spacing: -.025em;
  white-space: normal;
}
.home-page .material-library-y .my-choice-code {
  display: block;
  margin-top: 5px;
  color: #59614f;
  font: 400 11px/1.4 ui-monospace, "Cascadia Mono", Consolas, monospace;
  white-space: nowrap;
}
.home-page .material-library-y .my-choice-check {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--brand, #793b34);
  font: 400 14px/1 var(--sans, sans-serif);
}
.home-page .material-library-y .my-choice[aria-pressed="true"] { border-top-color: var(--brand, #793b34); }
.home-page .material-library-y .my-choice[aria-pressed="true"] .my-choice-check { display: block; }
.home-page .material-library-y .my-choice:hover .my-choice-name { color: var(--brand, #793b34); }
.home-page .material-library-y .my-choice:focus-visible,
.home-page .material-library-y a:focus-visible {
  outline: 2px solid var(--brand, #793b34);
  outline-offset: 4px;
}

/* Keep the supplier's complete sample photograph independent of the form study. */
.home-page .material-library-y .my-evidence {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-top: 24px;
  padding-top: 23px;
  border-top: 1px solid var(--my-rule);
}
.home-page .material-library-y .my-evidence figure {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
  margin: 0;
}
.home-page .material-library-y .my-evidence figure > img {
  display: block;
  flex: 0 0 152px;
  width: 152px;
  height: auto;
  aspect-ratio: 1024 / 683;
  object-fit: contain;
  filter: none;
  transform: none;
  border: 0;
  border-radius: 0;
}
.home-page .material-library-y .my-evidence figcaption {
  max-width: 290px;
  margin: 0;
  padding: 0;
  color: #59614f;
  font: 400 13px/1.5 var(--sans, sans-serif);
}
.home-page .material-library-y .my-evidence figcaption a {
  color: var(--my-ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.home-page .material-library-y .my-evidence figcaption a > span { display: inline-block; margin-left: 6px; }
.home-page .material-library-y .my-evidence figcaption p { margin: 10px 0 0; font: inherit; }
.home-page .material-library-y .my-library-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  flex: 0 0 auto;
  min-height: 44px;
  color: var(--my-ink);
  font: 400 14px/1.5 var(--sans, sans-serif);
  text-decoration: none;
}
.home-page .material-library-y .my-library-link > span:first-child {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .materials.material-library-y { padding-top: 40px; padding-bottom: 28px; }
  .home-page .material-library-y .material-heading { margin-bottom: 30px; }
  .home-page .material-library-y .material-heading h2 { font-size: 56px; }
  .home-page .material-library-y .material-heading > p { font-size: 14px; }
  .home-page .material-library-y .my-study { grid-template-columns: minmax(0, .22fr) minmax(0, .78fr); gap: 28px; }
  .home-page .material-library-y .my-source { margin-bottom: 26px; }
  .home-page .material-library-y .my-source > img { width: 128px; }
  .home-page .material-library-y .my-source figcaption { margin-top: 14px; }
  .home-page .material-library-y #material-stage-name { font-size: 24px; }
  .home-page .material-library-y #material-stage-code { font-size: 10px; }
  .home-page .material-library-y .my-form figcaption { padding-top: 16px; font-size: 11px; }
  .home-page .material-library-y .my-choices { gap: 24px; margin-top: 26px; }
  .home-page .material-library-y .my-choice { gap: 11px; padding-right: 19px; }
  .home-page .material-library-y .my-choice > img { width: 40px; height: 28px; flex-basis: 40px; }
  .home-page .material-library-y .my-choice-name { font-size: 16px; }
  .home-page .material-library-y .my-choice-code { font-size: 10px; }
  .home-page .material-library-y .my-evidence { gap: 24px; }
  .home-page .material-library-y .my-evidence figure { gap: 15px; }
  .home-page .material-library-y .my-evidence figure > img { width: 112px; flex-basis: 112px; }
  .home-page .material-library-y .my-evidence figcaption { max-width: 220px; font-size: 12px; }
  .home-page .material-library-y .my-library-link { font-size: 12px; gap: 12px; }
}

@media (max-width: 700px) {
  .home-page .materials.material-library-y { padding-top: 32px; padding-bottom: 24px; }
  .home-page .material-library-y .material-heading { display: block; margin-bottom: 27px; }
  .home-page .material-library-y .material-heading h2 { font-size: 44px; white-space: nowrap; }
  .home-page .material-library-y .material-heading > p { margin: 10px 0 0; font-size: 14px; }
  .home-page .material-library-y .my-study { display: flex; flex-direction: column; gap: 22px; }
  .home-page .material-library-y .my-form { order: 0; width: 100%; padding: 0; }
  .home-page .material-library-y .my-form figcaption { justify-content: flex-start; gap: 4px 8px; padding-top: 13px; font-size: 11px; text-align: left; }
  .home-page .material-library-y .my-form-reference { font-size: 10px; }
  .home-page .material-library-y .my-source {
    order: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin: 0;
  }
  .home-page .material-library-y .my-source > img { width: 84px; flex: 0 0 84px; }
  .home-page .material-library-y .my-source figcaption { margin: 0; min-width: 0; }
  .home-page .material-library-y #material-stage-name { font-size: 25px; }
  .home-page .material-library-y #material-stage-code { margin-top: 7px; font-size: 10px; }
  .home-page .material-library-y .my-choices { margin-top: 25px; gap: 14px; }
  .home-page .material-library-y .my-choice {
    display: block;
    min-height: 0;
    padding: 12px 0 0;
  }
  .home-page .material-library-y .my-choice > img { width: 30px; height: 21px; margin-bottom: 9px; }
  .home-page .material-library-y .my-choice-name { font-size: 14px; line-height: 1.25; }
  .home-page .material-library-y .my-choice-code { margin-top: 5px; font-size: 10px; }
  .home-page .material-library-y .my-choice-check { top: 17px; transform: none; font-size: 11px; }
  .home-page .material-library-y .my-evidence {
    display: block;
    margin-top: 24px;
    padding-top: 20px;
  }
  .home-page .material-library-y .my-evidence figure { gap: 16px; }
  .home-page .material-library-y .my-evidence figure > img { width: 96px; flex-basis: 96px; }
  .home-page .material-library-y .my-evidence figcaption { max-width: none; font-size: 11px; line-height: 1.45; }
  .home-page .material-library-y .my-evidence figcaption a > span { margin-left: 4px; }
  .home-page .material-library-y .my-evidence figcaption p { margin-top: 6px; }
  .home-page .material-library-y .my-library-link { margin-top: 11px; font-size: 13px; gap: 13px; }
}

@media (max-width: 360px) {
  .home-page .material-library-y .material-heading h2 { font-size: 38px; }
  .home-page .material-library-y .my-choices { gap: 10px; }
  .home-page .material-library-y #material-stage-name { font-size: 23px; }
  .home-page .material-library-y .my-source > img { width: 70px; flex-basis: 70px; }
  .home-page .material-library-y .my-evidence figure { gap: 13px; }
  .home-page .material-library-y .my-evidence figure > img { width: 83px; flex-basis: 83px; }
}


/* composition-z.css */
/* The product owns its viewing controls; project actions have their own space. */
.home-page .featured .collection-heading h2{font-family:var(--sans);font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.035em;text-transform:none}
.home-page .project-strip h2{font-size:58px}
@media(min-width:701px) and (max-width:1099px){
 .home-page .home-hero .viewer-toolbar{grid-template-columns:minmax(0,1fr) 190px 140px}
 .home-page .home-hero .viewer-toolbar .hero-project-cta{font-size:12px;line-height:1.4;white-space:nowrap;padding:0 12px;gap:8px}
 .home-page .home-hero .viewer-toolbar .hero-project-cta>span{font-size:14px;flex:none;width:14px}
 .home-page .featured .collection-heading h2{font-size:34px}
}
@media(max-width:700px){
 .home-page .home-hero .bench-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:0;position:relative}
 .home-page .home-hero .bench-stage #product-viewer{grid-column:1/-1;grid-row:1}
 .home-page .home-hero .bench-stage>.bench-caption{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:56px;margin:0;padding:5px 0 12px;border-bottom:1px solid #b5baac}
 .home-page .home-hero .bench-stage>.bench-caption>span:last-child{font-size:11px;text-align:left;line-height:1.5}
 .home-page .home-hero .viewer-toolbar{display:contents;border:0;padding:0;margin:0}
 .home-page .home-hero .viewer-toolbar .bench-actions{grid-column:2;grid-row:2;display:flex!important;align-items:center;align-self:stretch;justify-content:flex-end;gap:12px!important;border:0!important;border-bottom:1px solid #b5baac!important;padding:0 0 8px!important;margin:0;min-height:56px}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{flex:0 1 auto;grid-column:auto;grid-row:auto;min-height:44px;min-width:0;font-size:12px!important;gap:5px;border:0!important;padding:0!important;margin:0!important;white-space:nowrap}
 .home-page .home-hero .viewer-toolbar .bench-actions svg{width:13px;height:13px;flex:none}
 .home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle{border:0!important}
 .home-page .home-hero .static-appearance-note{grid-column:1/-1;grid-row:3}
 .home-page .home-hero .viewer-load-message{grid-column:1/-1;grid-row:4}
 .home-page .home-hero .construction-key{grid-column:1/-1;grid-row:5}
 .home-page .home-hero .current-material-control{grid-column:1/-1;grid-row:6;min-height:48px;max-width:none;margin:13px 0 0;padding:0;border:0}
 .home-page .home-hero .viewer-toolbar .hero-project-cta{grid-column:1/-1;grid-row:7;min-height:48px;margin-top:12px;padding:0 16px;font-size:14px;line-height:1.5;justify-content:space-between;white-space:nowrap}
 .home-page .home-hero .viewer-toolbar .hero-project-cta>span{display:inline-flex!important}
 .home-page .home-hero .detail-panel{grid-column:1/-1;grid-row:8}
 .home-page .featured .collection-heading h2{font-size:32px}
 .home-page .project-strip h2{font-size:42px}
}
@media(max-width:360px){
 .home-page .home-hero .bench-stage{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
 .home-page .home-hero .viewer-toolbar .bench-actions{gap:9px!important}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important;gap:4px}
 .home-page .home-hero .bench-stage>.bench-caption>span:first-child{font-size:10px}
 .home-page .home-hero .bench-stage>.bench-caption>span:last-child{font-size:11px}
 .home-page .project-strip h2{font-size:38px}
}


/* detail-z.css */
/* Z: magnified end details at an equal drawing scale. Keep X behavior and Y's
   mobile heading-before-image layout; change no macro crop or coordinates. */
.home-page .detail-feature.detail-observation-z .detail-feature-heading h2 {
  font-family: var(--sans, sans-serif);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-transform: none;
}

.home-page .detail-observation-z .detail-profile-pair {
  gap: 18px;
}

.home-page .detail-observation-z .detail-profile-example svg {
  display: block;
  width: 136px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 136 / 128;
  margin: 0 0 5px;
  overflow: visible;
}

.home-page .detail-observation-z .section-ground {
  fill: #ece6db;
  stroke: none;
}

.home-page .detail-observation-z .section-hatch-line {
  stroke: #b5b1a5;
  stroke-width: .6;
}

.home-page .detail-observation-z .section-outline,
.home-page .detail-observation-z .section-continuation {
  fill: none;
  stroke: #898a7d;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.home-page .detail-observation-z .section-continuation {
  stroke-dasharray: 3 4;
  opacity: .65;
}

.home-page .detail-observation-z .section-edge {
  fill: none;
  stroke: #8a574d;
  stroke-width: 1.8;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}

.home-page .detail-observation-z .detail-profile-example > span {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.home-page .detail-observation-z .detail-profile-study > figcaption {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 700px) {
  .home-page .detail-feature.detail-observation-z .detail-feature-heading h2 {
    font-size: 32px;
    line-height: 1.12;
  }
  .home-page .detail-observation-z .detail-profile-pair { gap: 16px; }
}


/* material-z.css */
/* Z: a static concept photograph beside independently selectable original references.
   Load last. Do not synchronize #material-trio-image with the material selection. */
.home-page .materials.material-library-z {
  --mz-ink: var(--tea, #262824);
  --mz-rule: #c5c6b9;
  padding-top: 36px;
  padding-bottom: 30px;
  background: var(--paper, #faf8f2);
  color: var(--mz-ink);
}
.home-page .material-library-z .mz-shell { width: 100%; max-width: 1120px; margin: 0 auto; }
.home-page .material-library-z .material-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin: 0 0 22px;
}
.home-page .material-library-z .material-heading h2 {
  margin: 0;
  font-family: var(--sans, Manrope, sans-serif);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.035em;
  text-transform: none;
  font-synthesis: none;
}
.home-page .material-library-z .material-heading > p {
  width: auto;
  max-width: none;
  margin: 0;
  font: 400 14px/1.5 var(--sans, Manrope, sans-serif);
}
.home-page .material-library-z .mz-main {
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.home-page .material-library-z .mz-study { min-width: 0; margin: 0; }
.home-page .material-library-z .mz-study > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  filter: none;
  transform: none;
  mix-blend-mode: normal;
}
.home-page .material-library-z .mz-study figcaption {
  margin: 0;
  padding: 7px 0 0;
  color: #59614f;
  font: 400 11px/1.5 var(--sans, Manrope, sans-serif);
}
.home-page .material-library-z .mz-reference-panel { min-width: 0; }
.home-page .material-library-z .mz-choices { display: grid; grid-template-columns: 1fr; gap: 0; }
.home-page .material-library-z .mz-choice {
  position: relative;
  display: flex;
  align-items: center;
  gap: 17px;
  width: 100%;
  min-width: 0;
  min-height: 80px;
  margin: 0;
  padding: 15px 22px 15px 0;
  border: 0;
  border-bottom: 1px solid var(--mz-rule);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--mz-ink);
  text-align: left;
  cursor: pointer;
}
.home-page .material-library-z .mz-choice:first-child { padding-top: 0; min-height: 65px; }
.home-page .material-library-z .mz-choice > img {
  display: block;
  flex: 0 0 68px;
  width: 68px;
  height: auto;
  aspect-ratio: 980 / 580;
  object-fit: contain;
  border: 0;
  filter: none;
  transform: none;
}
.home-page .material-library-z .mz-choice-name {
  display: block;
  font: 400 19px/1.25 var(--sans, Manrope, sans-serif);
  letter-spacing: -.025em;
}
.home-page .material-library-z .mz-choice-code {
  display: block;
  margin-top: 5px;
  color: #59614f;
  font: 400 11px/1.4 ui-monospace, "Cascadia Mono", Consolas, monospace;
}
.home-page .material-library-z .mz-choice-check {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font: 400 13px/1 var(--sans, Manrope, sans-serif);
  color: var(--brand, #793b34);
}
.home-page .material-library-z .mz-choice:first-child .mz-choice-check { margin-top: -7px; }
.home-page .material-library-z .mz-choice[aria-pressed="true"] { border-bottom-color: var(--brand, #793b34); }
.home-page .material-library-z .mz-choice[aria-pressed="true"] .mz-choice-check { display: block; }
.home-page .material-library-z .mz-choice:hover .mz-choice-name { color: var(--brand, #793b34); }
.home-page .material-library-z .mz-choice:focus-visible,
.home-page .material-library-z a:focus-visible { outline: 2px solid var(--brand, #793b34); outline-offset: 4px; }
.home-page .material-library-z .mz-current {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 11px;
  min-width: 0;
  margin-top: 19px;
}
.home-page .material-library-z .mz-current > img {
  display: block;
  width: 36px;
  height: auto;
  aspect-ratio: 980 / 580;
  object-fit: contain;
  flex: 0 0 36px;
}
.home-page .material-library-z .mz-current-label { display: block; font: 400 10px/1.4 var(--sans, Manrope, sans-serif); color: #59614f; }
.home-page .material-library-z #material-stage-name { display: block; font: 400 13px/1.4 var(--sans, Manrope, sans-serif); }
.home-page .material-library-z #material-stage-code { font: 400 10px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace; color: #59614f; margin-left: auto; }
.home-page .material-library-z .mz-footer { margin-top: 10px; }
.home-page .material-library-z .mz-library-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 40px;
  color: var(--mz-ink);
  font: 400 13px/1.5 var(--sans, Manrope, sans-serif);
  text-decoration: none;
}
.home-page .material-library-z .mz-library-link > span:first-child { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.home-page .material-library-z .mz-footer p { display: flex; flex-wrap: wrap; gap: 5px 14px; margin: 8px 0 0; color: #59614f; font: 400 11px/1.5 var(--sans, Manrope, sans-serif); }
.home-page .material-library-z .mz-footer p a { text-decoration: underline; text-underline-offset: 3px; }
.home-page .material-library-z .mz-footer p a > span { display: inline-block; margin-left: 4px; }

@media (min-width: 701px) and (max-width: 999px) {
  .home-page .material-library-z .mz-main { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 26px; align-items: center; }
  .home-page .material-library-z .mz-choice { gap: 13px; min-height: 68px; padding-top: 12px; padding-bottom: 12px; }
  .home-page .material-library-z .mz-choice:first-child { min-height: 56px; }
  .home-page .material-library-z .mz-choice > img { width: 53px; flex-basis: 53px; }
  .home-page .material-library-z .mz-choice-name { font-size: 17px; }
  .home-page .material-library-z .mz-choice-code { font-size: 10px; }
  .home-page .material-library-z .mz-current { gap: 6px 8px; margin-top: 16px; }
  .home-page .material-library-z #material-stage-code { flex: 0 0 calc(100% - 44px); margin-left: 44px; }
  .home-page .material-library-z .mz-library-link { font-size: 12px; gap: 11px; }
  .home-page .material-library-z .mz-footer p { gap: 4px; }
}
@media (max-width: 700px) {
  .home-page .materials.material-library-z { padding-top: 30px; padding-bottom: 24px; }
  .home-page .material-library-z .material-heading { display: block; margin-bottom: 18px; }
  .home-page .material-library-z .material-heading h2 { font-size: 32px; }
  .home-page .material-library-z .material-heading > p { display: none; }
  .home-page .material-library-z .mz-main { grid-template-columns: 1fr; gap: 17px; }
  .home-page .material-library-z .mz-study > img { height: clamp(180px, 59vw, 230px); aspect-ratio: auto; object-fit: contain; background: #f6f1e8; }
  .home-page .material-library-z .mz-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .home-page .material-library-z .mz-choice,
  .home-page .material-library-z .mz-choice:first-child { display: block; min-height: 0; padding: 0 0 12px; }
  .home-page .material-library-z .mz-choice > img { width: 40px; margin: 0 0 10px; }
  .home-page .material-library-z .mz-choice-name { font-size: 14px; line-height: 1.25; }
  .home-page .material-library-z .mz-choice-code { margin-top: 5px; font-size: 10px; }
  .home-page .material-library-z .mz-choice-check { top: 6px; transform: none; font-size: 11px; }
  .home-page .material-library-z .mz-choice:first-child .mz-choice-check { margin-top: 0; }
  .home-page .material-library-z .mz-current { margin-top: 15px; gap: 6px 9px; }
  .home-page .material-library-z #material-stage-code { font-size: 10px; }
  .home-page .material-library-z .mz-footer { margin-top: 6px; }
  .home-page .material-library-z .mz-footer p { gap: 4px 12px; margin-top: 4px; font-size: 11px; }
}
@media (max-width: 360px) {
  .home-page .material-library-z .mz-choices { gap: 10px; }
  .home-page .material-library-z #material-stage-code { flex: 0 0 calc(100% - 45px); margin-left: 45px; }
}


/* composition-aa.css */
/* One selected reference, three equally considered mobile collection images. */
.home-page .material-library-z .mz-current[hidden]{display:none!important}
.home-page .material-library-z .mz-choice-name{font-weight:500}
.home-page .material-library-z .mz-choice-code{font-size:12px;color:#4c5547}
.home-page .material-library-z .mz-study figcaption{font-size:12px;color:#4c5547}
.home-page .material-library-z .mz-footer{margin-top:16px}
.home-page .material-library-z .mz-library-link{font-size:14px;min-height:44px}
.home-page .material-library-z .mz-footer p{font-size:12px;line-height:1.65;gap:0;max-width:31ch}
.home-page .material-library-z .mz-footer p a{margin-right:4px}
.home-page .material-library-z .material-heading h2,.home-page .featured .collection-heading h2{font-size:36px;font-weight:550;letter-spacing:-.04em}
.home-page .material-library-z #material-stage-code{font-size:12px}
.home-page .material-library-z .mz-current-label{font-size:12px}
.home-page .material-library-z #material-stage-name{font-size:15px}
@media(max-width:700px){
 .home-page .material-library-z .material-heading h2,.home-page .featured .collection-heading h2{font-size:30px}
 .home-page .material-library-z .mz-choice-name{font-size:14px}
 .home-page .material-library-z .mz-choice-code{font-size:11px}
 .home-page .material-library-z .mz-footer{margin-top:8px}
 .home-page .material-library-z .mz-footer p{max-width:100%;display:block;margin-top:3px}
 .home-page .featured .product-grid{grid-template-columns:1fr;gap:30px}
 .home-page .featured .product-card,.home-page .featured .product-card:first-child,.home-page .featured .product-card:not(:first-child){display:block;grid-column:1;grid-row:auto;margin:0;padding:0;border:0}
 .home-page .featured .product-card .product-photo,.home-page .featured .product-card:first-child .product-photo,.home-page .featured .product-card:not(:first-child) .product-photo{width:100%;height:auto;aspect-ratio:1.5;margin:0 0 12px}
 .home-page .featured .product-card .product-meta,.home-page .featured .product-card:first-child .product-meta,.home-page .featured .product-card:not(:first-child) .product-meta{display:block;grid-template-columns:none;margin:0;padding:0}
 .home-page .featured .product-card .product-meta h3,.home-page .featured .product-card:not(:first-child) .product-meta h3{font-size:22px;line-height:1.3;margin:0 0 6px}
 .home-page .featured .product-card .product-meta>p,.home-page .featured .product-card:not(:first-child) .product-meta>p{font-size:14px;line-height:1.5;margin:0;max-width:100%}
 .home-page .featured .collection-study-note{font-size:12px}
}


/* detail-aa.css */
/* AA: a single editorial study plate. Load after all existing detail styles.
   The source image and SVG retain an identical, centered cover mapping. */
.home-page .detail-feature.detail-observation-aa[data-detail-observation] {
  --detail-paper: #f4f0e7;
  display: block;
  min-height: 0;
  padding: 48px 5vw 42px;
  background: var(--detail-paper);
  border: 0;
}

.home-page .detail-feature.detail-observation-aa .detail-aa-heading {
  display: grid;
  grid-template-columns: minmax(230px, .85fr) minmax(0, 2.25fr);
  align-items: end;
  gap: clamp(32px, 4.5vw, 68px);
  margin: 0 0 25px;
  padding: 0;
}

.home-page .detail-feature.detail-observation-aa .detail-feature-heading h2 {
  margin: 0;
  font-family: var(--sans, sans-serif);
  font-size: clamp(32px, 2.75vw, 40px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.035em;
  text-transform: none;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-tabs {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #bab7a9;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-tabs > button {
  justify-content: flex-start;
  min-height: 44px;
  padding: 9px 0;
  font-size: 14px;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-panel {
  display: grid;
  grid-template-columns: minmax(230px, .85fr) minmax(0, 2.25fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  justify-items: stretch;
  gap: 20px clamp(32px, 4.5vw, 68px);
  min-height: 0;
  margin: 0;
  padding: 0;
}

/* X updates this heading for assistive technology. The visible tab and section
   title already name the subject, so a second visible headline is unnecessary. */
.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-panel > .detail-aa-topic-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  min-block-size: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-copy {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 29ch;
  min-block-size: 0;
  margin: 0;
  color: #454a3e;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}

.home-page .detail-feature.detail-observation-aa .detail-aa-plate {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  grid-template-columns: minmax(0, 3.4fr) minmax(130px, 1fr);
  align-items: start;
  gap: clamp(20px, 2.5vw, 36px);
  min-width: 0;
}

.home-page .detail-feature.detail-observation-aa .detail-feature-photo {
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-observation-media {
  position: relative;
  width: 100%;
  height: clamp(350px, 30vw, 450px);
  min-height: 0;
  aspect-ratio: auto;
  margin: 0;
  overflow: hidden;
  background: var(--detail-paper);
}

.home-page .detail-feature.detail-observation-aa .detail-observation-media > img {
  object-fit: cover;
  object-position: 50% 50%;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-feature-photo figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  position: static;
  inset: auto;
  max-width: none;
  margin: 0;
  padding: 10px 0 0;
  gap: 3px 16px;
  color: #625e53;
  background: transparent;
  font-size: 12px;
  line-height: 1.45;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-feature-photo figcaption a {
  font-size: inherit;
}

.home-page .detail-feature.detail-observation-aa .detail-topic-support {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.home-page .detail-feature.detail-observation-aa .detail-support-content {
  grid-area: 1 / 1;
  align-self: start;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.home-page .detail-feature.detail-observation-aa .detail-profile-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
}

.home-page .detail-feature.detail-observation-aa .detail-profile-example svg {
  width: 136px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 136 / 128;
  margin: 0 0 4px;
}

.home-page .detail-feature.detail-observation-aa .detail-profile-example > span {
  margin: 0;
  color: #343c30;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.home-page .detail-feature.detail-observation-aa .detail-profile-study > figcaption,
.home-page .detail-feature.detail-observation-aa .detail-review-points > small {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.45;
}

.home-page .detail-feature.detail-observation-aa .detail-review-points {
  padding-top: 12px;
  border-top: 1px solid #bab7a9;
}

.home-page .detail-feature.detail-observation-aa .detail-review-points h4 {
  margin-bottom: 11px;
  font-size: 14px;
  line-height: 1.4;
}

.home-page .detail-feature.detail-observation-aa .detail-review-points p {
  font-size: 14px;
  line-height: 1.55;
}

.home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-explore-action {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  margin: 0;
  padding: 0;
  min-height: 44px;
  font-size: 14px;
}

@media (max-width: 1099px) {
  .home-page .detail-feature.detail-observation-aa .detail-aa-heading {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 28px;
    margin-bottom: 20px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 18px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-copy {
    grid-column: 1;
    grid-row: 1;
    max-width: 55ch;
    font-size: 16px;
  }
  .home-page .detail-feature.detail-observation-aa .detail-aa-plate {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: minmax(0, 3.25fr) minmax(130px, 1fr);
    gap: 26px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-observation-media {
    height: 390px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-explore-action {
    grid-column: 1;
    grid-row: 3;
  }
}

@media (max-width: 700px) {
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] {
    padding: 28px 6vw 24px;
  }
  .home-page .detail-feature.detail-observation-aa .detail-aa-heading {
    display: block;
    margin: 0 0 15px;
    padding: 0;
  }
  .home-page .detail-feature.detail-observation-aa .detail-feature-heading h2 {
    margin: 0 0 16px;
    font-size: 31px;
    line-height: 1.12;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-tabs {
    margin: 0;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-tabs > button {
    justify-content: center;
    padding: 9px 2px;
    font-size: 13px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-panel {
    gap: 16px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-topic-copy {
    max-width: none;
    min-block-size: 4.65em;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
  }
  .home-page .detail-feature.detail-observation-aa .detail-aa-plate {
    grid-template-columns: minmax(0, 1.85fr) minmax(100px, 1fr);
    gap: 15px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-observation-media {
    height: clamp(238px, 68vw, 318px);
    min-height: 0;
    aspect-ratio: auto;
  }
  .home-page .detail-feature.detail-observation-aa .detail-profile-pair {
    gap: 18px;
  }
  .home-page .detail-feature.detail-observation-aa .detail-profile-example svg {
    width: 96px;
    max-width: 100%;
    height: auto;
    margin-bottom: 3px;
  }
  .home-page .detail-feature.detail-observation-aa .detail-profile-example > span {
    font-size: 12px;
    line-height: 1.4;
  }
  .home-page .detail-feature.detail-observation-aa .detail-profile-study > figcaption,
  .home-page .detail-feature.detail-observation-aa .detail-review-points > small {
    margin-top: 14px;
    font-size: 12px;
    line-height: 1.4;
  }
  .home-page .detail-feature.detail-observation-aa .detail-review-points h4 {
    font-size: 13px;
    line-height: 1.4;
  }
  .home-page .detail-feature.detail-observation-aa .detail-review-points p {
    font-size: 13px;
    line-height: 1.5;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-feature-photo figcaption {
    padding: 9px 0 0;
    gap: 3px 12px;
    font-size: 12px;
  }
  .home-page .detail-feature.detail-observation-aa[data-detail-observation] .detail-explore-action {
    min-height: 44px;
    margin-top: -4px;
  }
}


/* composition-ab.css */
/* A shared chapter edge, with one deliberately inset material plate. */
.home-page .material-library-z .mz-shell{max-width:none}
.home-page .material-library-z .mz-main{max-width:1120px;margin:0 auto}
.home-page .material-library-z .material-heading{margin-bottom:30px}
.home-page .material-library-z .mz-study figcaption{font-size:13px}
.home-page .home-hero .viewer-toolbar{gap:24px}
.home-page .home-hero .current-material-control{max-width:440px;border:0!important}
.home-page .home-hero .viewer-toolbar .bench-actions{display:flex!important;gap:0!important;border:1px solid #a8ae9f!important;padding:0!important;min-height:46px;align-items:stretch;width:auto;max-width:none}
.home-page .home-hero .viewer-toolbar .bench-actions>*{display:flex;flex:1 1 auto;justify-content:center!important;align-items:center;min-height:44px;padding:0 14px!important;gap:9px!important;color:var(--tea);border:0!important;font-size:13px!important}
.home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle{border-left:1px solid #a8ae9f!important}
.home-page .home-hero .viewer-toolbar .bench-actions>[aria-pressed="true"]{background:#e2e3d8;color:#252c22}
.home-page .home-hero .viewer-toolbar .bench-actions svg{width:15px;height:15px;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(min-width:1100px){
 .home-page .home-hero .bench-stage #product-viewer[data-exploded="true"][data-detail="overview"]{aspect-ratio:2.05}
 .home-page .home-hero .viewer-toolbar{grid-template-columns:minmax(0,1fr) auto 185px}
 .home-page .home-hero .viewer-toolbar .bench-actions{justify-self:end}
 .home-page .home-hero .current-material-control .material-change{font-size:14px}
}
@media(min-width:701px) and (max-width:1099px){
 .home-page .home-hero .viewer-toolbar{grid-template-columns:minmax(0,1fr) 218px 140px;gap:16px}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;padding:0 10px!important;gap:6px!important}
}
@media(max-width:700px){
 .home-page .home-hero .bench-stage #product-viewer[data-exploded="true"][data-detail="overview"]{aspect-ratio:1.38}
 .home-page .material-library-z .material-heading{margin-bottom:18px}
 .home-page .material-library-z .mz-choice>img{width:64px;margin-bottom:12px}
 .home-page .material-library-z .mz-choice-code{font-size:12px}
 .home-page .home-hero .bench-stage{grid-template-columns:minmax(0,.82fr) minmax(0,1.38fr)}
 .home-page .home-hero .bench-stage>.bench-caption{border:0;min-height:58px;padding-bottom:8px}
 .home-page .home-hero .viewer-toolbar .bench-actions{min-height:46px;height:46px;align-self:center;margin-bottom:8px;align-items:stretch}
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:12px!important;min-height:44px;padding:0 8px!important;gap:5px!important}
 .home-page .home-hero .viewer-toolbar .bench-actions svg{width:13px;height:13px}
 .home-page .home-hero .current-material-control{margin-top:9px;border-top:1px solid #b5baac!important;padding-top:11px}
 .home-page .collection-study-note{font-size:13px}
}
@media(max-width:360px){
 .home-page .home-hero .viewer-toolbar .bench-actions>*{font-size:11px!important;padding:0 7px!important;gap:4px!important}
 .home-page .material-library-z .mz-choice>img{width:56px}
 .home-page .material-library-z .mz-choice-code{font-size:11px}
}


/* detail-ab.css */
/* AB: matched rendered edge studies lead Polish. Load after detail-aa.css.
   X still owns topic state, keyboard behavior and the existing 3D action. */
#capabilities.detail-observation-ab {
  --detail-paper: #f4f0e7;
  --detail-ab-gap: clamp(28px, 4vw, 64px);
  display: block;
  min-height: 0;
  padding: 48px 5vw 42px;
  color: #2c342b;
  background: var(--detail-paper);
  border: 0;
}

#capabilities.detail-observation-ab .detail-aa-heading {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 2.2fr);
  align-items: end;
  gap: var(--detail-ab-gap);
  margin: 0 0 24px;
  padding: 0;
}

#capabilities.detail-observation-ab .detail-feature-heading h2 {
  margin: 0;
  font: 500 clamp(32px, 2.75vw, 40px)/1.12 var(--sans, sans-serif);
  letter-spacing: -.035em;
  text-transform: none;
}

#capabilities.detail-observation-ab .detail-topic-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #bab7a9;
}

#capabilities.detail-observation-ab .detail-topic-tabs > button {
  justify-content: flex-start;
  min-width: 0;
  min-height: 44px;
  padding: 9px 0;
  font-size: 14px;
}

#capabilities.detail-observation-ab .detail-topic-panel {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 2.2fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  justify-items: stretch;
  gap: 14px var(--detail-ab-gap);
  min-height: 0;
  margin: 0;
  padding: 0;
}

/* Preserve the controller's topic heading without duplicating the visible tab. */
#capabilities.detail-observation-ab .detail-aa-topic-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  min-block-size: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

#capabilities.detail-observation-ab .detail-topic-copy {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 30ch;
  min-block-size: 6.2em;
  margin: 0;
  color: #454a3e;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
}

#capabilities.detail-observation-ab .detail-explore-action {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  min-height: 44px;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

#capabilities.detail-observation-ab .detail-aa-plate {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  grid-template-columns: minmax(0, 2.7fr) minmax(170px, 1fr);
  align-items: start;
  gap: 24px;
  min-width: 0;
}

/* The macro remains available to X for Construction and Branding only. */
#capabilities.detail-observation-ab[data-observation-topic="polish"] .detail-feature-photo {
  display: none;
}

#capabilities.detail-observation-ab[data-observation-topic="polish"] .detail-aa-plate {
  grid-template-columns: minmax(0, 1fr);
}

#capabilities.detail-observation-ab .detail-topic-support {
  display: grid;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#capabilities.detail-observation-ab .detail-support-content {
  grid-area: 1 / 1;
  align-self: start;
  width: 100%;
  min-width: 0;
  margin: 0;
}

/* Inactive image studies must not reserve tall empty tracks on other topics. */
#capabilities.detail-observation-ab .detail-support-content:not(.is-active) {
  display: none;
}

#capabilities.detail-observation-ab .detail-support-content.is-active {
  display: block;
  visibility: visible;
  pointer-events: auto;
}

#capabilities.detail-observation-ab .detail-ab-edge-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 22px;
}

#capabilities.detail-observation-ab .detail-ab-edge {
  min-width: 0;
  margin: 0;
  padding: 0;
}

#capabilities.detail-observation-ab .detail-ab-edge img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: contain;
  object-position: center;
  background: var(--detail-paper);
}

#capabilities.detail-observation-ab .detail-ab-edge figcaption {
  display: block;
  position: static;
  inset: auto;
  margin: 10px 0 0;
  padding: 0;
  color: #343c30;
  background: transparent;
  font: 500 15px/1.4 var(--sans, sans-serif);
}

#capabilities.detail-observation-ab .detail-ab-study-caption {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 16px;
  margin: 19px 0 0;
  color: #625e53;
  font-size: 12px;
  line-height: 1.5;
}

#capabilities.detail-observation-ab .detail-ab-study-caption a,
#capabilities.detail-observation-ab .detail-feature-photo figcaption a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

#capabilities.detail-observation-ab .detail-feature-photo {
  display: block;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#capabilities.detail-observation-ab .detail-observation-media {
  position: relative;
  width: 100%;
  height: clamp(240px, 23vw, 310px);
  min-height: 0;
  aspect-ratio: auto;
  margin: 0;
  overflow: hidden;
  background: var(--detail-paper);
}

/* Image and annotation SVG share the original centered cover mapping. */
#capabilities.detail-observation-ab .detail-observation-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

#capabilities.detail-observation-ab .detail-feature-photo figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  position: static;
  inset: auto;
  max-width: none;
  margin: 0;
  padding: 10px 0 0;
  gap: 4px 16px;
  color: #625e53;
  background: transparent;
  font-size: 12px;
  line-height: 1.5;
}

#capabilities.detail-observation-ab .detail-review-points {
  padding-top: 12px;
  border-top: 1px solid #bab7a9;
}

#capabilities.detail-observation-ab .detail-review-points h4 {
  margin: 0 0 10px;
  font: 500 14px/1.45 var(--sans, sans-serif);
}

#capabilities.detail-observation-ab .detail-review-points p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

#capabilities.detail-observation-ab .detail-review-points small {
  display: block;
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 1099px) {
  #capabilities.detail-observation-ab .detail-aa-heading {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 28px;
    margin-bottom: 20px;
  }
  #capabilities.detail-observation-ab .detail-topic-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 12px;
  }
  #capabilities.detail-observation-ab .detail-topic-copy {
    max-width: 65ch;
    min-block-size: 3.1em;
    font-size: 16px;
  }
  #capabilities.detail-observation-ab .detail-explore-action {
    grid-column: 1;
    grid-row: 2;
  }
  #capabilities.detail-observation-ab .detail-aa-plate {
    grid-column: 1;
    grid-row: 3;
    margin-top: 8px;
  }
}

@media (max-width: 700px) {
  #capabilities.detail-observation-ab {
    padding: 30px 6vw 30px;
  }
  #capabilities.detail-observation-ab .detail-aa-heading {
    display: block;
    margin: 0 0 16px;
  }
  #capabilities.detail-observation-ab .detail-feature-heading h2 {
    margin: 0 0 17px;
    font-size: 31px;
  }
  #capabilities.detail-observation-ab .detail-topic-tabs > button {
    justify-content: center;
    padding: 9px 2px;
    font-size: 13px;
  }
  #capabilities.detail-observation-ab .detail-topic-copy {
    max-width: none;
    min-block-size: 4.65em;
    font-size: 15px;
  }
  #capabilities.detail-observation-ab .detail-aa-plate {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 4px;
  }
  #capabilities.detail-observation-ab .detail-ab-edge-pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  #capabilities.detail-observation-ab .detail-ab-edge figcaption {
    margin-top: 8px;
    font-size: 14px;
  }
  #capabilities.detail-observation-ab .detail-ab-study-caption {
    margin-top: 17px;
  }
  #capabilities.detail-observation-ab .detail-observation-media {
    height: clamp(260px, 76vw, 330px);
  }
}


/* detail-ac.css */
/* Matched eyewear corners communicate the edge difference at a useful scale. */
#capabilities.detail-observation-ac .detail-ab-edge img{aspect-ratio:1;object-fit:cover;object-position:center}
#capabilities.detail-observation-ac .detail-topic-copy{min-block-size:4.65em}
#capabilities.detail-observation-ac .detail-explore-action{margin-top:0}
#capabilities.detail-observation-ac .detail-ab-edge-pair{gap:24px}
#capabilities.detail-observation-ac .detail-ab-study-caption{font-size:12px;margin-top:16px}
.home-page .material-library-ac .mz-main{max-width:none;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:42px}
.home-page .material-library-ac .mz-study>img{aspect-ratio:1.65;object-fit:cover;object-position:center}
.home-page .material-library-ac .mz-reference-panel{padding-top:8px}
.home-page .material-library-ac .mz-choice{min-height:93px}
.home-page .material-library-ac .mz-choice:first-child{min-height:78px}
@media(min-width:701px) and (max-width:1099px){
 .home-page .material-library-ac .mz-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}
 .home-page .material-library-ac .mz-study>img{aspect-ratio:1.2}
 .home-page .material-library-ac .mz-choice-name{font-size:17px}
 #capabilities.detail-observation-ac .detail-ab-edge-pair{gap:24px}
}
@media(max-width:700px){
 .home-page .material-library-ac .mz-main{grid-template-columns:minmax(0,1fr);gap:19px}
 .home-page .material-library-ac .mz-study>img{aspect-ratio:1.5}
 .home-page .material-library-ac .mz-reference-panel{padding-top:0}
 .home-page .material-library-ac .mz-choice,.home-page .material-library-ac .mz-choice:first-child{min-height:0}
 #capabilities.detail-observation-ac .detail-ab-edge-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #capabilities.detail-observation-ac .detail-ab-edge img{aspect-ratio:.92}
 #capabilities.detail-observation-ac .detail-ab-edge figcaption{font-size:13px;line-height:1.4;letter-spacing:-.015em}
 #capabilities.detail-observation-ac .detail-topic-copy{min-block-size:3.1em}
 #capabilities.detail-observation-ac .detail-topic-panel{gap:8px}
 #capabilities.detail-observation-ac .detail-aa-plate{margin-top:8px}
}


/* detail-ad.css */
/* A compact comparison of edge character, with the same photographic crop. */
#capabilities.detail-observation-ad{background:#f7f5ef;padding-top:38px;padding-bottom:34px;border-top:1px solid #d7d7cb}
#capabilities.detail-observation-ad .detail-aa-heading{margin-bottom:16px;align-items:center}
#capabilities.detail-observation-ad .detail-feature-heading h2{font-family:JingsDisplay,var(--sans);font-size:46px;font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
#capabilities.detail-observation-ad .detail-topic-copy{min-block-size:0;max-width:27ch;font-size:16px}
#capabilities.detail-observation-ad .detail-topic-panel{grid-template-rows:min-content min-content;row-gap:18px}
#capabilities.detail-observation-ad .detail-intro-ad{grid-column:1;grid-row:1/3;display:block}
#capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action{margin-top:18px}
#capabilities.detail-observation-ad .detail-explore-action{align-self:start}
#capabilities.detail-observation-ad .detail-ab-edge-pair{gap:22px}
#capabilities.detail-observation-ad .detail-ab-edge .edge-window-ad{position:relative;width:100%;aspect-ratio:1.7;overflow:hidden;background:#f1eee5}
#capabilities.detail-observation-ad .detail-ab-edge img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 12%}
#capabilities.detail-observation-ad .edge-comparison-ad{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #b4baaa}
#capabilities.detail-observation-ad .edge-comparison-ad svg{width:70px;height:42px;fill:none;stroke:#793b34;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#capabilities.detail-observation-ad .edge-comparison-ad figcaption{margin:0;font-size:15px;line-height:1.35}
#capabilities.detail-observation-ad .edge-comparison-ad small{display:block;font-size:12px;font-weight:400;color:#62675b;margin-top:3px}
#capabilities.detail-observation-ad .detail-ab-study-caption{margin-top:14px;gap:5px 12px}
@media(min-width:701px) and (max-width:1099px){
 #capabilities.detail-observation-ad .detail-aa-heading{grid-template-columns:1fr 1.3fr}
 #capabilities.detail-observation-ad .detail-feature-heading h2{font-size:40px}
 #capabilities.detail-observation-ad .detail-topic-panel{grid-template-columns:1fr auto;gap:10px 20px}
 #capabilities.detail-observation-ad .detail-intro-ad{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:30px}
 #capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action{flex:none;margin-top:0}
 #capabilities.detail-observation-ad .detail-topic-copy{grid-column:1;grid-row:1;max-width:none;min-block-size:0}
 #capabilities.detail-observation-ad .detail-explore-action{grid-column:2;grid-row:1;align-self:center}
 #capabilities.detail-observation-ad .detail-aa-plate{grid-column:1/-1;grid-row:2;margin-top:6px}
}
@media(max-width:700px){
 #capabilities.detail-observation-ad{padding-top:28px;padding-bottom:28px}
 #capabilities.detail-observation-ad .detail-feature-heading h2{font-size:36px;margin-bottom:12px}
 #capabilities.detail-observation-ad .detail-aa-heading{margin-bottom:13px}
 #capabilities.detail-observation-ad .detail-topic-panel{row-gap:6px}
 #capabilities.detail-observation-ad .detail-intro-ad{grid-column:1/-1;grid-row:1}
 #capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action{margin-top:5px}
 #capabilities.detail-observation-ad .detail-topic-copy{font-size:14px;max-width:none;min-block-size:0}
 #capabilities.detail-observation-ad .detail-aa-plate{margin-top:5px}
 #capabilities.detail-observation-ad .detail-ab-edge-pair{gap:12px}
 #capabilities.detail-observation-ad .detail-ab-edge .edge-window-ad{aspect-ratio:1.08}
 #capabilities.detail-observation-ad .detail-ab-edge img{position:absolute;width:190%;max-width:none;height:auto;left:-60%;top:0;object-fit:contain;object-position:center}
 #capabilities.detail-observation-ad .edge-comparison-ad{grid-template-columns:1fr;gap:6px;margin-top:10px;padding-top:10px}
 #capabilities.detail-observation-ad .edge-comparison-ad svg{width:58px;height:33px}
 #capabilities.detail-observation-ad .edge-comparison-ad figcaption{font-size:13px}
 #capabilities.detail-observation-ad .edge-comparison-ad small{font-size:12px}
}


/* composition-ac.css */
/* AC: one lead frame, two compact references, and a quiet product action row.
   Load after composition-ab.css. No model, caption or action is removed. */
.home-page .home-hero .bench-stage > .bench-caption,
.home-page .home-hero .bench-stage > .bench-caption > span:first-child,
.home-page .home-hero .bench-stage > .bench-caption > span:last-child,
.home-page .home-hero .construction-key,
.home-page .featured .collection-study-note {
  font-size: 12px;
  line-height: 1.5;
}

.home-page .home-hero .bench-stage > .bench-caption {
  gap: 3px 16px;
  margin: 0;
  padding-bottom: 10px;
  color: #56604f;
}

.home-page .home-hero .viewer-toolbar .bench-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 20px !important;
  width: auto;
  max-width: none;
  min-height: 44px;
  height: auto;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
}

.home-page .home-hero .viewer-toolbar .bench-actions > * {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center !important;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 3px !important;
  gap: 7px !important;
  border: 0 !important;
  background: transparent;
  font-size: 13px !important;
  line-height: 1.35;
  white-space: nowrap;
}

.home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle {
  border: 0 !important;
}

.home-page .home-hero .viewer-toolbar .bench-actions > [aria-pressed="true"] {
  color: #793b34;
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

.home-page .home-hero .viewer-toolbar .bench-actions > *:hover {
  color: #793b34;
}

.home-page .home-hero .viewer-toolbar .bench-actions svg {
  width: 14px;
  height: 14px;
  flex: none;
}

.home-page .home-hero .current-material-control {
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0 !important;
}

.home-page .home-hero .current-material-control small {
  display: block;
  font-size: 12px;
  line-height: 1.4;
}

.home-page .home-hero .current-material-control .material-change {
  min-height: 44px;
  margin: 0;
  border: 0;
  background: transparent;
}

.home-page .home-hero .viewer-toolbar .hero-project-cta {
  min-height: 46px;
  margin: 0;
  align-items: center;
}

.home-page .featured .collection-study-note {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
  margin: 18px 0 0;
  color: #625e53;
}

.home-page .featured .collection-study-note a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

@media (min-width: 1100px) {
  /* Resize the stage, then let the viewer's existing ResizeObserver refit all
     supplied vertices. No crop, transform, overflow or part visibility change. */
  .home-page .home-hero:has(#product-viewer[data-exploded="true"][data-detail="overview"]) .hero-copy h1 {
    font-size: clamp(120px, 10.8vw, 160px);
  }
  .home-page .home-hero .bench-stage #product-viewer[data-exploded="true"][data-detail="overview"] {
    aspect-ratio: 2.2;
  }
  .home-page .home-hero .viewer-toolbar {
    grid-template-columns: minmax(0, 1fr) auto 185px;
    gap: 26px;
    padding-top: 12px;
  }
  .home-page .home-hero .construction-key {
    padding: 5px 0 10px;
  }
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .home-hero .viewer-toolbar {
    grid-template-columns: minmax(0, 1fr) 196px 140px;
    align-items: center;
    gap: 14px;
    padding-top: 12px;
  }
  .home-page .home-hero .current-material-control {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    max-width: none;
  }
  .home-page .home-hero .current-material-control > img {
    width: 42px;
    height: 32px;
  }
  .home-page .home-hero .current-material-control strong {
    font-size: 14px;
  }
  .home-page .home-hero .current-material-control .material-change {
    flex: 0 0 auto;
    min-width: 78px;
    padding: 0;
    gap: 6px;
    font-size: 12px;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions {
    grid-column: 2;
    grid-row: 1;
    gap: 14px !important;
    justify-self: end;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions > * {
    padding: 0 !important;
    gap: 6px !important;
    font-size: 12px !important;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta {
    grid-column: 3;
    grid-row: 1;
    font-size: 12px;
  }
}

@media (max-width: 700px) {
  /* Identity and the current material form one unboxed group. The following
     line holds view actions plus the distinct project action. */
  .home-page .home-hero .bench-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(120px, 1fr);
    column-gap: 12px;
    row-gap: 0;
  }
  .home-page .home-hero .bench-stage #product-viewer {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .home-page .home-hero .bench-stage > .bench-caption {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    min-height: 0;
    margin: 0;
    padding: 0 0 8px;
    border: 0;
  }
  .home-page .home-hero .bench-stage > .bench-caption > span:last-child {
    max-width: none;
    text-align: right;
  }
  .home-page .home-hero .static-appearance-note {
    grid-column: 1 / -1;
    grid-row: 3;
    font-size: 12px;
  }
  .home-page .home-hero .viewer-load-message {
    grid-column: 1 / -1;
    grid-row: 4;
  }
  .home-page .home-hero .viewer-toolbar {
    display: contents;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .home-page .home-hero .current-material-control {
    grid-column: 1 / -1;
    grid-row: 5;
    display: flex;
    flex-wrap: nowrap;
    min-height: 52px;
    max-width: none;
    margin: 0 0 10px;
    padding: 0;
    gap: 10px;
    border: 0 !important;
  }
  .home-page .home-hero .current-material-control > img {
    width: 44px;
    height: 32px;
    flex: none;
  }
  .home-page .home-hero .current-material-control > span:not(.material-change) {
    flex: 1;
    min-width: 0;
  }
  .home-page .home-hero .current-material-control strong {
    font-size: 15px;
    line-height: 1.4;
  }
  .home-page .home-hero .current-material-control .material-change {
    flex: 0 0 auto;
    min-width: 89px;
    padding: 0;
    gap: 8px;
    font-size: 12px;
  }
  .home-page .home-hero .construction-key:not([hidden]) {
    grid-column: 1 / -1;
    grid-row: 6;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
    margin: 0;
    padding: 0 0 12px;
    border: 0;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions {
    grid-column: 1;
    grid-row: 7;
    justify-self: stretch;
    align-self: center;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    height: auto;
    margin: 0;
    gap: 9px !important;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions > * {
    flex: 0 1 auto;
    min-height: 44px;
    padding: 0 !important;
    gap: 5px !important;
    font-size: 12px !important;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions svg {
    width: 13px;
    height: 13px;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta {
    grid-column: 2;
    grid-row: 7;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    padding: 0 11px;
    justify-content: space-between;
    gap: 6px;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta > span {
    display: inline-flex !important;
    width: 13px;
    flex: none;
    font-size: 14px;
  }
  .home-page .home-hero .detail-panel {
    grid-column: 1 / -1;
    grid-row: 8;
  }

  .home-page .featured .collection-heading {
    margin-bottom: 22px;
  }
  .home-page .featured .product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .home-page .featured .product-card:first-child {
    display: block;
    grid-column: 1;
    grid-row: auto;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
  }
  .home-page .featured .product-card:first-child .product-photo {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.5;
    margin: 0 0 12px;
  }
  .home-page .featured .product-card:first-child .product-meta {
    display: block;
    margin: 0;
    padding: 0;
  }
  .home-page .featured .product-card:first-child .product-meta h3 {
    margin: 0 0 6px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page .featured .product-card:first-child .product-meta > p:not(.eyebrow):not(.fine-print) {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
  }
  .home-page .featured .product-card:not(:first-child) {
    display: grid;
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: clamp(110px, 32vw, 130px) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 18px 0;
    border: 0;
    border-top: 1px solid #d2d0c4;
  }
  .home-page .featured .product-card:not(:first-child) .product-photo {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.5;
    min-height: 0;
    margin: 0;
  }
  .home-page .featured .product-card .product-photo img,
  .home-page .featured .product-card .product-photo:hover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
  }
  .home-page .featured .product-card:not(:first-child) .product-meta {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  .home-page .featured .product-card:not(:first-child) .product-meta h3 {
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -.025em;
  }
  /* These descriptions already exist in cards(); earlier mobile CSS hides them. */
  .home-page .featured .product-card:not(:first-child) .product-meta > p:not(.eyebrow):not(.fine-print) {
    display: block;
    visibility: visible;
    margin: 0;
    max-width: none;
    color: #5b5f54;
    font-size: 13px;
    line-height: 1.5;
  }
  .home-page .featured .collection-study-note {
    margin-top: 14px;
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .home-page .home-hero .bench-stage {
    grid-template-columns: minmax(154px, 1fr) minmax(114px, 1fr);
    column-gap: 8px;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions {
    gap: 7px !important;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions > * {
    gap: 4px !important;
    font-size: 12px !important;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta {
    padding: 0 7px;
    gap: 3px;
    font-size: 12px;
  }
  .home-page .home-hero .current-material-control strong {
    font-size: 14px;
  }
  .home-page .home-hero .current-material-control .material-change {
    min-width: 84px;
  }
  .home-page .featured .product-card:not(:first-child) {
    gap: 14px;
  }
  .home-page .featured .product-card:not(:first-child) .product-meta h3 {
    font-size: 17px;
  }
}


/* part-labels-ac.css */
/* Opt in after replacing the hotspot text and adding measured label placement:
   #product-viewer.part-labels-ac. Keep the existing three data-detail buttons. */
.home-page #product-viewer.part-labels-ac.viewer-ready:not(.viewer-loading):not(.viewer-unavailable):not(.static-mode):not(.has-studio-poster)[data-exploded="true"][data-detail="overview"] .hotspots {
  display: var(--part-label-display, block);
  opacity: 1;
  overflow: visible;
  pointer-events: none;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: max-content;
  max-width: 154px;
  height: auto;
  min-height: 44px;
  margin: 0;
  padding: 5px 6px;
  border: 0;
  border-radius: 0;
  background: rgb(243 241 233 / 92%);
  color: #41493d;
  font: 500 12px/1.4 var(--sans, sans-serif);
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  transform: none;
  pointer-events: auto;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot > span {
  display: block;
  position: static;
  inset: auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 1;
  background: transparent;
  color: inherit;
  font: inherit;
  white-space: normal;
  transform: none;
  transition: none;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot::after {
  content: "↗";
  flex: none;
  color: #793b34;
  font-size: 12px;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot:hover > span,
.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot:focus-visible > span {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.home-page #product-viewer.part-labels-ac .part-label-leaders {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.home-page #product-viewer.part-labels-ac .part-label-leaders path {
  fill: none;
  stroke: #969b8e;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.home-page #product-viewer.part-labels-ac .part-label-leaders circle {
  fill: #969b8e;
  stroke: none;
}

/* The added lens link and its decorative leaders belong to the exploded view.
   The existing configuration control remains available in every model mode. */
.home-page #product-viewer.part-labels-ac:not([data-exploded="true"]) .hotspot.lens,
.home-page #product-viewer.part-labels-ac:not([data-exploded="true"]) .part-label-leaders {
  display: none;
}

/* Removing the old text-node plus must not leave empty whole-view buttons. */
.home-page #product-viewer.part-labels-ac:not([data-exploded="true"]) .hotspot:not(.lens)::before {
  content: "+";
  font-size: 17px;
  line-height: 1;
}

.home-page .home-hero .construction-key.part-study-caption:not([hidden]) {
  display: block;
  grid-template-columns: none;
  margin: 0;
  padding: 5px 0 10px;
  border: 0;
  color: #56604f;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 700px) {
  .home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot {
    width: 88px;
    max-width: 88px;
    min-height: 44px;
    padding: 4px;
    gap: 3px;
    font-size: 12px;
  }
  .home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot::after {
    font-size: 11px;
  }
}

/* Optional safety fallback when measured 44px labels cannot fit between the
   projected part bounds. Reserve actual layout space; never cover the model. */
.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"]:has(.hotspots[data-label-layout="rail"]) {
  margin-bottom: 104px;
  /* Keep the external label rail in the normal stacking context. An isolated
     WebGL parent can retain stale text pixels outside its own paint bounds. */
  isolation: auto;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspots[data-label-layout="rail"] {
  --part-label-display: grid;
  position: absolute;
  top: 100%;
  right: 6%;
  bottom: auto;
  left: 6%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 12px;
  height: auto;
  margin-top: 8px;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspots[data-label-layout="rail"] .hotspot {
  position: static;
  inset: auto !important;
  width: 100%;
  max-width: none;
  min-height: 44px;
  background: transparent;
}

.home-page #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .part-label-leaders {
  display: none;
}

.home-page #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.polish { order: 1; }
.home-page #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.lens { order: 2; }
.home-page #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.pin { order: 3; }
.home-page #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.logo { order: 4; }

.home-page #product-viewer.part-labels-ac .hotspot>.part-label-short{display:none!important}
@media(max-width:700px){
 .home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot{width:64px;max-width:64px}
 .home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot>.part-label-long{display:none!important}
 .home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot>.part-label-short{display:block!important}
 .home-page #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot{width:100%;max-width:none}
}

.home-page #product-viewer.part-labels-ac .hotspots:is([data-label-phase="pending"],[data-label-phase="inactive"]),
.home-page #product-viewer.part-labels-ac.is-interacting .hotspots{visibility:hidden!important;pointer-events:none!important}
.home-page #product-viewer.part-labels-ac .hotspots:is([data-label-phase="pending"],[data-label-phase="inactive"]) .hotspot,
.home-page #product-viewer.part-labels-ac.is-interacting .hotspot{pointer-events:none!important}

/* Match the application's existing fallback policy even if layout state has
   not yet reset after a context loss or a switch back to the poster. */
.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"]:is(.viewer-loading, .viewer-unavailable, .static-mode, .has-studio-poster) .hotspots {
  display: none !important;
}

.home-page #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"]:is(.viewer-loading, .viewer-unavailable, .static-mode, .has-studio-poster):has(.hotspots[data-label-layout="rail"]) {
  margin-bottom: 0;
}


/* precision-ad.css */
/* AD: a continuous product tool rail, with one caption and one link system.
   Load after the AC styles. Caption relocation is in precision-ad-markup.md. */
:root {
  --ad-rule: #a8ad9f;
  --ad-quiet: #545c4e;
  --ad-caption: 12px;
  --ad-control: 13px;
}

/* Small informational text uses one rhythm. Apply this class to source notes,
   not figure titles such as Rounded edge / Defined bevel. */
body[data-page] .precision-meta,
body[data-page] .precision-meta :where(span, small, a) {
  font-family: var(--sans, sans-serif);
  font-size: var(--ad-caption) !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

body[data-page] .precision-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 44px !important;
  max-width: 100%;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: none !important;
  font-family: var(--sans, sans-serif);
  font-size: var(--ad-control) !important;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none !important;
}

body[data-page] .precision-meta.precision-link,
body[data-page] .precision-meta .precision-link {
  font-size: var(--ad-caption) !important;
}

body[data-page] .precision-link > .precision-link-label {
  /* Previous arrow selectors target every direct span. These resets protect
     the newly wrapped text from their fixed 16px icon boxes. */
  display: inline !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  min-width: 0;
  font: inherit !important;
  border: 0 !important;
  background: none !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body[data-page] .precision-link > .precision-link-icon,
body[data-page] :is(.button, .material-change) > span[aria-hidden] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 14px;
  width: 14px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--sans, sans-serif);
  font-size: 14px !important;
  line-height: 1;
  text-decoration: none;
  transform: none;
}

body[data-page] .precision-link:hover .precision-link-label {
  text-decoration-thickness: 2px;
}

/* Identity stays above the actions in all widths. The existing controller
   still owns the first/last spans and the construction-key hidden attribute. */
.home-page .home-hero .bench-stage > #viewer-caption {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 3px 12px;
  min-height: 0;
  margin: 0;
  padding: 0 0 9px;
  border: 0;
  color: var(--ad-quiet);
}

.home-page .home-hero #viewer-caption > span:first-child {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -.025em;
}

.home-page .home-hero #viewer-caption > span:last-child {
  max-width: none;
  margin: 0;
  text-align: right;
}

.home-page .home-hero #viewer-caption .construction-key.part-study-caption:not([hidden]) {
  display: inline;
  flex: 0 1 auto;
  grid-column: auto;
  grid-row: auto;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
}

.home-page .home-hero #viewer-caption:has(.construction-key:not([hidden])) > span:last-child {
  display: none;
}

/* One shared perimeter establishes a single tool. The material link is one
   complete hit area; view controls are a compact pair; the CTA has a fixed end. */
.home-page .home-hero .viewer-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 236px 185px;
  grid-template-rows: auto;
  align-items: stretch;
  gap: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--ad-rule);
  border-radius: 0;
  background: transparent;
}

.home-page .home-hero .current-material-control {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 60px;
  margin: 0;
  padding: 7px 16px;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
}

.home-page .home-hero .current-material-control > img {
  width: 54px;
  height: 38px;
  flex: 0 0 54px;
  object-fit: cover;
}

.home-page .home-hero .current-material-control > span:not(.material-change) {
  flex: 0 1 auto;
  min-width: 0;
}

.home-page .home-hero .current-material-control small {
  display: block;
  margin: 0;
  color: var(--ad-quiet);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.home-page .home-hero .current-material-control strong {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -.015em;
}

.home-page .home-hero .current-material-control .material-change {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  margin: 0 0 0 14px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--brand, #793b34);
}

.home-page .home-hero .current-material-control:hover {
  background: #e9e9df;
}

.home-page .home-hero .current-material-control:hover .material-change {
  background: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.home-page .home-hero .viewer-toolbar .bench-actions {
  grid-column: 2;
  grid-row: 1;
  display: grid !important;
  grid-template-columns: 1.22fr 1fr;
  align-items: stretch;
  justify-content: stretch;
  align-self: stretch;
  justify-self: stretch;
  gap: 0 !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 60px;
  height: auto;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid var(--ad-rule) !important;
  border-radius: 0;
  background: transparent;
}

.home-page .home-hero .viewer-toolbar .bench-actions > * {
  display: inline-flex;
  grid-column: auto;
  grid-row: auto;
  align-items: center;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  font: 500 13px/1.5 var(--sans, sans-serif);
  font-size: 13px !important;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}

.home-page .home-hero .viewer-toolbar .bench-actions #inspect-toggle {
  border-left: 1px solid var(--ad-rule) !important;
}

.home-page .home-hero .viewer-toolbar .bench-actions > *:hover {
  background: #e9e9df;
}

.home-page .home-hero .viewer-toolbar .bench-actions > [aria-pressed="true"] {
  background: #e0e3d7;
  color: #313b2c;
  text-decoration: none;
}

.home-page .home-hero .viewer-toolbar .bench-actions :is(svg, [aria-hidden]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 14px;
  width: 14px;
  height: 16px;
  font-size: 14px;
  line-height: 1;
}

.home-page .home-hero .viewer-toolbar .hero-project-cta {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 60px;
  margin: -1px -1px -1px 0;
  padding: 0 18px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
}

.home-page .home-hero .viewer-toolbar :is(a, button):focus-visible {
  position: relative;
  z-index: 2;
  outline-offset: -4px;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page .home-hero .viewer-toolbar {
    grid-template-columns: minmax(0, 1fr) 210px 152px;
  }
  .home-page .home-hero .current-material-control {
    gap: 9px;
    padding-inline: 12px;
  }
  .home-page .home-hero .current-material-control > img {
    width: 44px;
    height: 34px;
    flex-basis: 44px;
  }
  .home-page .home-hero .current-material-control .material-change {
    margin-left: 4px;
    font-size: 12px;
    gap: 5px;
  }
  .home-page .home-hero .current-material-control strong {
    font-size: 14px;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions > * {
    padding-inline: 8px !important;
    font-size: 12px !important;
    gap: 5px !important;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta {
    padding-inline: 13px;
    font-size: 13px;
  }
}

@media (max-width: 700px) {
  .home-page .home-hero .bench-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .home-page .home-hero .bench-stage > #viewer-caption {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 9px;
  }
  .home-page .home-hero .viewer-toolbar {
    grid-column: 1;
    grid-row: 5;
    display: grid;
    grid-template-columns: minmax(0, 1.14fr) minmax(120px, 1fr);
    grid-template-rows: auto 46px;
    min-height: 0;
  }
  .home-page .home-hero .current-material-control {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 62px;
    gap: 10px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--ad-rule) !important;
  }
  .home-page .home-hero .current-material-control > img {
    width: 44px;
    height: 34px;
    flex-basis: 44px;
  }
  .home-page .home-hero .current-material-control > span:not(.material-change) {
    flex: 1;
  }
  .home-page .home-hero .current-material-control .material-change {
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    gap: 6px;
  }
  .home-page .home-hero .current-material-control strong {
    font-size: 14px;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: 1.35fr 1fr;
    min-height: 46px;
    border-left: 0 !important;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions > * {
    gap: 0 !important;
    padding: 0 7px !important;
    font-size: 12px !important;
  }
  /* Text already names both view actions. Remove only redundant decoration at
     narrow widths; retain both 44px buttons and all state-changing hooks. */
  .home-page .home-hero .viewer-toolbar .bench-actions :is(svg, [aria-hidden]) {
    display: none;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta {
    grid-column: 2;
    grid-row: 2;
    min-height: 46px;
    margin: 0 -1px -1px 0;
    padding: 0 12px;
    font-size: 12px;
  }
  .home-page .home-hero .detail-panel {
    grid-column: 1;
    grid-row: 6;
  }
}

@media (max-width: 360px) {
  .home-page .home-hero .viewer-toolbar {
    grid-template-columns: minmax(0, 1.18fr) 120px;
  }
  .home-page .home-hero .current-material-control {
    gap: 8px;
    padding-inline: 8px;
  }
  .home-page .home-hero .current-material-control > img {
    width: 36px;
    height: 32px;
    flex-basis: 36px;
  }
  .home-page .home-hero .current-material-control .material-change {
    gap: 4px;
  }
  .home-page .home-hero .viewer-toolbar .bench-actions > * {
    padding-inline: 5px !important;
  }
  .home-page .home-hero .viewer-toolbar .hero-project-cta {
    padding-inline: 8px;
    gap: 5px;
  }
}


/* controls-ae.css */
/* Viewing belongs with the image; configuration and the project action follow it. */
.home-page .home-hero .bench-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.home-page .home-hero .viewer-viewbar{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;margin:0 0 6px}
.home-page .home-hero .viewer-viewbar #viewer-caption{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;min-width:0;margin:0;padding:0;border:0}
.home-page .home-hero .viewer-viewbar .bench-actions{display:flex!important;align-items:center;justify-content:flex-end;width:auto;gap:16px!important;margin:0;padding:0!important;min-height:44px;border:0!important;background:none}
.home-page .home-hero .viewer-viewbar .bench-actions button{display:inline-flex;align-items:center;justify-content:center!important;gap:7px!important;margin:0!important;padding:0 4px!important;min-width:44px;min-height:44px;white-space:nowrap;font:500 13px/1.4 var(--sans);font-size:13px!important;border:0!important;border-radius:0;background:none}
.home-page .home-hero .viewer-viewbar .bench-actions button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px;color:#793b34}
.home-page .home-hero .viewer-viewbar .bench-actions button:hover{color:#793b34}
.home-page .home-hero .viewer-viewbar .bench-actions svg{width:14px;height:14px;flex:none}
.home-page .home-hero .bench-stage #product-viewer{grid-column:1;grid-row:2}
.home-page .home-hero .static-appearance-note{grid-column:1;grid-row:3}
.home-page .home-hero .viewer-load-message{grid-column:1;grid-row:4}
/* Reset hero-t's column direction when the lower bar returns to flex layout. */
.home-page .home-hero .viewer-toolbar{grid-column:1;grid-row:5;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;min-height:54px;margin-top:14px;padding:0;border:0;background:none}
.home-page .home-hero .current-material-control{width:auto;max-width:470px;min-height:52px;padding:0;gap:12px;border:0!important;flex:0 1 auto}
.home-page .home-hero .current-material-control>img{width:48px;height:36px;flex-basis:48px}
.home-page .home-hero .current-material-control .material-change{margin-left:14px}
.home-page .home-hero .current-material-control:hover{background:none}
.home-page .home-hero .viewer-toolbar .hero-project-cta{width:185px;min-height:48px;flex:none;margin:0;padding:0 17px}
.home-page .home-hero .detail-panel{grid-column:1;grid-row:6}
@media(max-width:700px){
 .home-page .home-hero .viewer-viewbar{gap:8px;margin-bottom:3px}
 .home-page .home-hero .viewer-viewbar #viewer-caption{display:block;flex:1;min-width:0;line-height:1.45}
 .home-page .home-hero .viewer-viewbar #viewer-caption>span{display:block;text-align:left;max-width:none;font-size:11px!important;line-height:1.45}
 .home-page .home-hero .viewer-viewbar .bench-actions{gap:13px!important;flex:none}
 .home-page .home-hero .viewer-viewbar .bench-actions button{font-size:12px!important;padding:0!important;gap:5px!important}
 .home-page .home-hero .viewer-viewbar .bench-actions svg{width:12px;height:12px}
 .home-page .home-hero .viewer-toolbar{gap:16px;margin-top:13px;min-height:48px}
 .home-page .home-hero .current-material-control{max-width:calc(100% - 142px);gap:9px;min-height:48px;padding:0;flex:1}
 .home-page .home-hero .current-material-control>img{width:38px;height:32px;flex-basis:38px}
 .home-page .home-hero .current-material-control>span:not(.material-change){flex:1}
 .home-page .home-hero .current-material-control small{font-size:11px}
 .home-page .home-hero .current-material-control strong{font-size:13px}
 .home-page .home-hero .current-material-control .material-change{display:none}
 .home-page .home-hero .viewer-toolbar .hero-project-cta{width:126px;min-height:46px;padding:0 10px;font-size:12px}
}
@media(max-width:360px){
 .home-page .home-hero .viewer-viewbar .bench-actions{gap:10px!important}
 .home-page .home-hero .viewer-viewbar .bench-actions svg{display:none}
 .home-page .home-hero .viewer-toolbar{gap:12px}
 .home-page .home-hero .current-material-control{max-width:calc(100% - 126px);gap:7px}
 .home-page .home-hero .current-material-control>img{width:30px;height:30px;flex-basis:30px}
 .home-page .home-hero .current-material-control strong{font-size:12px}
 .home-page .home-hero .viewer-toolbar .hero-project-cta{width:114px;padding:0 8px;font-size:12px}
}


/* material-ae.css */
/* Each chapter has a distinct visual role; source notes share one quiet line. */
.home-page .material-library-ac .mz-study>img{height:auto;aspect-ratio:1.5;object-fit:contain;background:transparent}
.home-page .material-library-ac .mz-reference-panel{align-self:center;padding-top:0}
.home-page .material-library-ac .material-provenance-ae{max-width:none;margin:14px 0 0;color:#626356;font:400 12px/1.65 var(--sans)}
.home-page .material-library-ac .material-provenance-ae a{display:inline-flex;align-items:center;min-height:44px;margin-left:9px;color:inherit}
.home-page .material-library-ac .mz-choice-code{font-size:12px;line-height:1.5}
.home-page .material-library-ac .mz-choice-name{font-size:20px;line-height:1.35}
@media(max-width:1099px){.home-page .material-library-ac .mz-main{align-items:center}.home-page .material-library-ac .mz-choice-name{font-size:17px}}
@media(max-width:700px){
 .home-page .material-library-ac .mz-main{gap:22px}
 .home-page .material-library-ac .mz-choice-name{font-size:14px;line-height:1.35}
 .home-page .material-library-ac .mz-choice-code{font-size:11px}
 .home-page .material-library-ac .material-provenance-ae{margin-top:7px;line-height:1.6}
 .home-page .material-library-ac .material-provenance-ae a{margin-left:0}
}


/* collection-ae.css */
/* AE: complete still-life cards; native, progressively enhanced mobile gallery.
   Load after the existing collection/composition/precision styles. */
.home-page .featured[data-collection-gallery] .product-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.35fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: stretch;
  gap: 26px 36px;
  min-width: 0;
}
.home-page .featured[data-collection-gallery] .product-grid > .product-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  gap: 0;
}
.home-page .featured[data-collection-gallery] .product-grid > .product-card:first-child {
  grid-column: 1;
  grid-row: 1 / 3;
}
.home-page .featured[data-collection-gallery] .product-grid > .product-card:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
.home-page .featured[data-collection-gallery] .product-grid > .product-card:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.home-page .featured[data-collection-gallery] .product-card .product-photo {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 2;
  margin: 0;
  overflow: hidden;
  background: #eeece3;
}
.home-page .featured[data-collection-gallery] .product-card:first-child .product-photo {
  flex: 0 0 auto;
  aspect-ratio: 3 / 2;
}
.home-page .featured[data-collection-gallery] .product-card .product-photo img,
.home-page .featured[data-collection-gallery] .product-card .product-photo:hover img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
  transition: none;
}
.home-page .featured[data-collection-gallery] .product-card .product-photo > span {
  display: none;
}
.home-page .featured[data-collection-gallery] .product-card .product-meta {
  display: block;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  margin: auto 0 0;
  padding: 13px 0 0;
}
.home-page .featured[data-collection-gallery] .product-card .product-meta h3 {
  margin: 0 0 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.035em;
}
.home-page .featured[data-collection-gallery] .product-card:first-child .product-meta h3 {
  font-size: 26px;
}
.home-page .featured[data-collection-gallery] .product-card .product-meta > p:not(.eyebrow):not(.fine-print) {
  display: block;
  visibility: visible;
  max-width: none;
  margin: 0;
  color: #555d50;
  font-size: 14px;
  line-height: 1.5;
}
.home-page .featured[data-collection-gallery] .collection-study-note {
  margin-top: 18px;
}
.collection-gallery-controls {
  display: none;
}
.collection-gallery-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (min-width: 701px) and (max-width: 1100px) {
  .home-page .featured[data-collection-gallery] .product-grid {
    grid-template-columns: minmax(0, 2.7fr) minmax(0, 1fr);
    gap: 22px 24px;
  }
  .home-page .featured[data-collection-gallery] .product-card .product-meta h3 {
    font-size: 20px;
  }
  .home-page .featured[data-collection-gallery] .product-card:first-child .product-meta h3 {
    font-size: 24px;
  }
  .home-page .featured[data-collection-gallery] .product-card .product-meta > p:not(.eyebrow):not(.fine-print) {
    font-size: 13px;
  }
}
@media (max-width: 700px) {
  .home-page .featured[data-collection-gallery] .product-grid {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    min-width: 0;
    padding: 4px 0 9px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .home-page .featured[data-collection-gallery] .product-grid::-webkit-scrollbar {
    display: none;
  }
  .home-page .featured[data-collection-gallery] .product-grid > .product-card {
    display: flex;
    flex: 0 0 86%;
    width: 86%;
    min-width: 0;
    grid-column: auto;
    grid-row: auto;
    margin: 0;
    padding: 0;
    border: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .home-page .featured[data-collection-gallery] .product-grid > .product-card .product-photo {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 2;
    margin: 0;
  }
  .home-page .featured[data-collection-gallery] .product-grid > .product-card .product-meta {
    display: block;
    padding: 12px 0 0;
    margin: 0;
  }
  .home-page .featured[data-collection-gallery] .product-grid > .product-card .product-meta h3 {
    font-size: 22px;
    line-height: 1.28;
    margin: 0 0 5px;
  }
  .home-page .featured[data-collection-gallery] .product-grid > .product-card .product-meta > p:not(.eyebrow):not(.fine-print) {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }
  .home-page .featured[data-collection-gallery] .product-grid:focus-visible {
    outline: 2px solid #8d4532;
    outline-offset: 3px;
  }
  .home-page .featured[data-collection-gallery] .product-photo:focus-visible,
  .home-page .featured[data-collection-gallery] .product-meta a:focus-visible {
    outline: 2px solid #8d4532;
    outline-offset: -2px;
  }
  .home-page .featured[data-collection-gallery] .collection-gallery-controls:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
    margin: 8px 0 0;
  }
  .collection-gallery-status {
    margin: 0;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .01em;
    color: #404b3d;
  }
  .collection-gallery-buttons {
    display: flex;
    gap: 8px;
  }
  .collection-gallery-buttons button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid #a8ad9f;
    border-radius: 0;
    color: #343e31;
    background: transparent;
  }
  .collection-gallery-buttons button:hover:not([aria-disabled="true"]) {
    border-color: #6f4737;
    color: #6f4737;
    background: #eae8df;
  }
  .collection-gallery-buttons button[aria-disabled="true"] {
    opacity: .35;
    cursor: default;
  }
  .collection-gallery-buttons svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .home-page .featured[data-collection-gallery] .collection-study-note {
    margin-top: 12px;
  }
}


/* editorial-af.css */
/* AF: one continuous material / finish study. Load after the AE styles.
   Existing DOM, assets, material choices and local topic controller are retained. */
.home-page {
  --af-paper: #faf8f2;
  --af-axis: minmax(240px, .82fr) minmax(0, 2.18fr);
  --af-gutter: clamp(28px, 4vw, 58px);
}
.home-page .materials.material-library-z,
.home-page #capabilities.detail-observation-ad {
  background: var(--af-paper);
  border: 0;
  padding-inline: 5vw;
}
.home-page .materials.material-library-z {
  padding-top: 50px;
  padding-bottom: 0;
}
.home-page .material-library-z .mz-shell {
  display: grid;
  grid-template-columns: var(--af-axis);
  grid-template-rows: auto 1fr auto;
  gap: 20px var(--af-gutter);
  max-width: none;
  align-items: start;
}
.home-page .material-library-z .mz-main { display: contents; }
.home-page .material-library-z .material-heading {
  display: block;
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.home-page .material-library-z .material-heading h2,
.home-page #capabilities.detail-observation-ad .detail-feature-heading h2,
.home-page .featured .collection-heading h2 {
  font-family: var(--sans, Manrope, sans-serif);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.045em;
  text-transform: none;
  text-wrap: balance;
  margin: 0;
}
.home-page .material-library-z .material-heading > p {
  display: block;
  justify-self: start;
  margin: 13px 0 0;
  max-width: 26ch;
  font-size: 14px;
  line-height: 1.55;
  text-align: left;
}
.home-page .material-library-z .mz-study {
  grid-column: 2;
  grid-row: 1 / 3;
  min-width: 0;
}
.home-page .material-library-ac .mz-study > img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.85;
  object-fit: cover;
  object-position: 50% 56%;
  background: transparent;
}
.home-page .material-library-ac .mz-reference-panel {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  padding: 0;
}
.home-page .material-library-z .mz-choice,
.home-page .material-library-z .mz-choice:first-child {
  min-height: 84px;
  padding: 15px 20px 15px 0;
  gap: 15px;
}
.home-page .material-library-z .mz-choice:first-child { padding-top: 0; min-height: 69px; }
.home-page .material-library-z .mz-choice > img { width: 78px; flex-basis: 78px; }
.home-page .material-library-ac .mz-choice-name { font-size: 17px; line-height: 1.3; }
.home-page .material-library-ac .mz-choice-code { margin-top: 5px; font-size: 12px; }
.home-page .material-library-z .mz-footer { margin-top: 10px; }
.home-page .material-library-z .material-provenance-ae {
  grid-column: 2;
  grid-row: 3;
  margin: -12px 0 0;
  font-size: 12px;
  line-height: 1.55;
}
.home-page .material-library-z .material-provenance-ae a { margin-left: 8px; }
.home-page #capabilities.detail-observation-ad {
  padding-top: 28px;
  padding-bottom: 44px;
}
.home-page #capabilities.detail-observation-ad .detail-aa-heading,
.home-page #capabilities.detail-observation-ad .detail-topic-panel {
  display: grid;
  grid-template-columns: var(--af-axis);
  column-gap: var(--af-gutter);
}
.home-page #capabilities.detail-observation-ad .detail-aa-heading {
  align-items: end;
  margin-bottom: 17px;
}
.home-page #capabilities.detail-observation-ad .detail-topic-tabs {
  align-self: end;
  min-height: 44px;
  margin: 0;
}
.home-page #capabilities.detail-observation-ad .detail-topic-tabs > button { min-height: 44px; }
.home-page #capabilities.detail-observation-ad .detail-topic-panel {
  grid-template-rows: auto;
  row-gap: 0;
}
.home-page #capabilities.detail-observation-ad .detail-intro-ad {
  display: block;
  grid-column: 1;
  grid-row: 1;
}
.home-page #capabilities.detail-observation-ad .detail-topic-copy {
  max-width: 27ch;
  min-block-size: 0;
  font-size: 16px;
  line-height: 1.6;
}
.home-page #capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action { margin-top: 12px; }
.home-page #capabilities.detail-observation-ad .detail-aa-plate {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
}
.home-page #capabilities.detail-observation-ad .detail-ab-edge-pair { gap: 20px; }
.home-page #capabilities.detail-observation-ad .detail-ab-edge .edge-window-ad {
  aspect-ratio: 1.6;
  background: transparent;
}
.home-page #capabilities.detail-observation-ad .detail-ab-edge img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  background: transparent;
}
.home-page #capabilities.detail-observation-ad .edge-comparison-ad {
  grid-template-columns: 60px 1fr;
  gap: 10px;
  margin-top: 11px;
  padding-top: 11px;
}
.home-page #capabilities.detail-observation-ad .edge-comparison-ad svg { width: 60px; height: 38px; }
.home-page #capabilities.detail-observation-ad .detail-ab-study-caption { margin-top: 6px; }

/* The authentic review photograph remains a separate, quieter document.
   This modest crop preserves the held frame and both hands; image bytes stay intact. */
.home-page .making-story { padding-top: 46px; padding-bottom: 40px; }
.home-page .making-heading .craft-photo picture {
  aspect-ratio: 1.45;
  height: auto;
  min-height: 0;
}
.home-page .making-heading .craft-photo img {
  height: 100%;
  object-fit: cover;
  object-position: 56% 52%;
}
.home-page .materials a,
.home-page #capabilities :is(a, button),
.home-page .making-story :is(a, summary) { min-height: 44px; }

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page { --af-axis: minmax(200px, .9fr) minmax(0, 1.8fr); --af-gutter: 28px; }
  .home-page .material-library-z .material-heading h2,
  .home-page #capabilities.detail-observation-ad .detail-feature-heading h2,
  .home-page .featured .collection-heading h2 { font-size: 30px; }
  .home-page .material-library-ac .mz-study > img { aspect-ratio: 1.45; }
  .home-page .material-library-z .mz-shell { row-gap: 16px; }
  .home-page .material-library-z .mz-choice,
  .home-page .material-library-z .mz-choice:first-child { min-height: 72px; padding-block: 11px; gap: 10px; }
  .home-page .material-library-z .mz-choice:first-child { padding-top: 0; min-height: 61px; }
  .home-page .material-library-z .mz-choice > img { width: 53px; flex-basis: 53px; }
  .home-page .material-library-ac .mz-choice-name { font-size: 15px; }
  .home-page #capabilities.detail-observation-ad .detail-topic-copy { font-size: 14px; }
  .home-page #capabilities.detail-observation-ad .detail-ab-edge-pair { gap: 14px; }
  .home-page #capabilities.detail-observation-ad .detail-ab-edge .edge-window-ad { aspect-ratio: 1.1; }
  .home-page #capabilities.detail-observation-ad .edge-comparison-ad { grid-template-columns: 1fr; gap: 5px; }
  .home-page #capabilities.detail-observation-ad .edge-comparison-ad figcaption { font-size: 14px; }
  .home-page #capabilities.detail-observation-ad .detail-aa-plate { grid-template-columns: minmax(0, 2fr) minmax(130px, 1fr); }
  .home-page #capabilities.detail-observation-ad[data-observation-topic="polish"] .detail-aa-plate { grid-template-columns: 1fr; }
  .home-page .making-heading .craft-photo picture { aspect-ratio: .95; }
}
@media (max-width: 700px) {
  .home-page .materials.material-library-z,
  .home-page #capabilities.detail-observation-ad { padding-inline: 6vw; }
  .home-page .materials.material-library-z { padding-top: 30px; }
  .home-page .material-library-z .mz-shell { display: block; }
  .home-page .material-library-z .material-heading { margin-bottom: 16px; }
  .home-page .material-library-z .material-heading > p { display: none; }
  .home-page .material-library-z .material-heading h2,
  .home-page #capabilities.detail-observation-ad .detail-feature-heading h2,
  .home-page .featured .collection-heading h2 { font-size: 30px; }
  .home-page .material-library-z .mz-main { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .home-page .material-library-z .mz-study,
  .home-page .material-library-ac .mz-reference-panel { grid-column: 1; grid-row: auto; }
  .home-page .material-library-ac .mz-study > img { aspect-ratio: 1.7; }
  .home-page .material-library-z .mz-choices { gap: 13px; }
  .home-page .material-library-z .mz-choice,
  .home-page .material-library-z .mz-choice:first-child {
    display: block;
    min-height: 100px;
    padding: 0 0 10px;
  }
  .home-page .material-library-z .mz-choice > img { width: 58px; margin-bottom: 9px; }
  .home-page .material-library-ac .mz-choice-name { font-size: 14px; line-height: 1.35; }
  .home-page .material-library-ac .mz-choice-code { font-size: 11px; margin-top: 4px; }
  .home-page .material-library-z .mz-footer { margin-top: 4px; }
  .home-page .material-library-z .material-provenance-ae { margin: 2px 0 0; }
  .home-page .material-library-z .material-provenance-ae a { margin-left: 0; }
  .home-page #capabilities.detail-observation-ad { padding-top: 22px; padding-bottom: 28px; }
  .home-page #capabilities.detail-observation-ad .detail-aa-heading { display: block; margin-bottom: 12px; }
  .home-page #capabilities.detail-observation-ad .detail-feature-heading h2 { margin-bottom: 12px; }
  .home-page #capabilities.detail-observation-ad .detail-topic-panel { display: block; }
  .home-page #capabilities.detail-observation-ad .detail-topic-copy { font-size: 14px; max-width: none; }
  .home-page #capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action { margin-top: 2px; }
  .home-page #capabilities.detail-observation-ad .detail-aa-plate { margin-top: 7px; }
  .home-page #capabilities.detail-observation-ad .detail-ab-edge-pair { gap: 12px; }
  .home-page #capabilities.detail-observation-ad .detail-ab-edge .edge-window-ad { aspect-ratio: 1.08; }
  .home-page #capabilities.detail-observation-ad .detail-ab-edge img {
    position: absolute;
    width: 190%;
    max-width: none;
    height: auto;
    left: -60%;
    top: 0;
    object-fit: contain;
    object-position: center;
  }
  .home-page #capabilities.detail-observation-ad .edge-comparison-ad { grid-template-columns: 1fr; gap: 5px; margin-top: 10px; padding-top: 10px; }
  .home-page #capabilities.detail-observation-ad .edge-comparison-ad svg { width: 58px; height: 33px; }
  .home-page #capabilities.detail-observation-ad .edge-comparison-ad figcaption { font-size: 13px; }
  .home-page .making-story { padding-top: 32px; padding-bottom: 30px; }
  .home-page .making-heading .craft-photo picture { aspect-ratio: 1.45; }
}


/* assembly-af.css */
/* A taller, tiered arrangement is reserved for the default phone study.
   The viewer recalculates all part and camera bounds; no mesh is clipped. */
@media(max-width:700px){
 .home-page .home-hero .bench-stage #product-viewer[data-asset-id="EW3D-95B7C57229B5"][data-exploded="true"][data-detail="overview"]{
  aspect-ratio:.85;
  height:auto;
 }
}


/* mobile-af.css */
/* Optional AF mobile study. Requires .home-page.mobile-af and the documented
   number/key markup. Desktop presentation and the measured label algorithm stay intact. */
.part-number-af,
.part-legend-af,
.part-study-short-af { display: none; }
.home-page.mobile-af #product-viewer.part-labels-ac .hotspot > span.part-number-af { display: none; }

@media (max-width: 700px) {
  .home-page.mobile-af .home-hero { padding-top: 22px; }
  .home-page.mobile-af .home-hero .hero-copy h1 {
    font-size: clamp(70px, 22.6vw, 158px);
    line-height: .84;
    margin-bottom: 10px;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-bottom: 3px;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
    min-height: 18px;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span {
    display: block;
    min-width: 0;
    line-height: 18px;
    white-space: nowrap;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span:not(:first-child) {
    flex: none;
    margin-left: auto;
    text-align: right;
  }
  .home-page.mobile-af .part-study-full-af { display: none; }
  .home-page.mobile-af .part-study-short-af { display: inline; }
  .home-page.mobile-af .home-hero .viewer-viewbar .bench-actions {
    justify-self: end;
    min-height: 44px;
  }

  /* A 28px printed number inside the existing 44px measured action.
     This also styles the algorithm's inert measurement clones. */
  .home-page.mobile-af #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot {
    width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    gap: 0;
    justify-content: center;
    border: 0;
    background: transparent;
  }
  .home-page.mobile-af #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot > :is(.part-label-long, .part-label-short) {
    display: none !important;
  }
  .home-page.mobile-af #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot > .part-number-af {
    display: grid;
    place-items: center;
    flex: none;
    width: 28px;
    height: 28px;
    border: 1px solid #9da294;
    border-radius: 50%;
    background: #f3f1e9;
    font: 500 11px/1 ui-monospace, "Cascadia Mono", Consolas, monospace;
    color: #4b5547;
  }
  .home-page.mobile-af #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot::after { content: none; }
  .home-page.mobile-af #product-viewer.part-labels-ac:not([data-exploded="true"]) .hotspot > .part-number-af { display: none; }

  .home-page.mobile-af .part-legend-af {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
    list-style: none;
    margin: 8px 0 2px;
    padding: 11px 0 0;
    border-top: 1px solid #d5d7ca;
    color: #4b5547;
    font: 400 12px/1.5 var(--sans, sans-serif);
  }
  .home-page.mobile-af .part-legend-af li {
    display: flex;
    align-items: baseline;
    gap: 7px;
    min-width: 0;
  }
  .home-page.mobile-af .part-legend-af li > span {
    flex: none;
    color: #793b34;
    font: 500 10px/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace;
  }
  .home-page.mobile-af #product-viewer.part-labels-ac.viewer-ready:not(.viewer-loading):not(.viewer-unavailable):not(.static-mode):not(.has-studio-poster)[data-exploded="true"][data-detail="overview"]:has(.hotspots[data-label-layout="anchored"]) + .part-legend-af {
    display: grid;
  }
  .home-page.mobile-af #product-viewer:is(.is-interacting, :has(.hotspots[data-label-phase="pending"]), :has(.hotspots[data-label-phase="inactive"])) + .part-legend-af {
    visibility: hidden;
  }
  .home-page.mobile-af .home-hero .static-appearance-note { grid-row: 4; }
  .home-page.mobile-af .home-hero .viewer-load-message { grid-row: 5; }
  .home-page.mobile-af .home-hero .viewer-toolbar { grid-row: 6; }
  .home-page.mobile-af .home-hero .detail-panel { grid-row: 7; }

  /* If measured labels cannot fit, the existing rail becomes the key itself.
     Keep its four original actions; never render a second legend below it. */
  .home-page.mobile-af #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
    gap: 6px;
    font-size: 11px;
  }
  .home-page.mobile-af #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot > .part-label-long {
    display: block !important;
  }
  .home-page.mobile-af #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.pin { order: 2; }
  .home-page.mobile-af #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.logo { order: 3; }
  .home-page.mobile-af #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot.lens { order: 4; }
}


/* detail-ag.css */
/* The edge comparison becomes a single, registered inspection plate. */
.home-page #capabilities.detail-observation-ad{padding-top:48px;padding-bottom:48px}
.home-page #capabilities.detail-observation-ad .detail-aa-heading{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:22px}
.home-page #capabilities.detail-observation-ad .detail-topic-panel{display:block}
.home-page #capabilities.detail-observation-ad .detail-intro-ad{display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-bottom:24px}
.home-page #capabilities.detail-observation-ad .detail-topic-copy{max-width:64ch;margin:0}
.home-page #capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action{margin:0;flex:none}
.home-page #capabilities.detail-observation-ad .detail-aa-plate{width:100%;max-width:none;margin:0}
.home-page #capabilities.detail-observation-ad .detail-topic-support{width:100%;max-width:none}
.edge-study-ag{--edge-position:50%;width:100%}
.edge-options-ag{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:16px}
.edge-options-ag button{display:flex;align-items:center;gap:20px;min-height:64px;padding:8px 0;background:none;border:0;border-top:1px solid #b7baad;text-align:left;cursor:pointer;color:#262c24;font:inherit}
.edge-options-ag button:last-child{justify-content:flex-start;text-align:left}
.edge-options-ag button[aria-pressed="true"]{border-color:#793b34;color:#793b34}
.edge-options-ag svg{flex:none;width:92px;height:54px;fill:none;stroke:#793b34;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.edge-options-ag strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.edge-options-ag small{display:block;color:#5b6255;font-size:13px;margin-top:5px}
.edge-stage-ag{position:relative;width:100%;aspect-ratio:2.5;overflow:hidden;background:#f1eee5;isolation:isolate}
.edge-stage-ag img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 21%;pointer-events:none}
.edge-rounded-ag{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--edge-position)) 0 0)}
.edge-divider-ag{position:absolute;top:0;bottom:0;left:var(--edge-position);width:1px;background:#faf8f2;pointer-events:none}
.edge-divider-ag::after{content:'↔';position:absolute;left:0;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translate(-50%,-50%);background:#faf8f2;color:#252c22;border:1px solid #9ba18e;border-radius:50%;font:22px/1 var(--sans,sans-serif)}
.edge-range-ag{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.edge-stage-ag:focus-within{outline:2px solid #793b34;outline-offset:4px}
.edge-hint-ag{margin:12px 0 0;color:#4f5848;font-size:13px;line-height:1.5}
.home-page #capabilities.detail-observation-ad .detail-ab-study-caption{margin-top:7px;font-size:12px}
@media(max-width:1099px){
 .edge-options-ag strong{font-size:22px}
 .edge-options-ag svg{width:72px}
 .edge-stage-ag{aspect-ratio:2}
}
@media(max-width:700px){
 .home-page #capabilities.detail-observation-ad{padding-top:32px;padding-bottom:32px}
 .home-page #capabilities.detail-observation-ad .detail-aa-heading{display:block;margin-bottom:16px}
 .home-page #capabilities.detail-observation-ad .detail-intro-ad{display:block;margin-bottom:18px}
 .home-page #capabilities.detail-observation-ad .detail-intro-ad .detail-explore-action{margin-top:4px}
 .edge-options-ag{gap:16px;margin-bottom:12px}
 .edge-options-ag button,.edge-options-ag button:last-child{display:block;min-height:104px;text-align:left}
 .edge-options-ag svg{display:block;width:66px;height:38px;margin-bottom:8px}
 .edge-options-ag strong{font-size:19px;white-space:nowrap}
 .edge-options-ag small{font-size:12px;margin-top:4px}
 .edge-stage-ag{aspect-ratio:1.25}
 .edge-stage-ag img{inset:-8% auto auto -51%;width:168%;height:168%;object-fit:cover;object-position:50% 0}
 .edge-hint-ag{font-size:12px}
}


/* part-labels-ag.css */
/* Hidden stale label positions must not enlarge the document during resize.
   Only the inactive annotation layer is clipped; live geometry and ready labels are untouched. */
.home-page #product-viewer.part-labels-ac .hotspots:is([data-label-phase="pending"],[data-label-phase="inactive"]),
.home-page #product-viewer.part-labels-ac.is-interacting .hotspots{overflow:clip!important}


/* composition-ag.css */
/* AG: one mobile headline, followed directly by the product and its controls.
   Requires only the two small HTML changes in docs/composition-ag-markup.md. */
.home-page.mobile-af .home-hero .bench-stage { min-width: 0; }
.home-page.mobile-af .home-hero .viewer-viewbar { min-width: 0; }

/* The invitation is a short next step; the existing project button remains primary. */
.home-page .project-strip.project-invitation-ag {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
  align-items: center;
  gap: 28px 6vw;
  padding-top: 40px;
  padding-bottom: 38px;
  border-top: 1px solid #d3d3c6;
  background: #faf8f2;
  color: #2c342b;
}
.home-page .project-strip.project-invitation-ag h2 {
  margin: 0 0 12px;
  max-width: none;
  font: 500 34px/1.2 var(--sans, sans-serif);
  letter-spacing: -.035em;
  text-transform: none;
  color: #2c342b;
}
.home-page .project-strip.project-invitation-ag p {
  max-width: 53ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: #50574b;
}
.home-page .project-strip.project-invitation-ag .project-invitation-action {
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.home-page .project-strip.project-invitation-ag .project-invitation-action .button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  min-height: 48px;
  min-width: 185px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid #7f3f34;
  border-radius: 0;
  background: #7f3f34;
  color: #fffaf1;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.home-page .project-strip.project-invitation-ag .fine-print {
  max-width: 32ch;
  font-size: 12px;
  line-height: 1.5;
  color: #62665a;
}
.home-page .project-strip.project-invitation-ag .project-invitation-action .button:hover {
  background: #69352d;
  border-color: #69352d;
  color: #fffaf1;
}

/* A source link remains legible and clickable without repeating a decorative
   arrow beside every short caption. Navigation and primary actions keep theirs. */
.home-page :is(.material-provenance-ae, .detail-ab-study-caption, .detail-feature-photo figcaption, .craft-photo figcaption, .collection-study-note) .precision-link-icon {
  display: none !important;
}
.home-page :is(.material-provenance-ae, .detail-ab-study-caption, .detail-feature-photo figcaption, .craft-photo figcaption, .collection-study-note) .precision-link {
  gap: 0;
  min-height: 44px;
}

@media (max-width: 700px) {
  .home-page.mobile-af .home-hero {
    padding-top: 18px;
    padding-bottom: 25px;
    padding-inline: 6vw;
  }
  .home-page.mobile-af .home-hero .hero-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    grid-template-rows: auto auto;
    align-items: end;
    gap: 9px 12px;
    margin: 0 0 16px;
    padding: 0;
  }
  .home-page.mobile-af .home-hero .hero-copy h1 {
    grid-column: 1;
    grid-row: 1;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: clamp(67px, 21.5vw, 108px);
    line-height: .88;
    letter-spacing: -.022em;
  }
  .home-page.mobile-af .home-hero .hero-discipline {
    display: contents;
  }
  .home-page.mobile-af .home-hero .hero-discipline > span {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    justify-self: end;
    width: auto;
    max-width: none;
    margin: 0 0 4px;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0;
    white-space: nowrap;
  }
  .home-page.mobile-af .home-hero .hero-discipline > strong {
    grid-column: 1 / -1;
    grid-row: 2;
    display: block;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.025em;
  }
  .home-page.mobile-af .home-hero .bench-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .home-page.mobile-af .home-hero .bench-stage #product-viewer {
    grid-column: 1;
    grid-row: 1;
    /* Parent width already excludes the native scrollbar. Add only the same
       two section insets that the negative margins cancel, never 100vw. */
    width: calc(100% + 12vw);
    max-width: none;
    min-width: 0;
    margin-inline: -6vw;
    box-sizing: border-box;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar {
    grid-column: 1;
    grid-row: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 50px;
    margin: 4px 0 0;
    padding: 0;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1 1 auto;
    gap: 1px;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span {
    display: block;
    max-width: 100%;
    text-align: left;
    font-size: 11px !important;
    line-height: 1.45;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span:not(:first-child) {
    margin-left: 0;
    text-align: left;
    flex: 0 1 auto;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span:first-child {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar #viewer-caption > span:last-child::before { content: none; }
  .home-page.mobile-af .home-hero .viewer-viewbar .bench-actions {
    flex: 0 0 auto;
    gap: 12px !important;
    min-height: 44px;
  }
  .home-page.mobile-af .home-hero .viewer-viewbar .bench-actions button {
    min-width: 44px;
    min-height: 44px;
    padding: 0 !important;
    font-size: 12px !important;
  }
  .home-page.mobile-af .home-hero .part-legend-af { grid-column: 1; grid-row: 2; }
  .home-page.mobile-af .home-hero .static-appearance-note { grid-column: 1; grid-row: 4; }
  .home-page.mobile-af .home-hero .viewer-load-message { grid-column: 1; grid-row: 5; }
  .home-page.mobile-af .home-hero .viewer-toolbar {
    grid-column: 1;
    grid-row: 6;
    margin-top: 3px;
    min-height: 48px;
  }
  .home-page.mobile-af .home-hero .detail-panel { grid-column: 1; grid-row: 7; }
  .home-page .project-strip.project-invitation-ag {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 30px 6vw;
  }
  .home-page .project-strip.project-invitation-ag h2 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 1.2;
  }
  .home-page .project-strip.project-invitation-ag p { font-size: 14px; max-width: 37ch; }
  .home-page .project-strip.project-invitation-ag .project-invitation-action {
    justify-self: stretch;
    gap: 8px;
  }
  .home-page .project-strip.project-invitation-ag .fine-print { font-size: 12px; max-width: none; }
}
@media (max-width: 360px) {
  .home-page.mobile-af .home-hero .hero-copy { grid-template-columns: minmax(0, 1fr) 61px; column-gap: 10px; }
  .home-page.mobile-af .home-hero .hero-discipline > strong { font-size: 16px; }
  .home-page.mobile-af .home-hero .viewer-viewbar { gap: 8px; }
  .home-page.mobile-af .home-hero .viewer-viewbar .bench-actions { gap: 10px !important; }
}


/* detail-ah.css */
/* Phone reading order: topic, visual comparison, concise profile key, action. */
@media(max-width:700px){
 .home-page #capabilities.detail-observation-ad .detail-topic-panel{display:flex;flex-direction:column;gap:0}
 .home-page #capabilities.detail-observation-ad .detail-aa-plate{order:1}
 .home-page #capabilities.detail-observation-ad .detail-intro-ad{order:2;margin:8px 0 0}
 .home-page #capabilities.detail-observation-ad[data-observation-topic="polish"] .detail-topic-copy{display:none}
 .edge-study-ag{display:flex;flex-direction:column}
 .edge-stage-ag{order:1}
 .edge-options-ag{order:2;margin:12px 0 0;gap:18px}
 .edge-options-ag button,.edge-options-ag button:last-child{min-height:80px;padding:8px 0 0}
 .edge-options-ag svg{width:49px;height:28px;margin-bottom:6px}
 .edge-options-ag strong{font-size:17px;line-height:1.2}
 .edge-options-ag small{font-size:12px;margin-top:3px}
 .edge-hint-ag{order:3;margin-top:12px}
 .home-page #capabilities.detail-observation-ad .detail-ab-study-caption{margin-top:4px}
 .home-page #capabilities.detail-observation-ad .detail-aa-heading{margin-bottom:14px}
}


/* material-ah.css */
/* Preserve the complete specimen composition and its three cut edges. */
.home-page .material-library-ac .mz-study > img{aspect-ratio:1.5;object-fit:contain;object-position:center}


/* identity-ah.css */
/* AH: a named frame study, one tool rail and one numbered part key.
   Apply only with the documented identity-ah markup. All behaviour remains in app.js. */
.home-page.identity-ah {
  --study-ink: #2b3028;
  --study-quiet: #596151;
  --study-rule: #bcc1b2;
  --study-title: 52px;
  --study-control: 14px;
  --study-caption: 12px;
}
.home-page.identity-ah .home-hero {
  padding-top: 30px;
  padding-bottom: 28px;
  color: var(--study-ink);
}
.home-page.identity-ah .identity-heading-ah {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 19px;
  margin: 0 0 23px;
}
.home-page.identity-ah .identity-context-ah {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 5px 22px;
}
.home-page.identity-ah .identity-context-ah p {
  margin: 0;
  font: 400 var(--study-control)/1.5 var(--sans, sans-serif);
  letter-spacing: 0;
}
.home-page.identity-ah .identity-signature-ah strong { font-weight: 650; }
.home-page.identity-ah .identity-context-ah .identity-business-ah { color: var(--study-quiet); }
.home-page.identity-ah #viewer-caption.identity-caption-ah {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 7px 14px;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--study-quiet);
}
.home-page.identity-ah #viewer-caption.identity-caption-ah > h1 {
  flex: 0 0 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  font: 500 var(--study-title)/1.1 var(--sans, sans-serif);
  letter-spacing: -.04em;
  text-transform: none;
  color: var(--study-ink);
}
.home-page.identity-ah #viewer-caption.identity-caption-ah > span,
.home-page.identity-ah #viewer-caption.identity-caption-ah .construction-key:not([hidden]) {
  display: inline;
  flex: 0 1 auto;
  width: auto;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--study-quiet);
  font: 400 var(--study-caption)/1.5 var(--sans, sans-serif);
  text-align: left;
  letter-spacing: 0;
}
.home-page.identity-ah #viewer-caption.identity-caption-ah .construction-key[hidden] { display: none; }
.home-page.identity-ah #viewer-caption.identity-caption-ah:has(.construction-key:not([hidden])) > span:last-child { display: none; }
.home-page.identity-ah #viewer-caption.identity-caption-ah > span::before { content: none; }
.home-page.identity-ah .home-hero .bench-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.home-page.identity-ah .home-hero .bench-stage #product-viewer { grid-row: 1; grid-column: 1; }
.home-page.identity-ah .home-hero .identity-legend-ah { grid-row: 2; grid-column: 1; }
.home-page.identity-ah .home-hero .static-appearance-note { grid-row: 3; grid-column: 1; }
.home-page.identity-ah .home-hero .viewer-load-message { grid-row: 4; grid-column: 1; }
.home-page.identity-ah .home-hero .detail-panel { grid-row: 6; grid-column: 1; }

.home-page.identity-ah .home-hero .identity-toolbar-ah.viewer-toolbar {
  display: grid;
  grid-column: 1;
  grid-row: 5;
  grid-template-columns: minmax(0, 1fr) auto 185px;
  align-items: center;
  gap: 28px;
  min-height: 56px;
  margin: 12px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11px;
  width: auto;
  max-width: none;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: none;
}
.home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control > img { flex: 0 0 44px; width: 44px; height: 34px; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control > span:not(.material-change) { flex: 0 1 auto; min-width: 0; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control small { font-size: var(--study-caption); line-height: 1.5; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control strong { font-size: var(--study-control); font-weight: 500; line-height: 1.4; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .material-change { display: flex; min-width: 0; min-height: 44px; margin-left: 13px; padding: 0; gap: 8px; font-size: var(--study-control); border: 0; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions {
  display: flex !important;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 20px !important;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 48px;
  height: auto;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  background: none;
}
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center !important;
  flex: 0 0 auto;
  gap: 7px !important;
  min-width: 44px;
  min-height: 44px;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none;
  font: 500 var(--study-control)/1.4 var(--sans, sans-serif);
  font-size: var(--study-control) !important;
  white-space: nowrap;
}
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions button[aria-pressed="true"] { text-decoration: underline; text-underline-offset: 4px; color: #793b34; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions #inspect-toggle { border-inline-start: 0 !important; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions svg { width: 14px; height: 14px; }
.home-page.identity-ah .home-hero .identity-toolbar-ah .hero-project-cta {
  display: inline-flex;
  grid-column: 3;
  grid-row: 1;
  align-items: center;
  justify-content: space-between;
  width: 185px;
  min-height: 48px;
  margin: 0;
  padding: 0 16px;
  font-size: var(--study-control);
  line-height: 1.4;
}

/* Same 44px actions and printed numbers at every viewport. The viewer's
   measurement clones inherit these dimensions; no geometry is changed. */
.home-page.identity-ah #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  gap: 0;
  border: 0;
  background: transparent;
}
.home-page.identity-ah #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot > :is(.part-label-long, .part-label-short) { display: none !important; }
.home-page.identity-ah #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot > .part-number-af {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin: 0;
  border: 1px solid #9da294;
  border-radius: 50%;
  background: #f3f1e9;
  color: #46513e;
  font: 500 12px/1 ui-monospace, Consolas, monospace;
}
.home-page.identity-ah #product-viewer.part-labels-ac[data-exploded="true"][data-detail="overview"] .hotspot::after { content: none; }
.home-page.identity-ah #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot { width: 100%; max-width: none; justify-content: flex-start; gap: 8px; }
.home-page.identity-ah #product-viewer.part-labels-ac .hotspots[data-label-layout="rail"] .hotspot > .part-label-long { display: block !important; }
.home-page.identity-ah .home-hero .identity-legend-ah {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 7px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid var(--study-rule);
  list-style: none;
}
.home-page.identity-ah #product-viewer.part-labels-ac.viewer-ready:not(.viewer-loading):not(.viewer-unavailable):not(.static-mode):not(.has-studio-poster)[data-exploded="true"][data-detail="overview"]:has(.hotspots[data-label-layout="anchored"]) + .identity-legend-ah { display: grid; }
.home-page.identity-ah #product-viewer:is(.is-interacting, :has(.hotspots[data-label-phase="pending"]), :has(.hotspots[data-label-phase="inactive"])) + .identity-legend-ah { visibility: hidden; }
.home-page.identity-ah .home-hero .identity-legend-ah li { display: block; min-width: 0; }
.home-page.identity-ah .home-hero .identity-legend-ah :is(button, a) {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--study-ink);
  font: 400 var(--study-control)/1.4 var(--sans, sans-serif);
  text-align: left;
  text-decoration: none;
}
.home-page.identity-ah .home-hero .identity-legend-ah :is(button, a) > span { flex: none; color: #793b34; font: 500 12px/1.4 ui-monospace, Consolas, monospace; }
.home-page.identity-ah .home-hero .identity-legend-ah :is(button, a):hover { text-decoration: underline; text-underline-offset: 4px; }
.home-page.identity-ah .home-hero .identity-legend-ah :is(button, a):focus-visible { outline: 2px solid #793b34; outline-offset: 2px; }
.home-page.identity-ah .materials .material-heading h2,
.home-page.identity-ah #capabilities.detail-observation-ad .detail-feature-heading h2,
.home-page.identity-ah .featured .collection-heading h2 { font: 500 32px/1.2 var(--sans, sans-serif); letter-spacing: -.035em; }

@media (max-width: 1099px) {
  .home-page.identity-ah { --study-title: 42px; }
  .home-page.identity-ah .identity-heading-ah { gap: 16px; margin-bottom: 20px; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah.viewer-toolbar { grid-template-columns: minmax(0, 1fr) auto 150px; gap: 18px; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .hero-project-cta { width: 150px; padding: 0 12px; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .material-change { display: none; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions { gap: 16px !important; }
}
@media (max-width: 700px) {
  .home-page.identity-ah { --study-title: 30px; --study-control: 13px; }
  .home-page.identity-ah .home-hero { padding-top: 21px; padding-bottom: 27px; }
  .home-page.identity-ah .identity-context-ah { display: block; }
  .home-page.identity-ah .identity-context-ah .identity-business-ah { margin-top: 4px; }
  .home-page.identity-ah .identity-heading-ah { gap: 15px; margin-bottom: 18px; }
  .home-page.identity-ah #viewer-caption.identity-caption-ah { gap: 6px 12px; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah.viewer-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    margin-top: 7px;
    min-height: 0;
  }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control { display: grid; grid-column: 1; grid-row: 1; grid-template-columns: 32px minmax(0, 1fr); grid-template-rows: auto auto; gap: 0 8px; align-content: center; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control > img { grid-column: 1; grid-row: 1 / 3; width: 32px; height: 30px; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control > span:not(.material-change) { grid-column: 2; grid-row: 1; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control small { display: none; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .material-change { display: flex; grid-column: 2; grid-row: 2; min-height: 20px; margin: 0; gap: 6px; font-size: var(--study-control); line-height: 1.5; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions { grid-column: 2; grid-row: 1; gap: 11px !important; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions button { font-size: var(--study-control) !important; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions svg { display: none; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .hero-project-cta { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 46px; margin: 0; padding: 0 13px; }
  .home-page.identity-ah .home-hero .identity-legend-ah { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; margin-top: 6px; padding-top: 7px; }
  .home-page.identity-ah .home-hero .identity-legend-ah :is(button, a) { gap: 7px; font-size: var(--study-control); }
  .home-page.identity-ah .materials .material-heading h2,
  .home-page.identity-ah #capabilities.detail-observation-ad .detail-feature-heading h2,
  .home-page.identity-ah .featured .collection-heading h2 { font-size: 27px; }
}
@media (max-width: 360px) {
  .home-page.identity-ah { --study-title: 28px; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control { grid-template-columns: minmax(0, 1fr); }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control > img { display: none; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control > span:not(.material-change),
  .home-page.identity-ah .home-hero .identity-toolbar-ah .material-change { grid-column: 1; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions { gap: 8px !important; }
  .home-page.identity-ah .home-hero .identity-toolbar-ah .current-material-control strong { font-size: var(--study-control); }
}


/* material-ai.css */
/* Three original supplier references, each directly attached to its name. */
.home-page .materials.material-library-ai{padding-top:58px;padding-bottom:54px;border-bottom:1px solid #d7d8cf}
.home-page .materials.material-library-ai .mz-shell{grid-template-columns:minmax(200px,.8fr) minmax(0,2.2fr);grid-template-rows:auto auto;gap:22px 4vw}
.home-page .materials.material-library-ai .material-heading{grid-row:1;grid-column:1}
.home-page .materials.material-library-ai .material-heading > p{display:block;font-size:15px;max-width:24ch}
.home-page .materials.material-library-ai .mz-study{display:none}
.home-page .materials.material-library-ai .mz-reference-panel{grid-column:2;grid-row:1 / 3;display:block}
.home-page .materials.material-library-ai .mz-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}
.home-page .materials.material-library-ai .mz-choice,
.home-page .materials.material-library-ai .mz-choice:first-child{display:grid;grid-template-columns:1fr 22px;gap:13px 5px;align-content:start;align-items:start;padding:0 0 15px;min-width:0;width:100%;min-height:0;border:0;border-bottom:1px solid #b8bbaa;background:none;text-align:left}
.home-page .materials.material-library-ai .mz-choice > img{grid-column:1 / -1;grid-row:1;display:block;width:100%;height:auto;max-width:none;aspect-ratio:1.17;object-fit:cover;filter:none;box-shadow:none;transform:none;border:0;margin:0}
.home-page .materials.material-library-ai .mz-choice > span:not(.mz-choice-check){grid-column:1;grid-row:2}
.home-page .materials.material-library-ai .mz-choice-name{display:block;font-size:18px;font-weight:500;line-height:1.35;letter-spacing:-.02em}
.home-page .materials.material-library-ai .mz-choice-code{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#535d4c}
.home-page .materials.material-library-ai .mz-choice-check{position:static;grid-column:2;grid-row:2;margin-top:1px;font-size:16px;align-self:start;visibility:hidden}
.home-page .materials.material-library-ai .mz-choice[aria-pressed="true"]{border-bottom:2px solid #793b34;padding-bottom:14px;color:#793b34}
.home-page .materials.material-library-ai .mz-choice[aria-pressed="true"] .mz-choice-check{visibility:visible}
.home-page .materials.material-library-ai .mz-choice:hover .mz-choice-name{text-decoration:underline;text-underline-offset:4px}
.home-page .materials.material-library-ai .mz-choice:focus-visible{outline:2px solid #793b34;outline-offset:5px}
.home-page .materials.material-library-ai .mz-footer{margin-top:17px}
.home-page .materials.material-library-ai .mz-library-link{min-height:44px;font-size:14px}
.home-page .materials.material-library-ai .material-provenance-ae{grid-column:1;grid-row:2;align-self:end;margin:0;max-width:29ch;color:#535d4c;font-size:13px;line-height:1.55}
@media(max-width:1099px){
 .home-page .materials.material-library-ai .mz-shell{grid-template-columns:1fr;gap:25px}
 .home-page .materials.material-library-ai .material-heading{grid-column:1;grid-row:1;display:flex;align-items:baseline;justify-content:space-between;gap:30px}
 .home-page .materials.material-library-ai .material-heading p{max-width:none;margin:0}
 .home-page .materials.material-library-ai .mz-reference-panel{grid-column:1;grid-row:2}
 .home-page .materials.material-library-ai .material-provenance-ae{grid-column:1;grid-row:3;max-width:none;margin-top:-16px}
}
@media(max-width:700px){
 .home-page .materials.material-library-ai{padding-top:34px;padding-bottom:31px}
 .home-page .materials.material-library-ai .mz-shell{gap:21px}
 .home-page .materials.material-library-ai .material-heading{display:block}
 .home-page .materials.material-library-ai .material-heading p{margin-top:8px;font-size:14px}
 .home-page .materials.material-library-ai .mz-choices{gap:12px}
 .home-page .materials.material-library-ai .mz-choice,
 .home-page .materials.material-library-ai .mz-choice:first-child{grid-template-columns:1fr;gap:10px 0;position:relative;padding-bottom:13px}
 .home-page .materials.material-library-ai .mz-choice > img{aspect-ratio:.78}
 .home-page .materials.material-library-ai .mz-choice-name{font-size:15px;line-height:1.3;min-height:39px}
 .home-page .materials.material-library-ai .mz-choice-code{font-size:11px;margin-top:5px;letter-spacing:-.03em}
 .home-page .materials.material-library-ai .mz-choice-check,
 .home-page .materials.material-library-ai .mz-choice[aria-pressed="true"] .mz-choice-check{display:none}
 .home-page .materials.material-library-ai .mz-choice[aria-pressed="true"]{padding-bottom:12px}
 .home-page .materials.material-library-ai .mz-footer{margin-top:8px}
 .home-page .materials.material-library-ai .material-provenance-ae{font-size:12px;line-height:1.55;margin-top:5px;max-width:42ch}
}



/* finishing-ai.css */
/* AI: two complete views of the same upper-corner area, not a split-image wipe.
   The original source images are unchanged. Crop rectangle in each 1254px image:
   x=250, y=70, width=820, height=350. This is matched framing, not registration. */
.home-page #capabilities.finishing-ai .finishing-pair-ai {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  width: 100%;
  margin: 0;
}
.home-page #capabilities.finishing-ai .finishing-view-ai {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.home-page #capabilities.finishing-ai .finishing-view-ai > figcaption {
  display: block;
  position: static;
  order: -1;
  margin: 0 0 10px;
  padding: 0;
  color: #293027;
  background: transparent;
  font: 500 20px/1.3 var(--sans, sans-serif);
  letter-spacing: -.025em;
}
.home-page #capabilities.finishing-ai .finishing-crop-ai {
  position: relative;
  width: 100%;
  aspect-ratio: 820 / 350;
  overflow: hidden;
  background: #f4f0e7;
}
.home-page #capabilities.finishing-ai .finishing-crop-ai > img {
  position: absolute;
  inset: auto;
  left: -30.487804878%;
  top: -20%;
  display: block;
  width: 152.926829268%;
  max-width: none;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: none;
}
.home-page #capabilities.finishing-ai .finishing-source-ai {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 16px;
  margin: 4px 0 0;
  color: #596052;
  font: 400 12px/1.5 var(--sans, sans-serif);
}
.home-page #capabilities.finishing-ai .finishing-source-ai a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.home-page #capabilities.finishing-ai .finishing-source-ai a:focus-visible {
  outline: 2px solid #793b34;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  .home-page #capabilities.finishing-ai .finishing-pair-ai {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
  }
  .home-page #capabilities.finishing-ai .finishing-view-ai > figcaption {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.3;
  }
  .home-page #capabilities.finishing-ai .finishing-source-ai {
    margin-top: 4px;
    gap: 0 12px;
  }
  .home-page #capabilities.finishing-ai .detail-intro-ad {
    margin-top: 0;
  }
  .home-page #capabilities.finishing-ai .detail-intro-ad .detail-explore-action {
    margin-top: 0;
  }
}


/* controls-ai.css */
/* A material selector, a pair of view actions, and the project action. */
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions{gap:20px!important;padding-left:24px!important;border-left:1px solid #b8bbaa!important}
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions button :is(svg,[aria-hidden="true"]){display:none!important}
.home-page.identity-ah .home-hero .identity-toolbar-ah .material-change > span{display:none!important}
.home-page.identity-ah .home-hero .identity-toolbar-ah .material-change{color:#793b34;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions button:hover{text-decoration:underline;text-underline-offset:4px}
.home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions button:focus-visible{outline:2px solid #793b34;outline-offset:4px}
@media(max-width:700px){
 .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions{gap:13px!important;padding-left:12px!important}
 .home-page.identity-ah .home-hero .identity-toolbar-ah .hero-project-cta{margin-top:2px}
}
@media(max-width:360px){
 .home-page.identity-ah .home-hero .identity-toolbar-ah .bench-actions{gap:10px!important;padding-left:10px!important}
 .home-page.identity-ah .home-hero .identity-toolbar-ah.viewer-toolbar{column-gap:8px}
}


/* brand-aj.css */
/* AJ — an industrial catalogue identity. Requires output/brand-aj/integration.md.
   Barlow Condensed is the display voice; Manrope names the actual study and controls. */
.home-page.brand-aj {
  --aj-ink: #203128;
  --aj-muted: #556054;
  --aj-rule: #aeb5a7;
  --aj-accent: #763d34;
  --aj-display: JingsDisplay, 'Arial Narrow', sans-serif;
  --aj-number-column: 29px;
  color: var(--aj-ink);
}
body:has(.home-page.brand-aj) .site-header .header-cta {
  border: 0;
  background: transparent;
  color: #263b2d;
  padding-inline: 0;
  font-weight: 600;
}
body:has(.home-page.brand-aj) .site-header .header-cta:hover {
  background: transparent;
  color: #763d34;
}
body:has(.home-page.brand-aj) .mobile-project { display: none !important; }
body:has(.home-page.brand-aj) .site-header .wordmark { min-height:44px; }
body:has(.home-page.brand-aj) .site-header nav a { min-width:44px; }
.home-page.brand-aj .home-hero {
  padding-top: 25px;
  padding-bottom: 38px;
  color: var(--aj-ink);
}
.home-page.brand-aj .brand-heading-aj {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
  margin: 0;
}
.home-page.brand-aj .brand-title-aj {
  display: flex;
  align-items: baseline;
  gap: 22px;
  margin: 0;
  min-width: 0;
  font: 600 clamp(100px, 10.5vw, 152px)/.84 var(--aj-display);
  letter-spacing: -.035em;
  text-transform: uppercase;
  color: var(--aj-ink);
}
.home-page.brand-aj .brand-material-aj { display: block; }
.home-page.brand-aj .brand-title-aj .brand-product-aj {
  display: block;
  font-size: 47px;
  line-height: .95;
  letter-spacing: -.02em;
}
.home-page.brand-aj .brand-position-aj {
  margin: 0 0 1px;
  font: 600 47px/.95 var(--aj-display);
  letter-spacing: -.02em;
  color: var(--aj-ink);
  white-space: nowrap;
}
.home-page.brand-aj #viewer-caption.identity-caption-ah.brand-model-aj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 18px;
  min-height: 43px;
  margin: 22px 0 0;
  padding: 8px 0;
  border-top: 1px solid var(--aj-rule);
  color: var(--aj-muted);
}
.home-page.brand-aj #viewer-caption.brand-model-aj > strong {
  margin: 0;
  font: 550 14px/1.4 var(--sans, sans-serif);
  letter-spacing: 0;
  color: var(--aj-ink);
}
.home-page.brand-aj #viewer-caption.brand-model-aj > span,
.home-page.brand-aj #viewer-caption.brand-model-aj .construction-key:not([hidden]) {
  font-size: 12px;
  color: var(--aj-muted);
  margin: 0;
}

/* Two parallel control rows: category at a stable left edge, action at right. */
.home-page.brand-aj .home-hero .identity-toolbar-ah.viewer-toolbar.brand-toolbar-aj {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 190px;
  align-items: stretch;
  gap: 24px;
  min-height: 60px;
  margin-top: 16px;
}
.home-page.brand-aj .brand-control-group-aj {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  height: 60px;
  border-top: 1px solid var(--aj-rule);
  border-bottom: 1px solid var(--aj-rule);
}
.home-page.brand-aj .brand-control-group-aj:first-child { grid-column: 1; grid-row: 1; }
.home-page.brand-aj .brand-control-group-aj:nth-child(2) { grid-column: 2; grid-row: 1; }
.home-page.brand-aj .brand-control-label-aj {
  margin: 0;
  color: var(--aj-muted);
  font: 500 13px/1.4 var(--sans, sans-serif);
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  gap: 10px;
  height: 58px;
  min-height: 44px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control > img {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control > span:not(.material-change) {
  flex: 1 1 auto;
  min-width: 0;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control small { display: none; }
.home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control strong {
  display: block;
  font: 550 14px/1.3 var(--sans, sans-serif);
  color: var(--aj-ink);
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .material-change {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  color: var(--aj-accent);
  font-size: 13px;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions {
  display: grid !important;
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: 1fr 1fr;
  gap: 14px !important;
  height: 58px;
  min-height: 44px;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions button {
  width: 100%;
  height: 58px;
  min-height: 44px;
  justify-content: flex-start !important;
  gap: 7px !important;
  color: var(--aj-ink);
  font-size: 14px !important;
  font-weight: 550;
  text-decoration: none;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions svg {
  display: block;
  width: 16px;
  height: 16px;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions button[aria-pressed="true"] {
  color: var(--aj-accent);
  text-decoration: underline;
  text-underline-offset: 5px;
}
.home-page.brand-aj .home-hero .brand-toolbar-aj .hero-project-cta {
  grid-column: 3;
  grid-row: 1;
  width: 190px;
  min-height: 60px;
  margin: 0;
  padding: 0 18px;
  background: var(--aj-ink);
  border: 1px solid var(--aj-ink);
  color: #faf8f1;
  font-size: 14px;
}

/* Real section order is visible in the type system, not in separate badges. */
.home-page.brand-aj .materials .material-heading h2.chapter-title-aj,
.home-page.brand-aj #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
.home-page.brand-aj .making-heading h2.chapter-title-aj,
.home-page.brand-aj .featured .collection-heading h2.chapter-title-aj {
  display: grid;
  grid-template-columns: var(--aj-number-column) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  max-width: none;
  margin: 0;
  color: inherit;
  font: 600 58px/.98 var(--aj-display);
  letter-spacing: -.015em;
  text-transform: uppercase;
}
.home-page.brand-aj .chapter-title-aj .chapter-number-aj {
  display: block;
  padding-top: 5px;
  font: 550 13px/1.5 var(--sans, sans-serif);
  letter-spacing: 0;
}
.home-page.brand-aj .materials .material-heading > p { margin-left: calc(var(--aj-number-column) + 16px); }
.home-page.brand-aj .making-heading > div > .eyebrow,
.home-page.brand-aj .featured .collection-heading .eyebrow { display: none; }
.home-page.brand-aj .making-heading h2.chapter-title-aj { font-size: 68px; }
.home-page.brand-aj .making-heading > div > p:not(.eyebrow),
.home-page.brand-aj .making-heading > div > a { margin-left: calc(var(--aj-number-column) + 16px); }
.home-page.brand-aj .making-heading > div > p:not(.eyebrow) { margin-top: 23px; }
.home-page.brand-aj .making-story { background: var(--aj-ink); }
.home-page.brand-aj .featured .collection-heading { align-items: end; }
.home-page.brand-aj .project-strip.project-invitation-ag h2 {
  max-width: 14ch;
  font: 600 60px/.98 var(--aj-display);
  letter-spacing: -.015em;
  text-transform: uppercase;
}
.home-page.brand-aj .project-strip.project-invitation-ag .project-invitation-action .button {
  background: var(--aj-ink);
  border-color: var(--aj-ink);
}
@media (max-width: 1099px) {
  .home-page.brand-aj .brand-title-aj { font-size: 108px; gap: 16px; }
  .home-page.brand-aj .brand-title-aj .brand-product-aj,
  .home-page.brand-aj .brand-position-aj { font-size: 34px; }
  .home-page.brand-aj .brand-heading-aj { gap: 20px; }
  .home-page.brand-aj .home-hero .identity-toolbar-ah.viewer-toolbar.brand-toolbar-aj { grid-template-columns: 1fr 1fr 154px; gap: 16px; }
  .home-page.brand-aj .brand-control-group-aj { grid-template-columns: 60px minmax(0, 1fr); }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control { gap: 7px; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control > img { display: none; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control strong { font-size: 13px; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions { gap: 6px !important; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions button { font-size: 13px !important; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions svg { display: none; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .hero-project-cta { width: 154px; padding-inline: 12px; }
  .home-page.brand-aj .materials .material-heading h2.chapter-title-aj,
  .home-page.brand-aj #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
  .home-page.brand-aj .featured .collection-heading h2.chapter-title-aj { font-size: 46px; }
  .home-page.brand-aj .making-heading h2.chapter-title-aj { font-size: 54px; }
}
@media (max-width: 700px) {
  .home-page.brand-aj { --aj-number-column: 22px; }
  .home-page.brand-aj .home-hero { padding-top: 20px; padding-bottom: 30px; }
  .home-page.brand-aj .brand-heading-aj { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 3px 14px; }
  .home-page.brand-aj .brand-title-aj { display: contents; }
  .home-page.brand-aj .brand-title-aj .brand-material-aj { grid-column: 1 / -1; grid-row: 1; font-size: clamp(74px, 24vw, 102px); line-height: .88; letter-spacing: -.02em; }
  .home-page.brand-aj .brand-title-aj .brand-product-aj { grid-column: 1; grid-row: 2; font-size: 34px; line-height: 1; }
  .home-page.brand-aj .brand-position-aj { grid-column: 2; grid-row: 2; font-size: 24px; line-height: 1.15; margin: 0; }
  .home-page.brand-aj #viewer-caption.identity-caption-ah.brand-model-aj { min-height: 38px; margin-top: 14px; padding-block: 8px; gap: 3px 9px; }
  .home-page.brand-aj #viewer-caption.brand-model-aj > strong { font-size: 13px; }
  .home-page.brand-aj #viewer-caption.brand-model-aj > span,
  .home-page.brand-aj #viewer-caption.brand-model-aj .construction-key:not([hidden]) { font-size: 12px; }
  .home-page.brand-aj .home-hero .identity-toolbar-ah.viewer-toolbar.brand-toolbar-aj { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 12px; }
  .home-page.brand-aj .brand-control-group-aj { grid-template-columns: 74px minmax(0, 1fr); height: 54px; }
  .home-page.brand-aj .brand-control-group-aj:first-child { grid-column: 1; grid-row: 1; }
  .home-page.brand-aj .brand-control-group-aj:nth-child(2) { grid-column: 1; grid-row: 2; border-top: 0; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control { height: 52px; gap: 10px; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .current-material-control > img { display: none; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions { height: 52px; gap: 16px !important; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions button { height: 52px; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions svg { display: block; width: 16px; height: 16px; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .hero-project-cta { grid-column: 1; grid-row: 3; width: 100%; min-height: 48px; margin-top: 14px; }
  .home-page.brand-aj .materials .material-heading h2.chapter-title-aj,
  .home-page.brand-aj #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
  .home-page.brand-aj .featured .collection-heading h2.chapter-title-aj { font-size: 44px; gap: 11px; }
  .home-page.brand-aj .making-heading h2.chapter-title-aj { font-size: 48px; gap: 11px; }
  .home-page.brand-aj .chapter-title-aj .chapter-number-aj { font-size: 12px; padding-top: 3px; }
  .home-page.brand-aj .materials .material-heading > p,
  .home-page.brand-aj .making-heading > div > p:not(.eyebrow),
  .home-page.brand-aj .making-heading > div > a { margin-left: calc(var(--aj-number-column) + 11px); }
  .home-page.brand-aj .project-strip.project-invitation-ag h2 { font-size: 48px; }
}

/* Material references form a complete indexed plate, with labels on their samples.
   The original 980:580 source image is visible in full at every width. */
.home-page.brand-aj .materials.material-library-ai .mz-shell,
.home-page.brand-aj .materials.material-library-ai .mz-main,
.home-page.brand-aj .materials.material-library-ai .mz-reference-panel {
  display: block;
  width: 100%;
  max-width: none;
}
.home-page.brand-aj .materials.material-library-ai .material-heading {
  display: block;
  margin: 0 0 24px;
}
.home-page.brand-aj .materials.material-library-ai .mz-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice,
.home-page.brand-aj .materials.material-library-ai .mz-choice:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  gap: 10px 8px;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 0 0 11px;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice > img {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 980 / 580;
  object-fit: contain;
  object-position: center;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice > span:not(.mz-choice-check) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  grid-column: 1;
  grid-row: 2;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice-name {
  min-height: 0;
  font: 550 17px/1.35 var(--sans, sans-serif);
  letter-spacing: -.015em;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice-code {
  margin: 0;
  font: 500 12px/1.4 var(--sans, sans-serif);
  letter-spacing: 0;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice-check {
  display: block;
  position: static;
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  font-size: 14px;
}
.home-page.brand-aj .materials.material-library-ai .mz-choice[aria-pressed="true"] { padding-bottom: 10px; }
.home-page.brand-aj .materials.material-library-ai .mz-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 9px 0 0;
}
.home-page.brand-aj .materials.material-library-ai .material-provenance-ae {
  max-width: 70ch;
  margin: 0;
  padding: 0;
  font: 400 12px/1.5 var(--sans, sans-serif);
}
.home-page.brand-aj .materials.material-library-ai .mz-library-link { flex: 0 0 auto; min-height: 44px; }
@media (max-width: 700px) {
  .home-page.brand-aj .materials.material-library-ai .material-heading { margin-bottom: 20px; }
  .home-page.brand-aj .materials.material-library-ai .mz-choices { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .home-page.brand-aj .materials.material-library-ai .mz-choice,
  .home-page.brand-aj .materials.material-library-ai .mz-choice:first-child { grid-template-columns: 42% minmax(0, 1fr) 14px; gap: 12px; align-items: center; }
  .home-page.brand-aj .materials.material-library-ai .mz-choice > img { grid-column: 1; grid-row: 1; }
  .home-page.brand-aj .materials.material-library-ai .mz-choice > span:not(.mz-choice-check) { display: block; grid-column: 2; grid-row: 1; }
  .home-page.brand-aj .materials.material-library-ai .mz-choice-name { font-size: 16px; }
  .home-page.brand-aj .materials.material-library-ai .mz-choice-code { margin-top: 3px; font-size: 12px; }
  .home-page.brand-aj .materials.material-library-ai .mz-choice-check,
  .home-page.brand-aj .materials.material-library-ai .mz-choice[aria-pressed="true"] .mz-choice-check { display: block; grid-column: 3; grid-row: 1; }
  .home-page.brand-aj .materials.material-library-ai .mz-footer { display: block; margin-top: 12px; }
  .home-page.brand-aj .materials.material-library-ai .material-provenance-ae { max-width: none; }
  .home-page.brand-aj .materials.material-library-ai .mz-library-link { margin-top: 3px; }
}
@media (max-width: 360px) {
  .home-page.brand-aj .brand-title-aj .brand-product-aj { font-size: 29px; }
  .home-page.brand-aj .brand-position-aj { font-size: 21px; }
  .home-page.brand-aj .brand-control-group-aj { grid-template-columns: 62px minmax(0, 1fr); }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions { gap: 10px !important; }
  .home-page.brand-aj .home-hero .brand-toolbar-aj .bench-actions svg { display: none; }
  .home-page.brand-aj .materials .material-heading h2.chapter-title-aj,
  .home-page.brand-aj #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
  .home-page.brand-aj .featured .collection-heading h2.chapter-title-aj { font-size: 39px; }
}


/* photo-plate-aj.css */
.photo-plate{--pp-paper:#f5f3eb;--pp-ink:#243d32;--pp-accent:#a34c34;color:var(--pp-ink);font:14px/1.4 Arial,sans-serif;width:100%;min-width:0}
.photo-plate [hidden],.photo-plate[hidden]{display:none!important}
.photo-plate *{box-sizing:border-box}
.pp-stage{width:100%;aspect-ratio:1774/940;position:relative;background:var(--pp-paper);transition:aspect-ratio .68s cubic-bezier(.2,.65,.2,1)}
.photo-plate[data-layout=mobile] .pp-stage{aspect-ratio:400/270}
.photo-plate[data-layout=mobile][data-expanded=true] .pp-stage{aspect-ratio:400/460}
.pp-whole,.pp-drawing,.pp-markers{position:absolute;inset:0;width:100%;height:100%}
.pp-whole{object-fit:contain;opacity:1;transition:opacity .42s ease,transform .65s ease;pointer-events:none}
.pp-drawing{overflow:visible;pointer-events:none}
.pp-part{opacity:0;transform:translate(var(--pp-dx),var(--pp-dy));transition:opacity .5s ease var(--pp-delay),transform .68s cubic-bezier(.2,.65,.2,1) var(--pp-delay)}
.photo-plate[data-expanded=true] .pp-whole{opacity:0;transform:scale(.985)}
.photo-plate[data-expanded=true] .pp-part{opacity:1;transform:translate(0,0)}
.pp-lines{stroke:#496353;stroke-width:1.2;fill:none;opacity:0;transition:opacity .3s ease .4s}
.pp-lines circle{fill:#496353;stroke:none}
.photo-plate[data-expanded=true] .pp-lines{opacity:.75}
.photo-plate[data-layout=mobile] .pp-lines{stroke-width:.65}
.photo-plate[data-layout=mobile] .pp-lines circle{r:1.3px}
.pp-markers{pointer-events:none;opacity:0;transition:opacity .3s ease .4s}
.photo-plate[data-expanded=true] .pp-markers{opacity:1}
.photo-plate button{font:inherit;color:inherit;cursor:pointer;min-height:44px;border:0;background:none;padding:10px 16px}
.photo-plate button:focus-visible{outline:2px solid var(--pp-accent);outline-offset:3px}
.photo-plate .pp-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:44px;height:44px;padding:0;display:grid;place-items:center;font:11px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.pp-marker::before{content:'';position:absolute;inset:8px;border:1px solid #839085;border-radius:50%;background:var(--pp-paper);z-index:-1}
.pp-marker:hover::before{background:#fff}
.pp-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:12px 0 8px;border-top:1px solid #bfc5ba}
.pp-caption span:last-child{color:#6a7469;text-align:right;white-space:nowrap}
.pp-toolbar{display:flex;justify-content:flex-end;gap:12px;padding:6px 0 16px}
.photo-plate .pp-toggle{background:var(--pp-ink);color:#fff;min-width:130px}
.photo-plate .pp-open-3d{border-bottom:1px solid #788778;padding:10px 2px}
.pp-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid #bfc5ba;padding-top:12px}
.photo-plate .pp-legend-item{display:flex;align-items:center;gap:12px;text-align:left;padding:7px 0}
.pp-legend-item>span:first-child{font-size:11px;color:#a34c34}
.pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.pp-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}.pp-caption{font-size:10px;gap:6px}.photo-plate .pp-legend-item{font-size:12px;gap:8px}.pp-toolbar{gap:22px}.photo-plate button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.photo-plate *{transition:none!important;animation:none!important}}


/* photo-integration-aj.css */
/* The photographic concept owns only its stage. Source 3D remains an explicit tool. */
.home-page.brand-aj .home-hero .bench-stage #product-viewer.has-photo-study {
  height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
  overflow:visible!important;background:#f5f3eb;isolation:isolate;
  margin-bottom:0!important;
}
.home-page.brand-aj #product-viewer.has-photo-study > :not(.photo-study-host) {display:none!important}
.home-page.brand-aj #product-viewer:not(.has-photo-study) > .photo-study-host {display:none!important}
.home-page.brand-aj .photo-study-host {position:relative;width:100%;min-width:0;z-index:2;}
.home-page.brand-aj .photo-plate {font-family:var(--sans,sans-serif);--pp-paper:#f5f3eb;}
.home-page.brand-aj .photo-plate .pp-marker {font-family:var(--sans,sans-serif);}
.home-page.brand-aj .bench-stage:has(.has-photo-study) .viewer-load-message,
.home-page.brand-aj .bench-stage:has(.has-photo-study) .static-appearance-note {display:none!important;}
.home-page.brand-aj .bench-stage:has(.has-photo-study) .part-legend-af {display:none!important;}
.home-page.brand-aj .bench-stage:has(.has-photo-study.photo-study-expanded) .part-legend-af {display:grid!important;visibility:visible!important;}
.home-page.brand-aj:has(.has-photo-study) #viewer-caption .construction-key {display:none!important;}
.home-page.brand-aj:has(.has-photo-study) #viewer-caption > span:last-child {display:inline!important;}
@media(min-width:701px){
  .home-page.brand-aj .photo-plate .pp-stage {aspect-ratio:2.25;}
  .home-page.brand-aj .photo-plate[data-expanded=true] .pp-stage {aspect-ratio:1774/940;}
}
@media(prefers-reduced-motion:reduce){.home-page.brand-aj .pp-stage {transition:none;}}


/* composition-ak.css */
/* AK composition proposal. Load after AJ styles. Markup: transform.mjs / integration.md.
   Only the named photographic concept receives the Navigator title and mobile crop.
   The original model selector, renderer and all application hooks remain unchanged. */
.home-page.composition-ak {
  --ak-caption: 12px;
  --ak-small: 13px;
  --ak-quiet: #536055;
  --ak-ink: #203128;
}
.home-page.composition-ak .brand-name-ak { display: none; }
.home-page.composition-ak[data-hero-model="navigator"] .brand-generic-ak { display: none; }
.home-page.composition-ak[data-hero-model="navigator"] .brand-name-ak { display: inline; }
.home-page.composition-ak .brand-heading-aj { gap: 28px; }
.home-page.composition-ak .brand-title-aj {
  align-items: flex-end;
  font-size: clamp(108px, 10.25vw, 148px);
  line-height: .88;
  letter-spacing: -.03em;
  gap: 30px;
}
.home-page.composition-ak .brand-title-aj .brand-product-aj {
  margin-bottom: 8px;
  max-width: 10ch;
  font: 500 24px/1.2 var(--sans, sans-serif);
  letter-spacing: -.025em;
  text-transform: none;
}
.home-page.composition-ak .brand-position-aj {
  margin-bottom: 3px;
  font: 500 14px/1.4 var(--sans, sans-serif);
  letter-spacing: .01em;
}
.home-page.composition-ak #viewer-caption.identity-caption-ah.brand-model-aj {
  margin-top: 18px;
  min-height: 38px;
  color: var(--ak-quiet);
}
.home-page.composition-ak #viewer-caption.brand-model-aj > strong,
.home-page.composition-ak #viewer-caption.brand-model-aj > span {
  font-size: var(--ak-caption);
  line-height: 1.5;
  color: var(--ak-quiet);
}

/* Quiet chapters interrupt the display hero and sample statement.
   Finishing uses these same sizes; its module owns all image/body layout. */
.home-page.composition-ak .materials .material-heading h2.chapter-quiet-ak,
.home-page.brand-aj.composition-ak #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
.home-page.brand-aj.composition-ak #capabilities.finishing-ak h2.chapter-title-aj,
.home-page.composition-ak .featured .collection-heading h2.chapter-quiet-ak {
  display: block;
  color: var(--ak-ink);
  font: 500 36px/1.16 var(--sans, sans-serif);
  letter-spacing: -.04em;
  text-transform: none;
  text-wrap: balance;
  margin: 0;
}
.home-page.composition-ak .chapter-title-aj { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
.home-page.brand-aj.composition-ak .making-heading > div > p:not(.eyebrow),
.home-page.brand-aj.composition-ak .making-heading > div > a { margin-left: 0; }
.home-page.composition-ak .materials.material-library-ai .material-heading { margin-bottom: 27px; }
.home-page.composition-ak .featured .collection-heading { align-items: center; }
.home-page.composition-ak .featured .collection-heading h2.chapter-quiet-ak { font-size: 40px; }

/* Notes, figure sources and navigation links use one legible small-text system.
   Keep semantic class names, and do not demote visible figure titles. */
body:has(.composition-ak) :is(.precision-meta, .fine-print, .material-provenance-ae,
  .mz-choice-code, .source-caption, .collection-study-note, .footer-bottom,
  .detail-ab-study-caption, .appearance-source),
.home-page.composition-ak #viewer-caption.brand-model-aj > span {
  font-family: var(--sans, sans-serif);
  font-size: var(--ak-caption, 12px) !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--ak-quiet, #536055);
}
body:has(.composition-ak) .precision-link {
  font-size: var(--ak-small, 13px) !important;
  color: var(--ak-quiet, #536055);
}
body:has(.composition-ak) :is(.making-story, .site-footer, .appearance-summary) :is(.precision-meta,
  .fine-print, .source-caption, .footer-bottom, .precision-link) { color: #c9d0c3; }
body:has(.composition-ak) .site-footer .footer-bottom > * { color: inherit; }
body:has(.composition-ak) .precision-link > .precision-link-icon {
  width: 14px; height: 16px; font-size: 14px !important; line-height: 1;
  align-self: center; transform: none;
}

@media (min-width: 701px) and (max-width: 1099px) {
  .home-page.composition-ak .brand-title-aj { font-size: 104px; gap: 20px; }
  .home-page.composition-ak .brand-title-aj .brand-product-aj { font-size: 20px; }
  .home-page.composition-ak .brand-position-aj { font-size: 13px; }
  .home-page.composition-ak .brand-heading-aj { gap: 18px; }
  .home-page.composition-ak .materials .material-heading h2.chapter-quiet-ak,
  .home-page.brand-aj.composition-ak #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
  .home-page.brand-aj.composition-ak #capabilities.finishing-ak h2.chapter-title-aj,
  .home-page.composition-ak .featured .collection-heading h2.chapter-quiet-ak { font-size: 32px; }
}
@media (max-width: 700px) {
  body:has(.composition-ak) .site-header { padding-block: 13px; }
  .home-page.composition-ak .home-hero { padding-top: 18px; }
  .home-page.composition-ak .brand-heading-aj { row-gap: 10px; column-gap: 14px; }
  .home-page.composition-ak .brand-title-aj .brand-material-aj {
    font-size: clamp(61px, 19.5vw, 100px);
    line-height: .9;
    letter-spacing: -.025em;
  }
  .home-page.composition-ak .brand-title-aj .brand-product-aj {
    margin-bottom: 0;
    font: 500 14px/1.4 var(--sans, sans-serif);
    max-width: none;
    letter-spacing: -.01em;
  }
  .home-page.composition-ak .brand-position-aj { font-size: 12px; margin: 0; }
  .home-page.composition-ak #viewer-caption.identity-caption-ah.brand-model-aj {
    margin-top: 13px; padding-block: 8px; min-height: 35px; gap: 3px 8px;
  }
  .home-page.composition-ak .photo-plate[data-layout="mobile"] .pp-stage { aspect-ratio: 13/8; overflow-x: clip; overflow-y: visible; }
  .home-page.composition-ak .photo-plate[data-layout="mobile"][data-expanded="true"] .pp-stage { aspect-ratio: 400/460; }
  .home-page.composition-ak .photo-plate[data-layout="mobile"] .pp-whole {
    inset: auto;
    left: -9%; top: 50%;
    width: 118%; max-width: none; height: auto;
    transform: translateY(-50%);
    object-fit: contain;
  }
  .home-page.composition-ak .photo-plate[data-layout="mobile"][data-expanded="true"] .pp-whole { transform: translateY(-50%) scale(.985); }
  .home-page.composition-ak .materials .material-heading h2.chapter-quiet-ak,
  .home-page.brand-aj.composition-ak #capabilities.detail-observation-ad .detail-feature-heading h2.chapter-title-aj,
  .home-page.brand-aj.composition-ak #capabilities.finishing-ak h2.chapter-title-aj,
  .home-page.composition-ak .featured .collection-heading h2.chapter-quiet-ak { font-size: 28px; line-height: 1.2; }
  .home-page.composition-ak .materials.material-library-ai .material-heading { margin-bottom: 20px; }
  .home-page.composition-ak .featured .collection-heading { gap: 8px; }
}


/* finishing-ak.css */
/* One unmodified AB reference; crop rectangle x930 y190 w720 h430. */
.home-page #capabilities.finishing-ak{display:block;min-width:0;padding-top:48px;padding-bottom:48px;color:#263b2d}
#capabilities.finishing-ak .fak-header{margin:0 0 24px;padding:0;border:0}
#capabilities.finishing-ak .fak-header h2{margin:0;font:500 36px/1.16 var(--sans,sans-serif);letter-spacing:-.04em;text-transform:none}
#capabilities.finishing-ak .fak-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,29%);grid-template-rows:auto 1fr;gap:0 44px;align-items:start}
#capabilities.finishing-ak .fak-figure{grid-column:1;grid-row:1/3;margin:0;min-width:0}
#capabilities.finishing-ak .fak-crop{position:relative;overflow:hidden;aspect-ratio:720/430;background:#f5f3eb}
#capabilities.finishing-ak .fak-crop img{position:absolute;left:-129.166666667%;top:-44.186046512%;display:block;width:246.388888889%;height:auto;max-width:none;aspect-ratio:1774/887;margin:0;padding:0;object-fit:contain;filter:none;transform:none}
#capabilities.finishing-ak .fak-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:0;color:#596052;font:400 12px/1.4 var(--sans,sans-serif)}
#capabilities.finishing-ak .fak-figure figcaption>span{white-space:nowrap}
#capabilities.finishing-ak .fak-figure figcaption a{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-height:44px;min-width:72px;color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#capabilities.finishing-ak .fak-tabs{grid-column:2;grid-row:1;display:flex;gap:22px;align-items:stretch;margin:0 0 24px;border-bottom:1px solid #aeb5a7;min-width:0}
#capabilities.finishing-ak .fak-tabs button{position:relative;flex:0 0 auto;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;font:500 13px/1.2 var(--sans,sans-serif);color:#637061;cursor:pointer;white-space:nowrap}
#capabilities.finishing-ak .fak-tabs button[aria-selected=true]{color:#263b2d}
#capabilities.finishing-ak .fak-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#763d34}
#capabilities.finishing-ak .fak-panel{grid-column:2;grid-row:2;min-width:0;padding:0;margin:0}
#capabilities.finishing-ak .fak-kicker{margin:0 0 10px;font:500 11px/1.4 var(--sans,sans-serif);letter-spacing:.065em;color:#637061}
#capabilities.finishing-ak .fak-panel h3{margin:0 0 16px;font:500 clamp(26px,2.35vw,34px)/1.12 var(--sans,sans-serif);letter-spacing:-.035em;color:#263b2d}
#capabilities.finishing-ak .fak-copy{margin:0;max-width:33em;font:400 15px/1.65 var(--sans,sans-serif);color:#596052}
#capabilities.finishing-ak .fak-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:166px;min-height:44px;margin:20px 0 0;padding:0 0 8px;border:0;border-bottom:1px solid #7c8a79;background:transparent;color:#263b2d;font:600 13px/1.4 var(--sans,sans-serif);cursor:pointer}
#capabilities.finishing-ak button:focus-visible,#capabilities.finishing-ak a:focus-visible{outline:2px solid #763d34;outline-offset:4px}
@media(max-width:1099px){
 #capabilities.finishing-ak .fak-header h2{font-size:32px}
 .home-page #capabilities.finishing-ak{padding-top:36px;padding-bottom:36px}
 #capabilities.finishing-ak .fak-header{margin-bottom:12px}
 #capabilities.finishing-ak .fak-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0}
 #capabilities.finishing-ak .fak-tabs{grid-column:1;grid-row:1;justify-content:flex-start;gap:32px;margin:0 0 18px}
 #capabilities.finishing-ak .fak-figure{grid-column:1;grid-row:2}
 #capabilities.finishing-ak .fak-panel{grid-column:1;grid-row:3;margin-top:18px}
 #capabilities.finishing-ak .fak-crop{aspect-ratio:720/430}
 #capabilities.finishing-ak .fak-crop img{top:-44.186046512%}
 #capabilities.finishing-ak .fak-panel h3{font-size:28px;margin-bottom:10px}
 #capabilities.finishing-ak .fak-kicker{margin-bottom:8px}
 #capabilities.finishing-ak .fak-copy{max-width:43em}
 #capabilities.finishing-ak .fak-action{margin-top:14px}
}
@media(max-width:700px){
 #capabilities.finishing-ak .fak-header h2{font-size:28px}
 .home-page #capabilities.finishing-ak{padding-top:30px;padding-bottom:30px}
 #capabilities.finishing-ak .fak-tabs{gap:28px;margin-bottom:14px}
 #capabilities.finishing-ak .fak-tabs button{font-size:13px}
 #capabilities.finishing-ak .fak-panel{margin-top:14px}
 #capabilities.finishing-ak .fak-panel h3{font-size:25px}
 #capabilities.finishing-ak .fak-copy{font-size:14px;line-height:1.55}
}
@media(min-width:701px) and (max-width:1099px){
 #capabilities.finishing-ak .fak-header{margin-bottom:22px}
 #capabilities.finishing-ak .fak-layout{grid-template-columns:minmax(0,1fr) minmax(230px,34%);grid-template-rows:auto 1fr;gap:0 26px}
 #capabilities.finishing-ak .fak-tabs{grid-column:2;grid-row:1;gap:14px;margin:0 0 18px}
 #capabilities.finishing-ak .fak-tabs button{font-size:12px}
 #capabilities.finishing-ak .fak-figure{grid-column:1;grid-row:1/3}
 #capabilities.finishing-ak .fak-panel{grid-column:2;grid-row:2;margin:0}
 #capabilities.finishing-ak .fak-panel h3{font-size:26px}
 #capabilities.finishing-ak .fak-copy{font-size:14px;line-height:1.55}
}


/* finishing-al.css */
/* Load after finishing-ak.css. Source pixels are intact; these are display crops. */
.home-page #capabilities.finishing-al{--fal-x:30;--fal-y:300;--fal-width:940;--fal-height:410}
#capabilities.finishing-al .fak-crop{aspect-ratio:940/410;background:#f7f5ee;isolation:isolate}
#capabilities.finishing-al .fak-crop img{
 left:calc(var(--fal-x)/var(--fal-width)*-100%);
 top:calc(var(--fal-y)/var(--fal-height)*-100%);
 width:calc(1000/var(--fal-width)*100%);height:auto;aspect-ratio:1;
 mix-blend-mode:multiply;filter:none;transform:none;
}
#capabilities.finishing-al[data-finishing-topic="branding"]{--fal-x:100;--fal-y:330;--fal-width:700;--fal-height:305.319149}
#capabilities.finishing-al .fak-header{margin-bottom:22px}
#capabilities.finishing-al .fak-panel h3{font-size:clamp(25px,2.15vw,31px);line-height:1.15;margin-bottom:12px}
#capabilities.finishing-al .fak-kicker{font-size:12px;letter-spacing:.045em;margin-bottom:9px}
#capabilities.finishing-al .fak-copy{font-size:15px;line-height:1.6;max-width:34em}
#capabilities.finishing-al .fak-action{margin-top:18px}
#capabilities.finishing-al .fak-figure figcaption{font-size:12px;gap:8px;flex-wrap:nowrap}
#capabilities.finishing-al .fak-figure figcaption>span{white-space:normal}
#capabilities.finishing-al .fal-caption-label>span{display:block;font-size:12px;line-height:1.4}
#capabilities.finishing-al .fal-caption-label>[data-fal-caption]{color:#6a7167}
#capabilities.finishing-al .fal-placement{position:absolute;inset:0;pointer-events:none}
#capabilities.finishing-al .fal-placement[hidden]{display:none!important}
#capabilities.finishing-al .fal-placement svg{display:block;width:100%;height:100%;overflow:visible}
#capabilities.finishing-al .fal-placement-area{fill:none;stroke:#fffdf5;stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
#capabilities.finishing-al .fal-placement-line{fill:none;stroke:#56684e;stroke-width:1;vector-effect:non-scaling-stroke}
#capabilities.finishing-al .fal-placement>span{position:absolute;left:11.428571%;top:67.15%;color:#42563e;font:500 12px/1.35 var(--sans,sans-serif)}
@media(min-width:701px) and (max-width:1099px){
 #capabilities.finishing-al .fak-layout{grid-template-columns:minmax(0,1fr) minmax(230px,34%);gap:0 26px}
 #capabilities.finishing-al .fak-panel h3{font-size:26px}
 #capabilities.finishing-al .fak-copy{font-size:14px;line-height:1.55}
}
@media(max-width:700px){
 #capabilities.finishing-al .fak-header{margin-bottom:12px}
 #capabilities.finishing-al .fak-crop{aspect-ratio:940/410}
 #capabilities.finishing-al .fak-tabs{margin-bottom:12px}
 #capabilities.finishing-al .fak-panel{margin-top:12px}
 #capabilities.finishing-al .fak-panel h3{font-size:24px;margin-bottom:9px}
 #capabilities.finishing-al .fak-copy{font-size:14px;line-height:1.55}
 #capabilities.finishing-al .fak-action{margin-top:13px}
}


/* controls-al.css */
/* Assembly states, secondary actions and literal part labels. */
#assemble-toggle {display:none}
.home-page.controls-al #assemble-toggle {display:inline-flex}
.home-page.brand-aj.controls-al .home-hero .brand-toolbar-aj .bench-actions {display:flex!important;gap:0!important;justify-content:flex-end!important;align-items:center;}
.home-page.brand-aj.controls-al .home-hero .brand-toolbar-aj .bench-actions button {width:auto;height:44px;flex:0 0 auto;}
.home-page.controls-al .brand-toolbar-aj .bench-actions #assemble-toggle,
.home-page.controls-al .brand-toolbar-aj .bench-actions #explode-toggle {
  min-width:62px;min-height:44px;margin:0;padding:0 12px!important;
  color:#263b2d!important;font-size:13px!important;text-decoration:none!important;
  border:1px solid #aeb5a7!important;background:transparent;
}
.home-page.controls-al .brand-toolbar-aj .bench-actions #explode-toggle {border-left:0!important;}
.home-page.controls-al .brand-toolbar-aj .bench-actions :is(#assemble-toggle,#explode-toggle)[aria-pressed=true] {background:#263b2d;color:#f6f3eb!important;}
.home-page.controls-al .brand-toolbar-aj .bench-actions #inspect-toggle {
  margin-left:24px;padding:0!important;min-width:64px;min-height:44px;color:#263b2d!important;
  font-size:13px!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
}
.home-page.controls-al .brand-toolbar-aj .material-change {color:#263b2d!important;}
.home-page.controls-al .materials.material-library-w {--brand:#263b2d;}
.home-page.controls-al .materials.material-library-w .material-grid .material-card[aria-pressed=true] h3 {color:#263b2d!important;}
.home-page.controls-al .materials.material-library-ai .mz-choice[aria-pressed=true] {color:#263b2d;border-bottom-color:#263b2d;}
.home-page.controls-al #capabilities .fak-tabs button[aria-selected=true]::after {background:#263b2d;}
.home-page.controls-al .photo-plate[data-layout=desktop][data-expanded=true] .pp-stage {max-width:1000px;margin-inline:auto;}
.home-page.controls-al .bench-stage:has(.has-photo-study .photo-plate[data-layout=desktop]) .part-legend-af {display:none!important;}
.home-page.controls-al .pp-part-name {position:absolute;font:500 12px/1.35 var(--sans,sans-serif);white-space:nowrap;color:#263b2d;background:var(--pp-paper);padding:2px 4px;pointer-events:none;}
.home-page.controls-al .pp-marker[data-detail=polish] .pp-part-name {right:100%;top:50%;transform:translateY(-50%);}
.home-page.controls-al .pp-marker:is([data-detail=pin],[data-detail=logo]) .pp-part-name {left:50%;bottom:100%;transform:translateX(-50%);}
.home-page.controls-al .pp-marker[data-detail=lens] .pp-part-name {left:50%;top:100%;transform:translateX(-50%);}
.home-page.controls-al .photo-plate[data-layout=mobile] .pp-part-name {display:none;}
.home-page.controls-al .project-strip h2 {font:500 36px/1.2 var(--sans,sans-serif)!important;letter-spacing:-.035em!important;text-transform:none!important;}
.home-page.controls-al .project-strip h2 br {display:none}
@media(max-width:1099px){
 .home-page.controls-al .brand-control-group-aj {grid-template-columns:48px minmax(0,1fr);}
 .home-page.controls-al .brand-control-group-aj:first-child {grid-template-columns:62px minmax(0,1fr);}
 .home-page.controls-al .brand-toolbar-aj .bench-actions #inspect-toggle {margin-left:12px;}
}
@media(max-width:700px){
 .home-page.controls-al .brand-toolbar-aj .bench-actions :is(#assemble-toggle,#explode-toggle) {min-width:58px;padding-inline:10px!important;}
 .home-page.controls-al .brand-toolbar-aj .bench-actions #inspect-toggle {margin-left:auto;min-width:63px;}
 .home-page.controls-al .project-strip h2 {font-size:28px!important;}
}


/* configuration-dock-al.css */
/* Existing state and renderer; compact tool layout only. */
.home-page.controls-al .configuration-section:not(:has(#full-configuration[open])){display:none}
.home-page.controls-al.studio-open-al>.home-hero{display:none!important}
.home-page #full-configuration.studio-dock-al{--selection:#263b2d;--tea:#263b2d;color:#263b2d;scroll-margin-top:82px}
#full-configuration.studio-dock-al>summary{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #b7beb1;border-bottom:1px solid #b7beb1;min-height:72px}
#full-configuration.studio-dock-al .studio-title-al{font:500 28px/1.15 var(--sans,sans-serif);color:#263b2d}
#full-configuration.studio-dock-al .studio-count-al{margin-left:auto;font:400 12px/1.4 var(--sans,sans-serif);color:#637061}
#full-configuration.studio-dock-al .studio-close-al{display:inline-flex;gap:12px;align-items:center;min-height:44px;font:500 13px/1.2 var(--sans,sans-serif);color:#263b2d}
#full-configuration.studio-dock-al .configuration-interior{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;padding:28px 0 40px;align-items:start}
#full-configuration.studio-dock-al .model-settings{position:sticky;top:90px;min-width:0;align-self:start}
#full-configuration.studio-dock-al .model-settings>.eyebrow{display:none}
#full-configuration.studio-dock-al .model-settings>h2,#full-configuration.studio-dock-al .appearance-heading{font:500 25px/1.2 var(--sans,sans-serif);letter-spacing:-.03em;text-transform:none;margin:0 0 16px}
#full-configuration.studio-dock-al .appearance-heading>span{display:none}
#full-configuration.studio-dock-al .studio-preview-al{min-width:0;margin:0}
#full-configuration.studio-dock-al .studio-viewport-al{position:relative;min-width:0;width:100%;background:#f4f2e9}
#full-configuration.studio-dock-al .studio-viewport-al:has(#product-viewer.viewer-ready[data-exploded=true][data-detail=overview]:not(.is-interacting):not(.static-mode) .hotspots[data-label-layout=rail]){padding-bottom:104px}
#full-configuration.studio-dock-al #product-viewer.is-studio-docked-al{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.6!important;margin:0!important;padding:0!important;overflow:visible!important;isolation:auto!important;background:#f4f2e9}
#full-configuration.studio-dock-al #product-viewer>canvas{display:block;width:100%!important;height:100%!important}
#full-configuration.studio-dock-al #viewer-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;padding:9px 0;margin:0;border:0;font:400 11px/1.4 var(--sans,sans-serif);color:#637061}
#full-configuration.studio-dock-al #viewer-caption>strong{font:500 13px/1.4 var(--sans,sans-serif);color:#263b2d;margin:0}
#full-configuration.studio-dock-al #viewer-caption>span{font-size:11px}
#full-configuration.studio-dock-al #viewer-caption>span:last-child{display:inline!important}
#full-configuration.studio-dock-al #viewer-caption .construction-key{display:none!important}
#full-configuration.studio-dock-al .studio-actions-al>.bench-actions{display:flex!important;flex-wrap:wrap;gap:0!important;align-items:center;justify-content:flex-start!important;width:100%;padding:0 0 14px;margin:0!important;border:0}
#full-configuration.studio-dock-al .studio-actions-al button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;min-width:70px;padding:0 15px!important;margin:0;border:1px solid #aeb7a7!important;background:transparent;color:#263b2d;font:500 13px/1.2 var(--sans,sans-serif);text-decoration:none}
#full-configuration.studio-dock-al .studio-actions-al :is(#assemble-toggle,#explode-toggle)[aria-pressed=true]{background:#263b2d;color:#fff}
#full-configuration.studio-dock-al .studio-actions-al #explode-toggle{border-left:0!important}
#full-configuration.studio-dock-al .studio-actions-al #inspect-toggle{margin-left:auto;min-width:86px;text-decoration:underline;text-underline-offset:4px;border:0!important}
#full-configuration.studio-dock-al .frame-picker{display:block;padding:0;margin:8px 0 0;min-width:0}
#full-configuration.studio-dock-al #preset-preview{display:none}
#full-configuration.studio-dock-al .frame-picker label{font-size:12px;margin-bottom:5px;color:#637061}
#full-configuration.studio-dock-al .frame-picker select{display:block;width:100%;min-width:0;min-height:44px;font:500 14px/1.4 var(--sans,sans-serif);padding:10px;background:#faf8f0;border:1px solid #aeb7a7}
#full-configuration.studio-dock-al .preset-status{font-size:12px;line-height:1.5;margin:9px 0 0;color:#637061}
#full-configuration.studio-dock-al .model-restriction{padding:9px 0;color:#713d32}
#full-configuration.studio-dock-al .viewer-tools,#full-configuration.studio-dock-al .studio-notes-al{margin:15px 0 0;border-top:1px solid #b7beb1;border-bottom:1px solid #b7beb1;padding:0}
#full-configuration.studio-dock-al .viewer-tools>summary,#full-configuration.studio-dock-al .studio-notes-al>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 0;font:500 12px/1.4 var(--sans,sans-serif);cursor:pointer}
#full-configuration.studio-dock-al .viewer-tools :is(p,a),#full-configuration.studio-dock-al .studio-notes-al :is(p,a){font-size:12px;line-height:1.55;margin:7px 0 12px}
#full-configuration.studio-dock-al .viewer-tools a{display:inline-flex;align-items:center;min-height:44px}
#full-configuration.studio-dock-al .inspection-controls{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
#full-configuration.studio-dock-al .inspection-controls button{min-height:44px;min-width:44px;font-size:12px;padding:8px}
#full-configuration.studio-dock-al .viewer-tools .bench-actions{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0}
#full-configuration.studio-dock-al .viewer-tools .bench-actions button{min-height:44px;font-size:12px}
#full-configuration.studio-dock-al .bench-materials{padding:0;margin:0;min-width:0;border:0}
#full-configuration.studio-dock-al .appearance-controls{margin:0;max-width:none}
#full-configuration.studio-dock-al .appearance-section{padding:0;margin:0;border:0}
#full-configuration.studio-dock-al .studio-current-sheet-al{display:flex;align-items:center;gap:13px;min-width:0;padding:10px 0 14px;margin:0}
#full-configuration.studio-dock-al .studio-current-sheet-al>img{width:88px;height:58px;object-fit:contain;background:#eeece3;flex:none}
#full-configuration.studio-dock-al .studio-current-label-al{font-size:11px;color:#637061;line-height:1.4}
#full-configuration.studio-dock-al .selected-sheet{font-size:13px;line-height:1.45;margin:2px 0 0}
#full-configuration.studio-dock-al .selected-sheet>strong{font-weight:500}
#full-configuration.studio-dock-al .control-label{font-size:11px;margin:10px 0 7px;line-height:1.4;letter-spacing:.03em}
#full-configuration.studio-dock-al .material-families[hidden]{display:none!important}
#full-configuration.studio-dock-al .studio-family-label-al{display:block;font-size:12px;line-height:1.4;margin:8px 0 5px;color:#637061}
#full-configuration.studio-dock-al .studio-family-al{display:block;width:100%;min-height:44px;padding:8px 10px;margin:0 0 15px;font:500 13px/1.4 var(--sans,sans-serif);background:#faf8f0;color:#263b2d;border:1px solid #aeb7a7}
#full-configuration.studio-dock-al .sheet-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#full-configuration.studio-dock-al .sheet-option{min-width:0;min-height:44px}
#full-configuration.studio-dock-al .sheet-image{aspect-ratio:1.55;border:1px solid transparent;padding:0;background:transparent}
#full-configuration.studio-dock-al .sheet-image img{width:100%;height:100%;object-fit:contain}
#full-configuration.studio-dock-al .sheet-code{font:400 11px/1.4 var(--sans,sans-serif);margin-top:4px}
#full-configuration.studio-dock-al .selection-check{width:18px;height:18px;border:0;background:#263b2d;color:#fff;font-size:11px;right:4px;bottom:4px}
#full-configuration.studio-dock-al .sheet-option[aria-checked=true] .sheet-image{border-color:#263b2d}
#full-configuration.studio-dock-al .frame-finish-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0 0}
#full-configuration.studio-dock-al .frame-finish-row label{font-size:12px;line-height:1.4;min-width:0}
#full-configuration.studio-dock-al .frame-finish-row select{width:100%;min-height:44px;margin-top:6px;padding:8px;font-size:13px}
#full-configuration.studio-dock-al .lens-section{margin-top:25px;padding-top:20px;border-top:1px solid #b7beb1}
#full-configuration.studio-dock-al .lens-section .appearance-heading{font-size:22px;margin-bottom:10px}
#full-configuration.studio-dock-al .lens-colours{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px}
#full-configuration.studio-dock-al .lens-colour{flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:4px}
#full-configuration.studio-dock-al .lens-colour[aria-checked=true]{border-color:#263b2d;outline-color:#263b2d;box-shadow:0 0 0 1px #263b2d}
#full-configuration.studio-dock-al .lens-effects{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
#full-configuration.studio-dock-al .lens-effects button{min-height:44px;padding:8px 14px 8px 6px;font-size:12px}
#full-configuration.studio-dock-al .lens-effects button[aria-checked=true]{border-color:#263b2d;box-shadow:inset 0 0 0 1px #263b2d;color:#263b2d}
#full-configuration.studio-dock-al .lens-description{font-size:12px;line-height:1.5;margin:9px 0 0}
#full-configuration.studio-dock-al .appearance-summary{margin:22px 0 0;padding:18px 0 0;background:transparent;color:#263b2d;border-top:1px solid #b7beb1}
#full-configuration.studio-dock-al .appearance-summary h3{font:500 18px/1.3 var(--sans,sans-serif);letter-spacing:-.02em;color:#263b2d;margin:0 0 8px;text-transform:none}
#full-configuration.studio-dock-al [data-appearance-summary]{font-size:13px;line-height:1.55;margin:0 0 8px}
#full-configuration.studio-dock-al .appearance-summary-actions{margin:0 0 10px;gap:15px}
#full-configuration.studio-dock-al .appearance-summary-actions :is(a,button){font-size:12px;min-height:44px;padding:6px 0;color:#263b2d}
#full-configuration.studio-dock-al .appearance-summary .project-link{max-width:none;width:100%;min-height:48px;font-size:13px;background:#263b2d;color:#fff;margin:0}
#full-configuration.studio-dock-al .appearance-summary>.fine-print{font-size:11px;margin:10px 0 0;color:#637061}
#full-configuration.studio-dock-al .studio-detail-al:has(#detail-panel:not([hidden])){margin:16px 0 0}
#full-configuration.studio-dock-al #detail-panel{position:static;display:block;padding:16px;background:#ebece2;border:0;color:#263b2d;margin:0}
#full-configuration.studio-dock-al #detail-panel[hidden]{display:none!important}
#full-configuration.studio-dock-al #detail-title{font:500 21px/1.25 var(--sans,sans-serif);margin:5px 0 8px}
#full-configuration.studio-dock-al #detail-copy{font-size:13px;line-height:1.5;margin:0}
#full-configuration.studio-dock-al #detail-label{font-size:10px;margin:0}
#full-configuration.studio-dock-al #detail-options{margin-top:12px}
#full-configuration.studio-dock-al #detail-options label{font-size:12px}
#full-configuration.studio-dock-al #detail-options select{min-height:44px;width:100%;font-size:14px;margin-top:4px}
#full-configuration.studio-dock-al #close-detail{min-height:44px;font-size:12px;color:#263b2d}
#full-configuration.studio-dock-al .viewer-load-message:empty{display:none}
#full-configuration.studio-dock-al .studio-status-al p{font-size:12px;line-height:1.5;margin:0 0 10px}
#full-configuration.studio-dock-al .studio-preview-al>.part-legend-af{display:none!important}
.studio-reserve-al{pointer-events:none;min-width:0}
.studio-viewer-reserve-al{display:grid;place-items:center;background:#f1f0e7;border:1px solid #d8dcd0;color:#6f7a69;font:400 13px/1.5 var(--sans,sans-serif);text-align:center;padding:20px}
@media(max-width:1099px){#full-configuration.studio-dock-al .configuration-interior{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#full-configuration.studio-dock-al .sheet-options{grid-template-columns:repeat(3,minmax(0,1fr))}#full-configuration.studio-dock-al .model-settings{position:static}#full-configuration.studio-dock-al .lens-colours{gap:7px}#full-configuration.studio-dock-al .frame-finish-row{gap:8px}}
@media(max-width:700px){
 #full-configuration.studio-dock-al>summary{gap:10px;flex-wrap:wrap;padding:12px 0;min-height:64px}
 #full-configuration.studio-dock-al .studio-title-al{font-size:25px}
 #full-configuration.studio-dock-al .studio-count-al{display:none}
 #full-configuration.studio-dock-al .studio-close-al{margin-left:auto;font-size:12px}
 #full-configuration.studio-dock-al .configuration-interior{grid-template-columns:minmax(0,1fr);gap:26px;padding:20px 0 26px}
 #full-configuration.studio-dock-al .model-settings>h2{display:none}
 #full-configuration.studio-dock-al #product-viewer.is-studio-docked-al{aspect-ratio:1.55!important}
 #full-configuration.studio-dock-al #product-viewer.is-studio-docked-al[data-exploded=true]{aspect-ratio:1.25!important}
 #full-configuration.studio-dock-al #viewer-caption{gap:3px 7px}
 #full-configuration.studio-dock-al #viewer-caption>strong{font-size:12px}
 #full-configuration.studio-dock-al #viewer-caption>span:last-child{font-size:10px}
 #full-configuration.studio-dock-al .frame-picker select{font-size:16px}
 #full-configuration.studio-dock-al .studio-family-al{font-size:16px}
 #full-configuration.studio-dock-al .studio-preview-al:has(#product-viewer[data-exploded=true][data-detail=overview]:not(.is-interacting):not(.static-mode) .hotspots[data-label-layout=anchored][data-label-phase=ready])>.part-legend-af{display:grid!important;visibility:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:0;margin:0 0 14px;list-style:none;border-top:1px solid #b7beb1;border-bottom:1px solid #b7beb1}
 #full-configuration.studio-dock-al .part-legend-af li{display:block;min-width:0;margin:0;padding:0}
 #full-configuration.studio-dock-al .part-legend-af li :is(button,a){display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:5px 0;margin:0;font:400 11px/1.3 var(--sans,sans-serif);color:#263b2d;text-decoration:none;white-space:normal;background:none;border:0}
 #full-configuration.studio-dock-al .part-legend-af li :is(button,a)>span{flex:none;font-size:10px;opacity:.7}
 #full-configuration.studio-dock-al .appearance-heading{font-size:24px;margin-bottom:10px}
 #full-configuration.studio-dock-al .sheet-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 #full-configuration.studio-dock-al .studio-current-sheet-al>img{width:80px;height:53px}
 #full-configuration.studio-dock-al .lens-colours{gap:9px}
 #full-configuration.studio-dock-al .lens-effects button{font-size:11px}
 #full-configuration.studio-dock-al .frame-finish-row select{font-size:15px}
}


/* material-craft-am.css */
/* A continuous material and construction study. */
.home-page #materials.material-craft-am{display:block;padding-block:64px 70px;border:0;background:#faf8f1;color:#263b2d}
#materials.material-craft-am .mc-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:0 0 30px}
#materials.material-craft-am .mc-heading h2{font:500 clamp(34px,3.3vw,48px)/1.04 var(--sans);letter-spacing:-.055em;margin:0;color:inherit;text-transform:none}
#materials.material-craft-am .mc-heading p{font:400 15px/1.6 var(--sans);max-width:30ch;color:#52624f;margin:0 0 2px}
#materials.material-craft-am .mc-spread{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:46px;align-items:start}
#materials.material-craft-am .mc-figure{margin:0;min-width:0}
#materials.material-craft-am .mc-image{position:relative;aspect-ratio:1.4;overflow:hidden;background:#f0eee4}
#materials.material-craft-am .mc-image img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;filter:none;mix-blend-mode:normal}
#materials.material-craft-am[data-finishing-topic=construction] .mc-image{aspect-ratio:4/3}
#materials.material-craft-am[data-finishing-topic=construction] .mc-image img{position:absolute;width:166.6667%;height:auto;left:-63.3333%;top:-57.7778%;mix-blend-mode:multiply;object-fit:contain}
#materials.material-craft-am[data-finishing-topic=branding] .mc-image{aspect-ratio:1.4}
#materials.material-craft-am[data-finishing-topic=branding] .mc-image img{position:absolute;width:142.8571%;height:auto;left:-14.2857%;top:-40%;mix-blend-mode:multiply;object-fit:contain}
#materials.material-craft-am .mc-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:13px 0 0;font:400 12px/1.5 var(--sans);color:#586653}
#materials.material-craft-am .mc-caption a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:-10px;color:inherit;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
#materials.material-craft-am .mc-tabs{display:flex;gap:28px;margin:0 0 25px;border-bottom:1px solid #b3bcad}
#materials.material-craft-am .mc-tabs button{position:relative;display:block;padding:0;min-height:44px;border:0;background:none;color:#66705e;font:500 14px/1.3 var(--sans);cursor:pointer}
#materials.material-craft-am .mc-tabs button[aria-selected=true]{color:#263b2d}
#materials.material-craft-am .mc-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#263b2d}
#materials.material-craft-am .mc-panel h3{font:500 30px/1.14 var(--sans);letter-spacing:-.045em;margin:0 0 14px;color:#263b2d}
#materials.material-craft-am .mc-copy{font:400 15px/1.65 var(--sans);color:#52624f;max-width:36ch;margin:0}
#materials.material-craft-am .mc-action{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;min-width:172px;padding:0;margin:17px 0 32px;border:0;border-bottom:1px solid #879580;background:none;color:#263b2d;font:600 13px/1.4 var(--sans);cursor:pointer}
#materials.material-craft-am .mc-sheets{padding-top:23px;border-top:1px solid #b3bcad}
#materials.material-craft-am .mc-sheets h3{font:500 15px/1.4 var(--sans);letter-spacing:0;margin:0 0 12px;color:#263b2d}
#materials.material-craft-am .mc-choices{display:flex;flex-direction:column;gap:0}
#materials.material-craft-am .mc-choice{display:grid;grid-template-columns:85px minmax(0,1fr) 18px;gap:16px;align-items:center;width:100%;min-height:70px;padding:9px 0;border:0;border-bottom:1px solid #d1d5c9;background:none;text-align:left;color:#263b2d;cursor:pointer}
#materials.material-craft-am .mc-choice img{display:block;width:85px;height:50px;object-fit:cover;margin:0}
#materials.material-craft-am .mc-choice-name{display:block;font:500 14px/1.4 var(--sans)}
#materials.material-craft-am .mc-choice-code{display:block;font:400 12px/1.4 var(--sans);color:#62705b;margin-top:2px}
#materials.material-craft-am .mc-check{visibility:hidden;font:500 14px/1 var(--sans)}
#materials.material-craft-am .mc-choice[aria-pressed=true]{border-bottom:1px solid #263b2d}
#materials.material-craft-am .mc-choice[aria-pressed=true] .mc-check{visibility:visible}
#materials.material-craft-am .mc-library-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;font:500 13px/1.4 var(--sans);color:#263b2d;text-decoration:underline;text-underline-offset:4px;margin-top:7px}
#materials.material-craft-am .mc-source{font:400 12px/1.5 var(--sans);color:#62705b;margin:7px 0 0;max-width:38ch}
#materials.material-craft-am .mc-placement{position:absolute;inset:0;pointer-events:none}
#materials.material-craft-am .mc-placement[hidden]{display:none!important}
#materials.material-craft-am .mc-placement svg{width:100%;height:100%;display:block}
#materials.material-craft-am .mc-placement rect{fill:none;stroke:#fffdf5;stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
#materials.material-craft-am .mc-placement path{fill:none;stroke:#52674b;stroke-width:1;vector-effect:non-scaling-stroke}
#materials.material-craft-am .mc-placement span{position:absolute;left:8%;top:55%;font:500 12px/1.3 var(--sans);color:#52674b}
#materials.material-craft-am :is(button,a):focus-visible{outline:2px solid #263b2d;outline-offset:4px}
@media(max-width:1099px){
 .home-page #materials.material-craft-am{padding-block:44px 48px}
 #materials.material-craft-am .mc-spread{grid-template-columns:minmax(0,1.05fr) minmax(270px,1fr);gap:26px}
 #materials.material-craft-am .mc-heading h2{font-size:37px}
 #materials.material-craft-am .mc-panel h3{font-size:26px}
 #materials.material-craft-am .mc-tabs{gap:19px}
 #materials.material-craft-am .mc-copy{font-size:14px}
}
@media(max-width:700px){
 .home-page #materials.material-craft-am{padding-block:35px 38px}
 #materials.material-craft-am .mc-heading{display:block;margin-bottom:22px}
 #materials.material-craft-am .mc-heading h2{font-size:35px;line-height:1.08;max-width:12ch}
 #materials.material-craft-am .mc-heading p{margin-top:13px;font-size:14px;max-width:32ch}
 #materials.material-craft-am .mc-spread{display:flex;flex-direction:column;gap:23px}
 #materials.material-craft-am .mc-figure{width:100%}
 #materials.material-craft-am .mc-notes{display:contents}
 #materials.material-craft-am .mc-image{aspect-ratio:1.4}
 #materials.material-craft-am .mc-caption{font-size:12px;margin-top:10px;gap:12px}
 #materials.material-craft-am .mc-tabs{order:-1;width:100%;margin:0}
 #materials.material-craft-am .mc-panel h3{font-size:26px}
 #materials.material-craft-am .mc-action{margin-bottom:24px}
 #materials.material-craft-am .mc-sheets{padding-top:20px}
 #materials.material-craft-am .mc-choice{grid-template-columns:86px minmax(0,1fr) 18px;gap:15px;min-height:70px}
}


/* configuration-hierarchy-am.css */
/* Keep AL's one viewer and existing input state; reduce repeated headings. */
#full-configuration.studio-hierarchy-am .model-settings>h2,
#full-configuration.studio-hierarchy-am .studio-count-al{display:none}
#full-configuration.studio-hierarchy-am .studio-close-al{margin-left:auto}
#full-configuration.studio-hierarchy-am .configuration-interior{padding-top:20px;gap:42px}
#full-configuration.studio-hierarchy-am .studio-caption-al{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;min-width:0}
#full-configuration.studio-hierarchy-am .studio-caption-al .frame-picker{flex:1 1 auto;margin:0;min-width:0;max-width:65%}
#full-configuration.studio-hierarchy-am .frame-picker select{width:100%;min-height:44px;border:0;border-bottom:1px solid #aeb7a7;padding:8px 24px 8px 0;background:transparent;font:500 15px/1.3 var(--sans);color:#263b2d}
#full-configuration.studio-hierarchy-am .studio-accessible-label-am{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
#full-configuration.studio-hierarchy-am #viewer-caption{flex:0 1 auto;justify-content:flex-end;gap:0;padding:0;margin:0;min-width:0;text-align:right}
#full-configuration.studio-hierarchy-am #viewer-caption>strong{display:none}
#full-configuration.studio-hierarchy-am #viewer-caption>span:last-child{font-size:11px;line-height:1.3}
#full-configuration.studio-hierarchy-am .appearance-heading{font-size:24px;margin-bottom:7px}
#full-configuration.studio-hierarchy-am .studio-current-sheet-al{gap:10px;padding:0;margin:0 0 13px}
#full-configuration.studio-hierarchy-am .studio-current-sheet-al>img{width:56px;height:38px}
#full-configuration.studio-hierarchy-am .studio-current-label-al{display:none}
#full-configuration.studio-hierarchy-am .appearance-section:has(#model-restriction:not([hidden])) .studio-current-label-al{display:block;font-size:11px}
#full-configuration.studio-hierarchy-am .selected-sheet{font-size:12px;margin:0;line-height:1.4}
#full-configuration.studio-hierarchy-am .studio-family-label-al{font-size:11px;margin:0 0 4px}
#full-configuration.studio-hierarchy-am .studio-family-al{min-height:44px;margin:0 0 12px}
#full-configuration.studio-hierarchy-am .lens-section{margin-top:21px;padding-top:19px}
#full-configuration.studio-hierarchy-am .lens-section .appearance-heading{font-size:24px}
#full-configuration.studio-hierarchy-am .sheet-option[aria-checked=true] .sheet-image{border:1px solid #263b2d;box-shadow:0 0 0 1px #263b2d}
#full-configuration.studio-hierarchy-am .lens-colour[aria-checked=true]{outline:2px solid #263b2d;outline-offset:2px;border-color:transparent;box-shadow:none}
#full-configuration.studio-hierarchy-am .finishing-options-am{margin-top:20px;border-top:1px solid #b7beb1;border-bottom:1px solid #b7beb1}
#full-configuration.studio-hierarchy-am .finishing-options-am>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 0;font:500 13px/1.4 var(--sans);cursor:pointer}
#full-configuration.studio-hierarchy-am .finishing-options-am>summary::after{content:'+';font-weight:400}
#full-configuration.studio-hierarchy-am .finishing-options-am[open]>summary::after{content:'−'}
#full-configuration.studio-hierarchy-am .frame-finish-row{margin:0 0 14px}
#full-configuration.studio-hierarchy-am .viewer-tools{margin:0;border-top:0}
#full-configuration.studio-hierarchy-am .viewer-tools>summary{font-size:12px}
#full-configuration.studio-hierarchy-am .model-restriction{margin:3px 0 12px;font-size:12px;line-height:1.5}
#full-configuration.studio-hierarchy-am .appearance-summary{margin-top:18px;padding-top:16px}
#full-configuration.studio-hierarchy-am .appearance-summary h3{font-size:17px}
@media(max-width:1099px){#full-configuration.studio-hierarchy-am .configuration-interior{gap:24px}#full-configuration.studio-hierarchy-am .studio-caption-al .frame-picker{max-width:61%}#full-configuration.studio-hierarchy-am .frame-picker select{font-size:13px}#full-configuration.studio-hierarchy-am #viewer-caption>span:last-child{font-size:10px}}
@media(max-width:700px){
 #full-configuration.studio-hierarchy-am .configuration-interior{gap:18px;padding-top:15px}
 #full-configuration.studio-hierarchy-am .studio-caption-al{gap:8px;margin-bottom:8px}
 #full-configuration.studio-hierarchy-am .studio-caption-al .frame-picker{max-width:none;flex:1 1 auto;width:calc(100% - 80px)}
 #full-configuration.studio-hierarchy-am #viewer-caption{flex:0 0 72px}
 #full-configuration.studio-hierarchy-am .frame-picker select{font-size:16px;padding-right:12px}
 #full-configuration.studio-hierarchy-am .studio-actions-al>.bench-actions{padding-bottom:0}
 #full-configuration.studio-hierarchy-am .studio-current-sheet-al>img{width:48px;height:32px}
 #full-configuration.studio-hierarchy-am .appearance-heading,#full-configuration.studio-hierarchy-am .lens-section .appearance-heading{font-size:23px}
 #full-configuration.studio-hierarchy-am .selected-sheet{font-size:12px}
}


/* mobile-polish-am.css */
/* Phone-only, photo concept only. The actual 3D studio keeps its own layout. */
@media(max-width:700px){
 .home-page.composition-ak.controls-al .home-hero:has(.has-photo-study) #viewer-caption.identity-caption-ah.brand-model-aj{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:6px;min-height:21px;margin-top:6px;padding:0 0 4px;border:0;}
 .home-page.composition-ak.controls-al .home-hero:has(.has-photo-study) #viewer-caption.identity-caption-ah.brand-model-aj>strong,
 .home-page.composition-ak.controls-al .home-hero:has(.has-photo-study) #viewer-caption.identity-caption-ah.brand-model-aj>span:last-child{font-size:11px!important;line-height:1.5;white-space:nowrap;min-width:0;}
 .home-page.composition-ak.controls-al .home-hero .photo-plate[data-layout=mobile][data-expanded=true] .pp-stage{aspect-ratio:400/420;}
 .home-page.composition-ak.controls-al .bench-stage:has(.has-photo-study.photo-study-expanded)>.part-legend-af{gap:0 12px;margin-top:2px;padding-top:3px;}
 .home-page.composition-ak.controls-al .bench-stage:has(.has-photo-study.photo-study-expanded)>.viewer-toolbar{margin-top:8px;}
}


/* material-craft-an.css */
/* A tighter reading rhythm for the material/detail spread. */
#materials.material-craft-an .mc-caption{margin-top:4px}
#materials.material-craft-an .mc-caption a{margin:0;gap:9px;white-space:normal;text-decoration:none;font-size:12px;line-height:1.5;color:#5a6856}
#materials.material-craft-an .mc-caption a:hover{text-decoration:underline;text-underline-offset:4px}
#materials.material-craft-an .mc-caption svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.1}
#materials.material-craft-an[data-finishing-topic=construction] .mc-image{aspect-ratio:4/3}
#materials.material-craft-an[data-finishing-topic=construction] .mc-image img{position:static;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
#materials.material-craft-an .mc-choice-code{font-family:var(--mono,ui-monospace,monospace);letter-spacing:.02em}
#materials.material-craft-an .mc-source{font-size:12px}
@media(max-width:700px){
 #materials.material-craft-an .mc-heading{margin-bottom:15px}
 #materials.material-craft-an .mc-heading p{display:none}
 #materials.material-craft-an .mc-spread{gap:16px}
 #materials.material-craft-an .mc-heading h2{max-width:none;font-size:32px}
 #materials.material-craft-an .mc-tabs{gap:18px}
 #materials.material-craft-an .mc-tabs button{font-size:13px}
 #materials.material-craft-an .mc-panel h3{font-size:25px;margin-bottom:10px}
 #materials.material-craft-an .mc-copy{font-size:14px;line-height:1.6}
 #materials.material-craft-an .mc-action{margin:9px 0 0}
 #materials.material-craft-an .mc-sheets{width:100%;padding-top:17px}
 #materials.material-craft-an .mc-sheets h3{font-size:14px;margin-bottom:12px}
 #materials.material-craft-an .mc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #materials.material-craft-an .mc-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0 0 10px;min-height:0;border-bottom:1px solid #b7c0af}
 #materials.material-craft-an .mc-choice img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
 #materials.material-craft-an .mc-choice-name{font-size:12px;line-height:1.4;white-space:nowrap}
 #materials.material-craft-an .mc-choice-code{font-size:10px;line-height:1.5;margin-top:3px}
 #materials.material-craft-an .mc-choice[aria-pressed=true]{border-bottom:2px solid #263b2d;padding-bottom:9px}
 #materials.material-craft-an .mc-check{position:absolute;right:4px;top:4px;background:#263b2d;color:#fff;width:17px;height:17px;display:grid;place-items:center;font-size:11px}
 #materials.material-craft-an .mc-library-link{font-size:12px;margin-top:3px}
 #materials.material-craft-an .mc-source{margin:0;font-size:11px}
 .home-page .bench-stage:has(.has-photo-study.photo-study-expanded)>.part-legend-af{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 6px;padding-top:2px;margin-top:1px}
 .home-page .bench-stage:has(.has-photo-study.photo-study-expanded)>.part-legend-af li{min-width:0}
 .home-page .bench-stage:has(.has-photo-study.photo-study-expanded)>.part-legend-af :is(button,a){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:44px;font-size:10.5px;line-height:1.3;white-space:nowrap}
 .home-page .bench-stage:has(.has-photo-study.photo-study-expanded)>.part-legend-af :is(button,a)>span{font-size:11px;color:#52674b}
}


/* material-craft-ao.css */
/* Topic-specific notes share one photographic spread. */
#materials.material-craft-ao .mc-sheets[hidden],#materials.material-craft-ao .mc-specifics-ao[hidden],#materials.material-craft-ao .mc-connections-ao[hidden]{display:none!important}
#materials.material-craft-ao .mc-panel h3{font-weight:600;letter-spacing:-.035em}
#materials.material-craft-ao .mc-copy{color:#455741;max-width:36ch}
#materials.material-craft-ao .mc-action{font-size:14px;font-weight:600;min-width:185px}
#materials.material-craft-ao .mc-specifics-ao{margin:29px 0 0;padding:0;border-top:1px solid #b3bcad}
#materials.material-craft-ao .mc-specifics-ao>div{display:block;padding:21px 0;border-bottom:1px solid #cbd1c4}
#materials.material-craft-ao .mc-specifics-ao dt{display:flex;align-items:baseline;gap:16px;font:600 17px/1.35 var(--sans);letter-spacing:-.02em}
#materials.material-craft-ao .mc-specifics-ao dt>span{font:400 12px/1.5 var(--mono,monospace);color:#687661;letter-spacing:.03em}
#materials.material-craft-ao .mc-specifics-ao dd{font:400 15px/1.6 var(--sans);color:#52624f;margin:7px 0 0 32px;max-width:34ch}
#materials.material-craft-ao:not([data-finishing-topic=polish]) .mc-action{margin-top:22px;margin-bottom:0}
#materials.material-craft-ao .mc-connections-ao{position:absolute;inset:0;pointer-events:none;color:#334d37}
#materials.material-craft-ao .mc-connections-ao svg{display:block;width:100%;height:100%;overflow:visible}
#materials.material-craft-ao .mc-connections-ao path{stroke:#55674e;stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
#materials.material-craft-ao .mc-connections-ao circle{fill:#55674e;stroke:#faf8f1;stroke-width:1;vector-effect:non-scaling-stroke}
#materials.material-craft-ao .mc-connections-ao span{position:absolute;right:13%;font:500 12px/1.4 var(--sans)}
#materials.material-craft-ao .mc-hinge-label-ao{top:69%}
#materials.material-craft-ao .mc-fit-label-ao{top:19%}
@media(max-width:1099px){#materials.material-craft-ao .mc-specifics-ao dt{font-size:16px}#materials.material-craft-ao .mc-specifics-ao dd{font-size:14px}}
@media(max-width:700px){
 #materials.material-craft-ao .mc-specifics-ao{margin-top:20px;width:100%}
 #materials.material-craft-ao .mc-specifics-ao>div{padding:16px 0}
 #materials.material-craft-ao .mc-specifics-ao dd{max-width:none;margin-left:30px;font-size:14px}
 #materials.material-craft-ao .mc-connections-ao span{font-size:10px;right:12%}
 #materials.material-craft-ao .mc-panel{width:100%}
 #materials.material-craft-ao .mc-action{font-size:13px}
}


/* configuration-balance-an.css */
/* AN: desktop emphasis on the actual product; compact original control groups. */
#full-configuration.balanced-studio-an .configuration-interior{gap:32px}
#full-configuration.balanced-studio-an .studio-caption-al{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;border-top:1px solid #b7beb1;padding-top:7px;margin:0}
#full-configuration.balanced-studio-an .studio-caption-al .frame-picker{grid-column:1;grid-row:1;max-width:none;width:100%;margin:0}
#full-configuration.balanced-studio-an .frame-picker select{border:0;margin-top:0;padding-left:0}
#full-configuration.balanced-studio-an .studio-actions-al{grid-column:2;grid-row:1/3;align-self:center;min-width:0}
#full-configuration.balanced-studio-an .studio-actions-al>.bench-actions{padding:0;flex-wrap:nowrap}
#full-configuration.balanced-studio-an .studio-actions-al #inspect-toggle{margin-left:12px;min-width:70px}
#full-configuration.balanced-studio-an #viewer-caption{grid-column:1;grid-row:2;justify-content:flex-start;text-align:left;padding-bottom:7px;min-width:0}
#full-configuration.balanced-studio-an .studio-current-sheet-al{padding:0;margin:0 0 9px;gap:10px}
#full-configuration.balanced-studio-an .studio-current-sheet-al>img{width:54px;height:36px}
#full-configuration.balanced-studio-an .selected-sheet{font-size:13px;line-height:1.4}
#full-configuration.balanced-studio-an .studio-family-al{margin-bottom:12px}
#full-configuration.balanced-studio-an .appearance-heading{font-size:23px;margin-bottom:10px}
#full-configuration.balanced-studio-an .sheet-options{gap:9px}
#full-configuration.balanced-studio-an .sheet-code{font-size:11px}
#full-configuration.balanced-studio-an .lens-section{margin-top:20px;padding-top:17px}
#full-configuration.balanced-studio-an .lens-section .appearance-heading{font-size:23px;margin-bottom:9px}
#full-configuration.balanced-studio-an .lens-description{margin-top:8px}
#full-configuration.balanced-studio-an .finishing-options-am{margin-top:16px}
#full-configuration.balanced-studio-an #product-viewer.is-interacting{outline:1px solid #263b2d;outline-offset:-1px}
#full-configuration.balanced-studio-an #product-viewer:focus-visible{outline:2px solid #263b2d;outline-offset:2px}
#full-configuration.balanced-studio-an :is(button,a,input,select,textarea):focus-visible{outline:2px solid #263b2d;outline-offset:3px}
@media(min-width:1100px){
 #full-configuration.balanced-studio-an .configuration-interior{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:36px}
 #full-configuration.balanced-studio-an #product-viewer.is-studio-docked-al{aspect-ratio:1.45!important}
 #full-configuration.balanced-studio-an .model-settings{top:90px}
}
@media(max-width:1099px){
 #full-configuration.balanced-studio-an .configuration-interior{gap:24px}
 #full-configuration.balanced-studio-an .studio-caption-al{grid-template-columns:minmax(0,1fr) 72px;gap:0 8px}
 #full-configuration.balanced-studio-an #viewer-caption{grid-column:2;grid-row:1;padding:0;text-align:right;justify-content:flex-end}
 #full-configuration.balanced-studio-an .studio-actions-al{grid-column:1/-1;grid-row:2;padding:6px 0 0}
 #full-configuration.balanced-studio-an .studio-actions-al #inspect-toggle{margin-left:auto}
}
@media(max-width:700px){
 #full-configuration.balanced-studio-an .configuration-interior{gap:18px}
 #full-configuration.balanced-studio-an .studio-current-sheet-al>img{width:48px;height:32px}
 #full-configuration.balanced-studio-an .appearance-heading,#full-configuration.balanced-studio-an .lens-section .appearance-heading{font-size:22px}
 #full-configuration.balanced-studio-an .selected-sheet{font-size:12px}
}


/* configuration-controls-ao.css */
/* AO: compact controls only. Existing AN viewer/layout and all content remain intact. */
#full-configuration.controls-studio-ao { --studio-ink-ao:#263b2d; --studio-line-ao:#b7beb1; --studio-paper-ao:#f6f4ec; }
#full-configuration.controls-studio-ao .studio-material-heading-ao,
#full-configuration.controls-studio-ao .studio-lens-heading-ao { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; margin:0 0 12px; }
#full-configuration.controls-studio-ao .studio-material-heading-ao .appearance-heading,
#full-configuration.controls-studio-ao .studio-lens-heading-ao .appearance-heading { margin:0; font:500 23px/1.2 var(--sans,sans-serif); letter-spacing:-.03em; }
#full-configuration.controls-studio-ao .studio-category-toggle-ao { display:inline-flex; align-items:center; justify-content:flex-end; flex:none; gap:10px; min-height:44px; padding:0; color:var(--studio-ink-ao); background:transparent; border:0; font:500 12px/1.3 var(--sans,sans-serif); text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; cursor:pointer; }
#full-configuration.controls-studio-ao .studio-category-toggle-ao::after { content:'+'; font:400 16px/1 var(--sans,sans-serif); text-decoration:none; }
#full-configuration.controls-studio-ao .studio-category-toggle-ao[aria-expanded=true]::after { content:'−'; }
#full-configuration.controls-studio-ao .studio-current-sheet-al { gap:13px; align-items:center; padding:0; margin:0 0 16px; }
#full-configuration.controls-studio-ao .studio-current-sheet-al>img { width:72px; height:48px; object-fit:contain; flex:none; }
#full-configuration.controls-studio-ao .studio-material-identity-ao { min-width:0; }
#full-configuration.controls-studio-ao .studio-material-name-ao { display:block; color:var(--studio-ink-ao); font:500 16px/1.35 var(--sans,sans-serif); letter-spacing:-.015em; }
#full-configuration.controls-studio-ao .selected-sheet { margin:3px 0 0; color:#637061; font:400 11px/1.4 var(--sans,sans-serif); }
#full-configuration.controls-studio-ao .selected-sheet>strong { color:inherit; font:inherit; }
#full-configuration.controls-studio-ao .studio-current-label-al { margin-bottom:3px; }
#full-configuration.controls-studio-ao .studio-category-panel-ao[hidden] { display:none!important; }
#full-configuration.controls-studio-ao .studio-category-panel-ao { margin:0 0 14px; }
#full-configuration.controls-studio-ao .studio-category-panel-ao .studio-family-al { min-height:44px; margin:0; background:transparent; font-size:14px; }
#full-configuration.controls-studio-ao .sheet-options { gap:10px; }
#full-configuration.controls-studio-ao .sheet-code { padding:0; margin-top:6px; font-size:11px; line-height:1.3; letter-spacing:0; color:#637061; }
#full-configuration.controls-studio-ao .sheet-image { padding:2px; border:1px solid transparent; background:transparent; }
#full-configuration.controls-studio-ao .sheet-option[aria-checked=true] .sheet-image { border-color:var(--studio-ink-ao); box-shadow:none; }
#full-configuration.controls-studio-ao .sheet-option[aria-checked=true] .sheet-code { color:var(--studio-ink-ao); font-weight:600; }
#full-configuration.controls-studio-ao .selection-check { width:15px; height:15px; right:4px; bottom:4px; border:1px solid var(--studio-ink-ao); border-radius:0; background:var(--studio-paper-ao); color:var(--studio-ink-ao); box-shadow:none; font-size:10px; line-height:1; }
#full-configuration.controls-studio-ao .lens-section { margin-top:25px; padding-top:15px; }
#full-configuration.controls-studio-ao .studio-lens-heading-ao { margin-bottom:10px; }
#full-configuration.controls-studio-ao .studio-lens-heading-ao .control-label { margin:0; color:#637061; font:400 13px/1.3 var(--sans,sans-serif); text-transform:none; letter-spacing:0; }
#full-configuration.controls-studio-ao .studio-lens-heading-ao [data-selected-lens] { font:inherit; }
#full-configuration.controls-studio-ao .lens-colours { gap:12px; margin:0 0 17px; }
#full-configuration.controls-studio-ao .lens-colour { width:44px; height:44px; flex:0 0 44px; padding:4px; border:1px solid #c6ccc1; background:transparent; }
#full-configuration.controls-studio-ao .lens-colour[aria-checked=true] { border-color:var(--studio-ink-ao); outline:1px solid var(--studio-ink-ao); outline-offset:2px; box-shadow:none; }
#full-configuration.controls-studio-ao .lens-finish-label { margin:0 0 8px; font:500 12px/1.3 var(--sans,sans-serif); color:#637061; text-transform:none; letter-spacing:0; }
#full-configuration.controls-studio-ao .lens-effects { gap:8px; }
#full-configuration.controls-studio-ao .lens-effects button { min-height:44px; padding:8px 17px 8px 8px; background:transparent; border:1px solid #c6ccc1; font-size:12px; color:var(--studio-ink-ao); }
#full-configuration.controls-studio-ao .lens-effects button[aria-checked=true] { border-color:var(--studio-ink-ao); box-shadow:none; font-weight:600; }
#full-configuration.controls-studio-ao .lens-effects button i { top:5px; right:5px; font-size:10px; }
#full-configuration.controls-studio-ao .lens-effects button:disabled { opacity:.4; }
#full-configuration.controls-studio-ao .finishing-options-am { margin-top:22px; }
#full-configuration.controls-studio-ao .viewer-tools>summary,
#full-configuration.controls-studio-ao .finishing-options-am>summary { font-size:12px; font-weight:500; }
#full-configuration.controls-studio-ao .studio-lens-help-ao { border-top:1px solid var(--studio-line-ao); margin-top:12px; padding:12px 0 2px; }
#full-configuration.controls-studio-ao .studio-help-label-ao { margin:0 0 5px; font:500 13px/1.4 var(--sans,sans-serif); letter-spacing:0; }
#full-configuration.controls-studio-ao .studio-lens-help-ao .lens-description { min-height:0; margin:0 0 12px; }
#full-configuration.controls-studio-ao .model-restriction { margin:0 0 14px; font-size:12px; line-height:1.5; }
#full-configuration.controls-studio-ao .appearance-summary { margin-top:20px; padding-top:18px; }
#full-configuration.controls-studio-ao .appearance-summary h3 { font-size:16px; margin-bottom:8px; }
#full-configuration.controls-studio-ao [data-appearance-summary] { font-size:12px; line-height:1.55; color:#637061; }
#full-configuration.controls-studio-ao .studio-actions-al :is(#assemble-toggle,#explode-toggle) { background:transparent; color:var(--studio-ink-ao); border:1px solid #aeb7a7!important; }
#full-configuration.controls-studio-ao .studio-actions-al #explode-toggle { margin-left:-1px; }
#full-configuration.controls-studio-ao .studio-actions-al :is(#assemble-toggle,#explode-toggle)[aria-pressed=true] { position:relative; z-index:1; background:transparent; border-color:var(--studio-ink-ao)!important; color:var(--studio-ink-ao); box-shadow:inset 0 0 0 1px var(--studio-ink-ao); font-weight:600; }
#full-configuration.controls-studio-ao :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--studio-ink-ao); outline-offset:3px; }
@media (max-width:1099px) and (min-width:701px) {
  #full-configuration.controls-studio-ao .lens-colours { gap:8px; }
  #full-configuration.controls-studio-ao .studio-material-heading-ao { gap:8px; }
  #full-configuration.controls-studio-ao .studio-category-toggle-ao { font-size:11px; gap:6px; }
}
@media (max-width:700px) {
  #full-configuration.controls-studio-ao .studio-material-heading-ao,
  #full-configuration.controls-studio-ao .studio-lens-heading-ao { margin-bottom:9px; }
  #full-configuration.controls-studio-ao .studio-material-heading-ao .appearance-heading,
  #full-configuration.controls-studio-ao .studio-lens-heading-ao .appearance-heading { font-size:22px; }
  #full-configuration.controls-studio-ao .studio-current-sheet-al { margin-bottom:13px; }
  #full-configuration.controls-studio-ao .studio-current-sheet-al>img { width:66px; height:44px; }
  #full-configuration.controls-studio-ao .studio-material-name-ao { font-size:15px; }
  #full-configuration.controls-studio-ao .studio-category-panel-ao .studio-family-al { font-size:16px; }
  #full-configuration.controls-studio-ao .sheet-options { gap:8px; }
  #full-configuration.controls-studio-ao .lens-colours { gap:0; justify-content:space-between; }
  #full-configuration.controls-studio-ao .lens-effects button { font-size:11px; padding-left:4px; padding-right:14px; }
}


/* closing-ap.css */
/* AP: three equally weighted catalogue cards above 700px; one tabbed phone image. */
.home-page.brand-aj.composition-ak .featured.collection-edit-ao{padding-block:76px 66px}
.home-page.brand-aj.composition-ak .collection-edit-ao .collection-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:29px}
.home-page.brand-aj.composition-ak .collection-edit-ao .collection-heading h2.chapter-quiet-ak{font:500 clamp(36px,3.7vw,54px)/1.06 var(--sans);letter-spacing:-.05em;text-transform:none}
.home-page.brand-aj.composition-ak .collection-edit-ao .collection-heading .underlink{margin:0;white-space:nowrap}
.home-page .collection-edit-ao .shape-tabs-ao{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #bcc2b6;gap:0;margin:0 0 24px}
.home-page .collection-edit-ao .shape-tabs-ao[hidden]{display:none!important}
.home-page .collection-edit-ao .shape-tabs-ao button{position:relative;min-width:0;min-height:52px;padding:8px 12px 14px;background:transparent;color:#697466;font:500 20px/1.25 var(--sans);letter-spacing:-.025em;text-align:left;border:0;border-bottom:2px solid transparent}
.home-page .collection-edit-ao .shape-tabs-ao button:first-child{padding-left:0}
.home-page .collection-edit-ao .shape-tabs-ao button[aria-selected=true]{color:#203b2a;border-bottom-color:#203b2a}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,36px);width:100%;margin:0;padding:0;overflow:visible;scroll-snap-type:none}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-grid>.product-card:not([hidden]){display:flex;flex-direction:column;gap:0;align-items:stretch;width:auto;min-width:0;margin:0;padding:0;border:0;grid-column:auto;grid-row:auto}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-grid>.product-card[hidden]{display:none!important}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-photo{aspect-ratio:3/2;min-height:0;height:auto;width:100%;margin:0;background:transparent;overflow:hidden}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-photo img,.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-photo:hover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;mix-blend-mode:normal;transition:none}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta{width:100%;padding:17px 0 0;margin:0;align-self:stretch}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta h3{margin:0 0 12px;font:500 clamp(22px,2vw,30px)/1.14 var(--sans);letter-spacing:-.035em}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta h3 a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:48px;padding:8px 0;border-bottom:1px solid #aeb7a8}
.home-page .collection-edit-ao .shape-link-arrow-ao{flex:0 0 auto;font:400 24px/1 var(--sans)}
.home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta>p:not(.eyebrow):not(.fine-print){display:block;max-width:29ch;margin:0;color:#526050;font:400 14px/1.6 var(--sans)}
.home-page .featured.collection-edit-ao[data-collection-gallery] .collection-gallery-controls{display:none!important}
.home-page .featured.collection-edit-ao[data-collection-gallery] .collection-study-note{margin:17px 0 0;max-width:none;font:400 12px/1.5 var(--sans);color:#536055}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:7vw;align-items:center;margin:0;padding-block:77px 92px;border-top:1px solid #b9c1b3;background:transparent;color:#203b2a}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao h2{display:block;margin:0;max-width:none;font:500 clamp(72px,7.1vw,108px)/.99 var(--sans)!important;letter-spacing:-.052em!important;text-transform:none;color:#203b2a}
.home-page .project-edit-ao h2>span{display:block}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao .project-invitation-action{display:block;justify-self:stretch;width:100%;margin:0;max-width:none}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao p{max-width:31ch;margin:0 0 25px;font:400 17px/1.6 var(--sans);color:#526050}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao .project-invitation-action .button{display:flex;justify-content:space-between;width:100%;min-height:64px;padding:17px 23px;border:1px solid #203b2a;background:#203b2a;color:#f5f3ea;font:500 16px/1.3 var(--sans);text-decoration:none}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao .project-invitation-action .button:hover{background:#334e38;border-color:#334e38}
.home-page :is(.collection-edit-ao,.project-edit-ao) :is(a,button):focus-visible{outline:2px solid #203b2a;outline-offset:4px}
@media(max-width:1099px){
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-grid{gap:20px}
 .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao{gap:36px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
 .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao h2{font-size:clamp(58px,7.4vw,80px)!important}
}
@media(max-width:700px){
 .home-page.brand-aj.composition-ak .featured.collection-edit-ao{padding-block:49px 41px}
 .home-page.brand-aj.composition-ak .collection-edit-ao .collection-heading{display:block;margin-bottom:18px}
 .home-page.brand-aj.composition-ak .collection-edit-ao .collection-heading h2.chapter-quiet-ak{font-size:36px;line-height:1.1;margin:0 0 6px}
 .home-page.brand-aj.composition-ak .collection-edit-ao .collection-heading .underlink{font-size:13px;min-height:44px}
 .home-page .collection-edit-ao .shape-tabs-ao{margin-bottom:18px}
 .home-page .collection-edit-ao .shape-tabs-ao button{font-size:14px;min-height:48px;padding:7px 6px 12px;text-align:center;letter-spacing:-.025em;white-space:nowrap}
 .home-page .collection-edit-ao .shape-tabs-ao button:first-child{padding-left:6px}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-grid{display:block}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-grid>.product-card:not([hidden]){display:block;width:100%}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta{padding-top:10px}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta h3{font-size:27px;line-height:1.14;margin:0 0 5px}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta h3 a{min-height:48px;padding:6px 0;border:0;align-items:center}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .product-card .product-meta>p:not(.eyebrow):not(.fine-print){font-size:14px;max-width:none;min-height:44px}
 .home-page .featured.collection-edit-ao[data-collection-gallery] .collection-study-note{margin-top:13px}
 .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao{grid-template-columns:1fr;gap:27px;padding-block:43px 52px}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao h2{font-size:clamp(49px,15.1vw,85px)!important;line-height:1.01!important;letter-spacing:-.045em!important}
 .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao p{max-width:30ch;font-size:15px;line-height:1.6;margin-bottom:22px}
 .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ao .project-invitation-action .button{min-height:60px;font-size:15px;padding:16px 19px}
}


/* layout-ap.css */
/* A panoramic material comparison, distinct from the sample and product chapters. */
#materials.material-craft-ap .mc-heading{align-items:center;gap:30px;margin-bottom:28px}
#materials.material-craft-ap .mc-heading .mc-tabs{margin:0;flex:none;min-width:340px;justify-content:space-between;gap:30px}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:27px 7vw;grid-template-areas:'photo photo' 'panel sheets'}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-notes{display:contents}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-figure{grid-area:photo}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-panel{grid-area:panel;padding-top:8px}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-image{aspect-ratio:2.85}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-image img{object-position:center 55%}
#materials.material-craft-ap[data-finishing-topic=polish] .mc-sheets{grid-area:sheets;padding:8px 0 0;border:0}
#materials.material-craft-ap .mc-sheets h3{font-size:15px;margin:0 0 14px}
#materials.material-craft-ap .mc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#materials.material-craft-ap .mc-choice{display:flex;position:relative;flex-direction:column;align-items:stretch;gap:10px;padding:0 0 10px;min-width:0;min-height:0;border:0;background:none}
#materials.material-craft-ap .mc-choice img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border:1px solid transparent;padding:2px}
#materials.material-craft-ap .mc-choice[aria-pressed=true]{border:0;padding-bottom:10px}
#materials.material-craft-ap .mc-choice[aria-pressed=true] img{border-color:#263b2d}
#materials.material-craft-ap .mc-choice-name{font-size:14px;line-height:1.4;white-space:normal}
#materials.material-craft-ap .mc-choice-code{font-size:11px;margin-top:3px;color:#52624f}
#materials.material-craft-ap .mc-check{display:none}
#materials.material-craft-ap .mc-library-link{margin-top:3px;text-decoration:none}
#materials.material-craft-ap .mc-source{margin-top:0}
#materials.material-craft-ap .mc-connections-ao span{font-size:13px;white-space:nowrap}
@media(max-width:1099px) and (min-width:701px){
 #materials.material-craft-ap .mc-heading{align-items:flex-end;gap:24px}
 #materials.material-craft-ap .mc-heading h2{font-size:34px;max-width:10ch}
 #materials.material-craft-ap .mc-heading .mc-tabs{min-width:300px;gap:20px}
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-spread{gap:23px 28px}
 #materials.material-craft-ap .mc-choices{gap:12px}
 #materials.material-craft-ap .mc-choice-name{font-size:12px}
 #materials.material-craft-ap .mc-connections-ao span{font-size:11px}
}
@media(max-width:700px){
 #materials.material-craft-ap .mc-heading{display:block;margin-bottom:18px}
 #materials.material-craft-ap .mc-heading h2{margin-bottom:16px}
 #materials.material-craft-ap .mc-heading .mc-tabs{display:flex;width:100%;min-width:0;gap:22px;justify-content:flex-start}
 #materials.material-craft-ap .mc-spread,#materials.material-craft-ap[data-finishing-topic=polish] .mc-spread{display:flex;flex-direction:column;gap:18px}
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-image{aspect-ratio:1.4}
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-panel{padding:0}
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-sheets{width:100%;padding:18px 0 0;border-top:1px solid #b3bcad}
 #materials.material-craft-ap .mc-choices{gap:11px}
 #materials.material-craft-ap .mc-choice-name{font-size:12px;line-height:1.4}
 #materials.material-craft-ap .mc-choice-code{font-size:10px;line-height:1.5}
 #materials.material-craft-ap .mc-connections-ao span{font-size:11.5px;right:12%}

 /* One view row and one project action; material choice opens the existing studio. */
 .home-page.brand-aj.composition-ak.controls-al .home-hero .viewer-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'views material' 'action action';gap:10px 8px!important;align-items:center;padding-top:9px;margin-top:10px;border-top:1px solid #b7beb1}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-control-group-aj{display:block;min-width:0;min-height:44px;padding:0;border:0}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-control-group-aj:first-child{grid-area:material;justify-self:end}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-control-group-aj:nth-child(2){grid-area:views}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-control-label-aj{display:none}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .current-material-control{display:inline-flex!important;grid-template-columns:none;width:auto;gap:0!important;padding:0;min-height:44px;min-width:76px;border:0;justify-content:flex-end}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .current-material-control>img,.home-page.brand-aj.composition-ak.controls-al .home-hero .current-material-control>span:not(.material-change){display:none!important}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .current-material-control .material-change{display:inline-flex!important;gap:7px;padding:0;margin:0;font-size:12px;line-height:1.3;white-space:nowrap;align-items:center}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-toolbar-aj .bench-actions{justify-content:flex-start!important;margin:0;padding:0;gap:0!important}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-toolbar-aj .bench-actions :is(#assemble-toggle,#explode-toggle){min-width:54px;padding:0 8px!important;font-size:12px!important}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .brand-toolbar-aj .bench-actions #inspect-toggle{margin-left:8px!important;min-width:44px;font-size:12px!important;flex:none}
 .home-page.brand-aj.composition-ak.controls-al .home-hero .hero-project-cta{grid-area:action;width:100%;margin:0!important;min-height:48px}
}


/* configuration-controls-ap.css */
/* AP shared selected states. No Home toolbar sizing, positioning or layout rules. */
.home-page.controls-ap .brand-toolbar-aj .bench-actions :is(#assemble-toggle,#explode-toggle),
#full-configuration.controls-studio-ap .studio-actions-al :is(#assemble-toggle,#explode-toggle) {
  background:transparent;
  color:#263b2d!important;
  box-shadow:none;
}
.home-page.controls-ap .brand-toolbar-aj .bench-actions :is(#assemble-toggle,#explode-toggle)[aria-pressed=true],
#full-configuration.controls-studio-ap .studio-actions-al :is(#assemble-toggle,#explode-toggle)[aria-pressed=true] {
  background:#263b2d;
  color:#f6f3eb!important;
  border-color:#263b2d!important;
  box-shadow:none;
  font-weight:600;
}

/* One selected sheet perimeter. The badge and nested image frames are suppressed. */
#full-configuration.controls-studio-ap .sheet-option {
  border:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .sheet-image {
  padding:0;
  border:1px solid transparent;
  outline:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .sheet-image img {
  border:0;
  outline:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .sheet-option[aria-checked=true] .sheet-image {
  border:1px solid #263b2d;
  outline:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .selection-check { display:none!important; }

/* A colour chip has one selection ring. Keyboard focus replaces that ring. */
#full-configuration.controls-studio-ap .lens-colour {
  border:1px solid transparent;
  outline:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .lens-colour>span {
  border:0;
  outline:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .lens-colour[aria-checked=true] {
  border-color:transparent;
  outline:2px solid #263b2d;
  outline-offset:0;
  box-shadow:none;
}
#full-configuration.controls-studio-ap .lens-colour:focus-visible,
#full-configuration.controls-studio-ap .sheet-option:focus-visible {
  outline:2px solid #263b2d;
  outline-offset:4px;
}

/* Keep the original bound paragraph; readable rows are its new child presentation. */
#full-configuration.controls-studio-ap [data-appearance-summary].configuration-result-ap {
  display:grid;
  gap:8px;
  margin:0 0 11px;
  font:400 13px/1.45 var(--sans,sans-serif);
  color:#263b2d;
}
#full-configuration.controls-studio-ap .configuration-result-row-ap {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:baseline;
  gap:12px;
  min-width:0;
}
#full-configuration.controls-studio-ap .configuration-result-label-ap {
  font:500 12px/1.45 var(--sans,sans-serif);
  color:#637061;
}
#full-configuration.controls-studio-ap .configuration-result-value-ap {
  min-width:0;
  overflow-wrap:anywhere;
}
#full-configuration.controls-studio-ap .studio-material-source-ap {
  margin:12px 0 0;
  padding-top:12px;
  border-top:1px solid #b7beb1;
}
#full-configuration.controls-studio-ap .studio-material-source-ap>p {
  margin:0 0 12px;
  font-size:12px;
  line-height:1.5;
}

@media(max-width:700px) {
  /* Model, preview status, then actions: no 72px right-hand caption column. */
  #full-configuration.controls-studio-ap .studio-caption-al {
    grid-template-columns:minmax(0,1fr);
    gap:0;
    align-items:start;
  }
  #full-configuration.controls-studio-ap .studio-caption-al .frame-picker {
    grid-column:1;
    grid-row:1;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
  }
  #full-configuration.controls-studio-ap #viewer-caption {
    grid-column:1;
    grid-row:2;
    flex:initial;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:0;
    justify-content:flex-start;
    text-align:left;
    margin:0;
    padding:0 0 9px;
  }
  #full-configuration.controls-studio-ap #viewer-caption>span:last-child {
    width:auto;
    max-width:none;
    text-align:left;
    font-size:12px!important;
    line-height:1.4;
  }
  #full-configuration.controls-studio-ap .studio-caption-al .studio-actions-al {
    grid-column:1;
    grid-row:3;
    padding-top:0;
  }
  #full-configuration.controls-studio-ap .configuration-result-row-ap {
    grid-template-columns:65px minmax(0,1fr);
    gap:10px;
  }
}


/* layout-aq.css */
/* Different proportions for the three frame references; one leading study, two comparisons. */
.home-page.brand-aj.composition-ak .featured.collection-edit-aq{padding-block:72px 64px}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0 48px;align-items:start}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid>.product-card:first-child{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column-reverse}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid>.product-card:nth-child(n+2){grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;min-height:230px;padding:19px 0;border-top:1px solid #b6beaf}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid>.product-card:nth-child(3){grid-row:2}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-photo{aspect-ratio:1.52}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:nth-child(n+2) .product-photo{aspect-ratio:1.1}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta{padding:0}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 14px;align-items:baseline;margin-bottom:22px}
.home-page .collection-edit-aq .shape-number-aq{display:block;color:#536055;font:400 13px/1.5 var(--sans);margin-bottom:10px}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .shape-number-aq{grid-column:1;grid-row:1 / 3}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta h3{grid-column:2;grid-row:1}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta>p:not(.eyebrow):not(.fine-print){grid-column:2;grid-row:2}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta h3{font-size:25px;line-height:1.2;margin:0 0 8px}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta h3{font-size:34px}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta h3 a{border:0;min-height:44px;padding:0}
.home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta>p:not(.eyebrow):not(.fine-print){font-size:15px;line-height:1.5;max-width:none;min-height:0}
.home-page .featured.collection-edit-aq[data-collection-gallery] .collection-study-note{font-size:13px;line-height:1.5;margin-top:20px}
.home-page.brand-aj.composition-ak .project-strip.project-edit-aq{padding-block:44px 52px;gap:8vw;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.home-page.brand-aj.composition-ak .project-strip.project-edit-aq h2{font:500 clamp(38px,4vw,58px)/1.05 var(--sans)!important;letter-spacing:-.04em!important;max-width:12ch}
.home-page.brand-aj.composition-ak .project-strip.project-edit-aq p{font-size:16px;line-height:1.5;max-width:none;margin-bottom:18px}

/* A compact field note: photograph and statement share an edge; three decisions follow. */
.home-page.brand-aj.composition-ak .making-story.making-aq{display:block;padding-block:54px 45px}
.home-page.brand-aj.composition-ak .making-aq .making-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw;align-items:center;margin:0}
.home-page.brand-aj.composition-ak .making-aq .making-heading>div{grid-column:2;grid-row:1;margin:0;padding:0}
.home-page.brand-aj.composition-ak .making-aq .making-heading .craft-photo{grid-column:1;grid-row:1;margin:0;width:100%;max-width:none}
.home-page.brand-aj.composition-ak .making-aq .making-heading .craft-photo picture{display:block;aspect-ratio:1.6;min-height:0;height:auto}
.home-page.brand-aj.composition-ak .making-aq .making-heading h2{font-size:clamp(38px,4.1vw,60px);line-height:1.01;margin:0 0 20px}
.home-page.brand-aj.composition-ak .making-aq .making-heading>div>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:30ch}
.home-page.brand-aj.composition-ak .making-aq .making-heading>div>a{margin-top:14px}
.home-page.brand-aj.composition-ak .making-aq .craft-photo figcaption{margin-top:8px;padding:0;font-size:13px;line-height:1.5}
.home-page.brand-aj.composition-ak .making-aq .making-body{display:block;margin:30px 0 0;padding:0;border:0}
.home-page.brand-aj.composition-ak .making-aq .making-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:100%;margin:0;padding:0;border:0}
.home-page.brand-aj.composition-ak .making-aq .making-steps .process-grid{display:contents}
.home-page.brand-aj.composition-ak .making-aq .making-steps .process-grid article{display:block;padding:17px 0 0;margin:0;border:0;border-top:1px solid #637060}
.home-page.brand-aj.composition-ak .making-aq .making-steps h3{font:500 16px/1.3 var(--sans);margin:0 0 8px;color:#f4f2e9}
.home-page.brand-aj.composition-ak .making-aq .making-steps .process-grid p{font:400 14px/1.55 var(--sans);color:#d2d9cd;margin:0;max-width:37ch}
.home-page.brand-aj.composition-ak .making-aq .quality-notes{grid-column:auto;align-self:start;padding:0;margin:0;border:0;border-top:1px solid #637060}
.home-page.brand-aj.composition-ak .making-aq .quality-notes summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;min-height:48px;font:500 16px/1.35 var(--sans)}
.home-page.brand-aj.composition-ak .making-aq .quality-notes>p{font:400 14px/1.55 var(--sans);margin:0 0 10px;color:#d2d9cd}
#materials.material-craft-ap .mc-caption{font-size:13px;line-height:1.5}
#materials.material-craft-ap .mc-choice-name{font-size:15px;font-weight:500}
#materials.material-craft-ap .mc-choice-code{font-size:12px;line-height:1.4}
#materials.material-craft-ap .mc-source{font-size:13px;color:#536055;line-height:1.5}
#materials.material-craft-ap .mc-library-link{font-size:14px;border:0}
@media(min-width:701px) and (max-width:1099px){
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid{gap:0 26px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid>.product-card:nth-child(n+2){min-height:165px;gap:12px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta h3{font-size:21px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta h3{font-size:28px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-photo{aspect-ratio:1.15}
 .home-page.brand-aj.composition-ak .making-aq .making-heading{gap:28px}
 .home-page.brand-aj.composition-ak .making-aq .making-heading .craft-photo picture{aspect-ratio:1.25}
 .home-page.brand-aj.composition-ak .making-aq .making-steps{gap:22px}
}
@media(max-width:700px){
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-spread{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'photo' 'sheets' 'panel';gap:22px}
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-sheets{padding:0;border:0}
 #materials.material-craft-ap[data-finishing-topic=polish] .mc-panel{padding-top:8px;border:0}
 #materials.material-craft-ap .mc-choice-name{font-size:13px;line-height:1.4}
 #materials.material-craft-ap .mc-choice-code{font-size:11px;line-height:1.5}
 #materials.material-craft-ap .mc-sheets h3{display:none}
 #materials.material-craft-ap .mc-choice{gap:8px;padding-bottom:4px}
 #materials.material-craft-ap .mc-choice[aria-pressed=true]{padding-bottom:4px}
 #materials.material-craft-ap .mc-copy{font-size:15px;line-height:1.6}
 #materials.material-craft-ap .mc-action{margin-top:14px}
 .home-page.brand-aj.composition-ak .making-story.making-aq{padding-block:34px 32px}
 .home-page.brand-aj.composition-ak .making-aq .making-heading{display:flex;flex-direction:column;gap:20px}
 .home-page.brand-aj.composition-ak .making-aq .making-heading .craft-photo{order:0}
 .home-page.brand-aj.composition-ak .making-aq .making-heading>div{order:1;width:100%}
 .home-page.brand-aj.composition-ak .making-aq .making-heading .craft-photo picture{aspect-ratio:1.55}
 .home-page.brand-aj.composition-ak .making-aq .making-heading h2{font-size:42px;line-height:1;max-width:12ch;margin-bottom:13px}
 .home-page.brand-aj.composition-ak .making-aq .making-heading>div>p:not(.eyebrow){font-size:15px;line-height:1.55;max-width:none;margin:0}
 .home-page.brand-aj.composition-ak .making-aq .making-heading>div>a{margin-top:9px}
 .home-page.brand-aj.composition-ak .making-aq .making-body{margin-top:18px}
 .home-page.brand-aj.composition-ak .making-aq .making-steps{display:block}
 .home-page.brand-aj.composition-ak .making-aq .making-steps .process-grid{display:block}
 .home-page.brand-aj.composition-ak .making-aq .making-steps .process-grid article{display:grid;grid-template-columns:106px minmax(0,1fr);gap:16px;padding:14px 0;align-items:baseline}
 .home-page.brand-aj.composition-ak .making-aq .making-steps h3{font-size:15px;margin:0}
 .home-page.brand-aj.composition-ak .making-aq .making-steps .process-grid p{font-size:14px;line-height:1.5}
 .home-page.brand-aj.composition-ak .making-aq .quality-notes summary{font-size:15px}
 .home-page.brand-aj.composition-ak .featured.collection-edit-aq{padding-block:44px 35px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid{display:block}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid>.product-card:first-child{display:flex;flex-direction:column-reverse;margin-bottom:24px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-grid>.product-card:nth-child(n+2){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:140px;padding:15px 0;gap:18px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-photo{aspect-ratio:1.5}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:nth-child(n+2) .product-photo{aspect-ratio:1.4}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta{grid-template-columns:25px minmax(0,1fr);gap:0 10px;margin-bottom:12px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card:first-child .product-meta h3{font-size:27px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta h3{font-size:21px;margin-bottom:4px}
 .home-page .featured.collection-edit-aq[data-collection-gallery] .product-card .product-meta>p:not(.eyebrow):not(.fine-print){font-size:14px;line-height:1.4}
 .home-page .collection-edit-aq .shape-number-aq{font-size:12px;margin-bottom:5px}
 .home-page.brand-aj.composition-ak .project-strip.project-edit-aq{grid-template-columns:1fr;gap:20px;padding-block:34px 42px}
 .home-page.brand-aj.composition-ak .project-strip.project-edit-aq h2{font-size:42px!important;max-width:12ch}
 .home-page.brand-aj.composition-ak .project-strip.project-edit-aq p{font-size:15px;line-height:1.5}
}


/* configuration-controls-aq.css */
/* AQ keeps AP selection states. Its scope is the Home toolbar and studio controls. */
.home-page.controls-aq .studio-view-label-aq { display:none; }
#full-configuration.controls-studio-aq .studio-actions-al .studio-view-label-aq {
  display:block; flex:0 0 44px; color:#475849; font:500 13px/1.4 var(--sans,sans-serif);
}

/* The dark stage perimeter was an interaction state, not keyboard focus. */
#full-configuration.controls-studio-aq #product-viewer.is-interacting:not(:focus-visible) {
  outline:0; box-shadow:none;
}
#full-configuration.controls-studio-aq #product-viewer:focus-visible {
  outline:2px solid #263b2d; outline-offset:4px;
}

#full-configuration.controls-studio-aq .sheet-code,
#full-configuration.controls-studio-aq .selected-sheet,
#full-configuration.controls-studio-aq .studio-current-label-al,
#full-configuration.controls-studio-aq .studio-category-toggle-ao,
#full-configuration.controls-studio-aq .studio-lens-heading-ao .control-label,
#full-configuration.controls-studio-aq .configuration-result-label-ap,
#full-configuration.controls-studio-aq .finishing-options-am>summary,
#full-configuration.controls-studio-aq .viewer-tools>summary,
#full-configuration.controls-studio-aq .appearance-summary-actions :is(a,button) {
  font-size:13px; line-height:1.4; color:#475849;
}
#full-configuration.controls-studio-aq .selected-sheet>strong { font:inherit; color:inherit; }
#full-configuration.controls-studio-aq .studio-material-name-ao { font-size:16px; color:#263b2d; }
#full-configuration.controls-studio-aq .configuration-result-value-ap { font-size:14px; line-height:1.45; color:#263b2d; }
#full-configuration.controls-studio-aq .model-restriction,
#full-configuration.controls-studio-aq .preset-status,
#full-configuration.controls-studio-aq .studio-status-al p,
#full-configuration.controls-studio-aq .viewer-tools :is(p,a),
#full-configuration.controls-studio-aq .appearance-summary>.fine-print {
  font-size:13px!important; line-height:1.5; color:#475849;
}
#full-configuration.controls-studio-aq #viewer-caption>span:last-child {
  font-size:13px!important; line-height:1.4; color:#475849;
}
#full-configuration.controls-studio-aq .frame-picker select { font-size:16px; color:#263b2d; }
#full-configuration.controls-studio-aq .studio-close-al { font-size:13px; gap:0; }

/* Major groups carry rules; repeated lines inside the help group do not. */
#full-configuration.controls-studio-aq .studio-material-source-ap,
#full-configuration.controls-studio-aq .studio-lens-help-ao { border-top:0; margin-top:14px; padding-top:0; }
#full-configuration.controls-studio-aq .finishing-options-am { border-bottom:0; }
#full-configuration.controls-studio-aq .viewer-tools { border-top:0; }
#full-configuration.controls-studio-aq .studio-actions-al #inspect-toggle { min-width:76px; }

@media(max-width:700px) {
  /* Current material / View modes / Project: three compact, aligned rows. */
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .viewer-toolbar {
    display:grid!important; grid-template-columns:minmax(0,1fr);
    grid-template-areas:'material' 'views' 'action'; gap:6px!important;
    align-items:center; padding-top:8px; margin-top:10px; border-top:1px solid #b7beb1;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-control-group-aj {
    display:grid; grid-template-columns:54px minmax(0,1fr); align-items:center;
    height:auto; min-height:44px; width:100%; min-width:0; padding:0; border:0;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-control-group-aj:first-child {
    grid-area:material; justify-self:stretch;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-control-group-aj:nth-child(2) { grid-area:views; }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-control-label-aj {
    display:block; font-size:13px; line-height:1.4; color:#475849;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .current-material-control {
    display:flex!important; grid-column:2; grid-row:1; width:100%; min-width:0;
    height:auto; min-height:44px; gap:8px!important; margin:0; padding:0;
    justify-content:flex-start; align-items:center; border:0!important;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .current-material-control>img {
    display:block!important; width:28px; height:28px; flex:0 0 28px; object-fit:cover;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .current-material-control>span:not(.material-change) {
    display:block!important; flex:1 1 auto; min-width:0;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .current-material-control strong {
    font-size:14px; line-height:1.3; color:#263b2d; white-space:normal;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .current-material-control .material-change {
    flex:none; font-size:13px; line-height:1.3; padding:0; margin-left:auto;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-toolbar-aj .bench-actions {
    grid-column:2; grid-row:1; height:44px; width:100%; min-width:0;
    justify-content:flex-start!important; gap:0!important; margin:0; padding:0;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-toolbar-aj .bench-actions :is(#assemble-toggle,#explode-toggle) {
    min-width:54px; padding:0 8px!important; font-size:13px!important;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .brand-toolbar-aj .bench-actions #inspect-toggle {
    margin-left:auto!important; min-width:70px; font-size:13px!important;
  }
  .home-page.brand-aj.composition-ak.controls-al.controls-aq .home-hero .hero-project-cta {
    grid-area:action; width:100%; min-height:48px; margin:0!important; font-size:14px;
  }
  #full-configuration.controls-studio-aq .studio-caption-al { padding-top:3px; }
  #full-configuration.controls-studio-aq #viewer-caption { padding-bottom:10px; }
  #full-configuration.controls-studio-aq .studio-actions-al .studio-view-label-aq { flex-basis:44px; }
  #full-configuration.controls-studio-aq .studio-actions-al :is(#assemble-toggle,#explode-toggle) {
    min-width:64px; padding-inline:11px!important;
  }
  #full-configuration.controls-studio-aq .studio-actions-al #inspect-toggle { min-width:76px; margin-left:auto; }
}


/* controls-ar.css */
.home-page.controls-ar .home-hero .studio-view-label-aq{display:none!important}
.home-page.controls-ar .current-material-control .material-change{flex:0 0 20px;min-width:20px;justify-content:center;text-decoration:none!important;border:0!important}
.home-page.controls-ar .current-material-control .material-change::after{display:none!important}
.home-page.controls-ar .current-material-control .material-change svg{display:block;width:16px;height:16px}
.home-page.brand-aj.composition-ak.controls-al.controls-ar .home-hero .brand-toolbar-aj .bench-actions #inspect-toggle,
.home-page.controls-ar #full-configuration.studio-dock-al .studio-actions-al #inspect-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:78px!important;height:44px;min-height:44px;padding:0 12px!important;margin-left:10px!important;border:1px solid #a9b3a1!important;color:#263b2d!important;background:transparent;font:500 13px/1.3 var(--sans)!important;text-decoration:none!important;box-shadow:none}
.home-page.controls-ar #inspect-toggle::after{display:none!important}
.home-page.brand-aj.composition-ak.controls-al.controls-ar .home-hero .brand-toolbar-aj .bench-actions #inspect-toggle[aria-pressed=true],
.home-page.controls-ar #full-configuration.studio-dock-al .studio-actions-al #inspect-toggle[aria-pressed=true]{background:#263b2d;color:#f5f3eb!important;border-color:#263b2d!important}
.home-page.controls-ar #full-configuration .studio-actions-al .studio-view-label-aq{display:block!important;flex-basis:38px}
.home-page.controls-ar #full-configuration>.back-to-view,
.home-page.controls-ar #full-configuration .appearance-summary-actions .back-to-view{display:none!important}
.home-page.controls-ar #full-configuration>summary{position:sticky;top:88px;z-index:8;background:#f3f1e8}
.home-page.controls-ar #full-configuration .lens-effects [role=radio]{padding:10px 8px;min-height:44px;font:500 13px/1.3 var(--sans);border:1px solid #a9b3a1;box-shadow:none}
.home-page.controls-ar #full-configuration .lens-effects [role=radio] i{display:none!important}
.home-page.controls-ar #full-configuration .lens-effects [role=radio][aria-checked=true]{background:#263b2d;border-color:#263b2d;color:#f5f3eb;font-weight:600}
.home-page.controls-ar #full-configuration .lens-effects [role=radio]:disabled{opacity:.45}
.home-page.controls-ar #inspect-toggle:focus-visible,
.home-page.controls-ar #full-configuration .lens-effects [role=radio]:focus-visible{outline:2px solid #263b2d;outline-offset:4px}
@media(max-width:700px){
 .home-page.controls-ar #full-configuration>summary{top:72px}
 .home-page.brand-aj.composition-ak.controls-al.controls-ar .home-hero .current-material-control .material-change{margin-left:auto;flex:0 0 20px;min-width:20px}
 .home-page.controls-ar #full-configuration .studio-actions-al :is(#assemble-toggle,#explode-toggle){min-width:60px;padding-inline:9px!important}
 .home-page.controls-ar #full-configuration .studio-actions-al #inspect-toggle{margin-left:auto!important}
}


/* editorial-ar.css */
/* AR editorial refinement. Load after layout-aq.css and the AQ controls sheet. */
.home-page.editorial-ar {
  --annotation-ink-ar: #334d37;
  --annotation-border-ar: #839085;
  --annotation-paper-ar: #f5f3eb;
}

/* A common 28px number circle / 13px type for the hero and construction key. */
.home-page.editorial-ar .photo-plate .pp-marker {
  font: 400 13px/1 var(--sans);
  font-variant-numeric: tabular-nums;
}
.home-page.editorial-ar .photo-plate .pp-marker::before {
  border-color: var(--annotation-border-ar);
  background: var(--annotation-paper-ar);
}
#materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-leaders-mobile-ar,
#materials.material-craft-ap.editorial-ar .mc-legend-ar { display: none; }
#materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-callout-ar {
  position: absolute;
  width: 28px;
  height: 28px;
  left: 87.0166%;
  transform: translate(-50%, -50%);
  color: var(--annotation-ink-ar);
}
#materials.material-craft-ap.editorial-ar .mc-hinge-callout-ar { top: 67.6796%; }
#materials.material-craft-ap.editorial-ar .mc-fit-callout-ar { top: 17.4954%; }
#materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-number-ar {
  position: static;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--annotation-border-ar);
  border-radius: 50%;
  background: var(--annotation-paper-ar);
  font: 400 13px/1 var(--sans);
  font-variant-numeric: tabular-nums;
}
#materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-callout-label-ar {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  font: 400 13px/1.4 var(--sans);
  white-space: nowrap;
}
#materials.material-craft-ap.editorial-ar .mc-caption,
#materials.material-craft-ap.editorial-ar .mc-caption a {
  font-size: 13px;
  line-height: 1.5;
}
#materials.material-craft-ap.editorial-ar .mc-caption {
  margin-top: 6px;
  gap: 8px;
}

/* The closing inquiry is a compact, concrete chapter rather than a third slogan. */
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ar {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 5vw;
  padding-block: 36px 40px;
}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ar h2 {
  font: 500 clamp(30px, 3vw, 43px)/1.08 var(--sans) !important;
  letter-spacing: -.035em !important;
  max-width: 18ch;
}
.home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ar p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 14px;
}

@media (max-width: 700px) {
  /* Retain the original image pixels and framing; reduce only CSS overscaling. */
  .home-page.composition-ak.editorial-ar .photo-plate[data-layout="mobile"] .pp-whole {
    left: -5%;
    width: 110%;
  }

  /* Reading order: illustration + source, explanation, then the three choices. */
  #materials.material-craft-ap.editorial-ar[data-finishing-topic="polish"] .mc-spread {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'photo' 'panel' 'sheets';
    gap: 18px;
  }
  #materials.material-craft-ap.editorial-ar[data-finishing-topic="polish"] .mc-panel {
    padding: 0;
    border: 0;
  }
  #materials.material-craft-ap.editorial-ar[data-finishing-topic="polish"] .mc-sheets {
    padding: 0;
    border: 0;
  }
  #materials.material-craft-ap.editorial-ar .mc-choice-code {
    font-size: 12px;
    line-height: 1.5;
  }
  #materials.material-craft-ap.editorial-ar .mc-source { font-size: 13px; }
  #materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-leaders-desktop-ar,
  #materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-callout-label-ar { display: none; }
  #materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-leaders-mobile-ar { display: block; }
  #materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-hinge-callout-ar {
    left: 58.011%;
    top: 52.0258%;
  }
  #materials.material-craft-ap.editorial-ar .mc-connections-ao .mc-fit-callout-ar {
    left: 45.0276%;
    top: 23.0203%;
  }
  #materials.material-craft-ap.editorial-ar[data-finishing-topic="construction"] .mc-legend-ar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    list-style: none;
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #b7c0af;
    font: 400 13px/1.45 var(--sans);
    color: var(--annotation-ink-ar);
  }
  #materials.material-craft-ap.editorial-ar .mc-legend-ar li {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
  }
  #materials.material-craft-ap.editorial-ar .mc-legend-number-ar {
    font: 400 13px/1.45 var(--sans);
    font-variant-numeric: tabular-nums;
  }
  .home-page.editorial-ar .bench-stage:has(.has-photo-study.photo-study-expanded) > .part-legend-af :is(button,a),
  .home-page.editorial-ar .bench-stage:has(.has-photo-study.photo-study-expanded) > .part-legend-af :is(button,a) > span {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  /* The primary frame retains its emphasis; the two comparisons sit side by side. */
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-bottom: 0;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(n+2) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    grid-column: auto;
    grid-row: auto;
    gap: 12px;
    min-height: 0;
    padding: 14px 0 0;
    margin: 0;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-photo {
    aspect-ratio: 1.25;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-meta h3 {
    font-size: 20px;
    line-height: 1.2;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-meta h3 a {
    align-items: baseline;
    gap: 6px;
    min-height: 48px;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .shape-link-arrow-ao {
    font-size: 18px;
  }
  .home-page .collection-edit-ar .shape-number-aq { font-size: 13px; }
  .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ar {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding-block: 30px 34px;
  }
  .home-page.brand-aj.composition-ak .project-strip.project-invitation-ag.project-edit-ar h2 {
    font-size: 32px !important;
    max-width: 18ch;
  }
}


/* hero-as.css */
.home-page.brand-aj.composition-ak .brand-heading-aj.brand-heading-as{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:5vw;align-items:end}
.brand-heading-as .brand-brief-as{padding:0 0 5px;max-width:32rem}
.brand-heading-as .brand-service-as{margin:0 0 12px;font:500 13px/1.4 var(--sans);letter-spacing:.005em}
.brand-heading-as .brand-promise-as{margin:0;font:500 clamp(25px,2.6vw,38px)/1.12 var(--sans);letter-spacing:-.035em;color:#263b2d}
@media(min-width:701px) and (max-width:1099px){
 .home-page.brand-aj.composition-ak .brand-heading-aj.brand-heading-as{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px}
 .home-page.brand-aj.composition-ak .brand-heading-as .brand-title-aj{font-size:clamp(74px,10.4vw,114px)}
 .brand-heading-as .brand-service-as{font-size:12px;margin-bottom:9px}
 .brand-heading-as .brand-promise-as{font-size:26px}
}
@media(max-width:700px){
 .home-page.brand-aj.composition-ak .brand-heading-aj.brand-heading-as{grid-template-columns:minmax(0,1fr);gap:15px}
 .brand-heading-as .brand-brief-as{padding:0;max-width:none;display:flex;flex-direction:column;gap:6px}
 .brand-heading-as .brand-service-as{font-size:12px;margin:0}
 .brand-heading-as .brand-promise-as{font-size:22px;line-height:1.2;letter-spacing:-.025em}
 .brand-heading-as .brand-promise-as br{display:none}
 .brand-heading-as .brand-promise-as br::after{content:' '}
}


/* editorial-as.css */
/* Load after editorial-ar.css and layout-aq.css. No hero/control selectors. */
.home-page.brand-aj.composition-ak .making-story.making-aq.making-as {
  background: #203128;
  color: #f4f2e9;
  padding-block: 46px 38px;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(28px, 4vw, 60px);
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-heading > .sample-observation-as {
  grid-column: 2;
  grid-row: 1;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > .eyebrow {
  display: block;
  margin: 0 0 9px;
  font: 500 12px/1.4 var(--sans);
  letter-spacing: .07em;
  color: #c9d0c3;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-heading h2.sample-title-as {
  display: block;
  max-width: 16ch;
  margin: 0 0 34px;
  color: #f4f2e9;
  font: 500 clamp(32px, 3.15vw, 44px)/1.09 var(--sans);
  letter-spacing: -.04em;
  text-transform: none;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > p:not(.eyebrow) {
  max-width: 44ch;
  margin: 13px 0 0;
  font: 400 15px/1.55 var(--sans);
  color: #d2d9cd;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > .sample-focus-as {
  margin: 0 0 5px;
  color: #e0c79f;
  font: 500 13px/1.45 var(--sans);
  letter-spacing: .02em;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > a {
  margin: 11px 0 0;
  min-height: 44px;
  color: #f4f2e9;
  font-size: 14px;
}

/* Context photograph: its complete original 1400 × 969 image, no extra crop,
   grayscale, retouching, sharpen filter, or invented inspection overlay. */
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  margin: 0;
  width: 100%;
  min-width: 0;
  max-width: none;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture {
  position: relative;
  display: block;
  aspect-ratio: 1400 / 969;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: transparent;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture > img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: none;
  mix-blend-mode: normal;
}
/* This box identifies the described focus area; it is not a pass mark.
   x=570 y=310 w=500 h=300 in the unchanged original photograph. */
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture::after {
  content: '';
  position: absolute;
  left: 40.714286%;
  top: 31.991744%;
  width: 35.714286%;
  height: 30.959752%;
  border: 1px solid rgba(245, 243, 235, .85);
  box-shadow: 0 0 0 1px rgba(32, 49, 40, .28);
  pointer-events: none;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as figcaption {
  margin: 8px 0 0;
  padding: 0;
  font: 400 13px/1.45 var(--sans);
  color: #c9d0c3;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as figcaption a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  font-size: 13px;
  color: inherit;
  white-space: normal;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as .precision-link-label {
  min-width: 0;
  white-space: normal;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as .precision-link-icon {
  flex: 0 0 14px;
}

.home-page.brand-aj.composition-ak .making-aq.making-as .making-body {
  margin: 23px 0 0;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-steps {
  gap: 26px;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-steps .process-grid article {
  display: block;
  min-width: 0;
  padding-top: 15px;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-steps h3 {
  margin: 0 0 6px;
  font: 500 17px/1.3 var(--sans);
  letter-spacing: -.015em;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-steps .process-grid p {
  max-width: none;
  margin: 0;
  font: 400 14px/1.5 var(--sans);
}

/* Tablet: a full title row, followed by its three existing bound tabs. This
   specifically removes AP's 10ch title cap and 300px competing tab minimum. */
@media (min-width: 701px) and (max-width: 1099px) {
  #materials.material-craft-ap.materials-heading-as .mc-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    margin-bottom: 24px;
  }
  #materials.material-craft-ap.materials-heading-as .mc-heading h2 {
    max-width: none;
    width: auto;
    margin: 0;
    font-size: 34px;
    white-space: nowrap;
  }
  #materials.material-craft-ap.materials-heading-as .mc-heading .mc-tabs {
    display: flex;
    order: initial;
    width: 100%;
    min-width: 0;
    margin: 0;
    justify-content: flex-start;
    gap: 30px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 26px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading h2.sample-title-as {
    font-size: 32px;
  }
}
@media (max-width: 700px) {
  .home-page.brand-aj.composition-ak .making-story.making-aq.making-as {
    padding-block: 30px 28px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as {
    order: 0;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading > .sample-observation-as {
    order: 1;
    width: 100%;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading h2.sample-title-as {
    max-width: 18ch;
    font-size: 32px;
    margin-bottom: 14px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as figcaption {
    margin-top: 3px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-body {
    margin-top: 17px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-steps,
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-steps .process-grid {
    display: block;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-steps .process-grid article {
    display: block;
    padding: 13px 0;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-steps h3 {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.35;
    white-space: normal;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .quality-notes summary {
    font-size: 15px;
    min-height: 48px;
  }
}


/* studio-layout-as.css */
/* AS workspace structure. Load after controls-ar.css; never targets the Home toolbar. */
#full-configuration.studio-dock-al.studio-layout-as { --studio-secondary-as:#5c675d; --studio-selected-as:#e5eadf; }
#full-configuration.studio-layout-as>summary { min-height:64px; padding-block:10px; }
#full-configuration.studio-layout-as .configuration-interior {
  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(390px,1fr);
  gap:14px 32px; padding:18px 0 28px; align-items:start;
}
/* The compact preview bar has one metadata row and one action row. This also
   overrides the older AP three-row placement at the narrow phone breakpoint. */
@media(max-width:1099px){
 .home-page #full-configuration.studio-dock-al.studio-layout-as .studio-caption-al{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px}
 .home-page #full-configuration.studio-dock-al.studio-layout-as .studio-caption-al .frame-picker{grid-column:1;grid-row:1;min-width:0}
 .home-page #full-configuration.studio-dock-al.studio-layout-as .studio-caption-al #viewer-caption{grid-column:2;grid-row:1;white-space:nowrap;align-self:center;min-width:0}
 .home-page #full-configuration.studio-dock-al.studio-layout-as .studio-caption-al .studio-actions-al{grid-column:1/-1;grid-row:2;justify-self:start;width:auto}
}
#full-configuration.studio-layout-as .model-settings { grid-column:1; grid-row:1; position:static; min-width:0; }
#full-configuration.studio-layout-as .bench-materials,
#full-configuration.studio-layout-as [data-appearance-controls] { display:contents; }
#full-configuration.studio-layout-as .studio-selection-rail-as { grid-column:2; grid-row:1 / span 2; min-width:0; }
#full-configuration.studio-layout-as [data-appearance-controls]>.viewer-tools {
  grid-column:1; grid-row:2; margin:0; border-top:1px solid #b7beb1; border-bottom:0; padding:0;
}
#full-configuration.studio-layout-as .viewer-tools>summary { min-height:44px; padding:10px 0; font-size:13px; }

/* Three decisions: material, lenses, then a distinct project block. */
#full-configuration.studio-dock-al.studio-layout-as .studio-stage-as { margin:0; padding:0; border:0; }
#full-configuration.studio-layout-as .studio-material-heading-ao,
#full-configuration.studio-layout-as .studio-lens-heading-ao { min-height:44px; margin:0 0 6px; gap:12px; }
#full-configuration.studio-dock-al.studio-layout-as .appearance-heading,
#full-configuration.studio-layout-as .appearance-summary h3 {
  display:flex; align-items:baseline; gap:9px; margin:0; color:#263b2d;
  font:600 15px/1.4 var(--sans,sans-serif); letter-spacing:0; text-transform:none;
}
#full-configuration.studio-layout-as .studio-category-toggle-ao { min-height:44px; font-size:13px; font-weight:400; }
#full-configuration.studio-layout-as .studio-current-sheet-al { gap:12px; margin:0 0 11px; }
#full-configuration.studio-layout-as .studio-current-sheet-al>img { width:62px; height:42px; }
#full-configuration.studio-dock-al.studio-layout-as .studio-material-name-ao { font:500 21px/1.2 var(--sans,sans-serif); letter-spacing:-.02em; }
#full-configuration.studio-dock-al.studio-layout-as .selected-sheet,
#full-configuration.studio-dock-al.studio-layout-as .sheet-code,
#full-configuration.studio-layout-as .studio-result-code-as {
  color:var(--studio-secondary-as); font:400 12px/1.4 var(--sans,sans-serif); letter-spacing:0;
}
#full-configuration.studio-layout-as .selected-sheet { margin-top:4px; }
#full-configuration.studio-layout-as .sheet-options { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#full-configuration.studio-layout-as .sheet-image { aspect-ratio:1.8; }
#full-configuration.studio-layout-as .sheet-code { margin-top:5px; }
#full-configuration.studio-layout-as .sheet-option[aria-checked=true] .sheet-code { color:#263b2d; font-weight:500; }
#full-configuration.studio-layout-as .finishing-options-am { margin:9px 0 0; border:0; }
#full-configuration.studio-layout-as .finishing-options-am>summary { min-height:44px; padding:8px 0; font:400 13px/1.4 var(--sans,sans-serif); }
#full-configuration.studio-layout-as .frame-finish-row { margin:3px 0 12px; }
#full-configuration.studio-layout-as .model-restriction { margin:0 0 12px; }
#full-configuration.studio-dock-al.studio-layout-as .studio-lens-stage-as { border-top:1px solid #b7beb1; margin-top:7px; padding-top:14px; }
#full-configuration.studio-layout-as .studio-lens-heading-ao .control-label { font-size:17px; color:#263b2d; }
#full-configuration.studio-layout-as .lens-colours { gap:10px; margin:0 0 11px; }
#full-configuration.studio-layout-as .lens-finish-label { margin:0 0 6px; color:var(--studio-secondary-as); font-size:12px; }
#full-configuration.studio-layout-as .lens-effects { gap:7px; }
#full-configuration.studio-layout-as .lens-effects [role=radio] { min-height:44px; padding:8px 5px; font-size:13px; }

/* Selected controls use a border/light fill; the inquiry is the only dark action. */
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al :is(#assemble-toggle,#explode-toggle,#inspect-toggle),
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .lens-effects [role=radio] {
  background:transparent!important; color:#263b2d!important; border:1px solid #a9b3a1!important; box-shadow:none!important;
}
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al :is(#assemble-toggle,#explode-toggle,#inspect-toggle)[aria-pressed=true],
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .lens-effects [role=radio][aria-checked=true] {
  background:var(--studio-selected-as)!important; border-color:#263b2d!important; color:#263b2d!important; font-weight:600; box-shadow:none!important;
}
#full-configuration.studio-layout-as .sheet-option[aria-checked=true] .sheet-image { border-color:#263b2d; box-shadow:none; }
#full-configuration.studio-layout-as .lens-colour[aria-checked=true] { background:var(--studio-selected-as); }
#full-configuration.studio-layout-as :is(button,a,select,summary):focus-visible { outline:2px solid #263b2d; outline-offset:3px; }

/* A compact result block puts the existing Copy action beside its heading. */
#full-configuration.studio-dock-al.studio-layout-as .studio-project-stage-as {
  margin-top:20px; padding:14px 16px 13px; border:1px solid #c8cec1; background:#ecefe6;
}
#full-configuration.studio-layout-as .studio-project-heading-as { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
#full-configuration.studio-layout-as .appearance-summary-actions { margin:0; gap:0; flex:none; }
#full-configuration.studio-layout-as .appearance-summary-actions [data-copy-configuration] { min-height:44px; padding:4px 0; font:400 13px/1.4 var(--sans,sans-serif); }
#full-configuration.studio-layout-as [data-appearance-summary].configuration-result-ap { gap:6px; margin:0 0 12px; }
#full-configuration.studio-layout-as .configuration-result-row-ap { grid-template-columns:60px minmax(0,1fr); gap:10px; }
#full-configuration.studio-layout-as .configuration-result-label-ap { color:var(--studio-secondary-as); font-weight:400; }
#full-configuration.studio-layout-as .configuration-result-value-ap { font-size:14px; line-height:1.4; }
#full-configuration.studio-layout-as .studio-result-code-as { display:inline; margin-left:5px; white-space:nowrap; }
#full-configuration.studio-layout-as .appearance-summary .project-link { min-height:48px; margin:0; padding:12px; background:#263b2d; color:#fff; font-size:14px; }
#full-configuration.studio-layout-as .appearance-summary>.fine-print { margin:9px 0 0; font-size:12px!important; line-height:1.4; }

/* Desktop model/status/actions share one row; no duplicate View label. */
#full-configuration.studio-layout-as .studio-caption-al { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:8px 14px; padding:7px 0 0; margin:0; }
#full-configuration.studio-layout-as .studio-caption-al .frame-picker { grid-column:1; grid-row:1; width:100%; max-width:none; margin:0; }
#full-configuration.studio-layout-as .frame-picker select { min-height:44px; margin:0; padding:6px 21px 6px 0; border:0; font-size:15px; }
#full-configuration.studio-layout-as #viewer-caption { grid-column:2; grid-row:1; width:auto; min-height:0; padding:0; margin:0; justify-content:flex-start; text-align:left; }
#full-configuration.studio-layout-as #viewer-caption>span:last-child { font-size:13px!important; line-height:1.3; }
#full-configuration.studio-layout-as .studio-actions-al { grid-column:3; grid-row:1; padding:0; margin:0; }
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al .studio-view-label-aq { display:none!important; }
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al :is(#assemble-toggle,#explode-toggle) { min-width:52px; padding:0 9px!important; font-size:13px; }
.home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al #inspect-toggle { min-width:112px!important; margin-left:8px!important; padding:0 8px!important; }
#full-configuration.studio-layout-as .studio-actions-al>.bench-actions { padding:0; flex-wrap:nowrap; }

@media(min-width:701px) and (max-width:1099px) {
  #full-configuration.studio-layout-as .configuration-interior { grid-template-columns:minmax(0,1fr) minmax(310px,1fr); gap:14px 24px; }
  #full-configuration.studio-layout-as .studio-caption-al { grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; }
  #full-configuration.studio-layout-as .studio-caption-al .frame-picker { grid-column:1/-1; grid-row:1; }
  #full-configuration.studio-layout-as #viewer-caption { grid-column:1; grid-row:2; }
  #full-configuration.studio-layout-as .studio-actions-al { grid-column:2; grid-row:2; }
  #full-configuration.studio-layout-as .lens-colours { gap:6px; }
  #full-configuration.studio-layout-as .studio-project-stage-as { padding-inline:12px; }
}
@media(max-width:700px) {
  #full-configuration.studio-layout-as .configuration-interior { grid-template-columns:minmax(0,1fr); gap:18px; padding-top:14px; }
  #full-configuration.studio-layout-as .model-settings { grid-column:1; grid-row:1; }
  #full-configuration.studio-layout-as .studio-selection-rail-as { grid-column:1; grid-row:2; }
  #full-configuration.studio-layout-as [data-appearance-controls]>.viewer-tools { grid-column:1; grid-row:3; }
  #full-configuration.studio-layout-as .studio-caption-al { grid-template-columns:minmax(0,1fr) auto; gap:0 8px; padding-top:3px; }
  #full-configuration.studio-layout-as .studio-caption-al .frame-picker { grid-column:1/-1; grid-row:1; }
  #full-configuration.studio-layout-as .frame-picker select { font-size:16px; }
  #full-configuration.studio-layout-as #viewer-caption { grid-column:1; grid-row:2; padding:0; width:auto; }
  #full-configuration.studio-layout-as .studio-actions-al { grid-column:2; grid-row:2; padding:0; }
  .home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al :is(#assemble-toggle,#explode-toggle) { min-width:50px; padding:0 8px!important; }
  #full-configuration.studio-layout-as .studio-material-name-ao { font-size:20px; }
  #full-configuration.studio-layout-as .sheet-options { gap:8px; }
  #full-configuration.studio-layout-as .sheet-image { aspect-ratio:1.45; }
  #full-configuration.studio-layout-as .lens-colours { justify-content:space-between; gap:0; }
  #full-configuration.studio-layout-as .studio-project-stage-as { margin-top:20px; padding:12px; }
}


/* art-direction-at.css */
/* The interactive model is presented as a deliberate material study. */
#full-configuration.studio-dock-al.studio-layout-as .studio-viewport-al,
#full-configuration.studio-dock-al.studio-layout-as #product-viewer.is-studio-docked-al {
  background:#eae7dd!important;
}

/* Three silhouettes stay large enough to compare at desktop width. */
@media (min-width:1100px) {
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:26px;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(n+2) {
    display:flex;
    flex-direction:column;
    grid-column:auto;
    grid-row:auto;
    gap:0;
    min-height:0;
    margin:0;
    padding:0 0 14px;
    border:0;
    border-bottom:1px solid #b6beaf;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card .product-photo,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:first-child .product-photo,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-photo {
    order:0;
    aspect-ratio:1.36;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card .product-meta,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:first-child .product-meta {
    order:1;
    display:block;
    padding:17px 0 0;
    margin:0;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card .shape-number-aq {
    display:block;
    margin:0 0 7px;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card .product-meta h3,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:first-child .product-meta h3 {
    font-size:25px;
    line-height:1.2;
  }
}

@media (max-width:700px) {
  #materials.material-craft-ap .mc-choice-name { font-size:14px; }
  #materials.material-craft-ap .mc-choice-code { font-size:12px; line-height:1.4; }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid {
    display:block;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child {
    margin-bottom:28px;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(n+2) {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    width:100%;
    min-height:0;
    margin:0 0 20px;
    padding:0 0 20px;
    border:0;
    border-bottom:1px solid #b6beaf;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-photo {
    width:100%;
    aspect-ratio:1.45;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-meta {
    padding:12px 0 0;
  }
  #full-configuration.studio-dock-al.studio-layout-as #product-viewer.is-studio-docked-al {
    aspect-ratio:1.38!important;
  }
  #full-configuration.studio-dock-al.studio-layout-as #product-viewer.is-studio-docked-al[data-exploded=true] {
    aspect-ratio:1.14!important;
  }
  #full-configuration.studio-layout-as .selected-sheet,
  #full-configuration.studio-layout-as .sheet-code,
  #full-configuration.studio-layout-as .studio-result-code-as {
    font-size:13px;
  }
}


/* editorial-ay.css */
/* Disclosed visual concept; the documentary archive is retained separately. */
.home-page.brand-aj.composition-ak .making-story.making-aq.making-as {
  padding-block: 66px 46px;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-heading {
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
  align-items: center;
  gap: clamp(38px, 6vw, 94px);
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture {
  aspect-ratio: 1.08 / 1;
  max-height: 640px;
  background: #baaa94;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 53% 50%;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture::after {
  content: none;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .making-heading h2.sample-title-as {
  max-width: 12ch;
  margin-bottom: 36px;
  font-size: clamp(42px, 4.4vw, 67px);
  line-height: 1.04;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > .sample-focus-as {
  font-size: 15px;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > p:not(.eyebrow) {
  max-width: 39ch;
  font-size: 18px;
  line-height: 1.48;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as figcaption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px 24px;
  flex-wrap: wrap;
}
.home-page.brand-aj.composition-ak .making-aq.making-as .sample-archive-note-ay {
  color: #c9d0c3;
  font-size: 12px;
  line-height: 1.4;
}
@media (min-width:701px) and (max-width:1099px) {
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading h2.sample-title-as {
    font-size: clamp(36px, 4vw, 48px);
  }
}
@media (max-width:700px) {
  .home-page.brand-aj.composition-ak .making-story.making-aq.making-as {
    padding-block: 28px 31px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as picture {
    aspect-ratio: 1 / 1.03;
    max-height: none;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .sample-context-as figcaption {
    display: block;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .sample-archive-note-ay {
    display: block;
    margin: -3px 0 6px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .making-heading h2.sample-title-as {
    max-width: 11ch;
    margin-bottom: 17px;
    font-size: 39px;
  }
  .home-page.brand-aj.composition-ak .making-aq.making-as .sample-observation-as > p:not(.eyebrow) {
    font-size: 16px;
  }
}


/* mobile-bd.css */
@media (max-width:700px) {
  /* The part names in the key directly below are the mobile annotation. */
  .home-page .photo-plate[data-layout=mobile][data-expanded=true] .pp-markers,
  .home-page .photo-plate[data-layout=mobile][data-expanded=true] .pp-lines {
    display:none;
  }
  /* One full-width mode control keeps the model separate from selection data. */
  .home-page #full-configuration.studio-dock-al.studio-layout-as .studio-caption-al .studio-actions-al {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-self:stretch;
  }
  .home-page #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al > .bench-actions {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    gap:8px!important;
  }
  .home-page.controls-al #full-configuration.studio-dock-al.studio-layout-as .studio-actions-al :is(#assemble-toggle,#explode-toggle,#inspect-toggle) {
    width:100%;
    min-width:0!important;
    min-height:48px;
    margin:0!important;
    padding:0 4px!important;
    text-align:center;
  }
  .home-page #full-configuration.studio-layout-as .studio-selection-rail-as {
    margin-top:7px;
  }
  .home-page #full-configuration.studio-layout-as .sheet-options {
    gap:10px;
  }
  .home-page #full-configuration.studio-layout-as .sheet-option .sheet-code {
    color:#4b584c;
    font-size:12px;
  }
}


/* editorial-bi.css */
/* Give one frame room to lead the collection, with two quieter comparisons. */
@media (min-width:1100px) {
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid {
    display:grid;
    grid-template-columns:minmax(0,1.56fr) minmax(0,1fr);
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:20px 30px;
    align-items:stretch;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child {
    grid-column:1;
    grid-row:1 / 3;
    display:flex;
    flex-direction:column;
    border-bottom:1px solid #b6beaf;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(2) {
    grid-column:2;
    grid-row:1;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(3) {
    grid-column:2;
    grid-row:2;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(n+2) {
    display:flex;
    flex-direction:column;
    padding:0 0 8px;
    border-bottom:1px solid #b6beaf;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:first-child .product-photo {
    width:100%;
    aspect-ratio:1.5;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:nth-child(n+2) .product-photo {
    width:67%;
    margin:0 auto;
    aspect-ratio:1.6;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card .product-meta,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:first-child .product-meta {
    display:block;
    margin:0;
    padding:14px 0 0;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card .product-meta h3,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-card:first-child .product-meta h3 {
    font-size:24px;
  }
}

/* The phone collection is a deliberate horizontal edit, not three repeated
   full-width cards. Native scroll-snap and existing keyboard/buttons remain. */
@media (max-width:700px) {
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid {
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:16px;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding:4px 0 9px;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(n+2) {
    display:flex;
    flex:0 0 100%;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    min-width:0;
    margin:0;
    padding:0 0 11px;
    gap:0;
    border:0;
    border-bottom:1px solid #b6beaf;
    scroll-snap-align:start;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid .product-photo,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child .product-photo,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:nth-child(n+2) .product-photo {
    order:0;
    width:100%;
    aspect-ratio:1.43;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid .product-meta,
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .product-grid > .product-card:first-child .product-meta {
    order:1;
    display:block;
    padding:12px 0 0;
    margin:0;
  }
  .home-page .making-aq.making-as .sample-context-as picture {
    aspect-ratio:1.38;
  }
  .home-page .featured.collection-edit-aq.collection-edit-ar[data-collection-gallery] .collection-gallery-controls:not([hidden]) {
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    min-height:44px;
    margin:10px 0 0;
  }
}


/* b2b-expansion.css */
/* Buyer-facing information architecture, kept separate from the model workbench. */
.site-header nav{gap:clamp(13px,1.7vw,27px);margin-right:1.2vw}
.site-header nav a{white-space:nowrap}
.footer-top nav{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:9px}
.b2b-page{overflow:clip}
.b2b-page h1,.b2b-page h2,.factory-proof h2,.b2b-paths h2,.b2b-evidence-band h2,.b2b-about-archive h2,.b2b-shape-index h2,.b2b-technical-detail h2{font-family:var(--sans);font-weight:450;letter-spacing:-.065em;line-height:1.02}
.b2b-page h1 em,.b2b-page h2 em,.factory-proof h2 em,.b2b-paths h2 em,.b2b-about-archive h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.b2b-page .eyebrow,.factory-proof .eyebrow,.b2b-paths .eyebrow,.b2b-evidence-band .eyebrow,.b2b-about-archive .eyebrow,.b2b-shape-index .eyebrow,.b2b-technical-detail .eyebrow{color:#755945}
.b2b-section-intro{max-width:850px;margin-bottom:38px}
.b2b-section-intro h2{margin-bottom:18px}
.b2b-section-intro>p:last-child{max-width:600px;color:#53615b;font-size:16px}
.b2b-page figure,.factory-proof figure,.b2b-about-archive figure,.b2b-shape-grid figure,.b2b-technical-detail figure{margin:0}
.b2b-page figcaption,.factory-proof figcaption,.b2b-about-archive figcaption,.b2b-technical-detail figcaption{font-size:11px;line-height:1.55;color:#59665f;padding-top:11px}
.b2b-page img,.factory-proof img,.b2b-about-archive img,.b2b-shape-grid img,.b2b-technical-detail img{width:100%;object-fit:cover}
.factory-proof{background:#f4f0e7;border-top:1px solid #d9d5c9}
.factory-proof-heading{display:grid;grid-template-columns:1.4fr .65fr;gap:6vw;align-items:end;margin-bottom:38px}
.factory-proof-heading h2{font-size:clamp(44px,5.25vw,84px);margin:0}
.factory-proof-heading>p{max-width:430px;font-size:16px;color:#4d5c55}
.factory-proof-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4vw;align-items:start}
.factory-proof-grid figure img{aspect-ratio:1.35;object-position:center}
.factory-proof-notes{padding-top:4px}
.factory-proof-notes ol{margin:24px 0 32px;padding:0;list-style:none;border-top:1px solid #bfc6b9}
.factory-proof-notes li{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding:20px 0;border-bottom:1px solid #bfc6b9;font-size:13px;line-height:1.6}
.factory-proof-notes li strong{font-weight:600;font-size:15px}
.factory-proof-notes li span{color:#53615b}
.factory-film{margin-top:76px;border-top:1px solid #bfc6b9;padding-top:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(24px,4vw,72px);align-items:center}
.factory-film-stage{aspect-ratio:16/9;background:#182920;color:#ece7db;display:flex;flex-direction:column;justify-content:space-between;padding:28px 34px;position:relative;isolation:isolate;overflow:hidden}
.factory-film-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,#355043 24.3%,#355043 24.7%,transparent 25%),repeating-linear-gradient(95deg,transparent 0 95px,#64806b25 96px 97px);z-index:-1}
.factory-film-index,.factory-film-status{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.factory-film-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:92px;line-height:1;font-weight:200;color:#d7c9aa;opacity:.7}
.factory-film-copy{display:block;padding-top:0}
.factory-film-copy h3{font-family:var(--sans);font-size:clamp(24px,2.4vw,39px);letter-spacing:-.05em;margin:0}
.factory-film-copy p:last-child{max-width:430px;color:#53615b;font-size:14px}
.b2b-paths{background:#eeeae1}
.b2b-path-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #9fa99e;border-bottom:1px solid #9fa99e}
.b2b-path-grid article{padding:28px 4vw 34px 0;min-height:300px;display:flex;flex-direction:column}
.b2b-path-grid article+article{border-left:1px solid #9fa99e;padding-left:4vw}
.b2b-path-grid article>span{font-size:11px;letter-spacing:.12em;color:#74503d}
.b2b-path-grid h3{font-family:var(--sans);font-size:clamp(26px,2.7vw,42px);letter-spacing:-.055em;margin:32px 0 10px}
.b2b-path-grid p{max-width:430px;color:#53615b;font-size:15px}
.b2b-path-grid a{margin-top:auto;width:max-content}
.b2b-route-link{display:inline-flex;gap:35px;padding:21px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.09em}
.b2b-evidence-band{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;background:#172820;color:#e8e8de}
.b2b-evidence-band .eyebrow{color:#b7bdac}
.b2b-evidence-band h2{font-size:clamp(38px,4vw,64px)}
.b2b-evidence-links{border-top:1px solid #69766a}
.b2b-evidence-links a{display:grid;grid-template-columns:36px 1fr auto;column-gap:18px;padding:20px 0;border-bottom:1px solid #69766a;align-items:baseline}
.b2b-evidence-links span{font-size:11px;color:#c7b89c}
.b2b-evidence-links strong{font-size:20px;font-weight:450;letter-spacing:-.035em}
.b2b-evidence-links small{grid-column:2;color:#bcc6bb;font-size:12px}
.b2b-evidence-links b{grid-column:3;grid-row:1 / span 2;font-weight:400}
.b2b-hero{min-height:530px;display:grid;grid-template-columns:1fr .95fr;gap:5vw;align-items:center;padding-top:74px;padding-bottom:74px}
.b2b-hero h1{font-size:clamp(58px,6.1vw,100px);margin:0 0 25px}
.b2b-hero>div>p:not(.eyebrow){max-width:590px;font-size:17px;color:#4f5c54}
.b2b-hero figure img{aspect-ratio:1.14;object-position:center}
.oem-hero{background:#e5e3da}.oem-hero figure img{object-position:48% 54%}
.material-hero{background:#eee7da}.material-hero figure img{aspect-ratio:1.25}
.quality-hero{background:#e4e8df}.quality-hero figure img{aspect-ratio:1.25}
.b2b-process{background:#fbfaf5}
.b2b-process-list{margin:0;padding:0;list-style:none;border-top:1px solid #a9b2a7}
.b2b-process-list li{display:grid;grid-template-columns:80px 1fr 240px;gap:26px;padding:26px 0;border-bottom:1px solid #a9b2a7;align-items:start}
.b2b-process-list li>span{font-size:14px;color:#7b5943}
.b2b-process-list h3{font-family:var(--sans);font-size:28px;letter-spacing:-.05em;margin:0 0 7px}
.b2b-process-list p{max-width:620px;font-size:14px;color:#53615b}
.b2b-process-list small{font-size:12px;color:#53615b;line-height:1.55}
.b2b-spec-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;background:#183228;color:#f4f0e5}
.b2b-spec-band .eyebrow{color:#c5d1bf}
.b2b-spec-band h2{font-size:clamp(43px,4vw,65px)}
.b2b-spec-band dl{margin:0;border-top:1px solid #8a9b8b}
.b2b-spec-band dl div{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid #8a9b8b}
.b2b-spec-band dt{font-size:13px;color:#d6c5a5}.b2b-spec-band dd{margin:0;font-size:14px}
.b2b-series-study{display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:center;background:#e8e3d8}
.b2b-series-study figure img{aspect-ratio:1.12;background:white}
.b2b-series-study h2{font-size:clamp(42px,4.2vw,68px)}
.b2b-series-study>div>p:not(.eyebrow){max-width:580px;color:#53615b}
.b2b-series-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 13px}
.b2b-series-swatches>div{border-top:1px solid #a7b0a2;padding-top:12px;min-width:0}
.b2b-series-swatches img{width:100%;height:76px;object-fit:cover;margin-bottom:10px}
.b2b-series-swatches span{font-size:12px;line-height:1.35}
.b2b-series-swatches small{font-size:10px;color:#53615b}
.b2b-series-disclaimer{font-size:11px;line-height:1.5}
.b2b-case-slot{display:grid;grid-template-columns:1fr .75fr;gap:9vw;align-items:center}
.b2b-case-slot>div p:not(.eyebrow){max-width:530px;color:#53615b}
.b2b-case-slot aside{background:#edeae1;padding:30px 36px;border-left:3px solid #8a6e4f}
.b2b-case-slot aside>span{font-size:11px;letter-spacing:.12em}
.b2b-case-slot ol{font-size:18px;line-height:2;margin:22px 0 0;padding-left:22px}
.b2b-sample-box{display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center;background:#ebe7dd}
.b2b-sample-box p:not(.eyebrow){max-width:530px;color:#53615b}
.b2b-sample-box figure img{aspect-ratio:1.45}
.b2b-featured-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.b2b-material-card{border:1px solid #bfc6b9;background:#f7f5ef;min-width:0}
.b2b-material-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;padding:14px;min-height:100px}
.b2b-material-card summary::-webkit-details-marker{display:none}
.b2b-material-card summary img{width:76px;height:65px;object-fit:cover;flex:none}
.b2b-material-card summary span{display:grid;gap:3px;min-width:0}
.b2b-material-card summary strong{font-size:17px;font-weight:550;line-height:1.2}
.b2b-material-card summary small{font-size:11px;color:#58675b;line-height:1.4}
.b2b-material-card summary b{font-size:25px;line-height:1;font-weight:300;margin-left:auto}
.b2b-material-card[open] summary b{transform:rotate(45deg)}
.b2b-material-detail{padding:0 14px 17px;display:grid;gap:15px}
.b2b-material-detail figure{margin:0}
.b2b-material-detail figure img{width:100%;height:180px;object-fit:cover}
.b2b-material-detail figcaption{font-size:11px;line-height:1.45;color:#53615b;padding-top:7px}
.b2b-material-actions{display:flex;flex-wrap:wrap;gap:9px 16px;border-top:1px solid #c4cbbb;padding-top:13px}
.b2b-material-actions a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.b2b-material-unpaired{min-height:120px;border:1px dashed #adb7aa;padding:15px}
.b2b-material-unpaired span{font-size:10px;letter-spacing:.1em}
.b2b-material-unpaired p{font-size:12px;color:#53615b}
.b2b-library{background:#eeeae2}
.b2b-material-group{border-top:1px solid #aab6a9}
.b2b-material-group:last-of-type{border-bottom:1px solid #aab6a9}
.b2b-material-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}
.b2b-material-group>summary::-webkit-details-marker{display:none}
.b2b-material-group>summary strong{font-family:var(--sans);font-size:23px;letter-spacing:-.04em;font-weight:450}
.b2b-material-group>summary span{font-size:12px;letter-spacing:0;color:#53615b;white-space:nowrap}
.b2b-material-group>summary b{font-size:21px;font-weight:300;margin-left:12px}
.b2b-material-group[open]>summary b{display:inline-block;transform:rotate(45deg)}
.b2b-material-group>.b2b-material-list{padding-bottom:26px}
.b2b-material-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.b2b-material-list .b2b-material-card{background:#f9f7f1}
.b2b-material-approval{background:#193025;color:#f4f0e8;display:grid;grid-template-columns:.35fr 1fr .8fr;gap:30px;align-items:start}
.b2b-material-approval>span{font-size:11px;letter-spacing:.14em;color:#d7c4a5}
.b2b-material-approval h2{font-size:clamp(37px,3.5vw,58px)}
.b2b-material-approval p{font-size:14px;color:#d2d9cb}
.b2b-material-approval .button{grid-column:3;justify-self:start;background:#e8e6dc;color:#193025;border-color:#e8e6dc}
.b2b-register-head,.b2b-register-row{display:grid;grid-template-columns:1.2fr 1fr 1.3fr .8fr;gap:20px;align-items:start}
.b2b-register-head{border-top:2px solid #294639;padding:13px 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#52665a}
.b2b-register-row{border-top:1px solid #b9c2b5;padding:21px 0;font-size:14px;line-height:1.5}
.b2b-register-row strong{font-weight:600;font-size:16px}
.b2b-register-row em{font-style:normal;font-size:12px;color:#6b5542}
.b2b-register-note{font-size:13px;color:#53615b;border-top:1px solid #b9c2b5;padding-top:20px}
.b2b-quality-flow{background:#e8ede5;display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.b2b-quality-flow ol{margin:0;padding-left:24px;line-height:2.2}
.b2b-quality-flow a{grid-column:2;justify-self:start}
.b2b-quality-cta{background:#1b3027;color:#f4f0e8;text-align:center}
.b2b-quality-cta p{max-width:650px;margin:0 auto 25px;color:#cdd7ca}
.b2b-quality-cta .button{background:#f4f0e8;color:#1b3027;border-color:#f4f0e8}
.b2b-about-archive{background:#ece9e0}
.b2b-archive-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:13px;align-items:stretch}
.b2b-archive-grid figure img{height:330px}
.b2b-archive-grid figure:nth-child(2) img{object-position:center 62%}
.b2b-source-note{font-size:12px;color:#53615b;margin-top:25px}
.b2b-source-note a{text-decoration:underline;text-underline-offset:4px}
.b2b-shape-index{background:#eeebe3}
.b2b-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.b2b-shape-grid a{display:flex;flex-direction:column;border-top:1px solid #9ea99c;padding-top:15px}
.b2b-shape-grid img{aspect-ratio:1.4;object-position:center;background:white;margin-bottom:15px}
.b2b-shape-grid span{font-size:11px;letter-spacing:.12em;color:#745943}
.b2b-shape-grid strong{font-size:25px;font-weight:450;letter-spacing:-.045em;margin:6px 0 4px}
.b2b-shape-grid small{font-size:12px;color:#53615b}
.b2b-technical-detail{display:grid;grid-template-columns:.58fr 1.42fr;gap:5vw;background:#e8e9df}
.b2b-technical-detail>div:first-child p:last-child{color:#53615b}
.b2b-tech-photos{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.b2b-tech-photos img{aspect-ratio:1.1;background:white}
@media(max-width:1100px){.site-header nav{gap:13px;margin-right:0}.site-header .header-cta{display:none}.site-header nav a{font-size:10px}.factory-proof-heading{grid-template-columns:1fr .8fr}}
@media(max-width:900px){.b2b-hero{min-height:0;grid-template-columns:1fr 1fr}.b2b-process-list li{grid-template-columns:55px 1fr 175px;gap:14px}.b2b-material-list{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-featured-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-material-approval{grid-template-columns:.8fr 1.2fr}.b2b-material-approval p,.b2b-material-approval .button{grid-column:2}.b2b-register-head,.b2b-register-row{grid-template-columns:1.1fr 1fr 1.2fr}.b2b-register-head span:last-child,.b2b-register-row em{grid-column:1 / -1}.b2b-register-row em{padding-top:2px}}
@media(max-width:700px){.site-header nav{gap:0}.site-header nav a{font-size:12px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr}.factory-proof-heading,.factory-proof-grid,.b2b-evidence-band,.b2b-hero,.b2b-spec-band,.b2b-series-study,.b2b-case-slot,.b2b-sample-box,.b2b-quality-flow,.b2b-technical-detail{grid-template-columns:1fr}.factory-proof-heading{gap:12px}.factory-proof-heading h2{font-size:clamp(42px,11vw,66px)}.factory-proof-grid{gap:24px}.factory-proof-notes li{grid-template-columns:1fr 1.3fr}.factory-film{margin-top:52px}.factory-film-stage{aspect-ratio:16/10;padding:18px}.factory-film-symbol{font-size:60px}.factory-film-copy{display:block}.factory-film-copy p:last-child{margin-top:12px}.b2b-path-grid{grid-template-columns:1fr}.b2b-path-grid article{padding:22px 0 30px;min-height:255px}.b2b-path-grid article+article{border-left:0;border-top:1px solid #9fa99e;padding-left:0}.b2b-path-grid h3{margin-top:18px}.b2b-evidence-band{gap:20px}.b2b-evidence-band h2{font-size:clamp(37px,10vw,55px)}.b2b-hero{padding-top:35px;gap:26px}.b2b-hero h1{font-size:clamp(48px,12vw,72px)}.b2b-hero figure img{aspect-ratio:1.25}.b2b-process-list li{grid-template-columns:38px 1fr;gap:10px}.b2b-process-list small{grid-column:2}.b2b-spec-band h2{margin-bottom:0}.b2b-series-swatches img{height:65px}.b2b-material-list,.b2b-featured-materials{grid-template-columns:1fr}.b2b-material-approval{grid-template-columns:1fr}.b2b-material-approval p,.b2b-material-approval .button{grid-column:1}.b2b-register-head{display:none}.b2b-register-row{grid-template-columns:1fr;gap:7px}.b2b-register-row span:before{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#59695d}.b2b-register-row span:nth-child(2):before{content:'Applies to'}.b2b-register-row span:nth-child(3):before{content:'Verify'}.b2b-register-row em{grid-column:1}.b2b-quality-flow a{grid-column:1}.b2b-archive-grid{grid-template-columns:1fr 1fr}.b2b-archive-grid figure:first-child{grid-column:1 / -1}.b2b-archive-grid figure img{height:250px}.b2b-archive-grid figure:first-child img{height:260px}.b2b-shape-grid{grid-template-columns:1fr}.b2b-shape-grid a{display:grid;grid-template-columns:110px 1fr;column-gap:15px;align-items:center}.b2b-shape-grid img{grid-row:1 / span 3;width:110px;height:95px;margin:0}.b2b-shape-grid strong{font-size:20px}.b2b-tech-photos{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.factory-film{grid-template-columns:1fr;gap:20px}.project-summary{display:block;padding:22px}.project-summary>img{width:100%;height:150px;margin:8px 0 20px}.project-summary h2{font-size:clamp(28px,8vw,38px);margin:0 0 14px}.project-summary dl>div{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:16px;font-size:12px}.project-summary dt,.project-summary dd{overflow-wrap:anywhere}.project-summary .underlink{font-size:12px}.project-summary>.fine-print{margin-top:15px}}
@media(max-width:390px){.factory-proof-notes li{grid-template-columns:1fr;gap:3px}.b2b-archive-grid{grid-template-columns:1fr}.b2b-archive-grid figure:first-child{grid-column:1}.b2b-archive-grid figure img,.b2b-archive-grid figure:first-child img{height:220px}.b2b-tech-photos{grid-template-columns:1fr}.b2b-material-card summary{gap:10px}.b2b-material-card summary img{width:64px;height:58px}}