
@font-face{font-family:Montserrat;src:url(fonts/Montserrat-300.ttf);font-weight:300;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/Montserrat-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/Montserrat-500.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/Montserrat-600.ttf);font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/Montserrat-700.ttf);font-weight:700;font-display:swap;font-display:swap}
@font-face{font-family:Lato;src:url(fonts/Lato-300.ttf);font-weight:300;font-display:swap}
@font-face{font-family:Lato;src:url(fonts/Lato-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(fonts/Lato-700.ttf);font-weight:700;font-display:swap}
:root{--navy:#08182d;--navy2:#0d2844;--ink:#f7f2e8;--muted:#aebbc9;--gold:#d4a037;--gold2:#f0d38a;--cream:#f7f3ea;--ink2:#172332;--line:rgba(212,160,55,.28);--serif:Montserrat,Arial,sans-serif;--body:Lato,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink2);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#071426;padding:10px 16px;z-index:9}.skip:focus{left:16px}
.announce{background:#050f1d;color:#d6c6a3;font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:24px;align-items:center;padding:8px 44px}.announce span:first-child{color:var(--gold2);font-weight:700}.announce a{margin-left:auto;color:#f4e8cb}.announce a span{margin-left:5px}
.topbar{background:#08182d;color:var(--ink);display:flex;align-items:center;gap:34px;padding:17px 44px;border-bottom:1px solid rgba(212,160,55,.26);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.mark{width:43px;height:auto}.wordmark{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:-.04em;line-height:1;white-space:nowrap}.wordmark>span{color:var(--gold2)}.wordmark small{display:block;font-family:var(--body);font-size:6px;font-weight:700;letter-spacing:.19em;color:#9db0c2;margin-top:6px}
.nav{display:flex;gap:23px;margin-left:auto;font-size:11px;letter-spacing:.03em;color:#d4dde5}.nav a:hover{color:var(--gold2)}.tools{display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:9px;background:#0e2945;border:1px solid rgba(212,160,55,.25);height:38px;padding:0 12px;width:205px}.search svg,.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.search input{border:0;outline:0;background:transparent;color:var(--ink);font:12px var(--body);width:100%}.search input::placeholder{color:#8296aa}.icon-btn{color:#dce5ec;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(212,160,55,.25)}
.hero{background:linear-gradient(135deg,#07172b,#0a2038 58%,#102d49);color:var(--ink);min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:56px 44px 42px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 30%,rgba(212,160,55,.19),transparent 28%),linear-gradient(180deg,transparent 60%,rgba(8,24,45,.8));pointer-events:none}.hero-copy{position:relative;z-index:2;align-self:center;max-width:570px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:var(--gold2);margin:0 0 18px}.hero .eyebrow,h1 em{color:var(--gold2)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(43px,5.1vw,74px);line-height:1.01;letter-spacing:-.06em;font-weight:500;margin-bottom:23px}h1 em{font-style:normal}.lede{font-size:16px;line-height:1.68;color:#bdcbd7;max-width:490px;font-weight:300}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 20px;border:1px solid var(--line);border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:.2s}.btn.gold{background:linear-gradient(120deg,#b97e1e,#e8c064 52%,#b97e1e);color:#08172a;border-color:transparent}.btn.ghost{color:var(--gold);border-color:rgba(212,160,55,.4);background:none}.btn.small{min-height:36px;padding:0 12px;font-size:8px}.btn:hover{transform:translateY(-1px);border-color:var(--gold)}.textlink{font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold2);border-bottom:1px solid rgba(212,160,55,.4);padding-bottom:7px}.micro-trust{display:flex;gap:15px;flex-wrap:wrap;font-size:8px;letter-spacing:.1em;color:#90a5b7;margin-top:30px}.micro-trust span:before{content:"◇";color:var(--gold);margin-right:5px}
.scene{position:relative;z-index:2;min-height:440px}.sun{position:absolute;right:4%;top:0;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(242,193,97,.35),rgba(242,193,97,0) 68%);filter:blur(4px)}.laptop{position:absolute;right:0;bottom:74px;width:74%;max-width:470px;transform:perspective(800px) rotateY(-8deg) rotateX(3deg)}.screen{background:linear-gradient(145deg,#0d2945,#061426);border:7px solid #c9d0d1;border-radius:9px 9px 2px 2px;aspect-ratio:1.55;box-shadow:0 20px 35px rgba(0,0,0,.4);position:relative;padding:23px;overflow:hidden}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,160,55,.18),transparent 50%)}.screen-brand{font-family:var(--serif);font-size:9px;letter-spacing:.2em;color:#efd899}.screen-copy{position:absolute;left:23px;bottom:44px;display:flex;flex-direction:column;gap:4px}.screen-copy small{font-size:7px;letter-spacing:.2em;color:var(--gold2)}.screen-copy strong{font-family:var(--serif);font-size:28px;color:white;font-weight:500;line-height:1}.screen-copy span{font-size:9px;color:#b6c5d1}.screen-price{position:absolute;right:23px;bottom:24px;font-family:var(--serif);font-size:17px;color:var(--gold2)}.base{height:14px;background:linear-gradient(180deg,#d4d9d8,#8c9798);border-radius:0 0 12px 12px;margin:0 -24px;box-shadow:0 10px 12px rgba(0,0,0,.23)}
.tablet{position:absolute;left:-1%;bottom:38px;width:21%;max-width:130px;transform:rotate(-4deg);z-index:3}.tablet-screen{aspect-ratio:.72;border:5px solid #d4d8d7;border-radius:7px;background:linear-gradient(145deg,#0e2b48,#07182c);padding:12px;display:flex;flex-direction:column;box-shadow:0 13px 25px rgba(0,0,0,.35)}.tablet-screen small{font-size:6px;letter-spacing:.16em;color:var(--gold2)}.tablet-screen strong{font-family:var(--serif);font-size:15px;color:#fff;margin-top:12px;font-weight:500}.tablet-screen span{font-size:8px;color:#aabac8;margin-top:3px}
.cup{position:absolute;left:55%;bottom:38px;width:42px;height:52px;border-radius:4px 4px 16px 16px;background:#d4d5cc;box-shadow:inset 14px 0 0 rgba(0,0,0,.06),0 8px 10px rgba(0,0,0,.22)}.cup:after{content:"";position:absolute;right:-17px;top:14px;width:21px;height:24px;border:5px solid #d4d5cc;border-left:0;border-radius:0 12px 12px 0}
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:#f1eadc;border-bottom:1px solid rgba(23,35,50,.1);padding:18px 44px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#5f6c79}.trust span{text-align:center}.trust span:before{content:"◇";color:#a47c26;margin-right:7px}
.section{max-width:1400px;margin:0 auto;padding:76px 44px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-bottom:1px solid rgba(23,35,50,.16);padding-bottom:24px;margin-bottom:16px}.cats{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,35,50,.14);border-bottom:1px solid rgba(23,35,50,.14)}.cat{background:#f8f1e4;padding:25px 28px;display:flex;flex-direction:column;min-height:150px;transition:.2s;position:relative}.cat:hover{background:#eee2cc}.cat-n{font-size:8px;letter-spacing:.18em;color:#a4771e}.cat strong{font-family:var(--serif);font-size:21px;font-weight:500;margin:16px 0 7px;color:#172332}.cat small{font-size:11px;line-height:1.5;color:#657381;max-width:240px}.cat b{margin-top:auto;padding-top:18px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#9b711c}.section-head h2,.feature h2,.pack h2,.about h2{font-family:var(--serif);font-size:clamp(31px,3.5vw,48px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0;color:var(--ink2)}.section .eyebrow,.feature .eyebrow,.pack .eyebrow,.about .eyebrow{color:#9b711c}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid rgba(23,35,50,.18);background:transparent;color:#536273;padding:8px 14px;font:9px var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.chip:hover,.chip.active{border-color:#b68426;color:#172332;background:#eadabb}.catalog-bar{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#687585;margin:18px 0}.fine{font-size:9px;color:#86919d}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fffdf8;border:1px solid rgba(23,35,50,.12);display:flex;flex-direction:column;transition:.2s}.product-card:hover{box-shadow:0 18px 30px rgba(23,35,50,.1);transform:translateY(-3px)}.cover{position:relative;aspect-ratio:1.2;background:linear-gradient(145deg,#071d36,#113451 60%,#0a2039);color:#f6efe1;padding:23px;display:flex;flex-direction:column;overflow:hidden}.cover:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(212,160,55,.26);border-radius:50%;right:-72px;top:-70px}.cover:before{content:"";position:absolute;left:-20%;bottom:-30%;width:80%;height:70%;background:radial-gradient(ellipse,rgba(212,160,55,.15),transparent 65%)}.cover-brand{font-family:var(--serif);font-size:10px;letter-spacing:.2em;position:relative;z-index:1}.cover-icon{font-size:43px;color:var(--gold2);margin-top:39px;position:relative;z-index:1}.cover-kicker{font-size:7px;letter-spacing:.2em;color:var(--gold2);margin-top:auto;position:relative;z-index:1}.cover strong{font-family:var(--serif);font-size:29px;line-height:1;font-weight:500;letter-spacing:-.04em;margin:6px 0 7px;position:relative;z-index:1}.cover-rule{width:36px;height:1px;background:var(--gold);position:relative;z-index:1}.cover small{font-size:10px;line-height:1.3;color:#d2c8b7;margin-top:9px;position:relative;z-index:1;max-width:195px}.cover-price{position:absolute;right:24px;bottom:22px;font-family:var(--serif);font-size:20px;color:var(--gold2);z-index:1}
.product-info{padding:19px;display:flex;flex-direction:column;flex:1}.product-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:#a4771e;margin-bottom:10px}.product-info h3{font-family:var(--serif);font-size:17px;line-height:1.2;font-weight:500;margin-bottom:9px}.product-info p{font-size:12px;line-height:1.55;color:#617080}.features{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.features span{font-size:7px;letter-spacing:.06em;border:1px solid rgba(23,35,50,.15);padding:4px 5px;color:#6e7c89}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(23,35,50,.12);padding-top:14px;margin-top:auto}.product-bottom strong{font-family:var(--serif);font-size:16px;font-weight:500;color:#172332}.empty{padding:20px 0;color:#617080;font-size:13px}.empty button{background:none;border:0;color:#9b711c;text-decoration:underline;cursor:pointer}[hidden]{display:none!important}
.feature{max-width:none;background:#f0e6d3;padding:76px 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;border-top:1px solid rgba(23,35,50,.12);border-bottom:1px solid rgba(23,35,50,.12)}.feature-copy,.feature-list{max-width:600px}.feature-copy p:not(.eyebrow){font-size:14px;line-height:1.7;color:#5d6b78;margin:18px 0 22px}.feature-list{display:grid;grid-template-columns:1fr}.feature-list>div{padding:19px 0;border-top:1px solid rgba(23,35,50,.17)}.feature-list span{font-size:9px;color:#a4771e;letter-spacing:.15em}.feature-list strong{display:block;font-family:var(--serif);font-size:18px;font-weight:500;margin:8px 0 4px}.feature-list p{font-size:12px;line-height:1.55;color:#657381;margin:0}
.pack{background:linear-gradient(120deg,#08182d,#112f4b);color:var(--ink);padding:60px 44px;display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:none}.pack h2{color:var(--ink);font-size:clamp(35px,4vw,57px);margin-bottom:15px}.pack p:not(.eyebrow){font-size:14px;line-height:1.65;color:#b8c7d4;max-width:480px;margin-bottom:25px}.pack .eyebrow{color:var(--gold2)}.pack-art{position:relative;width:310px;height:260px;flex-shrink:0;border:1px solid rgba(212,160,55,.4);padding:28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0d2945,#061426);box-shadow:20px 20px 0 rgba(212,160,55,.08)}.pack-art>span{font-size:8px;letter-spacing:.25em;color:var(--gold2)}.pack-art strong{font-family:var(--serif);font-size:48px;line-height:.9;letter-spacing:-.07em;color:#f5ead5;font-weight:500}.pack-art small{font-size:7px;letter-spacing:.12em;color:#9fb1c1;margin-top:9px}.pack-art i{height:1px;background:var(--gold);width:40px;margin:18px 0}.pack-art b{font-family:var(--serif);font-size:18px;color:var(--gold2);font-weight:400}
.about{max-width:1400px;margin:0 auto;padding:70px 44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:end}.about h2{font-size:clamp(30px,3.4vw,47px)}.about>p{font-size:14px;line-height:1.75;color:#5f6d7a;margin:0 0 6px;max-width:520px}
footer{background:#071426;color:#d2dde6;padding:28px 44px;display:flex;align-items:center;gap:30px;font-size:9px}.brand.small .mark{width:30px}.brand.small .wordmark{font-size:15px}.brand.small .wordmark small{display:none}footer>div{display:flex;gap:20px;margin-left:auto;color:#a9bac8}footer p{margin:0;color:#71879b;margin-left:20px}
@media(max-width:1100px){.topbar{padding:15px 24px;gap:20px}.nav{gap:13px;font-size:9px}.search{width:155px}.hero{padding:45px 24px}.scene{min-height:370px}.section,.feature,.about{padding-left:24px;padding-right:24px}.pack{padding:48px 24px}.announce{padding-left:24px;padding-right:24px}.product-grid{gap:12px}}
@media(max-width:820px){.announce{font-size:8px;gap:10px}.announce span:nth-child(2){display:none}.topbar{flex-wrap:wrap;gap:12px}.nav{order:3;width:100%;justify-content:space-between;margin:0;padding-top:10px;border-top:1px solid rgba(212,160,55,.2)}.tools{margin-left:auto}.search{width:170px}.hero{grid-template-columns:1fr;padding:42px 20px 20px}.scene{min-height:330px;order:-1}.hero-copy{max-width:none}.trust{grid-template-columns:1fr 1fr;padding:16px 20px;gap:10px}.cats{grid-template-columns:1fr;padding:0 20px}.cat{min-height:auto}.section,.feature,.about{padding-left:20px;padding-right:20px;padding-top:56px;padding-bottom:56px}.section-head{display:block}.filters{margin-top:18px}.product-grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr;gap:15px}.pack{display:block;padding:48px 20px}.pack-art{width:100%;max-width:310px;margin-top:30px}.about{grid-template-columns:1fr;gap:18px}.about>p{max-width:none}footer{display:block;padding:24px 20px}footer>div{margin:16px 0}footer p{margin:12px 0 0}}
@media(max-width:480px){h1{font-size:42px}.wordmark{font-size:19px}.mark{width:35px}.topbar{padding:12px 15px}.search{width:100%;order:5}.tools{width:100%;margin:0}.nav{font-size:8px}.scene{min-height:270px}.laptop{right:0;width:85%}.tablet,.cup{display:none}.trust{font-size:7px}.product-card .cover strong{font-size:25px}.pack-art{height:220px}.pack-art strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
