/* LGI Kitchen Innovations: walk-ins page styles. Distinct look for this page;
   shared tokens and chrome come from base.css. */

body{font-family:'Manrope',sans-serif;background:linear-gradient(168deg,#FBFAF8 0%,#EFF3F5 100%);background-attachment:fixed;color:var(--ink);font-size:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}

.eyebrow.frost{color:var(--frost)}
.eyebrow.frost::before{background:var(--frost)}
/* insulated-panel stripe band dividers, framing top and bottom of the page body
   (frost/silver, walk-ins only, decorative) */
.panel-band{height:14px;border-top:1px solid rgba(124,192,222,0.28);border-bottom:1px solid rgba(138,144,153,0.22);background:repeating-linear-gradient(90deg,rgba(124,192,222,0.20) 0 1px,transparent 1px 8px),linear-gradient(180deg,rgba(138,144,153,0.10),rgba(124,192,222,0.10))}
/* pending spec-sheet download (disabled, silver, not an action color) */
.spec-actions{margin-top:1.8rem}
.btn-spec{flex-direction:column;align-items:flex-start;gap:0.15rem;background:transparent;color:var(--silver);border:1px solid rgba(138,144,153,0.45);cursor:not-allowed;opacity:0.85}
.btn-spec .soon{font-family:'JetBrains Mono',monospace;font-size:0.56rem;letter-spacing:0.14em;text-transform:uppercase;opacity:0.8}

/* NAV */

.nav-link.active{color:var(--heat)}

.dropdown-menu a.active{background:rgba(124,192,222,0.14);color:var(--paper)}

/* PAGE HERO (split, frost ambiance) */
.page-hero{position:relative;overflow:hidden;background:var(--grad-steel);padding:clamp(8rem,14vw,10rem) 0 clamp(3rem,6vw,4.5rem)}
.page-hero .mesh-a{position:absolute;top:-25%;left:-8%;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(124,192,222,0.20) 0%,transparent 62%);filter:blur(8px);animation:drift 26s ease-in-out infinite alternate}
.page-hero .mesh-b{position:absolute;bottom:-42%;right:-12%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(62,127,160,0.34) 0%,transparent 60%)}
@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(5%,4%)}}
.hero-split{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 0.95fr;gap:3rem;align-items:center}
@media(max-width:900px){.hero-split{grid-template-columns:1fr;gap:2.5rem}}
.page-hero h1{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-md);line-height:1.06;color:var(--paper);letter-spacing:-0.015em;margin:1.3rem 0 1.4rem}
.page-hero h1 .word{display:inline-block;opacity:0;transform:translateY(34px)}
.page-hero p.lead{font-size:var(--body-lg);max-width:38rem;color:rgba(247,246,242,0.74);opacity:0;transform:translateY(18px)}
.page-hero p.lead .ph{color:var(--frost-bright);font-family:'JetBrains Mono',monospace;font-size:0.85em}
.pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.7rem;opacity:0;transform:translateY(14px)}
.pill{font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(247,246,242,0.72);border:1px solid rgba(255,255,255,0.18);border-radius:100px;padding:0.42rem 0.85rem;transition:border-color var(--dur-fast),color var(--dur-fast)}
.pill:hover{border-color:var(--frost);color:var(--paper)}
.is-loaded .page-hero h1 .word{opacity:1;transform:translateY(0);transition:opacity 800ms var(--ease-out-expo),transform 800ms var(--ease-out-expo)}
.is-loaded .page-hero p.lead{opacity:1;transform:translateY(0);transition:opacity var(--dur-base) .7s,transform var(--dur-base) .7s}
.is-loaded .pills{opacity:1;transform:translateY(0);transition:opacity var(--dur-base) .9s,transform var(--dur-base) .9s}
.product-stage{position:relative;display:grid;place-items:center;min-height:380px}
.product-stage::before{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(124,192,222,0.28),transparent 65%);filter:blur(20px)}
.frostcard{position:relative;background:linear-gradient(160deg,#FFFFFF 0%,#EEF6FA 100%);border:1px solid rgba(124,192,222,0.45);border-radius:16px;padding:1.5rem;box-shadow:0 30px 70px rgba(8,18,30,0.45),0 0 60px rgba(124,192,222,0.14);transform:rotate(-3deg);opacity:0;will-change:transform}
.is-loaded .frostcard{opacity:1;transition:opacity 800ms var(--ease-out-expo) .5s}
.frostcard img{display:block;max-height:420px;width:auto;max-width:100%;border-radius:6px}
.frost-tag{position:absolute;top:-0.7rem;left:1.3rem;background:linear-gradient(120deg,var(--frost),var(--frost-deep));color:#06212e;font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;padding:0.42rem 0.75rem;border-radius:5px;box-shadow:0 6px 18px rgba(62,127,160,0.45)}
.frost-foot{display:flex;justify-content:space-between;gap:0.6rem;margin-top:0.9rem;padding-top:0.8rem;border-top:1px solid rgba(124,192,222,0.3);font-family:'JetBrains Mono',monospace;font-size:0.58rem;letter-spacing:0.08em;text-transform:uppercase;color:#5b7480}
.frost-foot b{color:var(--frost-deep)}

/* THERMAL BAND (signature) */
.thermal{position:relative;color:var(--paper);padding:clamp(3.2rem,6vw,4.8rem) 0;border-top:1px solid rgba(124,192,222,0.28);background:radial-gradient(85% 130% at 18% 0%,rgba(124,192,222,0.15),transparent 55%),radial-gradient(80% 120% at 88% 100%,rgba(62,127,160,0.18),transparent 55%),var(--grad-dark-cool)}
.thermal::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,192,222,0.75) 30%,rgba(170,221,240,0.85) 50%,rgba(124,192,222,0.75) 70%,transparent);box-shadow:0 0 14px rgba(124,192,222,0.45)}
.thermal .eyebrow{justify-content:center;display:flex;margin-bottom:0.6rem}
.thermal h2{text-align:center;font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-md);letter-spacing:-0.015em;line-height:1.08}
.thermo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1rem,5vw,3.5rem);margin-top:2.4rem}
@media(max-width:760px){.thermo{grid-template-columns:1fr;gap:1.8rem}}
.rd{text-align:center}
.rd .rt{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2.6rem,6.5vw,4.4rem);line-height:1;display:block}
.rd.freezer .rt{color:var(--frost-bright);text-shadow:0 0 12px rgba(170,221,240,0.5),0 0 36px rgba(124,192,222,0.32)}
.rd.cooler .rt{color:var(--frost);text-shadow:0 0 12px rgba(124,192,222,0.4)}
.rd .rl{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(247,246,242,0.55);margin-top:0.8rem;display:block}
.gaugebar{width:2px;height:96px;background:linear-gradient(180deg,var(--frost-bright),var(--frost-deep));border-radius:2px;box-shadow:0 0 12px rgba(124,192,222,0.55);justify-self:center}
@media(max-width:760px){.gaugebar{width:96px;height:2px;background:linear-gradient(90deg,var(--frost-bright),var(--frost-deep))}}
.thermal-note{text-align:center;max-width:44rem;margin:2.2rem auto 0;color:rgba(247,246,242,0.6);font-size:var(--small)}

/* SECTION SCAFFOLD */
section{position:relative}
.sec-head{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:end;margin-bottom:3rem}
@media(max-width:768px){.sec-head{grid-template-columns:1fr;gap:1.2rem}}
.sec-head h2{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-lg);line-height:1.04;letter-spacing:-0.015em;margin-top:1rem}
.sec-head .sub{color:var(--graphite);font-size:var(--body-lg);align-self:end}
.reveal{opacity:0;transform:translateY(40px);transition:opacity 700ms var(--ease-out-quart),transform 700ms var(--ease-out-quart)}
.reveal.in{opacity:1;transform:translateY(0)}

/* WHY THIS WALK-IN */
.why{padding:clamp(4rem,8vw,6.5rem) 0;background:radial-gradient(110% 90% at 92% -5%,rgba(124,192,222,0.12),transparent 52%),radial-gradient(110% 90% at -5% 105%,rgba(26,43,69,0.10),transparent 52%),linear-gradient(165deg,#FCFCFB 0%,#EAF1F4 100%)}
.sec-head .sub .ph{color:var(--frost-deep);font-family:'JetBrains Mono',monospace;font-size:0.82em}
/* insulated panel cross-section */
.xsection{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid rgba(138,144,153,0.28);margin:0 0 2.6rem;box-shadow:0 14px 30px rgba(8,18,30,0.06)}
.layer{padding:0.7rem 1.3rem;font-family:'JetBrains Mono',monospace;font-size:0.64rem;letter-spacing:0.1em;text-transform:uppercase;display:flex;align-items:center;gap:0.7rem}
.layer .ld{width:7px;height:7px;border-radius:50%;flex:none}
.layer.skin{background:linear-gradient(180deg,#E9ECEF,#D2D7DC);color:#566370}
.layer.skin .ld{background:#9aa3ac}
.layer.core{background:repeating-linear-gradient(45deg,rgba(124,192,222,0.20) 0 9px,rgba(124,192,222,0.07) 9px 18px),linear-gradient(180deg,#EEF7FB,#DCEDF5);color:var(--frost-deep);border-top:1px solid #fff;border-bottom:1px solid #fff;padding:1.5rem 1.3rem;font-weight:500}
.layer.core .ld{background:var(--frost)}
.panelgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:0.5rem}
@media(max-width:720px){.panelgrid{grid-template-columns:1fr}}
.pcard{position:relative;background:var(--grad-card);border:1px solid rgba(138,144,153,0.22);border-radius:10px;padding:1.7rem 1.7rem 1.7rem 2.2rem;overflow:hidden;transition:transform var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base)}
.pcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:11px;background:linear-gradient(180deg,#D3D8DD 0%,#D3D8DD 34%,rgba(124,192,222,0.55) 35%,rgba(124,192,222,0.55) 65%,#D3D8DD 66%,#D3D8DD 100%)}
.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,18,30,0.10)}
.pcard .pn{font-family:'JetBrains Mono',monospace;color:var(--heat);font-size:0.8rem}
.pcard h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.3rem;letter-spacing:-0.01em;margin:0.5rem 0 0.45rem}
.pcard p{color:var(--graphite);font-size:var(--small)}
.pcard .phold{color:var(--silver);font-style:italic;font-family:'Fraunces',serif}

/* SIZING (dark, frost ambiance) */
.sizing{padding:clamp(4.5rem,9vw,7rem) 0;color:var(--paper);background:radial-gradient(80% 120% at 85% 0%,rgba(124,192,222,0.12),transparent 55%),radial-gradient(80% 110% at 0% 100%,rgba(38,86,150,0.12),transparent 55%),var(--grad-ink)}
.sizing .sec-head h2{color:var(--paper)}
.sizing .sec-head .sub{color:rgba(247,246,242,0.72)}
.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
@media(max-width:820px){.size-grid{grid-template-columns:1fr;gap:2rem}}
.size-intro p{color:rgba(247,246,242,0.78);font-size:var(--body-lg);margin-bottom:1rem}
.size-intro .cue{font-family:'JetBrains Mono',monospace;font-size:var(--micro);letter-spacing:0.16em;text-transform:uppercase;color:var(--frost)}
.consider{list-style:none}
.consider li{display:grid;grid-template-columns:auto 1fr;gap:0.9rem;align-items:start;padding:0.85rem 0;border-bottom:1px solid rgba(255,255,255,0.08);font-family:'JetBrains Mono',monospace;font-size:0.92rem;color:rgba(247,246,242,0.9);opacity:0;transform:translateX(20px);transition:opacity 600ms var(--ease-out-quart),transform 600ms var(--ease-out-quart)}
.consider li:last-child{border-bottom:none}
.consider li.in{opacity:1;transform:translateX(0)}
.consider li .ar{color:var(--heat);font-weight:500}

/* CTA */
.cta{padding:clamp(4rem,8vw,6rem) 0;text-align:center;color:var(--paper);background:radial-gradient(100% 120% at 50% 0%,rgba(124,192,222,0.12),transparent 55%),var(--grad-steel)}
.cta h2{font-family:'Fraunces',serif;font-weight:300;font-size:var(--display-md);line-height:1.06;margin:1rem 0 1.1rem;letter-spacing:-0.015em}
.cta p{color:rgba(247,246,242,0.72);max-width:38rem;margin:0 auto 1.8rem}

/* FOOTER */
footer{background:radial-gradient(80% 130% at 0% 0%,rgba(26,43,69,0.22),transparent 60%),var(--grad-ink);color:var(--paper);padding:clamp(3.5rem,7vw,5rem) 0 2.2rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.6rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08)}
@media(max-width:768px){.foot-grid{grid-template-columns:1fr;gap:2.2rem}}
.foot-brand .mark{font-family:'Fraunces',serif;font-weight:600;font-size:1.6rem;color:var(--paper)}
.foot-brand p{color:var(--silver);margin-top:0.7rem;font-size:var(--small);font-style:italic;font-family:'Fraunces',serif}
.foot-col h4{font-family:'JetBrains Mono',monospace;font-size:var(--micro);letter-spacing:0.2em;text-transform:uppercase;color:var(--heat);margin-bottom:1rem}
.foot-col a,.foot-col .ci{display:block;color:rgba(247,246,242,0.7);font-size:var(--small);padding:0.3rem 0;transition:color var(--dur-fast)}
.foot-col a:hover{color:var(--paper)}.foot-col .ph{color:var(--silver);font-style:italic}
.copyright{padding-top:1.8rem;font-family:'JetBrains Mono',monospace;font-size:var(--micro);color:var(--silver);letter-spacing:0.06em}

@media(max-width:880px){.nav-links{display:none}.nav-toggle{display:block}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.2s !important}
  .page-hero h1 .word,.page-hero p.lead,.pills,.frostcard,.reveal,.consider li{opacity:1 !important;transform:none !important}
  .frostcard{transform:rotate(-3deg) !important}
}