@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--graphite:#0b0f12;--paper:#f7f9fa;--gold:#c8a24d;--navy:#0a2342}body{font-family:'Space Grotesk',Inter,Arial,sans-serif;background:var(--paper)}main{overflow:clip}.topline{background:var(--graphite)}header{background:#f7f9faf5;border-color:#dfe3e8}.hero{max-width:none;background:var(--graphite);color:white;padding:50px max(5%,calc((100vw - 1240px)/2));gap:65px;align-items:center}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,6.7vw,90px);letter-spacing:-3px;font-weight:600;line-height:.99}.hero h1 em{color:var(--gold)}.hero-copy>p{color:#c8cdd3;max-width:440px}.hero .eyebrow,.hero .origin{color:#c8cdd3}.hero .audit-link{color:#c8cdd3;text-align:left;line-height:1.7}.starter{background:#ffffff07;color:white;border:1px solid #ffffff23;border-radius:10px;padding:28px;backdrop-filter:blur(14px)}.starter h2{font:600 31px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:0}.starter .eyebrow{color:var(--gold)}.starter label{font-weight:500}.starter select{background:#f7f9fa;color:#0a2342;border-color:#c8cdd3}.starter .primary{line-height:1.5}#starterResult{border-color:#ffffff25}#starterResult .muted{color:#c8cdd3}#starterResult .secondary{color:white;border-color:#c8cdd3}.reassurance{font-size:14px}.section{padding-block:65px}h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(38px,4.8vw,60px);letter-spacing:-1.4px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category{position:relative;background:#0a2342;color:white;overflow:hidden;border:0;padding:0;min-height:205px;justify-content:flex-end;isolation:isolate}.category>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0b0f12e0);z-index:-1}.category-label{padding:24px;display:block}.category-label strong{display:block;font-size:21px}.category-label small{display:block;color:#c8cdd3;font-size:14px}.category-number{position:absolute;right:24px;top:10px;font:500 70px/1 Georgia;color:#ffffff16}.catalog-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:30px}.catalog-controls label{margin:0}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{background:white;border:1px solid #e0e5e9;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.material-card>img,.photo-pending{width:100%;height:185px;object-fit:cover;background:#edf0f3}.photo-pending{display:grid;place-content:center;text-align:center;color:#596b7e;font-size:14px;line-height:1.7}.material-card>div:not(.photo-pending){padding:22px;display:flex;flex-direction:column;flex:1}.material-card h3{font-size:18px;line-height:1.5;margin:9px 0}.material-card .eyebrow{font-size:12px;letter-spacing:.5px}.unit-price{font-family:ui-monospace,monospace;font-size:19px;margin:10px 0}.unit-price small{font-size:14px}.price-status{font-size:13px;color:#596b7e;margin:0 0 15px}.material-card details{font-size:14px;color:#596b7e;margin-bottom:20px}.material-card .primary{margin-top:auto}#materialMore{display:block;margin:26px auto 0}#materialCount{font-size:14px;color:#596b7e;margin:18px 0}.list-strip{margin-top:26px}.floating-basket{position:fixed;bottom:22px;right:24px;z-index:30;background:#0a2342;color:white;box-shadow:0 10px 40px #0a234230;padding:13px 20px;border:1px solid #c8a24d}.floating-basket b{font-family:monospace;background:#c8a24d;color:#0a2342;padding:4px 8px;border-radius:4px;margin-left:12px}.studio{border-top:1px solid #dfe3e8}.case-select{max-width:500px}.stage-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.stage-tabs button[aria-selected=true],.stage-tabs button[aria-pressed=true]{background:#0a2342;color:white;border-color:#0a2342}.stage-tabs button{font-size:14px;min-height:46px}.case-frame{display:grid;grid-template-columns:1.7fr 1fr;background:#0a2342;color:white;border-radius:10px;overflow:hidden}.case-frame img{width:100%;height:410px;object-fit:cover}.case-frame>div{padding:34px;align-self:center}.case-frame .eyebrow{color:#c8a24d}.case-frame h3{font:600 34px/1.1 'Cormorant Garamond',Georgia,serif}.case-frame p{font-size:15px;color:#c8cdd3}.case-frame .primary{margin-top:26px}.stage-empty{background:#eaf0f4;border:1px solid #c8cdd3;padding:44px;border-radius:10px;min-height:250px}.stage-empty p{max-width:670px;color:#596b7e}.authority h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:56px}.contact-card h3{font-size:28px}.labor{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.labor p{color:#596b7e}.labor-form{background:white;padding:28px;border:1px solid #dfe3e8;border-radius:10px}.labor-form fieldset{padding:0;border:0;margin:0;min-width:0}.labor-form legend{font-size:14px;font-weight:600}.labor-form .stage-tabs{margin:12px 0}.labor-form .primary{width:100%;line-height:1.6}.diary-grid{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;padding-bottom:18px}.diary-grid article{flex:0 0 270px;scroll-snap-align:start}.diary-grid img{height:255px;object-fit:cover;background:white}.quick-row{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #dfe3e8}.quick-row>img,.quick-row>.photo-pending{width:110px;height:110px;border-radius:6px}.quick-row p{font-size:14px;color:#596b7e}.quick-row .photo-pending{font-size:12px}#audit,#basket{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100vw);max-height:100dvh;height:100dvh;border-radius:0;overflow-y:auto;padding:32px}#audit h2,#basket h2{font-size:30px}.basket-row input{flex-shrink:0}summary{cursor:pointer}#toast{z-index:50}footer{padding-bottom:95px}.authority p,.operations p{line-height:1.8}
@media(max-width:850px){.hero{gap:30px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-frame{grid-template-columns:1fr}.case-frame img{height:320px}.labor{gap:30px}.authority h2{font-size:46px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:34px 5%;gap:24px}.hero h1{font-size:60px;letter-spacing:-2px}.hero .origin{margin-top:18px}.starter{padding:22px}.section{padding-block:42px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category{min-height:168px}.category-label{padding:18px}.category-label strong{font-size:17px}.category-label small{font-size:13px}.category-number{font-size:52px}.catalog-controls{grid-template-columns:1fr;gap:14px}.material-grid{gap:12px}.material-card>div:not(.photo-pending){padding:14px}.material-card>img,.material-card>.photo-pending{height:140px}.material-card h3{font-size:16px}.material-card .primary{font-size:13px;padding:11px 8px}.unit-price{font-size:16px}.material-card .eyebrow{font-size:12px}.stage-tabs{gap:7px}.stage-tabs button{padding:10px;font-size:13px}.case-frame>div{padding:25px}.case-frame img{height:250px}.labor{grid-template-columns:1fr;gap:22px}.labor-form{padding:22px}.floating-basket{right:15px;bottom:15px}.authority h2{font-size:42px}.quick-row{grid-template-columns:80px 1fr}.quick-row>img,.quick-row>.photo-pending{width:80px;height:90px}#audit,#basket{padding:24px}.stage-empty{padding:26px}.diary-grid article{flex-basis:250px}}
@media(max-width:370px){.material-grid{grid-template-columns:1fr}.hero h1{font-size:51px}.brand small{font-size:9px}#openBasket{padding:8px}.menu-toggle{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.zone-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.zone-chips a{font-size:14px;border:1px solid #c8cdd3;border-radius:5px;padding:9px 12px;min-height:44px}.zone-chips a:hover{border-color:#c8a24d;background:#f4f6f8}

/* Cinematic brand banner: a short opening, with a real contact action. */
.opening-banner{max-width:1296px;margin:24px auto 0;background:#0a2342;border:1px solid #c8cdd333;border-radius:8px;overflow:hidden}.opening-banner>img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;background:#0a2342}.banner-contact{display:flex;justify-content:center;padding:12px 20px;border-top:1px solid #c8cdd32b}.banner-contact .primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;line-height:1.5;background:#c8a24d;color:#0a2342}.banner-contact .primary:hover{background:#d5b56a}.banner-contact .primary:focus-visible{outline:3px solid #c8cdd3;outline-offset:3px}
@media(min-width:651px) and (max-width:1440px){.opening-banner{margin-inline:5%}}
@media(max-width:650px){.opening-banner{margin:16px 5% 0;border-radius:6px}.opening-banner>img{max-height:140px}.banner-contact{padding:8px 10px}.banner-contact .primary{font-size:14px;padding:10px 12px;width:100%}.hero{padding-top:24px;gap:20px}.hero h1{font-size:44px;margin:14px 0;letter-spacing:-1px}.hero-copy>p{font-size:16px;margin:12px 0}.hero .origin{margin-top:12px}}