:root{--bg:#0a1014;--panel:#10171b;--text:#eeeae5;--muted:#bec0c1;--orange:#ed963e;--line:#ffffff2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 84px));margin:auto}.skip{position:absolute;top:-80px;left:15px;background:#fff;color:#000;padding:10px;z-index:30}.skip:focus{top:10px}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(35px,calc((100vw - 1300px)/2));background:#0b1115ed;position:relative;z-index:10;border-bottom:1px solid #ffffff13}.logo{display:flex;align-items:center;flex-direction:column;line-height:1;min-width:175px;letter-spacing:6px}.logo span{font-size:22px;white-space:nowrap}.logo small{font-size:11px;letter-spacing:7px;margin-top:7px}.logo .wave{font-style:normal;color:var(--orange);font-size:23px;line-height:.8;letter-spacing:-6px;margin-right:6px}.nav{display:flex;gap:37px;align-items:center}.nav a,.languages,.footer-links a{font-size:11px;letter-spacing:1px}.nav a{padding:27px 0 23px;border-bottom:2px solid transparent;transition:color .2s}.nav a:hover,.nav a.active{color:var(--orange);border-color:var(--orange)}.languages{display:flex;gap:7px;align-items:center}.languages button{background:none;border:0;color:#999;padding:8px 2px}.languages button[aria-pressed=true]{color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:600px;position:relative;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#081116f2 0%,#081116d8 29%,#0811167a 62%,#08111644),linear-gradient(0deg,#081116 0%,transparent 35%),url('assets/hero-coast.webp') center 45%/cover}.hero-inner{position:relative;min-height:600px;display:grid;grid-template-columns:47% 53%;align-items:center;gap:12px}.hero-copy{padding:48px 0 60px;z-index:2}.eyebrow{font-size:12px;letter-spacing:4px;color:#e3d0ba;display:flex;gap:13px;align-items:center;margin:0 0 15px}.eyebrow:before{content:'';display:inline-block;width:26px;height:2px;background:var(--orange)}h1,h2,.product-card h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(43px,5.3vw,75px);line-height:1.05;letter-spacing:-1.6px;margin:0 0 22px}h2{font-size:clamp(35px,4vw,53px);line-height:1.13;margin:0 0 12px}.caps{font-size:13px;letter-spacing:4px;line-height:1.8}.orange-line{height:2px;width:61px;background:var(--orange);margin:18px 0}.hero-desc{font-size:15px;line-height:1.65;color:#e2e2e2}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 19px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.35px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#15120e}.primary:hover{background:#ffb363}.outline{border:1px solid #ddd;color:#fff;background:#0c111690}.outline:hover{background:#ffffff18}.formats{font-size:12px;color:#d7d8d8;margin-top:22px}.hero-product{align-self:end;margin-bottom:82px;transform:rotate(-2deg);filter:drop-shadow(0 25px 24px #000a)}.hero-product img{width:100%;border:1px solid #e0a15e66;border-radius:9px}.image-note{display:block;text-align:right;font-size:10px;color:#c4c4c4;margin-top:8px;transform:rotate(2deg)}.benefits{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0b1318,#101418,#0b1318)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.benefits-grid>div{text-align:center;border-right:1px solid var(--line);padding:0 12px}.benefits-grid>div:last-child{border:0}.benefit-icon{font-size:34px;color:var(--orange);font-weight:300}.benefits h3{font-size:12px;font-weight:500;letter-spacing:1.1px;margin:9px 0}.benefits p{font-size:13px;color:#c9c9c9;line-height:1.4;margin:0}.section{padding:76px 0}.products{background:radial-gradient(ellipse at 90% 80%,#312016 0%,transparent 38%),#0b1115}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.compact{font-size:11px;margin:0}.text-link{font-size:11px;color:var(--orange);border-bottom:1px solid var(--orange);padding-bottom:5px;letter-spacing:.5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.product-image{background:#070b0e;border:1px solid #3e454a;border-radius:7px;overflow:hidden;aspect-ratio:2.7;display:flex;align-items:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.035)}.product-card h3{font-size:31px;margin:12px 0 0}.product-type{font-size:11px;letter-spacing:2.2px;margin:0 0 13px}.product-card>p:not(.product-type){color:#c9c9c9;line-height:1.55;font-size:14px;max-width:500px}.product-bottom{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:16px}.small{min-height:39px}.status{font-size:11px;color:#b4b4b4}.philosophy{background:linear-gradient(90deg,#071016ed 0%,#0b1216a6 45%,#0b1216b3),url('assets/philosophy-coast.webp') center/cover;min-height:345px}.philosophy-grid{display:grid;grid-template-columns:1fr 340px;gap:90px;align-items:center}.philosophy-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:470px;color:#e0e0e0}.warm{border-color:var(--orange);color:var(--orange);margin-top:12px}blockquote{margin:0;padding:22px 30px;background:#101519e8;border:1px solid var(--orange);border-radius:8px;line-height:1.65;font-size:15px}blockquote>span{font-family:Georgia,serif;font-size:46px;color:var(--orange);line-height:1}blockquote p{margin:0 0 22px}blockquote footer{font-size:10px;letter-spacing:2px}blockquote i{color:var(--orange);font-size:22px;font-style:normal;margin-left:14px}.about{background:#10171b}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-grid>p{line-height:1.8;color:#ccc}.support{border-top:1px solid var(--line)}.support-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.support-inner p:not(.eyebrow){max-width:620px;color:#ccc;line-height:1.6}.footer{background:#070d11;border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links{display:flex;gap:25px}.footer-inner>p{font-size:12px;color:#aaa}.reveal{opacity:0;translate:0 20px;transition:opacity .7s ease,translate .7s ease}.reveal.visible{opacity:1;translate:0 0}@media(max-width:1000px){.nav{gap:18px}.nav a{font-size:10px}.hero-inner{grid-template-columns:52% 48%}.hero-product{margin-bottom:110px}.philosophy-grid{gap:35px}}@media(max-width:760px){.container{width:min(100% - 36px,550px)}.header{height:68px;padding:0 18px}.logo{min-width:145px}.logo span{font-size:17px;letter-spacing:5px}.logo small{font-size:9px}.menu-toggle{display:block;margin-left:auto;margin-right:18px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b1115;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;box-shadow:0 15px 30px #0008}.nav.open{display:flex}.nav a{padding:13px;font-size:12px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:65px 0 12px}.hero-product{width:95%;align-self:center;margin:30px 0 50px;transform:none}.hero{min-height:0}.hero-backdrop{background-position:60% center}.benefits-grid{grid-template-columns:1fr 1fr;row-gap:26px}.benefits-grid>div:nth-child(2){border:0}.benefits-grid>div{padding:0 5px}.section{padding:54px 0}.section-top{align-items:start;gap:20px}.text-link{max-width:110px;line-height:1.5}.product-grid,.philosophy-grid,.about-grid{grid-template-columns:1fr}.product-grid{gap:38px}.philosophy-grid{gap:35px}.support-inner{align-items:start;flex-direction:column}.footer-inner{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;translate:none;transition:none}.btn,.product-image img{transition:none}}

/* Voluntary support integration */
.nav .nav-donate{border:1px solid #ed963e80;border-radius:4px;padding:10px 12px;color:var(--orange);white-space:nowrap;transition:background .2s,color .2s}.nav .nav-donate:hover{background:var(--orange);color:#15120e}.donate-outline{border:1px solid #ed963e88;color:var(--orange);background:transparent}.donate-outline:hover{background:#ed963e18}.support{background:radial-gradient(ellipse at 82% 50%,#342114 0%,transparent 52%),#0b1115}.support-inner{padding:20px 0}.support-inner h2{max-width:680px}.support-note{font-size:12px!important;color:#e7b887!important}.support-actions{display:flex;flex-direction:column;align-items:center;gap:17px;flex-shrink:0}.donate-main{min-height:52px;padding:14px 26px;white-space:nowrap}.support-plugins-link{color:#ddd;font-size:11px;letter-spacing:1px;border-bottom:1px solid #ed963e;padding-bottom:6px}.support-plugins-link:hover{color:var(--orange)}@media(max-width:1120px){.nav{gap:17px}.nav .nav-donate{padding:9px 7px;font-size:10px}}@media(max-width:760px){.nav .nav-donate{margin-top:8px;text-align:center;padding:13px}.support-actions{align-items:flex-start}.donate-main{white-space:normal}}

/* Hero layout safeguards: prevent overlapping content on narrower desktop windows */
.hero-inner{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(22px,3vw,50px)}
.hero-copy,.hero-product{min-width:0}
.hero-copy h1{font-size:clamp(39px,4.4vw,68px);overflow-wrap:normal}
.hero-product{max-width:100%}
@media(max-width:760px){.hero-inner{display:flex}.hero-copy h1{font-size:clamp(39px,9vw,62px)}}

/* Keep a single text layer in the hero and avoid browser translation ghosting. */
.hero-copy [data-t],.hero-product .image-note{position:relative;isolation:isolate}
.hero-copy [data-t]::before,.hero-copy [data-t]::after{content:none!important}
.hero-copy{isolation:isolate}
@media(max-width:760px){.hero-inner{grid-template-columns:1fr}}

/* Avoid rendering stale transition layers during language changes. */
.hero-copy [data-t]{backface-visibility:hidden;transform:translateZ(0)}

/* Safari: disable reveal compositing snapshots that retain original English text and product images. */
.reveal,.reveal.visible{opacity:1!important;translate:none!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important}
.hero-copy [data-t]{transform:none!important;backface-visibility:visible!important}
.hero-product{transform:rotate(-2deg)!important}
@media(max-width:760px){.hero-product{transform:none!important}}

/* Three-product catalog */
@media(min-width:761px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#univibe .product-image img{object-position:center}#univibe .product-image{background:#1c1022}