:root{
  --black:#020403;--black2:#050806;--panel:#070b09;--panel2:#0a100d;
  --ivory:#eee9df;--muted:#a8a29a;--muted2:#79746d;
  --patina:#3e7667;--patina2:#5b9583;--patinaDark:#183d34;
  --line:rgba(86,129,116,.18);--line2:rgba(102,151,136,.34);--max:1380px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(47,92,78,.08),transparent 36rem),var(--black);color:var(--ivory);font-family:Manrope,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:100;width:100%;max-width:var(--max);margin:auto;min-height:88px;padding:12px 24px;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:18px;background:rgba(2,4,3,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{display:grid;grid-template-columns:repeat(6,minmax(max-content,1fr));align-items:center;gap:12px;width:100%;font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:700;letter-spacing:.01em;color:#b7b0a7;text-align:center}
.nav>a,.products-menu summary{cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;padding:10px 8px}.nav>a:hover,.products-menu summary:hover{color:var(--ivory)}
.nav-cta{border:1px solid var(--line2);border-radius:8px;color:var(--ivory)!important;background:rgba(255,255,255,.015)}
.products-menu{position:relative}.products-menu summary{list-style:none}.products-menu summary::-webkit-details-marker{display:none}.products-menu summary:after{content:"⌄";margin-left:6px;color:var(--patina2)}
.products-dropdown{position:absolute;left:50%;transform:translateX(-50%);top:46px;min-width:220px;padding:10px;background:#050806;border:1px solid var(--line2);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);text-align:left;font-family:Manrope,sans-serif;font-size:13px;font-weight:500}
.products-dropdown a{display:block;padding:10px 11px;border-radius:8px;color:#bdb7ae}.products-dropdown a:hover{background:#0b120f;color:var(--ivory)}
.menu-toggle{display:none;background:transparent;border:0;color:var(--ivory);font-size:24px}
.home-hero{max-width:var(--max);margin:auto;min-height:70vh;padding:clamp(90px,12vw,160px) 24px 100px;display:flex;align-items:center}.home-copy{max-width:930px}
.kicker,.eyebrow,.tag{color:var(--patina2);font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.home-hero h1,.page-hero h1{font-family:"Cormorant Garamond",serif;font-weight:600;letter-spacing:-.035em;line-height:.92;margin:8px 0 26px}.home-hero h1{font-size:clamp(70px,10vw,124px);color:var(--patina2)}
.manifesto{max-width:900px;font-family:"Cormorant Garamond",serif;font-size:clamp(23px,2.5vw,31px);line-height:1.47;color:#c8c1b7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;font-size:13px;font-weight:700}.primary{background:linear-gradient(#396f60,var(--patinaDark));box-shadow:0 14px 35px rgba(22,58,49,.25)}.secondary{border:1px solid var(--line2);background:rgba(255,255,255,.015)}
.portal-section{max-width:var(--max);margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-card{padding:30px;min-height:290px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#070b09,#040605);transition:transform .2s,border-color .2s}.portal-card:hover{transform:translateY(-4px);border-color:var(--line2)}.portal-card span{color:var(--patina2);font-size:11px;letter-spacing:.15em}.portal-card h2{font-family:"Cormorant Garamond",serif;font-size:39px;line-height:1;margin:55px 0 16px}.portal-card p{color:var(--muted);font-size:14px}
.page-main{max-width:var(--max);margin:auto;padding:0 24px 100px}.page-hero{padding:clamp(80px,10vw,130px) 0 70px;max-width:940px}.page-hero.narrow{max-width:820px}.page-hero h1{font-size:clamp(62px,8vw,102px);color:var(--patina2)}.page-hero>p:last-child{font-family:"Cormorant Garamond",serif;font-size:clamp(21px,2.3vw,28px);line-height:1.5;color:#bdb7ae}
.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.layout-tile{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s}.layout-tile.active:hover{transform:translateY(-4px);border-color:var(--line2)}.layout-tile.coming{opacity:.68}.tile-copy{padding:22px}.tile-copy h2{font-family:"Cormorant Garamond",serif;font-size:38px;margin:8px 0}.tile-copy p{color:var(--muted);font-size:14px}.tile-copy b{color:#B85A38;font-size:12px}.status{display:inline-block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8f8980}.status.live{color:#5B5D5C}
.keyboard-diagram{position:relative;min-height:220px;padding:48px 20px 22px;background:linear-gradient(145deg,#222423,#181A19);border-bottom:1px solid rgba(239,236,230,.14);display:flex;flex-direction:column;justify-content:center;gap:5px}.diagram-label{position:absolute;top:16px;left:18px;color:rgba(239,236,230,.72);font-size:11px;letter-spacing:.14em}.key-row{display:flex;gap:4px;justify-content:center}.key{width:18px;height:18px;border:1px solid rgba(235,235,235,.22);border-radius:3px;background:#151817}.key.wide{width:34px}
.story-tile-grid,.education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.story-tile,.education-tile{appearance:none;width:100%;text-align:left;background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:18px;padding:20px;cursor:pointer;transition:transform .2s,border-color .2s;font:inherit}.story-tile:hover,.education-tile:hover{transform:translateY(-3px);border-color:var(--line2)}.story-tile span,.education-tile span{color:var(--patina2);font-size:11px;letter-spacing:.15em}.story-tile h2,.education-tile h2{font-family:"Cormorant Garamond",serif;font-size:36px;margin:14px 0 8px}.story-tile p,.education-tile p{color:var(--muted)}.story-tile b,.education-tile b{color:var(--patina2);font-size:12px}.sample-image,.audio-placeholder,.media-placeholder{min-height:220px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(circle at 30% 30%,rgba(63,118,103,.18),transparent 34%),#040705;display:flex;align-items:flex-end;padding:14px;color:var(--muted2);font-size:12px}
.story-modal{position:fixed;inset:0;z-index:300;display:none}.story-modal.open{display:block}.story-overlay{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.story-panel{position:absolute;top:4vh;bottom:4vh;left:50%;transform:translateX(-50%);width:min(1120px,94vw);overflow-y:auto;background:#050806;border:1px solid var(--line2);border-radius:18px;padding:38px 42px 55px;box-shadow:0 35px 90px rgba(0,0,0,.65)}.modal-close{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;border:1px solid var(--line2);border-radius:8px;background:#070b09;color:var(--ivory);font-size:25px;cursor:pointer}.story-modal-head{max-width:760px;margin-bottom:35px}.story-modal-head h2{font-family:"Cormorant Garamond",serif;font-size:54px;line-height:1;margin:8px 0 14px}.story-modal-head p:last-child{color:var(--muted);font-size:16px}.story-content{display:grid;gap:42px}.story-row{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.story-row.reverse .story-media{order:2}.story-row.reverse .story-copy{order:1}.story-media{min-height:330px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 40% 25%,rgba(83,143,125,.2),transparent 35%),linear-gradient(145deg,#0b110f,#040605);display:flex;align-items:flex-end;padding:16px;color:var(--muted2);font-size:12px}.story-copy h3{font-family:"Cormorant Garamond",serif;font-size:34px;margin:0 0 10px}.story-copy p{color:var(--muted);font-size:15px}
.about-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 80px;border-top:1px solid var(--line)}.about-editorial>div{padding:48px 0;border-bottom:1px solid var(--line)}.about-editorial h2,.founder-copy h2{font-family:"Cormorant Garamond",serif;font-size:42px;line-height:1.08;margin:0}.about-editorial p,.founder-copy p{font-family:"Cormorant Garamond",serif;font-size:22px;line-height:1.55;color:var(--muted)}.about-editorial .motto{font-size:42px;color:var(--patina2);margin-bottom:8px}.founder-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;margin-bottom:70px}.founder-photo{min-height:520px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 45% 25%,rgba(63,118,103,.16),transparent 40%),#050806;display:flex;align-items:flex-end;padding:18px;color:var(--muted2);font-size:12px}
.request-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start;padding-top:40px}.form-intro{padding-top:60px}.contact-mini{display:grid;gap:7px;margin-top:26px;color:var(--muted2);font-size:13px}.build-form{margin-top:60px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;margin-bottom:14px;color:#c6c0b7;font-size:12px;font-weight:600}input,select,textarea{width:100%;padding:13px 14px;border:1px solid rgba(98,142,128,.22);border-radius:8px;background:#030504;color:var(--ivory);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--patina2);box-shadow:0 0 0 4px rgba(63,118,103,.11)}select.locked-layout{color:#9a948c;background:#090c0a;cursor:not-allowed}.submit{width:100%;border:0;cursor:pointer}.form-note{text-align:center;color:var(--muted2);font-size:11px}
.build-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.build-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.build-card .media-placeholder{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:280px}.build-card div:last-child{padding:20px}.build-card h2{font-family:"Cormorant Garamond",serif;font-size:32px;margin:6px 0 8px}.build-card p{color:var(--muted)}
.site-footer{max-width:var(--max);margin:auto;padding:34px 24px 46px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:end;color:var(--muted2);font-size:12px}.socials{display:grid;gap:5px}.socials span{color:var(--patina2);font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px}.socials a:hover,.footer-links a:hover{color:var(--ivory)}.footer-links{display:flex;gap:18px}.copyright{text-align:right}
@media(max-width:1120px){.nav{font-size:16px;gap:6px}.layout-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.portal-section,.build-gallery{grid-template-columns:1fr 1fr}.request-layout,.about-editorial,.founder-section{grid-template-columns:1fr}.request-layout{gap:0}.build-form{margin-top:0}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{text-align:left}}
@media(max-width:860px){.site-header{grid-template-columns:58px 1fr}.menu-toggle{display:block;justify-self:end}.nav{display:none;position:absolute;top:82px;left:18px;right:18px;grid-template-columns:1fr;align-items:stretch;padding:15px;background:#030504;border:1px solid var(--line);border-radius:12px;text-align:left}.nav.open{display:grid}.products-menu{width:100%}.products-dropdown{position:static;transform:none;margin-top:8px;box-shadow:none;text-align:left}}
@media(max-width:680px){.site-header,.home-hero,.portal-section,.page-main,.site-footer{padding-left:18px;padding-right:18px}.portal-section,.layout-grid,.story-tile-grid,.education-grid,.build-gallery,.form-row{grid-template-columns:1fr}.home-hero{min-height:auto;padding-top:85px}.story-panel{padding:26px 20px 40px}.story-row{grid-template-columns:1fr}.story-row.reverse .story-media,.story-row.reverse .story-copy{order:initial}.story-media{min-height:230px}.founder-photo{min-height:360px}.footer-links{display:grid;gap:6px}}

/* 2026-09-10 refinement pass */
.site-header{max-width:none;width:100%;padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.015)}
.nav{max-width:1120px;justify-self:end}
.nav a.active,.products-menu.active>summary{color:var(--ivory)}
.nav a.active:after,.products-menu.active>summary:after{color:var(--patina2)}
.nav>a:not(.nav-cta){position:relative}
.nav>a:not(.nav-cta).active:before{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:1px;background:var(--patina2)}
.standards-section,.layout-preview{max-width:var(--max);margin:auto;padding:96px 24px;border-top:1px solid var(--line)}
.standards-head{max-width:760px;margin-bottom:36px}
.standards-head h2{font-family:"Cormorant Garamond",serif;font-size:clamp(42px,5vw,66px);line-height:1;margin:8px 0 16px;font-weight:600}
.standards-head>p:last-child{color:var(--muted);font-size:16px}
.standards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.standards-grid article{min-height:250px;padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#070b09,#040605)}
.standards-grid span{color:var(--patina2);font-size:10px;letter-spacing:.15em}
.standards-grid h3{font-family:"Cormorant Garamond",serif;font-size:30px;line-height:1.05;margin:52px 0 12px}
.standards-grid p{color:var(--muted);font-size:13px}
.mini-layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini-layout{display:grid;gap:10px;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:16px;background:#050806;transition:transform .2s,border-color .2s}
.mini-layout.live:hover{transform:translateY(-3px);border-color:var(--line2)}
.mini-layout span{font-size:10px;letter-spacing:.14em;color:var(--patina2)}
.mini-layout strong{align-self:end;font-family:"Cormorant Garamond",serif;font-size:42px;font-weight:600}
.mini-layout small{color:var(--muted)}
.mini-layout.muted{opacity:.58}
@media(max-width:1000px){.standards-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.standards-section,.layout-preview{padding:72px 18px}.standards-grid,.mini-layout-grid{grid-template-columns:1fr}.nav{max-width:none}}

/* Boutique commission expansion */
.featured-commission{max-width:var(--max);margin:auto;padding:110px 24px;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center;border-top:1px solid var(--line)}
.featured-photo{min-height:620px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 32% 25%,rgba(69,125,108,.22),transparent 30%),linear-gradient(135deg,#0d1512,#030504 70%);display:flex;align-items:flex-end;padding:20px;color:var(--muted2);font-size:12px}
.featured-copy h2,.compare-intro h2,.commission-flow h2,.pricing-philosophy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(42px,5vw,64px);line-height:1.03;font-weight:600;margin:8px 0 18px}.featured-copy>p{color:var(--muted);font-size:16px}
.commission-specs{display:grid;grid-template-columns:1fr 1fr;margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.commission-specs>div{padding:14px 0}.commission-specs dt{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted2)}.commission-specs dd{margin:3px 0 0;font-family:"Cormorant Garamond",serif;font-size:23px}.text-link{color:var(--patina2);font-weight:700;font-size:13px}
.warm-editorial{max-width:none;margin:0;padding:90px max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#e7e0d4;color:#171914}.warm-editorial h2{font-family:"Cormorant Garamond",serif;font-size:clamp(42px,5vw,66px);line-height:1.02;margin:8px 0}.warm-editorial p{font-family:"Cormorant Garamond",serif;font-size:22px;line-height:1.5;color:#4b4a45}.dark-eyebrow{color:#365f54}.dark-link{font-size:13px;font-weight:700;color:#24493f}
.compare-lab,.materials-section,.commission-flow,.pricing-philosophy{max-width:var(--max);margin:auto;padding:90px 0;border-top:1px solid var(--line)}.compare-intro{max-width:760px;margin-bottom:34px}.compare-intro>p:last-child{color:var(--muted)}
.compare-shell{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch}.compare-side{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.compare-label{display:block;font-family:"Cormorant Garamond",serif;font-size:42px;color:var(--patina2);margin-bottom:14px}.compare-vs{align-self:center;font-size:11px;letter-spacing:.18em;color:var(--muted2)}.compare-audio{margin:12px 0;padding:34px 15px;border:1px dashed var(--line2);border-radius:10px;text-align:center;color:var(--muted2);font-size:12px}.compare-desc{color:var(--muted);font-size:13px}
.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.materials-grid article{min-height:220px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.materials-grid h3{font-family:"Cormorant Garamond",serif;font-size:31px;margin:0 0 44px}.materials-grid p{color:var(--muted);font-size:13px}.tip{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--line2);border-radius:50%;font-family:Manrope,sans-serif;font-size:10px;color:var(--patina2);cursor:help}.tip:hover:after{content:attr(data-tip);position:absolute;left:24px;top:-8px;width:220px;padding:10px;background:#111713;border:1px solid var(--line2);border-radius:8px;color:var(--ivory);font-size:11px;line-height:1.45;z-index:5}
.commission-status{margin:44px 0 0;padding:15px 17px;border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.commission-status strong{color:var(--ivory)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--patina2);box-shadow:0 0 0 5px rgba(91,149,131,.08)}
.flow-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-grid li{min-height:240px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.flow-grid span{font-size:10px;color:var(--patina2);letter-spacing:.15em}.flow-grid h3{font-family:"Cormorant Garamond",serif;font-size:30px;margin:46px 0 8px}.flow-grid p{color:var(--muted);font-size:13px}
.included-block{margin-top:90px}.included-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.included-list p{font-family:Manrope,sans-serif;font-size:13px;padding:11px 0;margin:0;border-bottom:1px solid rgba(36,73,63,.18);color:#393b36}
.pricing-philosophy{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.pricing-philosophy p{color:var(--muted);font-size:16px}
@media(max-width:900px){.featured-commission,.warm-editorial,.pricing-philosophy{grid-template-columns:1fr}.featured-photo{min-height:420px}.materials-grid,.flow-grid{grid-template-columns:1fr 1fr}.compare-shell{grid-template-columns:1fr}.compare-vs{text-align:center}}
@media(max-width:640px){.featured-commission,.compare-lab,.materials-section,.commission-flow,.pricing-philosophy{padding-left:18px;padding-right:18px}.materials-grid,.flow-grid,.included-list{grid-template-columns:1fr}.warm-editorial{padding-left:18px;padding-right:18px}}

.mega-menu{width:min(620px,78vw)!important;display:grid!important;grid-template-columns:1.2fr 1fr 1fr;gap:12px;left:auto!important;right:0!important;transform:none!important;padding:16px!important}
.mega-col{display:grid;align-content:start}.mega-col>span{padding:8px 11px 6px;color:var(--patina2);font-size:9px;font-weight:800;letter-spacing:.16em}.mega-col small{display:block;color:var(--muted2);font-size:9px}

.commission-hero-media{min-height:620px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 35% 25%,rgba(70,125,108,.2),transparent 32%),#050806;display:flex;align-items:flex-end;padding:20px;color:var(--muted2);font-size:12px}.commission-story,.sound-sample{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:86px 0;border-bottom:1px solid var(--line)}.commission-story h2,.sound-sample h2{font-family:"Cormorant Garamond",serif;font-size:48px;line-height:1.05;margin:8px 0}.commission-story p,.sound-sample p{color:var(--muted);font-size:16px}.commission-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.commission-detail-grid article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:6px}.commission-detail-grid span,.archive-entry span,.journal-grid span,.why-grid span{font-size:10px;letter-spacing:.14em;color:var(--patina2)}.commission-detail-grid strong{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:600}.commission-media-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:72px 0}.commission-media-grid div{min-height:330px;border:1px solid var(--line);border-radius:14px;background:#050806;display:flex;align-items:flex-end;padding:15px;color:var(--muted2);font-size:12px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-entry{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.archive-entry>div:last-child{padding:20px}.archive-entry h2{font-family:"Cormorant Garamond",serif;font-size:31px;margin:8px 0}.archive-entry p{color:var(--muted)}.archive-entry.ghost{opacity:.48}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:90px}.why-grid article,.journal-grid article{min-height:270px;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.why-grid h2,.journal-grid h2{font-family:"Cormorant Garamond",serif;font-size:34px;line-height:1.05;margin:54px 0 10px}.why-grid p,.journal-grid p{color:var(--muted);font-size:14px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.commission-story,.sound-sample{grid-template-columns:1fr}.commission-detail-grid,.why-grid,.journal-grid{grid-template-columns:1fr 1fr}.commission-media-grid{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.commission-detail-grid,.why-grid,.journal-grid,.archive-grid{grid-template-columns:1fr}}

/* Founder story */
.founder-chapter,.future-foundry{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:82px 0;border-top:1px solid var(--line)}.founder-chapter.reverse{grid-template-columns:1.2fr .8fr}.founder-chapter.reverse>div:first-child{order:2}.founder-chapter.reverse>div:last-child{order:1}.founder-chapter h2,.future-foundry h2,.craft-state h2{font-family:"Cormorant Garamond",serif;font-size:clamp(40px,4.5vw,58px);line-height:1.05;margin:8px 0;font-weight:600}.founder-chapter p,.future-foundry p,.craft-state p{color:var(--muted);font-size:16px}.craft-state{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;padding:82px 0;border-top:1px solid var(--line)}.workbench-placeholder{min-height:430px}.founder-belief{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.brand-belief.expanded{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:80px 0;border-top:1px solid var(--line)}.brand-belief.expanded>div{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.brand-belief.expanded h2{font-family:"Cormorant Garamond",serif;font-size:38px;line-height:1.05;margin:8px 0 12px}.brand-belief.expanded p{color:var(--muted)}.future-foundry{border-bottom:1px solid var(--line)}.founder-close{padding:110px 0 40px;max-width:980px}.founder-close blockquote{margin:10px 0 32px;font-family:"Cormorant Garamond",serif;font-size:clamp(34px,5vw,58px);line-height:1.15;color:var(--ivory);font-weight:500}
@media(max-width:900px){.founder-chapter,.founder-chapter.reverse,.future-foundry,.craft-state,.brand-belief.expanded{grid-template-columns:1fr}.founder-chapter.reverse>div:first-child,.founder-chapter.reverse>div:last-child{order:initial}}


/* Warm ivory editorial tile system */
:root{
  --cream:#e8e1d5;
  --cream-2:#f1ebe1;
  --cream-ink:#171914;
  --cream-muted:#5f5b54;
  --cream-line:rgba(32,57,49,.18);
  --cream-patina:#315f52;
}

/* Homepage gateway cards */
.portal-card{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.portal-card span{color:var(--cream-patina)}
.portal-card p{color:var(--cream-muted)}
.portal-card:hover{
  border-color:rgba(49,95,82,.42);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}

/* Crafted Art + Products layout tiles */
.layout-tile{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
.layout-tile .tile-copy p{color:var(--cream-muted)}
.layout-tile .tile-copy b{color:var(--cream-patina)}
.layout-tile .status{color:#7b746b}
.layout-tile .status.live{color:var(--cream-patina)}
.layout-tile.active:hover{border-color:rgba(49,95,82,.45)}
.layout-tile.coming{opacity:.72}
.layout-tile .keyboard-diagram{
  background:
    radial-gradient(circle at 50% 10%,rgba(70,118,103,.16),transparent 58%),
    linear-gradient(145deg,#111713,#080b09);
  border-bottom-color:rgba(32,57,49,.2);
}
.layout-tile .diagram-label{color:#8dc0ae}

/* Trust the Process + Built to Taste tiles */
.story-tile,.education-tile{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
  box-shadow:0 16px 38px rgba(0,0,0,.13);
}
.story-tile span,.education-tile span{color:var(--cream-patina)}
.story-tile p,.education-tile p{color:var(--cream-muted)}
.story-tile b,.education-tile b{color:var(--cream-patina)}
.story-tile:hover,.education-tile:hover{
  border-color:rgba(49,95,82,.42);
  box-shadow:0 22px 52px rgba(0,0,0,.19);
}
.story-tile .sample-image,.education-tile .sample-image{
  background:
    radial-gradient(circle at 30% 30%,rgba(75,129,112,.18),transparent 35%),
    linear-gradient(145deg,#121915,#080b09);
  border-color:rgba(49,95,82,.22);
  color:#8e978f;
}

/* Built to Taste comparison cards */
.compare-side{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
}
.compare-side label{color:#47433e}
.compare-side select{
  background:#f8f3eb;
  color:var(--cream-ink);
  border-color:rgba(49,95,82,.22);
}
.compare-side .compare-label{color:var(--cream-patina)}
.compare-side .compare-desc{color:var(--cream-muted)}
.compare-side .compare-audio{
  color:#6d675f;
  border-color:rgba(49,95,82,.28);
  background:rgba(255,255,255,.22);
}

/* Materials cards become editorial cream tiles */
.materials-grid article{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
}
.materials-grid p{color:var(--cream-muted)}
.materials-grid .tip{
  border-color:rgba(49,95,82,.35);
  color:var(--cream-patina);
}
.materials-grid .tip:hover:after{
  background:#f4eee4;
  color:var(--cream-ink);
  border-color:rgba(49,95,82,.24);
}

/* Request page: form as a cream concierge card */
.build-form{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.build-form label{color:#48443f}
.build-form input,.build-form select,.build-form textarea{
  background:#f8f3eb;
  color:var(--cream-ink);
  border-color:rgba(49,95,82,.22);
}
.build-form input::placeholder,.build-form textarea::placeholder{color:#8f887f}
.build-form input:focus,.build-form select:focus,.build-form textarea:focus{
  border-color:var(--cream-patina);
  box-shadow:0 0 0 4px rgba(49,95,82,.10);
}
.build-form .form-note{color:#746e66}
.build-form select.locked-layout{background:#ece5db;color:#6d675f}

/* Keep hierarchy clean on smaller screens */
@media(max-width:680px){
  .portal-card,.layout-tile,.story-tile,.education-tile,.compare-side,.materials-grid article,.build-form{
    box-shadow:none;
  }
}
@media(max-width:860px){
}


/* Contrast + header refinement */
:root{
  --patina2:#6ea892;
  --panel:#0d1210;
  --panel2:#121816;
  --line:rgba(232,225,213,.16);
  --line2:rgba(110,168,146,.46);
}

/* Warm editorial header for stronger separation from the black canvas */
.site-header{
  background:rgba(232,225,213,.96);
  border-bottom:1px solid rgba(49,95,82,.24);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.nav{
  color:#3f423d;
}
.nav>a:hover,.products-menu summary:hover{
  color:#111713;
}
.nav>a.active,.products-menu.active>summary{
  color:#214d42;
}
.nav>a:not(.nav-cta).active:before{
  background:#315f52;
}
.products-menu summary:after{
  color:#315f52;
}
.nav-cta{
  color:#f5efe5 !important;
  background:#244f44;
  border-color:#244f44;
}
.nav-cta:hover{
  background:#183d34;
  color:#fffaf1 !important;
}
.products-dropdown{
  background:#eee7dc;
  border-color:rgba(49,95,82,.22);
  box-shadow:0 22px 55px rgba(0,0,0,.24);
}
.products-dropdown a{
  color:#3d413c;
}
.products-dropdown a:hover{
  background:#ddd5c8;
  color:#15231e;
}
.mega-col>span{
  color:#315f52;
}
.mega-col small{
  color:#746e66;
}

/* Dark cards that were disappearing into the background now use ivory surfaces */
.standards-grid article,
.flow-grid li,
.why-grid article,
.journal-grid article,
.archive-entry,
.build-card,
.commission-detail-grid article{
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
  color:var(--cream-ink);
  border-color:var(--cream-line);
  box-shadow:0 16px 38px rgba(0,0,0,.13);
}
.standards-grid article span,
.flow-grid li span,
.why-grid article span,
.journal-grid article span,
.archive-entry span,
.commission-detail-grid article span{
  color:var(--cream-patina);
}
.standards-grid article p,
.flow-grid li p,
.why-grid article p,
.journal-grid article p,
.archive-entry p,
.build-card p{
  color:var(--cream-muted);
}
.standards-grid article h3,
.flow-grid li h3,
.why-grid article h2,
.journal-grid article h2,
.archive-entry h2,
.build-card h2,
.commission-detail-grid strong{
  color:var(--cream-ink);
}

/* Keep image/media zones dark so photography still pops */
.archive-entry .media-placeholder,
.build-card .media-placeholder{
  background:
    radial-gradient(circle at 30% 30%,rgba(93,151,131,.18),transparent 34%),
    linear-gradient(145deg,#121915,#060806);
  color:#8f9a92;
  border-color:rgba(232,225,213,.13);
}

/* Sharper separation for remaining dark interactive tiles */
.feature-grid>div,
.product-card,
.family-card{
  background:linear-gradient(180deg,#111713,#090d0b);
  border-color:rgba(232,225,213,.18);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.feature-grid p,
.product-card p,
.family-card p{
  color:#bdb7ae;
}

/* Make green accents legible on black without becoming bright/neon */
.eyebrow,.kicker,.tag,
.portal-card span,
.timeline-grid span,
.layout-tile .status.live{
  color:#6ea892;
}

@media(max-width:860px){
  .nav{
    background:#eee7dc;
    border-color:rgba(49,95,82,.22);
  }
  .nav a,.products-menu summary{color:#383c37}
  .nav-cta{color:#fffaf1 !important}
}


/* Luxe header + verified emblem */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  min-height:94px;
  padding:14px clamp(24px,4vw,64px);
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:center;
  gap:22px;
  background:
    linear-gradient(180deg,rgba(23,50,42,.98),rgba(11,24,20,.98) 58%,rgba(5,10,8,.99)),
    radial-gradient(circle at 50% -70%,rgba(232,225,213,.08),transparent 60%);
  border-top:1px solid rgba(232,225,213,.10);
  border-bottom:1px solid rgba(110,168,146,.34);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.site-header::after{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(110,168,146,.25),rgba(232,225,213,.42),rgba(110,168,146,.25),transparent);
  pointer-events:none;
}
.nav{
  width:100%;
  max-width:1120px;
  justify-self:end;
  display:grid;
  grid-template-columns:repeat(6,minmax(max-content,1fr));
  align-items:center;
  gap:10px;
  color:#d8d0c4;
  font-family:"Cormorant Garamond",serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:.015em;
  text-align:center;
}
.nav>a,.products-menu summary{
  position:relative;
  padding:13px 10px;
  color:#d8d0c4;
  transition:color .2s ease,transform .2s ease,background .2s ease;
}
.nav>a:not(.nav-cta):after,
.products-menu>summary:before{
  content:"";
  position:absolute;
  left:28%;
  right:28%;
  bottom:6px;
  height:1px;
  background:var(--patina2);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.nav>a:not(.nav-cta):hover:after,
.nav>a.active:not(.nav-cta):after,
.products-menu:hover>summary:before,
.products-menu.active>summary:before{
  transform:scaleX(1);
}
.nav>a:hover,.products-menu summary:hover,.nav>a.active,.products-menu.active>summary{
  color:#f3ede4;
}
.products-menu summary:after{
  color:#7fb29f;
}
.nav-cta{
  border:1px solid rgba(232,225,213,.74);
  border-radius:8px;
  background:linear-gradient(180deg,#f0e9df,#ded4c5);
  color:#173a31 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.nav-cta:hover{
  background:#f4eee5;
  color:#102b24 !important;
  transform:translateY(-1px);
}
.products-dropdown{
  background:#eee7dc;
  color:#26342f;
  border:1px solid rgba(49,95,82,.25);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.products-dropdown a{color:#3c4742}
.products-dropdown a:hover{background:#ddd3c5;color:#173a31}
.mega-col>span{color:#315f52}
.mega-col small{color:#766f66}

@media(max-width:860px){
  .site-header{grid-template-columns:56px 1fr;min-height:82px;padding:12px 18px}
  .nav{
    top:82px;
    left:18px;
    right:18px;
    max-width:none;
    background:linear-gradient(180deg,#10231d,#08110e);
    border:1px solid rgba(110,168,146,.34);
    box-shadow:0 20px 50px rgba(0,0,0,.35);
    text-align:left;
  }
  .nav a,.products-menu summary{color:#ddd5ca}
  .nav-cta{color:#173a31 !important}
}


/* ===== YORU GILDED EARTH / ATELIER PASS ===== */
:root{
  --gallery-black:#030504;
  --gallery-green:#0c1713;
  --cream-nav:#f7f2ea;
  --cream-nav-2:#eee6da;
  --espresso:#2c221e;
  --brass:#b79b62;
  --brass-soft:#d6c39a;
  --rust:#a85f49;
}

/* Global atmosphere */
body{
  background:
    radial-gradient(circle at 76% 8%,rgba(64,108,92,.08),transparent 34rem),
    linear-gradient(180deg,#030504 0%,#040605 58%,#020302 100%);
}

/* Floating gallery navigation */
.site-header{
  min-height:102px;
  padding:15px clamp(26px,4.5vw,72px);
  grid-template-columns:78px 1fr;
  background:
    linear-gradient(180deg,rgba(250,247,241,.985),rgba(244,238,228,.985));
  border-top:1px solid rgba(183,155,98,.38);
  border-bottom:1px solid rgba(44,34,30,.18);
  box-shadow:0 10px 30px rgba(0,0,0,.13);
}
.site-header:before{
  content:"";
  position:absolute;
  top:8px;left:clamp(26px,4.5vw,72px);right:clamp(26px,4.5vw,72px);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(183,155,98,.55),rgba(49,95,82,.28),rgba(183,155,98,.55),transparent);
}
.site-header:after{
  content:"";
  position:absolute;
  bottom:8px;left:clamp(26px,4.5vw,72px);right:clamp(26px,4.5vw,72px);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(44,34,30,.12),transparent);
}
.nav{
  max-width:none;
  grid-template-columns:repeat(6,minmax(max-content,1fr));
  gap:18px;
  font-size:21px;
  font-weight:700;
  color:var(--espresso);
}
.nav>a,.products-menu summary{
  color:var(--espresso);
  padding:16px 10px;
}
.nav>a:hover,.products-menu summary:hover,.nav>a.active,.products-menu.active>summary{
  color:#173b31;
}
.nav>a:not(.nav-cta):after,.products-menu>summary:before{
  background:linear-gradient(90deg,var(--brass),#6d9c8c);
  bottom:7px;
}
.products-menu summary:after{color:#426e60}
.nav-cta{
  border:1px solid rgba(44,34,30,.22);
  background:linear-gradient(180deg,#244f44,#173b31);
  color:#fffaf3!important;
  box-shadow:0 8px 20px rgba(36,79,68,.16);
  padding-inline:22px!important;
}
.nav-cta:hover{
  background:linear-gradient(180deg,#2f6355,#1a4337);
  color:#fffdf7!important;
}
.products-dropdown{
  background:#f7f2ea;
  border-color:rgba(44,34,30,.14);
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.products-dropdown a{color:#413934}
.products-dropdown a:hover{background:#e9dfd0;color:#193c32}
.mega-col>span{color:#7c653a}

/* Cinematic editorial hero */
.gallery-hero{
  max-width:var(--max);
  min-height:calc(100vh - 102px);
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(56px,7vw,110px);
  align-items:center;
  padding:clamp(86px,9vw,126px) 24px;
}
.gallery-hero .home-copy{max-width:720px}
.gallery-hero h1{
  color:#6ea892;
  font-size:clamp(72px,8vw,116px);
  line-height:.88;
}
.gallery-hero .manifesto{
  max-width:680px;
  font-size:clamp(22px,2vw,29px);
  color:#d6cec2;
}
.gallery-hero .kicker{
  color:var(--brass-soft);
}
.hero-micro{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin-top:27px;
  color:#837d73;
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hero-micro span+span:before{
  content:"•";
  color:var(--brass);
  margin:0 14px;
}
.hero-showpiece{min-width:0}
.hero-showpiece-frame{
  min-height:610px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:24px;
  border:1px solid rgba(232,225,213,.16);
  background:
    linear-gradient(180deg,rgba(3,5,4,.02),rgba(3,5,4,.38)),
    radial-gradient(circle at 60% 32%,rgba(110,168,146,.20),transparent 28%),
    linear-gradient(135deg,#14221d 0%,#0a0f0d 52%,#030504 100%);
  box-shadow:0 40px 100px rgba(0,0,0,.32);
}
.hero-showpiece-frame:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(183,155,98,.20);
  pointer-events:none;
}
.showpiece-index{
  position:absolute;
  top:34px;left:38px;
  color:var(--brass-soft);
  font-size:11px;font-weight:700;letter-spacing:.19em;
}
.showpiece-caption{
  max-width:320px;
  color:#aaa298;
  font-size:12px;
  letter-spacing:.04em;
}
.showpiece-specs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid rgba(232,225,213,.14);
  border-top:0;
}
.showpiece-specs span{
  padding:13px 14px;
  text-align:center;
  color:#9f978c;
  font-size:9px;
  letter-spacing:.17em;
  border-right:1px solid rgba(232,225,213,.10);
}
.showpiece-specs span:last-child{border-right:0}

/* CTA treatment */
.button.primary{
  background:linear-gradient(180deg,#2f6858,#1d4b3f);
  box-shadow:0 16px 34px rgba(16,47,39,.30);
}
.button.secondary{
  border-color:rgba(214,195,154,.44);
  color:#eee4d5;
}

/* Cream editorial rhythm */
.editorial-light{
  max-width:none;
  padding:110px max(24px,calc((100vw - var(--max))/2 + 24px));
  background:linear-gradient(180deg,#f6f1e9,#eae1d4);
  color:var(--espresso);
  border-top:1px solid rgba(183,155,98,.30);
  border-bottom:1px solid rgba(183,155,98,.26);
}
.editorial-light .featured-photo{
  background:
    radial-gradient(circle at 35% 30%,rgba(91,149,131,.18),transparent 34%),
    linear-gradient(145deg,#1a2722,#070a09);
  border-color:rgba(44,34,30,.15);
}
.editorial-light .featured-copy h2{color:var(--espresso)}
.editorial-light .featured-copy>p{color:#5d554e}
.editorial-light .eyebrow{color:#6d5735}
.editorial-light .commission-specs{border-color:rgba(44,34,30,.14)}
.editorial-light .commission-specs dt{color:#7b7067}
.editorial-light .commission-specs dd{color:#2f2925}
.editorial-light .text-link{color:#315f52}

/* Technical brochure details */
.commission-specs dt,
.commission-detail-grid span{
  letter-spacing:.18em;
}
.commission-specs dd{
  font-size:26px;
}

/* Dark showroom areas */
.standards-section,.layout-preview{
  background:transparent;
}
.standards-section{
  border-top:1px solid rgba(232,225,213,.12);
}
.standards-head h2{
  color:#eee7dc;
}
.standards-grid article{
  background:linear-gradient(180deg,#101713,#080b09)!important;
  color:#eee7dc!important;
  border-color:rgba(232,225,213,.16)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.18)!important;
}
.standards-grid article h3{color:#eee7dc!important}
.standards-grid article p{color:#aaa299!important}
.standards-grid article span{color:var(--brass-soft)!important}

/* Layout preview as architecture cards */
.mini-layout{
  background:#f2ece2;
  color:#2c221e;
  border-color:rgba(44,34,30,.14);
}
.mini-layout span{color:#6d5735}
.mini-layout.live:hover{border-color:rgba(49,95,82,.42)}
.mini-layout strong{color:#1c201d}
.mini-layout small{color:#655e57}

/* Warm sections keep gold micro-details */
.warm-editorial{
  background:#f6f1e9;
  color:var(--espresso);
  border-top:1px solid rgba(183,155,98,.28);
  border-bottom:1px solid rgba(183,155,98,.22);
}
.warm-editorial .dark-eyebrow{color:#6d5735}

/* Footer becomes intentionally quiet */
.site-footer{
  border-top:1px solid rgba(183,155,98,.24);
}

/* Request page as a light configurator on dark canvas */
.build-form{
  background:linear-gradient(180deg,#f7f2ea,#eee6db);
  border-color:rgba(44,34,30,.15);
}
.build-form .primary{
  background:linear-gradient(180deg,var(--rust),#874836);
}

/* Mobile */
@media(max-width:1040px){
  .gallery-hero{grid-template-columns:1fr;min-height:auto}
  .hero-showpiece-frame{min-height:480px}
  .nav{font-size:18px;gap:8px}
}
@media(max-width:860px){
  .site-header{min-height:86px;background:#f7f2ea}
  .nav{
    top:86px;
    background:#f7f2ea;
    border-color:rgba(44,34,30,.14);
    box-shadow:0 24px 50px rgba(0,0,0,.18);
  }
  .nav a,.products-menu summary{color:var(--espresso)}
  .nav-cta{color:#fffaf3!important}
}
@media(max-width:680px){
  .gallery-hero{padding-left:18px;padding-right:18px}
  .hero-showpiece-frame{min-height:360px}
  .showpiece-specs{grid-template-columns:1fr}
  .showpiece-specs span{border-right:0;border-bottom:1px solid rgba(232,225,213,.10)}
}


/* Fix Products mega-menu overlap with decorative header rules */
.site-header::before,
.site-header::after{
  z-index:0;
}
.site-header>.menu-toggle,
.site-header>.nav{
  position:relative;
  z-index:2;
}
.products-menu{
  z-index:5;
}
.products-dropdown{
  z-index:50;
}


/* ===== GILDED EARTH COLOR TEST — exact warm luxury palette ===== */
:root{
  --ge-cream:#F8F5EF;
  --ge-espresso:#2C221E;
  --ge-hero:#1C1614;
  --ge-oatmeal:#E8D6B3;
  --ge-gold:#C9A84C;
  --ge-gold-soft:#D8C18A;
  --ge-card:#F1EADF;
  --ge-ink:#2C221E;
}

/* Global dark areas: warm espresso, not digital black */
body{
  background:var(--ge-hero);
  color:var(--ge-oatmeal);
}
.home-hero,.page-main,.standards-section,.layout-preview,.compare-lab,.materials-section,.commission-flow,.pricing-philosophy{
  background:var(--ge-hero);
}

/* Header: warm cream + espresso */
.site-header{
  background:var(--ge-cream)!important;
  border-top:1px solid rgba(201,168,76,.45)!important;
  border-bottom:1px solid rgba(44,34,30,.16)!important;
  box-shadow:0 10px 28px rgba(28,22,20,.12)!important;
}
.site-header:before{
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.58),rgba(44,34,30,.14),rgba(201,168,76,.58),transparent)!important;
}
.site-header:after{
  background:linear-gradient(90deg,transparent,rgba(44,34,30,.14),transparent)!important;
}
.nav{
  color:var(--ge-espresso)!important;
  font-size:21px!important;
}
.nav>a,.products-menu summary{
  color:var(--ge-espresso)!important;
}
.nav>a:hover,.products-menu summary:hover,.nav>a.active,.products-menu.active>summary{
  color:#17110F!important;
}
.nav>a:not(.nav-cta):after,.products-menu>summary:before{
  background:var(--ge-gold)!important;
}
.products-menu summary:after{color:#8A6D2B!important}
.nav-cta{
  background:var(--ge-espresso)!important;
  color:var(--ge-cream)!important;
  border-color:var(--ge-gold)!important;
  box-shadow:none!important;
}
.nav-cta:hover{
  background:#3A2D27!important;
  color:#FFFDF8!important;
}

/* Dropdown follows the cream gallery language */
.products-dropdown{
  background:var(--ge-cream)!important;
  color:var(--ge-espresso)!important;
  border-color:rgba(44,34,30,.15)!important;
}
.products-dropdown a{color:#493D37!important}
.products-dropdown a:hover{
  background:#EEE4D5!important;
  color:#241B18!important;
}
.mega-col>span{color:#8B6E30!important}
.mega-col small{color:#8D8176!important}

/* Hero: warm dark metal + champagne typography */
.gallery-hero{
  background:
    radial-gradient(circle at 78% 28%,rgba(201,168,76,.08),transparent 28rem),
    linear-gradient(180deg,#211916 0%,var(--ge-hero) 70%);
}
.gallery-hero h1,.home-hero h1,.page-hero h1{
  color:var(--ge-oatmeal)!important;
}
.gallery-hero .kicker,.kicker,.eyebrow,.tag{
  color:var(--ge-gold-soft)!important;
}
.gallery-hero .manifesto,.manifesto,.page-hero>p:last-child{
  color:#E4D9C8!important;
}
.hero-micro{color:#A89B8F!important}
.hero-micro span+span:before{color:var(--ge-gold)!important}

/* Hero image placeholder uses charcoal bronze instead of green */
.hero-showpiece-frame{
  background:
    linear-gradient(180deg,rgba(28,22,20,.02),rgba(28,22,20,.46)),
    radial-gradient(circle at 60% 30%,rgba(201,168,76,.12),transparent 30%),
    linear-gradient(135deg,#30231E 0%,#1C1614 58%,#100C0A 100%)!important;
  border-color:rgba(232,214,179,.22)!important;
}
.hero-showpiece-frame:before{border-color:rgba(201,168,76,.24)!important}
.showpiece-index{color:var(--ge-gold-soft)!important}
.showpiece-caption,.showpiece-specs span{color:#B9AA9A!important}
.showpiece-specs{border-color:rgba(232,214,179,.18)!important}
.showpiece-specs span{border-color:rgba(232,214,179,.12)!important}

/* Buttons */
.button.primary{
  background:var(--ge-gold)!important;
  color:#241B18!important;
  box-shadow:0 14px 30px rgba(0,0,0,.20)!important;
}
.button.primary:hover{background:#D2B45A!important}
.button.secondary{
  background:var(--ge-espresso)!important;
  border-color:var(--ge-gold)!important;
  color:var(--ge-cream)!important;
}

/* Light cards: keep ivory, warm all text */
.portal-card,.layout-tile,.story-tile,.education-tile,.compare-side,.materials-grid article,
.standards-grid article,.flow-grid li,.why-grid article,.journal-grid article,.archive-entry,
.build-card,.commission-detail-grid article,.mini-layout,.build-form{
  background:var(--ge-card)!important;
  color:var(--ge-ink)!important;
  border-color:rgba(44,34,30,.14)!important;
}
.portal-card h2,.layout-tile h2,.story-tile h2,.education-tile h2,.materials-grid h3,
.standards-grid h3,.flow-grid h3,.why-grid h2,.journal-grid h2,.archive-entry h2,
.build-card h2,.mini-layout strong{
  color:var(--ge-ink)!important;
}
.portal-card p,.layout-tile p,.story-tile p,.education-tile p,.materials-grid p,
.standards-grid p,.flow-grid p,.why-grid p,.journal-grid p,.archive-entry p,.build-card p,
.mini-layout small,.compare-desc{
  color:#665B53!important;
}
.portal-card span,.layout-tile .status.live,.story-tile span,.education-tile span,
.standards-grid span,.flow-grid span,.why-grid span,.journal-grid span,.archive-entry span,
.commission-detail-grid span,.mini-layout span,.compare-label{
  color:#8B6E30!important;
}

/* What’s Included / Why Yoru cream panels */
.warm-editorial,.editorial-light{
  background:var(--ge-cream)!important;
  color:var(--ge-espresso)!important;
  border-top-color:rgba(201,168,76,.30)!important;
  border-bottom-color:rgba(201,168,76,.28)!important;
}
.warm-editorial h2,.editorial-light h2,
.warm-editorial p,.editorial-light p{
  color:var(--ge-espresso)!important;
}
.dark-eyebrow,.editorial-light .eyebrow{color:#8B6E30!important}
.dark-link,.editorial-light .text-link{color:#6F5726!important}

/* Form fields stay warm paper, not bright white */
.build-form input,.build-form select,.build-form textarea,
.compare-side select{
  background:#FBF8F3!important;
  color:var(--ge-espresso)!important;
  border-color:rgba(44,34,30,.18)!important;
}
.build-form .primary{
  background:var(--ge-gold)!important;
  color:#241B18!important;
}

/* Footer */
.site-footer{
  background:#15100E;
  color:#A99C90;
  border-top-color:rgba(201,168,76,.28)!important;
}
.site-footer .socials span{color:var(--ge-gold-soft)!important}

/* Mobile cream menu */
@media(max-width:860px){
  .site-header,.nav{background:var(--ge-cream)!important}
  .nav a,.products-menu summary{color:var(--ge-espresso)!important}
  .nav-cta{color:var(--ge-cream)!important}
}

/* Explicitly outrank .nav>a so the CTA text cannot disappear */
.nav>a.nav-cta{
  color:#F8F5EF!important;
  background:#2C221E!important;
  border:1px solid #C9A84C!important;
  text-shadow:none!important;
  opacity:1!important;
}
.nav>a.nav-cta:hover{
  color:#FFFDF8!important;
  background:#3A2D27!important;
}

@media(max-width:860px){
}


/* ===== MONO-INDUSTRIAL COLOR TEST ===== */
:root{
  --mi-nav:#F4F4F3;
  --mi-bg:#16161A;
  --mi-bg-2:#1C1C20;
  --mi-white:#FFFFFF;
  --mi-off:#EBEBEB;
  --mi-silver:#8E9294;
  --mi-silver-dark:#676B6E;
  --mi-card:#EAEAEA;
  --mi-card-text:#16161A;
  --mi-line:rgba(142,146,148,.28);
}

/* Global canvas */
body{
  background:var(--mi-bg)!important;
  color:var(--mi-off)!important;
}
.home-hero,.page-main,.standards-section,.layout-preview,.compare-lab,.materials-section,.commission-flow,.pricing-philosophy{
  background:var(--mi-bg)!important;
}

/* Navigation */
.site-header{
  background:var(--mi-nav)!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  border-bottom:1px solid rgba(0,0,0,.16)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.10)!important;
}
.site-header:before{
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent)!important;
}
.site-header:after{
  background:linear-gradient(90deg,transparent,rgba(142,146,148,.30),transparent)!important;
}
.nav,.nav>a,.products-menu summary{
  color:#202024!important;
}
.nav>a:hover,.products-menu summary:hover,.nav>a.active,.products-menu.active>summary{
  color:#000!important;
}
.nav>a:not(.nav-cta):after,.products-menu>summary:before{
  background:var(--mi-silver)!important;
}
.products-menu summary:after{color:#5F6366!important}
.nav>a.nav-cta{
  background:#000!important;
  color:#fff!important;
  border-color:#000!important;
}
.nav>a.nav-cta:hover{
  background:#232326!important;
  color:#fff!important;
}

/* Dropdown */
.products-dropdown{
  background:#F2F2F1!important;
  color:#16161A!important;
  border-color:rgba(0,0,0,.12)!important;
  box-shadow:0 24px 55px rgba(0,0,0,.16)!important;
}
.products-dropdown a{color:#303034!important}
.products-dropdown a:hover{background:#E5E5E4!important;color:#000!important}
.mega-col>span{color:#666A6C!important}
.mega-col small{color:#8E9294!important}

/* Hero */
.gallery-hero{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,255,255,.035),transparent 28rem),
    linear-gradient(180deg,#1C1C20 0%,var(--mi-bg) 72%)!important;
}
.gallery-hero h1,.home-hero h1,.page-hero h1{
  color:var(--mi-white)!important;
}
.gallery-hero .kicker,.kicker,.eyebrow,.tag{
  color:var(--mi-silver)!important;
}
.gallery-hero .manifesto,.manifesto,.page-hero>p:last-child{
  color:#D8D8DA!important;
}
.hero-micro{color:#9A9A9D!important}
.hero-micro span+span:before{color:var(--mi-silver)!important}

/* Hero media / product showroom */
.hero-showpiece-frame{
  background:
    linear-gradient(180deg,rgba(22,22,26,.02),rgba(22,22,26,.46)),
    radial-gradient(circle at 60% 30%,rgba(255,255,255,.05),transparent 30%),
    linear-gradient(135deg,#242428 0%,#17171A 58%,#0F0F11 100%)!important;
  border-color:rgba(235,235,235,.18)!important;
}
.hero-showpiece-frame:before{border-color:rgba(142,146,148,.22)!important}
.showpiece-index{color:#C7C9CA!important}
.showpiece-caption,.showpiece-specs span{color:#A8AAAC!important}
.showpiece-specs{border-color:rgba(235,235,235,.15)!important}
.showpiece-specs span{border-color:rgba(235,235,235,.10)!important}

/* Buttons */
.button.primary{
  background:var(--mi-silver)!important;
  color:#111!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24)!important;
}
.button.primary:hover{background:#A3A6A8!important}
.button.secondary{
  background:#000!important;
  border-color:var(--mi-silver)!important;
  color:#fff!important;
}

/* Structural cards */
.portal-card,.layout-tile,.story-tile,.education-tile,.compare-side,.materials-grid article,
.standards-grid article,.flow-grid li,.why-grid article,.journal-grid article,.archive-entry,
.build-card,.commission-detail-grid article,.mini-layout,.build-form{
  background:var(--mi-card)!important;
  color:var(--mi-card-text)!important;
  border-color:rgba(0,0,0,.12)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.12)!important;
}
.portal-card h2,.layout-tile h2,.story-tile h2,.education-tile h2,.materials-grid h3,
.standards-grid h3,.flow-grid h3,.why-grid h2,.journal-grid h2,.archive-entry h2,
.build-card h2,.mini-layout strong{
  color:#16161A!important;
}
.portal-card p,.layout-tile p,.story-tile p,.education-tile p,.materials-grid p,
.standards-grid p,.flow-grid p,.why-grid p,.journal-grid p,.archive-entry p,.build-card p,
.mini-layout small,.compare-desc{
  color:#55575A!important;
}
.portal-card span,.layout-tile .status.live,.story-tile span,.education-tile span,
.standards-grid span,.flow-grid span,.why-grid span,.journal-grid span,.archive-entry span,
.commission-detail-grid span,.mini-layout span,.compare-label{
  color:#676B6E!important;
}

/* Light editorial blocks */
.warm-editorial,.editorial-light{
  background:#F2F2F1!important;
  color:#16161A!important;
  border-top-color:rgba(0,0,0,.12)!important;
  border-bottom-color:rgba(0,0,0,.12)!important;
}
.warm-editorial h2,.editorial-light h2,
.warm-editorial p,.editorial-light p{
  color:#202024!important;
}
.dark-eyebrow,.editorial-light .eyebrow{color:#676B6E!important}
.dark-link,.editorial-light .text-link{color:#2A2A2D!important}

/* Form controls */
.build-form input,.build-form select,.build-form textarea,.compare-side select{
  background:#F8F8F7!important;
  color:#16161A!important;
  border-color:rgba(0,0,0,.16)!important;
}
.build-form .primary{
  background:#000!important;
  color:#fff!important;
}

/* Footer */
.site-footer{
  background:#101012!important;
  color:#A7A7AA!important;
  border-top-color:rgba(142,146,148,.25)!important;
}
.site-footer .socials span{color:#C6C7C8!important}

/* Mobile */
@media(max-width:860px){
  .site-header,.nav{background:var(--mi-nav)!important}
  .nav a,.products-menu summary{color:#202024!important}
  .nav-cta{color:#fff!important}
}


/* ===== DARK STUDIO HARMONY PASS =====
   Unify all dark structural surfaces to the same desaturated obsidian-green/charcoal.
   Product photography will provide future color; UI chrome stays quiet and architectural. */
:root{
  --studio-dark:#181A19;
  --studio-dark-2:#1F2220;
  --studio-dark-3:#111311;
  --studio-light:#F2F2F1;
  --studio-line:rgba(235,235,235,.16);
}

/* Core dark canvases */
body,
.home-hero,
.page-main,
.gallery-hero,
.standards-section,
.layout-preview,
.compare-lab,
.materials-section,
.commission-flow,
.pricing-philosophy{
  background:var(--studio-dark)!important;
}

/* Dark media placeholders / showroom blocks */
.hero-showpiece-frame,
.featured-photo,
.commission-hero-media,
.commission-media-grid div,
.story-media,
.sample-image,
.audio-placeholder,
.media-placeholder,
.layout-tile .keyboard-diagram,
.archive-entry .media-placeholder,
.build-card .media-placeholder{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.16)),
    linear-gradient(145deg,var(--studio-dark-2),var(--studio-dark-3))!important;
  border-color:var(--studio-line)!important;
  box-shadow:none!important;
}

/* Remove residual green glows from image placeholders */
.hero-showpiece-frame:before{
  border-color:rgba(235,235,235,.12)!important;
}
.featured-photo,
.story-media,
.sample-image,
.audio-placeholder,
.media-placeholder{
  color:#9A9D9B!important;
}

/* Dark sections use soft off-white + silver only */
.page-hero h1,
.gallery-hero h1,
.home-hero h1,
.standards-head h2,
.commission-story h2,
.sound-sample h2,
.compare-intro h2,
.pricing-philosophy h2{
  color:#F3F3F2!important;
}
.page-hero>p:last-child,
.gallery-hero .manifesto,
.manifesto,
.commission-story p,
.sound-sample p,
.compare-intro>p:last-child,
.pricing-philosophy p{
  color:#C7C9C8!important;
}
.eyebrow,.kicker,.tag,.showpiece-index{
  color:#9B9F9C!important;
}

/* Clean borders across dark regions */
.standards-section,
.layout-preview,
.compare-lab,
.materials-section,
.commission-flow,
.pricing-philosophy,
.commission-story,
.sound-sample{
  border-color:rgba(235,235,235,.11)!important;
}

/* Featured commission remains light, but media is the same dark studio tone */
.editorial-light .featured-photo{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.16)),
    linear-gradient(145deg,var(--studio-dark-2),var(--studio-dark-3))!important;
}

/* Footer harmonizes with the same family */
.site-footer{
  background:#111311!important;
  border-top-color:rgba(235,235,235,.14)!important;
}


/* ===== FINAL BRAND EMBLEM + COPPER HARMONY FIX ===== */
:root{
  --yf-charcoal:#1F2120;
  --yf-charcoal-deep:#181A19;
  --yf-linen:#F4F4F3;
  --yf-ink:#16161A;
  --yf-copper:#B85A38;
  --yf-copper-hover:#C96A47;
  --yf-line:rgba(239,236,230,.20);
}

/* Exact unified dark studio background */
body,
.home-hero,
.page-main,
.gallery-hero,
.standards-section,
.layout-preview,
.compare-lab,
.materials-section,
.commission-flow,
.pricing-philosophy{
  background:var(--yf-charcoal)!important;
}

/* Remove green radial glow from all media placeholders */
.hero-showpiece-frame,
.featured-photo,
.commission-hero-media,
.commission-media-grid div,
.story-media,
.sample-image,
.audio-placeholder,
.media-placeholder,
.layout-tile .keyboard-diagram,
.archive-entry .media-placeholder,
.build-card .media-placeholder{
  background:linear-gradient(145deg,#222524,#171918)!important;
  border-color:var(--yf-line)!important;
  box-shadow:none!important;
}
.hero-showpiece-frame:before{
  border-color:var(--yf-line)!important;
}

/* Modal backgrounds match the site instead of pure black */
.story-modal,
.modal-panel,
.modal-content,
.story-modal .modal-content{
  background:var(--yf-charcoal)!important;
  color:#EFECE6!important;
  border-color:var(--yf-line)!important;
}
.story-modal{
  background:rgba(9,10,10,.82)!important;
}
.story-modal .modal-shell,
.modal-shell{
  background:var(--yf-charcoal)!important;
  border:1px solid var(--yf-line)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.42)!important;
}
.story-modal .sample-image,
.story-modal .story-media{
  background:linear-gradient(145deg,#242725,#171918)!important;
  border-color:var(--yf-line)!important;
}

/* Header CTA now references the copper in the logo */
.nav>a.nav-cta{
  background:var(--yf-copper)!important;
  color:#171412!important;
  border-color:#8F4028!important;
  box-shadow:0 8px 20px rgba(184,90,56,.20)!important;
}
.nav>a.nav-cta:hover{
  background:var(--yf-copper-hover)!important;
  color:#100D0C!important;
}

/* Copper interaction language */
.text-link,
.dark-link,
.layout-tile .status.live,
a[href*="request-a-build"]:not(.nav-cta):not(.button),
a[href*="commission"]:not(.nav-cta):not(.button){
  color:var(--yf-copper)!important;
}
.nav>a:not(.nav-cta):after,
.products-menu>summary:before{
  background:var(--yf-copper)!important;
}
.button.primary{
  background:var(--yf-copper)!important;
  color:#171412!important;
}
.button.primary:hover{
  background:var(--yf-copper-hover)!important;
}

/* Keep the rest restrained */
.eyebrow,.kicker,.tag,.showpiece-index{
  color:#9EA29F!important;
}
.page-hero h1,.gallery-hero h1,.home-hero h1{
  color:#F2F2F1!important;
}




/* ===== MODAL LABEL HIERARCHY — CLEAN GRAY MINIMALISM =====
   Remove leftover green from modal micro-labels and keep the modal
   inside the charcoal / linen / copper system. */
.story-modal .story-modal-head .eyebrow,
.story-modal .story-copy .eyebrow{
  color:rgba(239,236,230,.58)!important;
  letter-spacing:.17em!important;
  font-weight:700!important;
}

/* Keep main modal headings crisp and dominant */
.story-modal .story-modal-head h2,
.story-modal .story-copy h3{
  color:#F2F2F1!important;
}

/* Supporting modal copy stays quiet */
.story-modal .story-modal-head>p:last-child,
.story-modal .story-copy>p:last-child{
  color:rgba(239,236,230,.72)!important;
}

/* Copper remains interaction-only, not structural labeling */
.story-modal .modal-close{
  color:#EFECE6!important;
  border-color:rgba(239,236,230,.20)!important;
}
.story-modal .modal-close:hover{
  color:#fff!important;
  border-color:#B85A38!important;
}


/* ===== MATERIAL LUXURY + FINAL BRAND CLEANUP ===== */
:root{
  --yf-linen:#F4F4F3;
  --yf-charcoal:#1F2120;
  --yf-charcoal-deep:#181A19;
  --yf-copper:#B85A38;
  --yf-copper-soft:rgba(184,90,56,.42);
  --yf-linen-line:rgba(22,22,26,.12);
}

/* 2) Remove the remaining green from process / comparison modals */
.story-panel{
  background:var(--yf-charcoal)!important;
  border:1px solid rgba(239,236,230,.20)!important;
  box-shadow:0 32px 88px rgba(0,0,0,.48)!important;
}
.modal-close{
  background:var(--yf-charcoal-deep)!important;
  color:#EFECE6!important;
  border-color:rgba(239,236,230,.20)!important;
}
.story-modal-head .eyebrow,
.story-copy .eyebrow,
.story-modal .eyebrow{
  color:rgba(239,236,230,.58)!important;
}
.story-media{
  background:linear-gradient(145deg,#232624,#1A1C1B)!important;
  border-color:rgba(239,236,230,.16)!important;
}
.story-modal-head h2,
.story-copy h3{color:#F4F4F3!important}
.story-modal-head p,
.story-copy p{color:rgba(239,236,230,.72)!important}

/* Kill residual green outlines / accents inside modal UI */
.story-panel *,
.story-modal *{
  --line2:rgba(239,236,230,.20);
}
.story-panel a:not(.button),
.story-modal a:not(.button){color:var(--yf-copper)!important}

/* 3) Tactile linen rather than flat light gray.
   Tiny tonal variation + micro paper grain, intentionally almost invisible. */
.site-header,
.editorial-light,
.warm-editorial,
.portal-card,
.layout-tile,
.story-tile,
.education-tile,
.compare-side,
.materials-grid article,
.flow-grid li,
.why-grid article,
.journal-grid article,
.archive-entry,
.build-card,
.commission-detail-grid article,
.mini-layout,
.build-form{
  background-color:var(--yf-linen)!important;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(44,34,30,.018) 0 1px,transparent 1.2px),
    radial-gradient(circle at 71% 62%,rgba(44,34,30,.014) 0 1px,transparent 1.2px),
    linear-gradient(118deg,rgba(255,255,255,.34),rgba(238,237,234,.16) 48%,rgba(255,255,255,.20))!important;
  background-size:11px 11px,13px 13px,100% 100%!important;
}

/* Cards remain understated with blueprint-like precision */
.portal-card,
.layout-tile,
.story-tile,
.education-tile,
.compare-side,
.materials-grid article,
.flow-grid li,
.why-grid article,
.journal-grid article,
.archive-entry,
.build-card,
.commission-detail-grid article,
.mini-layout,
.build-form{
  border:1px solid var(--yf-linen-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.08)!important;
}

/* 4) Occasional copper hairlines between editorial transitions */
.editorial-light,
.warm-editorial,
.standards-section,
.layout-preview,
.compare-lab,
.materials-section,
.commission-flow,
.pricing-philosophy,
.about-editorial,
.founder-section{
  position:relative;
}
.editorial-light::before,
.warm-editorial::before,
.standards-section::before,
.compare-lab::before,
.commission-flow::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1180px,82vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--yf-copper-soft),transparent);
  pointer-events:none;
}

/* 5) Dark media stays clean, matte and neutral — product photography supplies color */
.hero-showpiece-frame,
.featured-photo,
.commission-hero-media,
.commission-media-grid div,
.story-media,
.sample-image,
.audio-placeholder,
.media-placeholder,
.layout-tile .keyboard-diagram,
.archive-entry .media-placeholder,
.build-card .media-placeholder,
.founder-photo{
  background:linear-gradient(145deg,#222423,#181A19)!important;
  background-image:linear-gradient(145deg,#222423,#181A19)!important;
  border-color:rgba(239,236,230,.14)!important;
  box-shadow:none!important;
}

/* Copper stays at roughly 10% of the visual system: interactions and micro-details */
.nav>a.nav-cta,
.button.primary{background:#B85A38!important;color:#171412!important}
.nav>a.nav-cta:hover,
.button.primary:hover{background:#C76A48!important}
.nav>a:not(.nav-cta):after,
.products-menu>summary:before,
.text-link,
.dark-link{background-color:#B85A38!important;color:#B85A38!important}

@media(max-width:860px){
}


/* ===== LAYOUT STATUS BADGES — MONOCHROMATIC ARCHITECTURAL =====
   Remove the remaining green status treatment from keyboard layout cards.
   Active availability uses full-opacity neutral ink; coming-soon states recede. */
.product-layouts .layout-tile .status{
  color:rgba(22,22,26,.42)!important;
  background:transparent!important;
  border:0!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-weight:600!important;
}
.product-layouts .layout-tile .status.live{
  color:#313333!important;
  opacity:1!important;
}
.product-layouts .layout-tile.coming .status{
  color:rgba(22,22,26,.38)!important;
  opacity:1!important;
}

/* Also neutralize the small layout diagram labels so no green lingers. */
.product-layouts .diagram-label{
  color:rgba(239,236,230,.62)!important;
}


/* ===== YORU FOUNDRY LOGO — SINGLE SOURCE OF TRUTH =====
   One static image element. No CSS image swapping, no data URI, no JS overrides. */
.brand {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}
.brand-mark {
  display: block;
  width: 70px;
  height: 70px;
  max-width: 70px;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  background: transparent;
  border: 0;
  opacity: 1;
  visibility: visible;
  filter: none;
  transform: none;
  box-shadow: none;
}
@media (max-width: 860px) {
  .brand {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }
  .brand-mark {
    width: 56px;
    height: 56px;
    max-width: 56px;
  }
}


/* ===== KEYBOARD LAYOUT CARDS — FINAL NEUTRAL LOCK =====
   No green/patina is permitted in the 75%, 65%, or TKL schematics/status UI. */
.product-layouts .layout-tile .keyboard-diagram{
  background:linear-gradient(145deg,#222423,#181A19)!important;
  background-image:linear-gradient(145deg,#222423,#181A19)!important;
  border-color:rgba(239,236,230,.14)!important;
}
.product-layouts .layout-tile .diagram-label{
  color:rgba(239,236,230,.72)!important;
}
.product-layouts .layout-tile .key{
  background:#151817!important;
  border-color:rgba(235,235,235,.22)!important;
  box-shadow:none!important;
}
.product-layouts .layout-tile .status{
  color:rgba(91,93,92,.45)!important;
  opacity:1!important;
  background:transparent!important;
  border:0!important;
}
.product-layouts .layout-tile .status.live{
  color:#5B5D5C!important;
  opacity:1!important;
}
.product-layouts .layout-tile .tile-copy b{
  color:#B85A38!important;
}
.product-layouts .layout-tile.active:hover{
  border-color:rgba(22,22,26,.24)!important;
}


/* ===== CRAFTED ART LAYOUT CARDS — FINAL NEUTRAL LOCK =====
   The Crafted Art page uses .layout-grid rather than .product-layouts.
   Neutralize every remaining patina/green accent in these layout schematics. */
.layout-grid .layout-tile .keyboard-diagram{
  background:linear-gradient(145deg,#222423,#181A19)!important;
  background-image:linear-gradient(145deg,#222423,#181A19)!important;
  border-bottom-color:rgba(239,236,230,.14)!important;
}
.layout-grid .layout-tile .diagram-label{
  color:rgba(239,236,230,.72)!important;
}
.layout-grid .layout-tile .key{
  background:#151817!important;
  border-color:rgba(235,235,235,.22)!important;
  box-shadow:none!important;
}
.layout-grid .layout-tile .status{
  color:rgba(91,93,92,.45)!important;
  opacity:1!important;
  background:transparent!important;
  border:0!important;
}
.layout-grid .layout-tile .status.live{
  color:#5B5D5C!important;
}
.layout-grid .layout-tile.active:hover{
  border-color:rgba(239,236,230,.30)!important;
}

/* Remove the old green hover/active cues on these specific cards. */
.layout-grid .layout-tile:hover .diagram-label,
.layout-grid .layout-tile.active .diagram-label,
.layout-grid .layout-tile.coming .diagram-label{
  color:rgba(239,236,230,.72)!important;
}


/* Header logo: render only the transparent emblem asset, with no circular mask, border, or shadow. */
.brand,
.brand-mark{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}


/* ===== DARK SURFACES — SUBTLE ANODIZED ALUMINUM TEXTURE =====
   Material-luxury treatment: microscopic grain + satin tonal variation.
   Intentionally restrained so the page still reads as clean charcoal at normal distance. */
:root{
  --yf-dark-metal-base:#1F2120;
  --yf-dark-metal-deep:#1B1D1C;
  --yf-dark-metal-hi:rgba(255,255,255,.018);
}

/* Large structural dark fields only — not media/photo placeholders. */
body,
.home-hero,
.page-main,
.gallery-hero,
.page-hero,
.standards-section,
.layout-preview,
.compare-lab,
.materials-section,
.commission-flow,
.pricing-philosophy{
  background-color:var(--yf-dark-metal-base)!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' seed='23' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.028'/%3E%3C/svg%3E"),
    linear-gradient(118deg,rgba(255,255,255,.012) 0%,rgba(255,255,255,0) 34%,rgba(0,0,0,.028) 66%,rgba(255,255,255,.010) 100%),
    linear-gradient(180deg,var(--yf-dark-metal-base),var(--yf-dark-metal-deep))!important;
  background-repeat:repeat,no-repeat,no-repeat!important;
  background-size:140px 140px,100% 100%,100% 100%!important;
  background-position:0 0,center,center!important;
}

/* Keep dark media areas deliberately matte and cleaner than the surrounding metal surface. */
.hero-showpiece-frame,
.featured-photo,
.commission-hero-media,
.commission-media-grid div,
.story-media,
.sample-image,
.audio-placeholder,
.media-placeholder,
.layout-tile .keyboard-diagram,
.archive-entry .media-placeholder,
.build-card .media-placeholder,
.founder-photo{
  background-image:linear-gradient(145deg,#222423,#181A19)!important;
  background-color:#1B1D1C!important;
}

/* Modals get a whisper of the same finish, but remain visually quieter than full sections. */
.story-panel,
.modal-panel,
.modal-content,
.story-modal .modal-content{
  background-color:#1F2120!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' seed='31' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.018'/%3E%3C/svg%3E"),
    linear-gradient(135deg,rgba(255,255,255,.008),rgba(0,0,0,.020))!important;
  background-size:150px 150px,100% 100%!important;
}


/* ===== HEADER EMBLEM — TIGHT CIRCULAR CROP =====
   The current raster asset contains black corners around the round medallion.
   Crop those corners away at render time so only the emblem is visible. */
.brand{
  width:70px!important;
  height:70px!important;
  flex:0 0 70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.brand-mark{
  display:block!important;
  width:70px!important;
  height:70px!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  transform:scale(1.18)!important;
  transform-origin:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

/* ===== DARK SURFACES — VISIBLE SATIN ANODIZED GRAIN v2 =====
   Stronger than the first pass: visible at normal zoom, but still restrained.
   Fine noise simulates bead-blasted/anodized aluminum rather than concrete. */
body,
.home-hero,
.page-main,
.gallery-hero,
.page-hero,
.standards-section,
.layout-preview,
.compare-lab,
.materials-section,
.commission-flow,
.pricing-philosophy{
  background-color:#1F2120!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' seed='41' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.115'/%3E%3C/svg%3E"),
    linear-gradient(118deg,rgba(255,255,255,.028) 0%,rgba(255,255,255,.006) 28%,rgba(0,0,0,.050) 63%,rgba(255,255,255,.018) 100%),
    linear-gradient(180deg,#202221 0%,#1D1F1E 55%,#1B1D1C 100%)!important;
  background-size:120px 120px,100% 100%,100% 100%!important;
  background-repeat:repeat,no-repeat,no-repeat!important;
  background-position:0 0,center,center!important;
  background-blend-mode:soft-light,normal,normal!important;
}

/* Dark modals use a slightly quieter version of the same material. */
.story-panel,
.modal-panel,
.modal-content,
.story-modal .modal-content{
  background-color:#1F2120!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' seed='43' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.075'/%3E%3C/svg%3E"),
    linear-gradient(135deg,rgba(255,255,255,.014),rgba(0,0,0,.035))!important;
  background-size:120px 120px,100% 100%!important;
  background-repeat:repeat,no-repeat!important;
  background-blend-mode:soft-light,normal!important;
}

/* Keep photography/media zones smoother so the texture reads as architecture, not noise everywhere. */
.hero-showpiece-frame,
.featured-photo,
.commission-hero-media,
.commission-media-grid div,
.story-media,
.sample-image,
.audio-placeholder,
.media-placeholder,
.layout-tile .keyboard-diagram,
.archive-entry .media-placeholder,
.build-card .media-placeholder,
.founder-photo{
  background-color:#1B1D1C!important;
  background-image:linear-gradient(145deg,#222423,#181A19)!important;
  background-blend-mode:normal!important;
}

@media(max-width:860px){
  .brand{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  .brand-mark{
    width:56px!important;
    height:56px!important;
  }
}


/* ===== YORU HEADER — FINAL ATELIER LOCK =====
   Replaces the stacked historical header experiments with one deliberate system.
   Cream paper, architectural framing, restrained copper, no solid orange blocks. */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  max-width:none!important;
  min-height:96px!important;
  margin:0!important;
  padding:12px clamp(28px,4.2vw,68px)!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(24px,3vw,48px)!important;
  overflow:visible!important;
  background-color:#F4F4F3!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='12' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.025'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#F8F7F4 0%,#F1F1EF 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:96px 96px,100% 100%!important;
  border-top:0!important;
  border-bottom:1px solid rgba(22,22,26,.16)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.07)!important;
  backdrop-filter:none!important;
}

/* One restrained architectural baseline only. */
.site-header::before{
  content:""!important;
  position:absolute!important;
  left:clamp(28px,4.2vw,68px)!important;
  right:clamp(28px,4.2vw,68px)!important;
  bottom:8px!important;
  top:auto!important;
  height:1px!important;
  background:linear-gradient(90deg,
    rgba(184,90,56,.34),
    rgba(22,22,26,.10) 22%,
    rgba(22,22,26,.10) 78%,
    rgba(184,90,56,.34)
  )!important;
  pointer-events:none!important;
  z-index:0!important;
}
.site-header::after{
  content:""!important;
  position:absolute!important;
  left:calc(clamp(28px,4.2vw,68px) + 88px + clamp(12px,1.6vw,24px))!important;
  top:20px!important;
  bottom:20px!important;
  width:1px!important;
  right:auto!important;
  height:auto!important;
  background:linear-gradient(180deg,transparent,rgba(22,22,26,.16),transparent)!important;
  pointer-events:none!important;
  z-index:0!important;
}

.brand{
  position:relative!important;
  z-index:2!important;
  width:68px!important;
  height:68px!important;
  flex:0 0 68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:start!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.brand-mark{
  display:block!important;
  width:68px!important;
  height:68px!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  transform:scale(1.16)!important;
  filter:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.nav{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
  display:grid!important;
  grid-template-columns:
    minmax(118px,1fr)
    minmax(150px,1.14fr)
    minmax(126px,1fr)
    minmax(72px,.72fr)
    minmax(110px,.86fr)
    minmax(178px,1.22fr)!important;
  align-items:center!important;
  gap:clamp(8px,1.25vw,22px)!important;
  color:#1B1B1D!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:clamp(18px,1.28vw,21px)!important;
  font-weight:600!important;
  letter-spacing:.012em!important;
  text-align:center!important;
}

.nav>a,
.products-menu summary{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:10px 8px!important;
  color:#1E1D1C!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  transition:color .22s ease,transform .22s ease,border-color .22s ease,background-color .22s ease!important;
}
.nav>a:not(.nav-cta)::before{
  content:""!important;
  position:absolute!important;
  left:24%!important;
  right:24%!important;
  bottom:5px!important;
  height:1px!important;
  background:#B85A38!important;
  opacity:0!important;
  transform:scaleX(.35)!important;
  transform-origin:center!important;
  transition:opacity .22s ease,transform .22s ease!important;
}
.nav>a:not(.nav-cta)::after{
  content:none!important;
}
.nav>a:not(.nav-cta):hover::before,
.nav>a:not(.nav-cta).active::before{
  opacity:.72!important;
  transform:scaleX(1)!important;
}
.nav>a:hover,
.products-menu summary:hover,
.nav>a.active,
.products-menu.active>summary{
  color:#000!important;
}
.products-menu summary::before{
  content:""!important;
  position:absolute!important;
  left:26%!important;
  right:26%!important;
  bottom:5px!important;
  height:1px!important;
  background:#B85A38!important;
  opacity:0!important;
  transform:scaleX(.35)!important;
  transition:opacity .22s ease,transform .22s ease!important;
}
.products-menu:hover>summary::before,
.products-menu.active>summary::before{
  opacity:.72!important;
  transform:scaleX(1)!important;
}
.products-menu summary::after{
  content:"⌄"!important;
  margin-left:7px!important;
  color:#716C68!important;
  background:none!important;
}

/* Commission CTA: precision outlined component, not a flat orange block. */
.nav>a.nav-cta{
  min-height:54px!important;
  padding:0 clamp(18px,1.8vw,28px)!important;
  border:1px solid rgba(184,90,56,.78)!important;
  border-radius:4px!important;
  background:rgba(248,247,244,.56)!important;
  color:#181818!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.42),
    0 5px 14px rgba(0,0,0,.045)!important;
  font-weight:700!important;
  text-shadow:none!important;
  opacity:1!important;
  overflow:visible!important;
}
.nav>a.nav-cta::before,
.nav>a.nav-cta::after{
  content:none!important;
}
.nav>a.nav-cta:hover{
  background:linear-gradient(180deg,#C06A49 0%,#B85A38 100%)!important;
  color:#17120F!important;
  border-color:#A84F31!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 7px 16px rgba(64,31,19,.12)!important;
  transform:translateY(-1px)!important;
}

/* Keep the products panel visually tied to the new header. */
.products-dropdown{
  top:56px!important;
  background:#F5F3EE!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='12' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.018'/%3E%3C/svg%3E")!important;
  border:1px solid rgba(22,22,26,.14)!important;
  border-radius:6px!important;
  box-shadow:0 24px 50px rgba(0,0,0,.14)!important;
}
.products-dropdown a{
  color:#282624!important;
}
.products-dropdown a:hover{
  background:#E8E4DD!important;
  color:#000!important;
}

/* Prevent the desktop header from clipping the CTA at common laptop widths. */
@media(max-width:1180px) and (min-width:861px){
  .site-header{
    padding-left:26px!important;
    padding-right:26px!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:20px!important;
  }
  .site-header::before{left:26px!important;right:26px!important}
  .site-header::after{left:112px!important}
  .brand,.brand-mark{width:60px!important;height:60px!important}
  .nav{
    grid-template-columns:
      minmax(104px,1fr)
      minmax(132px,1.1fr)
      minmax(112px,1fr)
      minmax(64px,.7fr)
      minmax(96px,.82fr)
      minmax(154px,1.18fr)!important;
    gap:6px!important;
    font-size:17px!important;
  }
  .nav>a.nav-cta{padding:0 14px!important}
}

@media(max-width:860px){
  .site-header{
    min-height:82px!important;
    padding:10px 18px!important;
    grid-template-columns:58px 1fr!important;
    gap:16px!important;
  }
  .site-header::before{left:18px!important;right:18px!important;bottom:6px!important}
  .site-header::after{content:none!important}
  .brand,.brand-mark{width:54px!important;height:54px!important}
  .menu-toggle{
    display:block!important;
    justify-self:end!important;
    color:#181818!important;
    position:relative!important;
    z-index:3!important;
  }
  .nav{
    display:none!important;
    position:absolute!important;
    top:82px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:14px!important;
    background:#F5F3EE!important;
    border:1px solid rgba(22,22,26,.14)!important;
    border-radius:6px!important;
    box-shadow:0 22px 45px rgba(0,0,0,.16)!important;
    text-align:left!important;
  }
  .nav.open{display:grid!important}
  .nav>a,.products-menu summary{
    justify-content:flex-start!important;
    min-height:46px!important;
    padding:8px 12px!important;
  }
  .nav>a.nav-cta{
    justify-content:center!important;
    margin-top:8px!important;
  }
}


/* ===== FINAL MICRO-REFINEMENTS: HEADER BASELINE + HERO CTA + TEXT LINKS ===== */

/* 1) One true architectural divider exactly at the linen/dark transition. */
.site-header{
  border-bottom:1px solid rgba(22,22,26,.15)!important;
}
/* Remove the older decorative line floating 8px above the bottom edge. */
.site-header::before{
  content:none!important;
}

/* 2) Hero CTA now mirrors the precision-outline language of the header CTA,
      inverted for the dark hero canvas. */
.home-hero .hero-actions .button.primary{
  background:transparent!important;
  background-image:none!important;
  color:#F2F2F1!important;
  border:1px solid rgba(184,90,56,.88)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease,
    transform .22s ease!important;
}
.home-hero .hero-actions .button.primary:hover{
  background:#B85A38!important;
  color:#17120F!important;
  border-color:#A84F31!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(64,31,19,.12)!important;
}

/* The secondary hero action stays quieter so the copper-outline CTA leads. */
.home-hero .hero-actions .button.secondary{
  background:transparent!important;
  color:#E7E5E1!important;
  border:1px solid rgba(235,235,235,.28)!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
.home-hero .hero-actions .button.secondary:hover{
  border-color:rgba(235,235,235,.52)!important;
  background:rgba(255,255,255,.035)!important;
  color:#FFF!important;
}

/* Fix the blank copper rectangles: old cascade accidentally applied a copper
   background to editorial text links while also making their text copper. */
.text-link,
.dark-link{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:max-content!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#B85A38!important;
  border:0!important;
  border-bottom:1px solid rgba(184,90,56,.34)!important;
  padding:0 0 3px!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:color .2s ease,border-color .2s ease!important;
}
.text-link:hover,
.dark-link:hover{
  background:transparent!important;
  background-color:transparent!important;
  color:#C76A48!important;
  border-bottom-color:#C76A48!important;
}