@charset "UTF-8";
/* Native visual layer, informed by the user's six-site inspiration folder. */
:root { --ease-out:cubic-bezier(.16,1,.3,1); --ease-touch:cubic-bezier(.2,.65,.3,1); }
.site-header { position:sticky; top:0; background:rgba(11,14,20,.94); transition:background .3s,box-shadow .3s; }
.site-header.is-scrolled { background:rgba(11,14,20,.96); box-shadow:0 8px 30px #0002; }
@supports(backdrop-filter:blur(12px)) { .site-header.is-scrolled { background:rgba(11,14,20,.85); backdrop-filter:blur(14px); } }
.desktop-nav a { position:relative; padding:8px 0; }
.desktop-nav a::after { content:""; position:absolute; bottom:0; left:0; right:0; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .35s var(--ease-out); }
.desktop-nav a:hover::after,.desktop-nav a[aria-current="location"]::after { transform:scaleX(1); }
.reading-progress { position:absolute; left:0; right:0; bottom:0; height:1px; transform:scaleX(var(--read-progress,0)); transform-origin:left; background:linear-gradient(90deg,#92723D,#E2C58F); pointer-events:none; }
.hero-image { width:90%; object-position:65% center; transform:translate3d(0,var(--hero-shift,0px),0) scale(1.035); }
.hero-shade { background:linear-gradient(90deg,#0b0e14 2%,rgba(11,14,20,.94) 23%,rgba(11,14,20,.57) 42%,rgba(11,14,20,.03) 72%),linear-gradient(0deg,#0b0e14 0%,transparent 34%); }
.hero-content { padding-top:76px; }
.hero h1 { font-size:clamp(66px,6.65vw,104px); line-height:1.2; letter-spacing:2px; margin-block:26px 22px; }
.hero h1 .hero-line { display:block; color:var(--text); overflow:hidden; padding-bottom:.04em; }
.hero h1 .hero-word { display:inline-block; color:var(--text); }
.hero h1 em { font-style:normal; color:#D7B779; }
.hero-edition { position:absolute; z-index:1; right:56px; top:33px; text-align:right; display:grid; gap:6px; color:#C6BBA8; font-size:11px; letter-spacing:2px; pointer-events:none; }
.hero-edition span:last-child { color:#B2BBC7; letter-spacing:3px; font-size:12px; }
.hero-caption { right:7%; bottom:115px; padding:13px 18px; border-left:1px solid #C5A05977; background:linear-gradient(90deg,#111720b3,transparent); }
.hero-footnote { display:flex; align-items:center; gap:13px; max-width:430px; margin-top:35px; padding-top:20px; border-top:1px solid #C5A0593d; }
.hero-footnote>span { font:38px/1 var(--serif); color:#D7B779; }
.hero-footnote p { font-size:13px; color:#E0E4EA; line-height:1.6; }
.hero-footnote small { display:block; font-size:12px; color:#B1BDCA; }
.hero-footnote a { margin-left:auto; font-size:13px; color:#D6BC8C; white-space:nowrap; }
.hero-footnote b { font-size:17px; margin-left:8px; font-weight:400; }
.hero-bottom { font-size:11px; color:#AAB8C8; }
.ambient-light { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; opacity:.68; transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0); transition:transform 1.2s var(--ease-out); }
.ambient-light i { position:absolute; width:22%; height:135%; left:60%; top:-35%; background:linear-gradient(90deg,transparent,rgba(213,178,112,.13),rgba(243,225,187,.04),transparent); transform:rotate(-32deg); transform-origin:50% 0; animation:architectural-light 16s ease-in-out infinite alternate; animation-play-state:paused; }
.ambient-light i:nth-child(2) { width:8%; left:78%; opacity:.5; animation-delay:-8s; }
.hero.is-in-view .ambient-light i { animation-play-state:running; }
.page-is-hidden .ambient-light i { animation-play-state:paused!important; }
.is-booted .hero-word { animation:hero-word-enter .95s var(--ease-out) both; }
.is-booted .hero-line:nth-child(2) .hero-word { animation-delay:75ms; }
.is-booted .hero .eyebrow,.is-booted .hero-tagline,.is-booted .hero-description,.is-booted .hero-button,.is-booted .hero-footnote { animation:quiet-enter .8s var(--ease-out) both; }
.is-booted .hero-tagline { animation-delay:140ms; }.is-booted .hero-description { animation-delay:195ms; }.is-booted .hero-button { animation-delay:250ms; }.is-booted .hero-footnote { animation-delay:310ms; }
.discipline-strip { border-block-color:#ffffff0d; }
.section-index { color:#D7B779; }.section-intro h2,.standards-intro h2 { letter-spacing:.7px; }
.material-tabs-nav { margin-bottom:35px; }
.tabs-guide { justify-content:space-between; margin-bottom:15px; }
.material-tabs-nav .product-tabs { gap:10px; padding:6px 0 17px; }
.material-tabs-nav .product-tab { display:block; padding:0; min-height:215px; flex:1 0 175px; border-color:#ffffff1a; border-radius:10px; background:linear-gradient(145deg,#1B212B,#10151D); box-shadow:0 8px 24px #0002; }
.material-tabs-nav .product-tab[aria-selected="true"] { border-color:#D7B779; background:linear-gradient(145deg,#242729,#141A23); }
.product-tab .tab-photo { display:block; position:relative; z-index:1; margin:5px 5px 0; height:112px; border-radius:6px; overflow:hidden; opacity:1; }
.tab-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,#10151D55); }
.tab-photo img { width:100%; height:100%; object-fit:cover; transition:transform .65s var(--ease-out),opacity .35s,filter .35s; }
.material-tabs-nav .product-tab>.tab-number { position:absolute; left:14px; top:14px; margin:0; z-index:2; display:grid; place-items:center; width:27px; height:25px; background:#0B0E14CC; border:1px solid #C5A0594d; border-radius:4px; font-size:12px; opacity:1; }
.material-tabs-nav .product-tab>.tab-copy { padding:13px 13px 15px; margin:0; }
.material-tabs-nav .tab-copy strong { font-size:15px; color:#F4F4F6; }
.material-tabs-nav .tab-copy small { margin-top:5px; font-size:14px; line-height:1.55; color:#C0CBD7; }
.product-tab[aria-selected="true"] .moving-border::after { background:linear-gradient(145deg,#242729,#141A23); }
.material-viewer { border-color:#D6BC8C30; border-radius:12px; box-shadow:0 20px 55px #0003,0 1px 0 #ffffff0b inset; }
.viewer-top,.viewer-bottom { text-shadow:0 1px 8px #000; }
.material-detail { padding-top:7px; }.product-model { color:#D6B778; }
.material-detail h3 { letter-spacing:1px; }.spec-list>div { border-bottom-color:#ffffff0b; }
.application-tags span { border-radius:4px; background:#C5A05908; border-color:#C5A05926; color:#D6DBE2; }
.zoom-toolbar { border-bottom-color:#C5A05926; }
.config-current { border-block-color:#ffffff14; }
.config-fieldset { padding:24px; margin-bottom:18px; border:1px solid #ffffff12; border-radius:12px; background:linear-gradient(145deg,#151B2399,#10151D55); }
.config-fieldset:last-child { margin-bottom:0; }.config-fieldset legend { padding:0 9px; margin-left:-9px; }
.config-fieldset legend small { margin-left:0; }.field-number { color:#D8B879; }
.area-tiers { padding:5px; gap:5px; border:1px solid #ffffff10; border-radius:9px; background:#080C12; }
.tier-button { border-radius:6px; border:1px solid transparent; background:transparent; min-height:86px; transition:background .25s,box-shadow .25s,border-color .25s,transform .2s var(--ease-touch); }
.tier-button[aria-checked="true"] { background:linear-gradient(145deg,#C5A05927,#C5A05909); border-color:#C5A05966; box-shadow:0 3px 15px #0003,inset 0 1px #F4E3BC14; }
.tier-button[aria-checked="true"]::after { display:none; }.tier-button small { font-size:14px; }
.stepper { border-radius:7px; background:#0A0F16; border:1px solid #ffffff26; transition:border-color .2s,box-shadow .2s; }
.stepper:focus-within { border-color:#C5A059; box-shadow:0 0 0 3px #C5A05917; }
.stepper input { color:#F4F4F6; }.stepper button { border-radius:5px; }
.choice-chips { gap:10px; }
.choice-chip { position:relative; border-radius:8px; border-color:#ffffff1a; background:#0D121B; transition:background .25s,border-color .25s,box-shadow .25s,transform .18s var(--ease-touch); }
.choice-chip[aria-checked="true"] { border-color:#C5A05988; background:linear-gradient(115deg,#C5A05919,#C5A05905); box-shadow:inset 0 1px #F4E3BC10; }
.choice-chip::after { content:""; flex-shrink:0; width:8px; height:8px; border:1px solid #778393; border-radius:50%; margin-left:auto; }
.choice-chip[aria-checked="true"]::after { border-color:#D7B779; background:#D7B779; box-shadow:0 0 0 3px #C5A05916; }
.finish-swatch { border-radius:50%; box-shadow:0 0 0 3px #0C1119,0 0 0 4px #ffffff1a; }
.estimate-card { border-radius:14px; border:1px solid #C5A0594d; background:radial-gradient(ellipse at 85% 0,#C5A05912,transparent 55%),linear-gradient(150deg,#1A2029,#10151D); box-shadow:0 22px 65px #0003,inset 0 1px #F4E3BC10; }
.estimate-top { border-bottom:1px solid #C5A05921; padding-bottom:20px; margin-bottom:24px; }
.unit-price strong { color:#E5CAA0; letter-spacing:-2px; }
.button,.header-cta { border-radius:6px; }
.button { box-shadow:inset 0 1px 0 #FFF3CF40,0 4px 13px #0002; transition:background .25s,transform .35s var(--ease-out),box-shadow .25s; transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0); }
.button.brass { background:linear-gradient(115deg,#D7B779,#BE9650); }
.button.brass:hover:not(:disabled) { background:linear-gradient(115deg,#E5C88F,#C7A05E); box-shadow:inset 0 1px #FFF3CF66,0 6px 24px #C5A05916; }
.button:active:not(:disabled),.tier-button:active,.choice-chip:active { transform:scale(.975); }
.button>span,.header-cta>span { transition:transform .3s var(--ease-out); }
.button:hover>span,.header-cta:hover>span { transform:translate(2px,-2px); }
.inquiry-bar { background:rgba(12,17,24,.96); border-top-color:#C5A05933; box-shadow:0 -10px 35px #0002; }
.inquiry-dialog { border-radius:15px; border-color:#C5A05955; box-shadow:0 40px 120px #0008; }
.inquiry-dialog::backdrop { background:#03070DCC; backdrop-filter:blur(7px); }
.inquiry-dialog[open] .dialog-content { animation:quiet-enter .35s var(--ease-out); }
.copy-status { border-radius:6px; }
.standards-section { gap:44px; align-items:start; }
.engineering-study { margin:30px 0 0; padding:20px 22px; background:radial-gradient(ellipse at 50% 60%,#C5A0590D,transparent 70%),#10151D; border:1px solid #C5A05930; border-radius:12px; overflow:hidden; }
.study-top { display:flex; justify-content:space-between; color:#B2BCCA; font-size:10px; letter-spacing:1.6px; }.study-top>span:last-child { color:#D7B779; }
.engineering-study svg { display:block; width:100%; max-height:240px; margin:24px 0 12px; }
.engineering-study figcaption { display:flex; justify-content:space-between; gap:8px; font-size:14px; color:#D9DFE6; }
.engineering-study b { font:12px var(--serif); margin-right:4px; color:#D7B779; }.engineering-study>p { font-size:12px; color:#AAB8C8; margin-top:15px; }
.standard-rows { display:grid; gap:14px; border:0; margin-top:0; }
.standard-rows details { border:1px solid #ffffff15; border-radius:12px; background:linear-gradient(125deg,#1B212A99,#111720); overflow:hidden; transition:border-color .3s,background .3s; }
.standard-rows details[open] { border-color:#C5A05955; background:linear-gradient(125deg,#C5A0590B,#111720); }
.standard-rows summary { padding:25px 24px; gap:17px; }.standard-rows .standard-number { font-size:14px; padding-top:3px; }
.standard-rows .standard-body { padding:0 24px 25px 58px; }.standard-check { color:#9CD8BF; }
.standard-rows .detail-plus { border:1px solid #ffffff1f; border-radius:50%; width:29px; height:29px; display:grid; place-items:center; line-height:1; }
.closing-section { border-top-color:#C5A05926; background:radial-gradient(ellipse at 80% 90%,#C5A05908,transparent 60%); }
.round-inquiry { transition:transform .35s var(--ease-out),background .25s; }.round-inquiry:hover { transform:rotate(-12deg); }.footer-top { border-bottom-color:#ffffff12; }
.reveal-wait { opacity:0; transform:translate3d(0,18px,0); }
.reveal-wait.is-revealed { opacity:1; transform:none; transition:opacity .7s var(--ease-out),transform .7s var(--ease-out); transition-delay:var(--reveal-delay,0ms); }
.engineering-study .draw-line { stroke-dasharray:1; stroke-dashoffset:0; }.engineering-study.is-revealed .draw-line { animation:construction-trace 1.25s var(--ease-out) both; }
.study-layer:nth-of-type(2) .draw-line { animation-delay:75ms; }.study-layer:nth-of-type(3) .draw-line { animation-delay:150ms; }
@keyframes hero-word-enter { from { transform:translateY(105%); opacity:.3; filter:blur(3px); } to { transform:none; opacity:1; filter:blur(0); } }
@keyframes quiet-enter { from { opacity:0; translate:0 12px; } to { opacity:1; translate:0 0; } }
@keyframes architectural-light { from { transform:rotate(-34deg) translateX(-14px); opacity:.45; } to { transform:rotate(-26deg) translateX(14px); opacity:.95; } }
@keyframes construction-trace { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@media(hover:hover) and (pointer:fine) {
  .product-tabs:has(.product-tab:hover) .product-tab:not(:hover):not([aria-selected="true"]) .tab-photo img { opacity:.58; filter:blur(.65px); }
  .product-tab:hover .tab-photo img,.product-tab:focus-visible .tab-photo img { transform:scale(1.055); }.choice-chip:hover,.tier-button:hover { border-color:#C5A05988; }
}
@media(min-width:1600px) { .hero-content { padding-top:90px; } }
@media(max-width:1100px) { .config-fieldset { padding:20px; }.hero-edition { right:36px; }.hero-footnote { max-width:390px; } }
@media(max-width:900px) {
  .standards-section { grid-template-columns:1fr; gap:26px; }.standards-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:28px; }
  .standards-intro>.section-index,.standards-intro>h2,.standards-intro>p,.standards-intro>.text-link { grid-column:1; }
  .engineering-study { grid-column:2; grid-row:1/5; margin:0; align-self:center; }.hero-footnote { max-width:360px; }
}
@media(max-width:700px) {
  html { scroll-padding-top:96px; }
  .hero { height:760px; max-height:none; }.hero-content { padding-top:34px; }.hero h1 { font-size:clamp(53px,15vw,66px); margin:24px 0 17px; }
  .hero .eyebrow { font-size:8px; letter-spacing:1.1px; }.hero-description { font-size:15px; }
  .hero-image { width:125%; height:61%; right:-20%; bottom:38px; top:auto; object-position:62% center; opacity:1; }
  .hero-shade { background:linear-gradient(180deg,#0b0e14 0%,#0b0e14eb 32%,#0b0e1445 57%,#0b0e1400 74%,#0b0e14 98%),linear-gradient(90deg,#0b0e1466,transparent); }
  .hero-edition { display:none; }.hero-button { margin-top:24px; min-height:49px; }
  .hero-footnote { position:absolute; left:0; bottom:75px; width:100%; padding-top:13px; margin:0; background:linear-gradient(0deg,#0b0e14ad,transparent); }
  .hero-footnote>span { font-size:30px; }.hero-footnote p { font-size:12px; }.hero-footnote small { display:none; }.hero-footnote a { font-size:12px; }
  .hero-bottom { font-size:10px; bottom:25px; }.hero-bottom-rule { min-width:10px; }.ambient-light { opacity:.35; }.ambient-light i { left:56%; width:36%; }
  .material-tabs-nav .product-tabs { gap:8px; }.material-tabs-nav .product-tab { flex:0 0 var(--tab-peek-size); width:var(--tab-peek-size); padding:0; min-height:209px; }
  .product-tab .tab-photo { height:96px; margin:4px 4px 0; }.material-tabs-nav .product-tab>.tab-copy { padding:12px 10px 14px; }
  .material-tabs-nav .product-tab>.tab-number { top:11px; left:11px; margin:0; font-size:12px; }
  .material-tabs-nav .tab-copy strong { font-size:15px; }.material-tabs-nav .tab-copy small { font-size:14px; line-height:1.55; }
  .tabs-guide { justify-content:flex-start; }.tabs-guide>span:last-child { white-space:nowrap; }.material-viewer { border-radius:8px; }.material-tabs-nav { margin-bottom:23px; }
  .config-fieldset { padding:18px 15px; }.config-fieldset legend { padding-inline:6px; margin-left:-6px; }.config-fieldset legend small { max-width:240px; margin-top:8px; }
  .area-tiers { padding:4px; gap:4px; }.tier-button { padding:11px 9px; min-height:84px; }.choice-chip,.finish-chips .choice-chip { padding:14px 12px; }
  .estimate-card { padding:24px 19px; }.estimate-card .button { font-size:15px; padding-inline:14px; }
  .standards-intro { display:block; }.engineering-study { margin-top:26px; padding:18px; }.engineering-study svg { margin-top:20px; max-height:185px; }.engineering-study figcaption { font-size:13px; }
  .standard-rows summary { padding:23px 18px; gap:13px; }.standard-rows .standard-body { padding:0 18px 23px; }.standard-rows summary strong { font-size:18px; }.standard-rows summary small { font-size:10px; letter-spacing:.8px; }
  .inquiry-dialog::backdrop { backdrop-filter:blur(4px); }
}
@media(max-width:370px) { .hero { height:740px; }.hero h1 { font-size:51px; }.hero-footnote { bottom:68px; gap:9px; }.hero-footnote a { font-size:11px; }.tabs-guide>span:last-child { font-size:12px; }.config-fieldset { padding-inline:12px; }.estimate-card .button { font-size:14px; padding-inline:12px; }.engineering-study { padding:15px; }.engineering-study figcaption { font-size:12px; } }
@media(prefers-reduced-motion:reduce) {
  .hero-image { transform:none; }.ambient-light { transform:none!important; }
  .is-booted .hero-word,.is-booted .hero .eyebrow,.is-booted .hero-tagline,.is-booted .hero-description,.is-booted .hero-button,.is-booted .hero-footnote,.ambient-light i,.engineering-study.is-revealed .draw-line,.inquiry-dialog[open] .dialog-content { animation:none; }
  .reveal-wait,.reveal-wait.is-revealed { opacity:1; transform:none; transition:none; }.button,.button>span,.round-inquiry,.tab-photo img { transform:none!important; transition:none; }
}
