@import url('https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&display=swap');
:root{--purple:#ac6cfb;--ink:#111;--paper:#f6f6f4;--soft:#ececea;--line:#d8d8d4;--mono:'Fragment Mono',monospace;--display:'HK Guise','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.nav{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand img{width:76px;height:32px;object-fit:contain}.nav nav{display:none}.nav-cta{display:none}.menu{display:block;border:0;background:none;font-size:20px}.nav nav.open{display:flex;position:absolute;left:0;right:0;top:64px;padding:24px;background:#fff;flex-direction:column;gap:22px;border-bottom:1px solid;font:12px var(--mono);text-transform:uppercase}.eyebrow,.mono{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero{display:flex;flex-direction:column;padding:0 18px 18px}.hero-copy{padding:62px 0 42px}.hero h1,.page-head h1{font-size:clamp(48px,15vw,76px);line-height:.9;letter-spacing:-.065em;margin:24px 0}.lead{font:13px/1.65 var(--mono);max-width:560px}.actions{display:flex;align-items:center;gap:18px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 18px;border:1px solid var(--ink);font:10px var(--mono);text-transform:uppercase}.button.dark{background:var(--ink);color:#fff}.text-link{font:10px var(--mono);text-transform:uppercase}.hero-product{aspect-ratio:1/1;background:#fff;position:relative;display:grid;place-items:center;overflow:hidden}.hero-product:before,.product-visual:before,.product-shot:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#bbb .7px,transparent .7px);background-size:26px 26px;opacity:.45}.hero-product img{width:92%;height:92%;object-fit:contain;position:relative}.hero-product span{position:absolute;left:15px;bottom:13px;font:9px var(--mono)}.section{padding:80px 18px;border-top:1px solid var(--line)}.section h2{font-size:clamp(42px,12vw,68px);line-height:.92;letter-spacing:-.055em;margin:22px 0 42px}.split{display:block}.split p,.story>div>p{font:13px/1.7 var(--mono);max-width:600px}.category-rail{margin-top:44px;border-top:1px solid}.category-rail a{min-height:72px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;border-bottom:1px solid var(--line)}.category-rail span,.category-rail b{font:9px var(--mono)}.category-rail strong{font-size:24px;letter-spacing:-.035em}.ink{background:#f1f1ef;color:var(--ink)}.product-grid{display:grid;grid-template-columns:1fr;gap:48px}.product-card{border-top:1px solid;padding-top:12px}.product-visual{aspect-ratio:1/1;background:#fff;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual>span{position:absolute;z-index:2;left:12px;top:12px;font:9px var(--mono)}.product-visual>b{font-size:52px;color:var(--purple)}.product-visual img,.product-shot img{width:92%;height:92%;object-fit:contain;position:relative;z-index:1}.product-card .mono{margin-top:16px;color:#666}.product-card h3{font-size:32px;letter-spacing:-.04em;margin:8px 0}.product-card>p:not(.mono){font:12px/1.5 var(--mono);color:#555;min-height:36px}.product-card>div:last-child{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px}.product-card a{font:10px var(--mono);text-transform:uppercase}.pillars>div{border-top:1px solid}.pillars article{display:grid;grid-template-columns:30px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.pillars article span{font:9px var(--mono)}.pillars h3{font-size:26px;margin:0}.pillars article p{grid-column:2;font:12px/1.6 var(--mono);margin:10px 0 0;color:#555}.story{display:grid;gap:44px}.story-image{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;overflow:hidden}.story-image img{width:90%;height:90%;object-fit:contain}.page-head{padding:70px 18px}.page-head>p{font:12px/1.6 var(--mono);max-width:520px}.catalogue{padding-top:0}.category-panel{min-height:150px;border-top:1px solid;display:grid;grid-template-columns:30px 1fr 20px;align-items:center}.category-panel h2{margin:0 0 7px;font-size:38px}.category-panel p{font:10px/1.5 var(--mono)}.category-panel small{font:9px var(--mono);color:#777}.category-products{padding:0 18px 70px}.category-products article{border-top:1px solid;padding:18px 0 54px}.product-shot{aspect-ratio:1/1;background:#fff;position:relative;display:grid;place-items:center;overflow:hidden}.product-shot>span{position:absolute;z-index:2;top:12px;left:12px;font:9px var(--mono)}.product-copy{padding:32px 0 0}.product-copy h2{margin:10px 0;font-size:44px;letter-spacing:-.05em}.product-copy>p:not(.eyebrow){font:12px/1.65 var(--mono)}.product-copy ul{padding:18px 0 18px 18px;border-block:1px solid var(--line);font:10px/2 var(--mono)}.warranty{color:#777}.buy{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:25px}.buy>strong{font-size:24px}.coming{font:8px var(--mono);padding:10px;border:1px solid}.faq-list{max-width:900px;margin:auto}.faq-list h2{font-size:20px;margin-top:60px}.faq-list details{border-top:1px solid}.faq-list details:last-child{border-bottom:1px solid}.faq-list summary{list-style:none;display:grid;grid-template-columns:28px 1fr 20px;padding:22px 0;font-size:18px;cursor:pointer}.faq-list summary span{font:9px var(--mono)}.faq-list details p{font:11px/1.7 var(--mono);padding:0 28px 22px}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{padding:17px 0;border:0;border-bottom:1px solid;background:transparent;font:12px var(--mono)}.contact-form textarea{min-height:130px}.legal{min-height:60vh}.legal h1{font-size:14vw}.legal p{font:12px/1.8 var(--mono)}footer{background:var(--ink);color:#fff;padding:64px 18px 24px}.footer-logo{border-bottom:1px solid #444;padding-bottom:48px}.footer-logo img{width:min(78vw,420px);max-height:150px;object-fit:contain;object-position:left}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 20px;padding-top:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid a{display:block;color:#aaa;margin:12px 0;font:10px var(--mono)}.muted{color:#999;font:10px/1.7 var(--mono)}.copyright{border-top:1px solid #444;margin-top:45px;padding-top:18px;font:8px var(--mono);display:flex;justify-content:space-between;color:#777}.bg-white{background:#fff}.bg-light{background:#f1f1ef}.bg-purple{background:#ac6cfb}.bg-black{background:#111}
@media(min-width:720px){.nav{height:76px;padding:0 4vw}.brand img{width:100px}.menu{display:none}.nav nav{display:flex;gap:28px;font:10px var(--mono);text-transform:uppercase}.nav-cta{display:block;font:10px var(--mono);text-transform:uppercase}.hero{display:grid;grid-template-columns:46% 54%;padding:0;min-height:calc(100vh - 76px)}.hero-copy{padding:9vw 4vw}.hero h1,.page-head h1{font-size:clamp(64px,8vw,120px)}.hero-product{aspect-ratio:auto}.section{padding:9vw 4vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.category-rail{margin-top:70px}.category-rail a{grid-template-columns:70px 1fr 30px;min-height:90px}.category-rail strong{font-size:34px}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px}.pillars article{grid-template-columns:70px 1fr 1fr}.pillars article p{grid-column:3;margin:0}.story{grid-template-columns:1fr 1fr;align-items:center}.page-head{padding:8vw 4vw}.catalogue{padding-top:0}.category-panel{grid-template-columns:70px 1fr 30px;min-height:220px}.category-panel h2{font-size:62px}.category-products{padding:0 4vw 9vw}.category-products article{display:grid;grid-template-columns:1fr 1fr;padding:0}.product-shot{aspect-ratio:auto;min-height:650px}.product-copy{padding:7vw 5vw}.product-copy h2{font-size:64px}.product-copy ul{columns:2}.contact-form{grid-template-columns:1fr 1fr}.contact-form textarea{grid-column:1/-1}.legal h1{font-size:8vw}.footer-grid{grid-template-columns:2fr repeat(3,1fr)}.footer-grid>div:first-child{grid-column:auto}}

/* VIDA motion + highlight layer */
:root{--accent:#ac6cfb;--accent-soft:#efe2ff;--violet:#ac6cfb;--violet-soft:#f4ecff;--glow:linear-gradient(135deg,rgba(172,108,251,.72) 0%,rgba(244,236,255,.72) 56%,rgba(255,255,255,0) 100%)}
body{overflow-x:hidden}
.nav{backdrop-filter:saturate(140%) blur(14px);transition:box-shadow .35s ease,background .35s ease}
.nav:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(172,108,251,.45),rgba(255,255,255,.7),transparent);opacity:.55}
.nav nav a,.nav-cta,.text-link{position:relative}
.nav nav a:after,.nav-cta:after,.text-link:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.nav nav a:hover:after,.nav-cta:hover:after,.text-link:hover:after{transform:scaleX(1)}
.button{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 45%,transparent 70%);transform:translateX(-120%);transition:transform .65s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(17,17,17,.14)}
.button:hover:after{transform:translateX(120%)}
.hero,.page-head,.intro,.warranty-promo{position:relative;isolation:isolate;overflow:hidden}
.hero:before,.page-head:before,.intro:before,.warranty-promo:before{content:none}
.hero h1,.page-head h1,.section h2{position:relative}
.hero h1:after,.page-head h1:after,.section h2:after{content:none}
.hero-product,.product-visual,.product-shot,.story-image{border-radius:28px;box-shadow:0 1px 0 rgba(17,17,17,.05),0 24px 70px rgba(17,17,17,.08)}
.hero-product:after,.product-visual:after,.product-shot:after,.story-image:after{content:none}
.hero-product img,.product-visual img,.product-shot img,.story-image img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;z-index:1}
.hero-product:hover img,.product-visual:hover img,.product-shot:hover img,.story-image:hover img{transform:translateY(-8px) scale(1.025)}
.product-card{position:relative;border-top-color:rgba(17,17,17,.18);transition:transform .35s ease}
.product-card:before{content:'';position:absolute;inset:-14px -12px 0;border-radius:24px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(172,108,251,.10),transparent 36%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.product-card:hover{transform:translateY(-5px)}
.product-card:hover:before{opacity:1}
.product-card h3,.category-panel h2,.pillars h3{transition:color .28s ease}
.product-card:hover h3,.category-panel:hover h2,.pillars article:hover h3{color:var(--accent)}
.product-card>div:last-child,.buy{position:relative}
.product-card>div:last-child:before,.buy:before{content:'';position:absolute;left:0;top:-1px;width:42px;height:1px;background:var(--accent)}
.category-rail a,.category-panel,.pillars article,.faq-list details{position:relative;overflow:hidden;transition:padding-left .28s ease,background .28s ease}
.category-rail a:before,.category-panel:before,.pillars article:before,.faq-list details:before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(172,108,251,.12),rgba(244,236,255,.18),rgba(255,255,255,0));transition:width .35s ease;pointer-events:none}
.category-rail a:hover{padding-left:14px;background:rgba(255,255,255,.42)}
.category-panel:hover{padding-left:0;background:transparent}
.category-rail a:hover:before,.category-panel:hover:before,.pillars article:hover:before,.faq-list details:hover:before{width:100%}
.category-panel b,.category-rail b{transition:transform .28s ease,color .28s ease}
.category-panel:hover b,.category-rail a:hover b{transform:translate(4px,-4px);color:var(--accent)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#5f5f5a}
.eyebrow:before{content:none}
.category-panel:before{display:none}
.category-panel{transition:transform .28s ease,background .28s ease}
.category-panel:hover{transform:translateX(6px)}
.category-panel:hover h2{color:var(--ink)}
.footer-logo{position:relative}
.footer-logo:after{content:'';position:absolute;right:0;bottom:-1px;width:min(360px,60vw);height:1px;background:linear-gradient(90deg,transparent,rgba(172,108,251,.7),rgba(255,255,255,.7))}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.product-card.reveal:nth-child(2),.category-products article.reveal:nth-child(2n){transition-delay:.08s}
.product-card.reveal:nth-child(3),.category-products article.reveal:nth-child(3n){transition-delay:.16s}
@keyframes vidaFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,18px,0) scale(1.05)}}
@media(max-width:719px){.hero-product,.product-visual,.product-shot,.story-image{border-radius:22px}.category-rail a:hover,.category-panel:hover{padding-left:8px}.hero:before,.page-head:before{right:-32vw;top:16%;opacity:.55}.button:hover,.product-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
.category-panel:hover{padding-left:0;background:transparent}
.contact-form select{padding:17px 0;border:0;border-bottom:1px solid;background:transparent;font:12px var(--mono)}
.contact-form label{font:10px var(--mono);display:flex;flex-direction:column;gap:8px}
.contact-form label.wide,.contact-form .consent{grid-column:1/-1}
.contact-form .consent{flex-direction:row;align-items:flex-start;text-transform:none;line-height:1.5}
.contact-form .consent input{width:auto;margin-top:2px}