:root{--ink:#070706;--paper:#ded5c8;--muted:#a69b8c;--gold:#a47c3b;--line:rgba(176,139,75,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--paper);font-family:Georgia,'Times New Roman',serif}.site-header{position:absolute;inset:0 0 auto;z-index:20;color:#ddd}.topline{text-align:center;font:10px/1.5 Arial,sans-serif;letter-spacing:.35em;padding:10px 20px}.nav-shell{height:84px;display:grid;grid-template-columns:220px 1fr 120px;align-items:center;padding:0 4.5vw;border-top:1px solid rgba(255,255,255,.04)}.brand{text-decoration:none;color:#ddd;display:inline-flex;flex-direction:column;line-height:1}.brand span{font-size:30px;letter-spacing:.17em}.brand small{font:10px/1.2 Arial,sans-serif;letter-spacing:.45em;margin-top:8px}.main-nav .menu{display:flex;justify-content:center;gap:44px;list-style:none;margin:0;padding:0}.main-nav a,.nav-icons a{color:#ddd;text-decoration:none;font:11px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.main-nav a:hover{color:#c9a467}.nav-icons{display:flex;justify-content:flex-end;gap:24px}.nav-icons a{font-size:20px}.menu-toggle{display:none}.hero{height:min(850px,100vh);min-height:720px;position:relative;overflow:hidden;background:#030303}.hero-scene{position:absolute;inset:0;background:url('../images/sections/hero-scene.webp') center right/cover no-repeat;transform:scale(1.025)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.92) 28%,rgba(3,3,3,.35) 57%,rgba(3,3,3,.05) 100%)}.hero-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-42%);width:min(430px,40vw)}.hero h1{font-weight:400;font-size:clamp(55px,5vw,82px);line-height:.98;letter-spacing:.035em;margin:0;color:#ded5c8}.ornament{display:flex;align-items:center;gap:15px;margin:24px 0}.ornament span{height:1px;flex:1;background:var(--line)}.ornament b{font-weight:400;color:#cda566}.hero p{font-size:18px;line-height:1.55;max-width:350px;color:#c9c0b4;margin:0 0 26px}.outline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:270px;border:1px solid var(--gold);padding:16px 24px;text-decoration:none;color:#d5c4a8;font:12px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;transition:.25s}.outline-btn:hover{background:#a47c3b;color:#0a0907}.science{display:grid;grid-template-columns:1.15fr .85fr;min-height:350px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.science-image{background:url('../images/sections/science-lab.webp') center/cover no-repeat;min-height:350px}.science-copy{padding:70px 8vw 60px 5vw;background:linear-gradient(135deg,#090909,#15120f);display:flex;flex-direction:column;justify-content:center}.science small,.collection small,.newsletter small{color:#b78d4f;font:10px Arial,sans-serif;letter-spacing:.32em}.science h2{font-size:40px;line-height:1.14;font-weight:400;margin:16px 0 22px;max-width:430px}.science a{color:#b78d4f;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}.collection{padding:36px 5vw 25px;background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 45%),linear-gradient(#090909,#050505);text-align:center}.collection h2{font-weight:400;font-size:31px;letter-spacing:.12em;margin:8px 0}.mini-ornament{color:#c89e60}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1320px;margin:12px auto 15px}.product-card a{text-decoration:none;color:#ddd;display:block}.product-card img{width:100%;height:205px;object-fit:contain;mix-blend-mode:screen;transition:.35s}.product-card:hover img{transform:translateY(-8px) scale(1.03);filter:brightness(1.15)}.product-card h3{font-size:16px;letter-spacing:.08em;font-weight:400;margin:5px 0}.product-card p{margin:0 0 8px;font-size:12px;letter-spacing:.15em}.product-card span{font:8px Arial,sans-serif;letter-spacing:.19em;color:#c49a58}.center{min-width:245px;margin-top:4px}.quality{display:grid;grid-template-columns:repeat(4,1fr)}.quality article{min-height:250px;background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.85)),var(--bg) center/cover no-repeat;border-right:1px solid rgba(255,255,255,.13);display:grid;place-items:end center;text-align:center;padding:30px 24px}.quality h3{color:#d0a45e;font-size:16px;letter-spacing:.08em;font-weight:400;margin:7px 0}.quality p{font-size:13px;line-height:1.5;color:#d2cbc0;max-width:230px;margin:0}.quality b{color:#c89e60;font-size:22px}.newsletter{min-height:170px;background:linear-gradient(rgba(7,7,7,.76),rgba(7,7,7,.82)),url('../images/sections/newsletter-bg.webp') center/cover no-repeat;display:grid;grid-template-columns:1fr 240px 1.4fr;align-items:center;gap:28px;padding:32px 5vw;border-bottom:1px solid rgba(255,255,255,.08)}.newsletter h2{font-weight:400;letter-spacing:.12em;font-size:29px;margin:7px 0}.newsletter p{font-size:12px;color:#c4b9aa;max-width:300px}.lv-mark{font-size:110px;line-height:1;color:#111;text-shadow:0 1px 0 #4d4439,0 -1px 0 #000;text-align:center}.newsletter-form{display:grid;grid-template-columns:1fr 130px;gap:8px}.newsletter input,.newsletter button{height:46px;background:rgba(0,0,0,.32);border:1px solid #75664e;color:#ddd;padding:0 16px}.newsletter button{font:10px Arial,sans-serif;letter-spacing:.2em;color:#d1ac6e}.form-status{grid-column:1/-1;font:11px Arial,sans-serif;color:#d1ac6e}.site-footer{display:grid;grid-template-columns:1.45fr repeat(4,1fr) 1fr;gap:25px;padding:22px 5vw 35px;background:#050505}.site-footer h4{font:9px Arial,sans-serif;letter-spacing:.18em;color:#b89b6e}.site-footer a,.site-footer p{display:block;color:#8f877d;text-decoration:none;font:10px/1.65 Arial,sans-serif}.site-footer .brand span{font-size:24px}.social{color:#a79a87}.content-shell{min-height:70vh;padding:180px 7vw 80px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.nav-shell{grid-template-columns:1fr auto auto}.main-nav{position:fixed;inset:0 0 0 30%;background:#080808;padding:120px 40px;transform:translateX(100%);transition:.3s}.main-nav.open{transform:none}.main-nav .menu{display:block}.main-nav li{margin:0 0 24px}.menu-toggle{display:block;background:none;border:0;width:34px;height:30px;position:relative;z-index:30}.menu-toggle span{display:block;height:1px;background:#ddd;margin:8px}.nav-icons{margin-left:14px}.hero-scene{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.86) 43%,rgba(3,3,3,.15) 100%)}.product-grid{grid-template-columns:repeat(3,1fr)}.quality{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr 160px}.newsletter-form{grid-column:1/-1}.site-footer{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media(max-width:650px){.topline{font-size:8px}.nav-shell{height:68px;padding:0 20px}.brand span{font-size:22px}.hero{min-height:760px}.hero-scene{inset:170px -180px 0 -60px;background-position:center top;background-size:cover;opacity:.7}.hero-shade{background:linear-gradient(#050505 0%,rgba(5,5,5,.74) 55%,rgba(5,5,5,.22) 100%)}.hero-copy{left:24px;right:24px;top:180px;transform:none;width:auto}.hero h1{font-size:52px}.hero p{font-size:16px}.science{grid-template-columns:1fr}.science-image{min-height:260px}.science-copy{padding:42px 28px}.science h2{font-size:32px}.collection{padding-left:20px;padding-right:20px}.collection h2{font-size:24px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card img{height:190px}.quality{grid-template-columns:1fr}.quality article{min-height:230px}.newsletter{grid-template-columns:1fr;padding:35px 24px}.lv-mark{display:none}.newsletter-form{grid-template-columns:1fr}.newsletter button{width:100%}.site-footer{grid-template-columns:repeat(2,1fr);padding:28px 24px}.footer-brand{grid-column:1/-1}}

/* Signature edition */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.hero-copy{top:51%;width:min(465px,42vw)}
.hero h1{font-size:clamp(58px,5.15vw,86px);line-height:1.02;letter-spacing:.055em}
.hero p{max-width:330px;letter-spacing:.01em}
.hero-scroll{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);font:8px Arial,sans-serif;letter-spacing:.35em;color:rgba(222,213,200,.55);display:flex;flex-direction:column;align-items:center;gap:10px}
.hero-scroll span{height:35px;width:1px;background:linear-gradient(transparent,#b38a4e)}
.science-copy p{max-width:470px;color:#a99f92;font-size:14px;line-height:1.75;margin:-4px 0 24px}
.collection{padding-top:52px;padding-bottom:45px;position:relative;overflow:hidden}
.collection:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(151,119,70,.09),transparent 31%);pointer-events:none}
.product-card{position:relative;isolation:isolate;padding-top:8px}
.product-card a{position:relative;z-index:2}
.product-aura{position:absolute;left:50%;top:54%;width:115px;height:115px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(188,147,82,.17),transparent 68%);filter:blur(7px);opacity:0;transition:.5s;z-index:-1}
.product-card:hover .product-aura{opacity:1;transform:translate(-50%,-54%) scale(1.25)}
.product-card img{height:225px;filter:drop-shadow(0 22px 15px rgba(0,0,0,.65));mix-blend-mode:normal}
.product-card:hover img{transform:translateY(-12px) scale(1.035);filter:brightness(1.12) drop-shadow(0 28px 20px rgba(0,0,0,.8))}
.view-product b{display:inline-block;transition:.25s}.product-card:hover .view-product b{transform:translateX(5px)}
.quality article{min-height:285px;position:relative;overflow:hidden}
.quality article:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.92));transition:.5s}
.quality article:hover:before{background:linear-gradient(180deg,rgba(151,119,70,.08),rgba(0,0,0,.94))}
.quality article>div{position:relative;z-index:2;transition:.4s}.quality article:hover>div{transform:translateY(-6px)}
.brand-wall{height:min(780px,78vw);min-height:560px;position:relative;overflow:hidden;background:#050505;border-top:1px solid rgba(255,255,255,.08)}
.brand-wall-image{position:absolute;inset:0;background:url('../images/sections/lv-wall.webp') center 47%/cover no-repeat;transform:scale(1.025);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
.brand-wall:hover .brand-wall-image{transform:scale(1.045)}
.brand-wall-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.93) 0%,rgba(2,2,2,.74) 38%,rgba(2,2,2,.18) 68%,rgba(2,2,2,.4) 100%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 38%)}
.brand-wall-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:610px}
.brand-wall-copy small{color:#bd9457;font:10px Arial,sans-serif;letter-spacing:.38em}
.brand-wall-copy h2{font-weight:400;font-size:clamp(40px,4.2vw,68px);line-height:1.04;letter-spacing:.07em;margin:17px 0 18px;color:#e0d7cb}
.brand-wall-copy p{font-size:18px;letter-spacing:.06em;color:#bdb2a4;margin:0 0 30px}
.wall-rule{display:flex;align-items:center;gap:14px;width:310px;margin:0 0 24px;color:#c59a5c}.wall-rule span{height:1px;flex:1;background:rgba(197,154,92,.55)}.wall-rule b{font-weight:400}
.signature-footer{grid-template-columns:2fr repeat(3,1fr) .8fr;padding-top:42px;padding-bottom:42px;background:linear-gradient(#060606,#020202);border-top:1px solid rgba(174,139,83,.25)}
.signature-footer .footer-brand p{max-width:270px;margin-top:16px;color:#9b9287;letter-spacing:.04em}.signature-footer .copyright{font-size:9px;margin-top:28px}.signature-footer h4{color:#b68c4e}.footer-social{text-align:right}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.brand-wall{height:700px}.brand-wall-copy{left:6vw}.signature-footer{grid-template-columns:2fr repeat(2,1fr)}.footer-social{text-align:left}}
@media(max-width:650px){.hero-copy{top:170px}.hero h1{font-size:51px}.hero-scroll{display:none}.brand-wall{height:690px;min-height:690px}.brand-wall-image{background-position:61% center}.brand-wall-shade{background:linear-gradient(180deg,rgba(2,2,2,.9) 0%,rgba(2,2,2,.55) 45%,rgba(2,2,2,.82) 100%)}.brand-wall-copy{left:24px;right:24px;top:auto;bottom:64px;transform:none}.brand-wall-copy h2{font-size:37px}.brand-wall-copy p{font-size:15px}.signature-footer{grid-template-columns:1fr 1fr}.signature-footer .footer-brand{grid-column:1/-1}.footer-social{text-align:left}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.brand-wall-image,.hero-scene{transition:none!important;transform:none!important}}


/* ==========================================================
   LEVIAL SIGNATURE v1.2
   HERO FULL-COMPOSITION SCALE FIX

   Goal:
   - preserve the complete panoramic hero artwork
   - do NOT zoom/crop it with background-size: cover
   - maintain the artwork's native 1823:863 composition
   ========================================================== */

.hero{
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:1823 / 863;
    overflow:hidden;
    background:#030303;
}

.hero-scene{
    position:absolute;
    inset:0;
    background-image:url('../images/sections/hero-scene.webp');
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center;
    transform:none;
    opacity:1;
}

.hero-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(3,3,3,.92) 0%,
            rgba(3,3,3,.84) 20%,
            rgba(3,3,3,.48) 39%,
            rgba(3,3,3,.08) 59%,
            rgba(3,3,3,0) 100%
        );
}

.hero-copy{
    position:absolute;
    z-index:2;
    left:5.6vw;
    top:54%;
    transform:translateY(-34%);
    width:min(470px,39vw);
}

.hero h1{
    font-weight:400;
    font-size:clamp(54px,4.8vw,78px);
    line-height:.96;
    letter-spacing:.045em;
    margin:0;
    color:#ded5c8;
}

.hero .ornament{
    margin:23px 0 24px;
}

.hero p{
    max-width:390px;
    font-size:17px;
    line-height:1.5;
    margin:0 0 25px;
}

.hero .outline-btn{
    min-width:285px;
    padding:15px 22px;
}

.hero-scroll{
    bottom:18px;
}

/* Laptop / narrower desktop:
   keep the entire artwork visible rather than cropping it. */
@media (max-width:1100px) and (min-width:651px){
    .hero{
        aspect-ratio:1823 / 863;
        min-height:0;
    }

    .hero-scene{
        background-size:100% 100%;
        background-position:center center;
    }

    .hero-copy{
        left:5vw;
        top:55%;
        width:min(430px,42vw);
    }

    .hero h1{
        font-size:clamp(48px,5.2vw,65px);
    }

    .hero p{
        font-size:15px;
        max-width:330px;
    }
}

/* Mobile needs a different crop because the source artwork is panoramic. */
@media (max-width:650px){
    .hero{
        min-height:760px;
        height:100svh;
        aspect-ratio:auto;
    }

    .hero-scene{
        inset:0;
        background-size:auto 100%;
        background-position:69% center;
        opacity:.78;
    }

    .hero-shade{
        background:
            linear-gradient(
                180deg,
                rgba(3,3,3,.96) 0%,
                rgba(3,3,3,.82) 34%,
                rgba(3,3,3,.48) 68%,
                rgba(3,3,3,.18) 100%
            );
    }

    .hero-copy{
        left:24px;
        right:24px;
        top:185px;
        transform:none;
        width:auto;
    }

    .hero h1{
        font-size:clamp(47px,13vw,60px);
        line-height:.95;
    }

    .hero p{
        font-size:16px;
        max-width:330px;
    }

    .hero .outline-btn{
        width:min(310px,100%);
        min-width:0;
    }
}