@font-face{font-family:"Caviar";src:url("../fonts/Caviar.ttf") format("truetype");font-weight:400;}
:root{--bg:#151515;--white70:rgba(255,255,255,.7);--white84:rgba(255,255,255,.84);--text:#202020;--ease:cubic-bezier(.22,1,.36,1);}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;}
body{background:var(--bg);color:white;font-family:"Caviar",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body::before{content:"";position:fixed;inset:0;z-index:0;background-color:var(--bg);background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.055) 0 .6px,transparent .8px),radial-gradient(circle at 62% 72%,rgba(255,255,255,.045) 0 .7px,transparent .9px),radial-gradient(circle at 80% 18%,rgba(255,255,255,.035) 0 .65px,transparent .85px),linear-gradient(105deg,rgba(255,255,255,.025),transparent 28%,rgba(255,255,255,.018) 52%,transparent 74%),var(--bg);background-size:4px 4px,5px 5px,3px 3px,100% 100%,auto;pointer-events:none;}
body.product-body::before{background:url("product.GIF") center center/cover no-repeat;opacity:.3;}
body.form-body::before{background:url("form.GIF") center center/cover no-repeat;opacity:.3;}
body.product-body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.035) 0 .5px,transparent .8px),radial-gradient(circle at 62% 72%,rgba(255,255,255,.025) 0 .5px,transparent .8px);background-size:5px 5px,6px 6px;mix-blend-mode:screen;opacity:.14;}
.nav{position:fixed;top:28px;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:flex-start;padding:0 48px;}
.logo img{display:block;width:220px;}
nav{display:flex;align-items:center;gap:70px;min-width:730px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.25);}
nav a{display:flex;align-items:center;color:var(--white84);font-size:13px;font-weight:300;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:opacity .25s ease,transform .25s ease;white-space:nowrap;}
nav a:hover{opacity:1;transform:translateY(-1px);}
nav a.active{color:white;font-weight:700;}
.nav-marker,nav a.active img{display:block;flex-shrink:0;width:12px;height:12px;margin-right:8px;object-fit:contain;}
.product-stage{position:relative;z-index:10;width:1132px;height:722px;margin:0 auto;overflow:hidden;transform:translateY(22px);transform-origin:top center;}
.screen{position:absolute;inset:0;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .28s ease,transform .28s ease;}
.product-stage[data-screen="list"] .screen-list,.product-stage[data-screen="flow"] .detail-flow,.product-stage[data-screen="kinetic"] .detail-kinetic,.product-stage[data-screen="serpent"] .detail-serpent{opacity:1;transform:translateY(0);pointer-events:auto;}
.list-cards{position:absolute;left:106px;top:170px;width:572px;}
.collection-row{position:relative;width:572px;height:114px;margin-bottom:67px;border-radius:28px;background:var(--white70);color:var(--text);overflow:hidden;}
.collection-row h1{position:absolute;left:42px;top:32px;margin:0;font-size:54px;line-height:56px;font-weight:300;letter-spacing:-1.5px;text-transform:uppercase;}
.collection-row.row-kinetic h1{left:48px;}
.small-pill,.order-pill{min-width:104px;height:30px;padding:0 18px;border:0;border-radius:999px;background:#5a5a5a;color:white;font-family:"Caviar",sans-serif;font-size:16px;line-height:30px;font-weight:300;letter-spacing:-.2px;text-align:center;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease;}
.small-pill{position:absolute;left:326px;top:44px;}
.small-pill:hover,.order-pill:hover{background:#474747;transform:translateY(-1px);}
.mini-grid{display:grid;grid-template-columns:repeat(3,85px);grid-auto-rows:85px;gap:10px;}
.list-grid{position:absolute;left:789px;}
.list-grid-top{top:160px;}
.list-grid-bottom{top:474px;}
.product-tile{position:relative;width:85px;height:85px;border-radius:14px;background:var(--white70);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-tile.empty{background:var(--white70);}
.product-tile[data-piece]::before{content:attr(data-piece);position:absolute;left:8px;top:6px;z-index:3;color:rgba(32,32,32,.55);font-size:12px;line-height:1;letter-spacing:.04em;pointer-events:none;}
.product-tile img{display:block;width:80%;height:80%;object-fit:contain;filter:contrast(1.08) saturate(.85);opacity:.88;transition:transform .2s ease;}
.product-tile.tile-wide img{width:92%;height:76%;}
.product-tile:hover img{transform:scale(1.045);}
.collection-row::after,.detail-card::after,.product-tile::after,.ring-modal__card::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 18% 24%,rgba(0,0,0,.055) 0 .55px,transparent .75px),radial-gradient(circle at 72% 68%,rgba(0,0,0,.045) 0 .5px,transparent .72px),radial-gradient(circle at 42% 86%,rgba(255,255,255,.55) 0 .55px,transparent .75px);background-size:3px 3px,4px 4px,5px 5px;mix-blend-mode:multiply;opacity:.18;border-radius:inherit;}
.detail-card{position:absolute;left:96px;top:158px;width:575px;height:490px;border-radius:30px;background:var(--white70);color:var(--text);overflow:hidden;}
.detail-title{position:absolute;margin:0;font-size:60px;line-height:60px;font-weight:300;letter-spacing:-1.8px;text-transform:uppercase;}
.flow-title{left:66px;top:388px;}.kinetic-title{left:62px;top:211px;}.serpent-title{left:56px;top:50px;}
.detail-text{position:absolute;left:335px;top:51px;width:172px;margin:0;color:#222;font-size:19px;line-height:24px;text-align:center;font-weight:300;letter-spacing:-.05px;}
.detail-serpent .detail-text{left:333px;top:52px;width:184px;}.detail-kinetic .detail-text{left:336px;top:50px;width:176px;}
.hero{position:absolute;display:block;object-fit:contain;filter:contrast(1.06) saturate(.85);opacity:.9;cursor:zoom-in;}
.hero-flow{left:315px;top:198px;width:222px;height:205px;}.hero-kinetic{left:310px;top:230px;width:226px;height:150px;}.hero-serpent{left:352px;top:170px;width:160px;height:210px;}
.order-pill{position:absolute;left:369px;top:398px;min-width:106px;height:31px;padding:0 15px;font-size:17px;line-height:31px;}
.side{position:absolute;left:760px;top:158px;width:275px;height:490px;}
.detail-grid-top,.detail-grid-bottom{position:absolute;left:0;}.detail-grid-top{top:0;}.detail-grid-bottom{top:312px;}
.price{position:absolute;left:72px;top:226px;display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.72);font-size:21px;line-height:24px;letter-spacing:-.3px;}
.price strong{font-family:"Caviar",sans-serif;font-size:21px;font-weight:300;}.price span{color:rgba(255,255,255,.35);font-size:27px;line-height:27px;font-weight:300;}
.ring-modal{position:fixed;inset:0;z-index:2200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.66);backdrop-filter:blur(5px);}
.ring-modal.is-open{display:flex;}
.ring-modal__card{position:relative;width:min(520px,82vw);height:min(520px,76vh);border-radius:32px;background:var(--white70);color:var(--text);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.42);}
.ring-modal__img{max-width:78%;max-height:72%;object-fit:contain;filter:contrast(1.08) saturate(.85);z-index:1;}
.ring-modal__number{position:absolute;left:34px;top:28px;z-index:2;font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:rgba(32,32,32,.72);}
.ring-modal__close{position:absolute;right:26px;top:22px;z-index:2;width:38px;height:38px;border:0;border-radius:999px;background:rgba(32,32,32,.08);color:var(--text);font-family:"Caviar",sans-serif;font-size:26px;line-height:36px;cursor:pointer;}
.form-stage{position:relative;z-index:10;width:100%;height:100vh;min-height:720px;margin:0 auto;overflow:hidden;}
.order-form{position:absolute;left:50%;top:50%;width:606px;transform:translate(-50%,-39%);display:flex;flex-direction:column;align-items:center;gap:0;}
.form-title{margin:0 0 48px;color:rgba(255,255,255,.86);font-size:39px;line-height:1;font-weight:300;letter-spacing:.095em;text-transform:uppercase;white-space:nowrap;}
.field-label{height:19px;margin:0 0 1px;color:rgba(255,255,255,.56);font-size:15px;line-height:19px;font-weight:300;letter-spacing:.06em;text-transform:lowercase;}
.order-form input,.order-form button,.quantity-control input{height:63px;border:0;outline:0;border-radius:999px;background:var(--white70);color:rgba(32,32,32,.58);font-family:"Caviar",sans-serif;font-size:26px;font-weight:300;line-height:63px;letter-spacing:.045em;text-align:center;}
.order-form>input{width:606px;margin-bottom:13px;}.order-form input::placeholder{color:rgba(32,32,32,.42);opacity:1;}.order-form input:focus{box-shadow:0 0 0 2px rgba(255,255,255,.22);}
.quantity-control{width:300px;display:grid;grid-template-columns:54px 175px 54px;align-items:center;justify-content:center;column-gap:12px;margin-bottom:59px;}
.quantity-control input{width:175px;appearance:textfield;}.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.quantity-btn{width:54px!important;height:54px!important;padding:0!important;border:0;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.58)!important;font-size:42px!important;line-height:48px!important;text-align:center;cursor:pointer;}.quantity-btn:hover{transform:none!important;color:rgba(255,255,255,.86)!important;}
.order-form .submit-pill{width:235px;height:54px;margin-top:0;color:rgba(32,32,32,.68);font-size:24px;line-height:54px;letter-spacing:.04em;cursor:pointer;text-transform:lowercase;transition:transform .18s ease,background .18s ease;}.order-form .submit-pill:hover{background:rgba(255,255,255,.78);transform:translateY(-1px);}
@media (max-width:1200px){.nav{padding:0 34px;}.logo img{width:190px;}nav{min-width:650px;gap:50px;}body.product-body .product-stage{transform:translateY(42px) scale(.9);}}
@media (max-width:900px){.nav{top:18px;padding:0 14px;}.logo img{width:124px;}nav{min-width:0;max-width:calc(100vw - 145px);gap:12px;padding-bottom:10px;justify-content:flex-end;}nav a{font-size:9px;letter-spacing:.04em;}.nav-marker,nav a.active img{width:8px;height:8px;margin-right:4px;}body.product-body .product-stage{position:absolute;left:50%;top:0;margin:0;transform:translate(-50%,86px) scale(.62);}.order-form{width:min(606px,86vw);transform:translate(-50%,-40%);}.form-title{font-size:clamp(24px,7vw,39px);margin-bottom:36px;}.order-form>input{width:100%;}.quantity-control{margin-bottom:46px;}.order-form input,.order-form button,.quantity-control input{font-size:21px;height:55px;line-height:55px;}.order-form .submit-pill{height:50px;line-height:50px;}}
@media (max-width:600px){.logo img{width:112px;}nav{gap:8px;max-width:calc(100vw - 128px);}nav a{font-size:8px;}body.product-body .product-stage{transform:translate(-50%,100px) scale(.42);}.order-form{width:84vw;}.quantity-control{grid-template-columns:46px 150px 46px;width:250px;}.quantity-control input{width:150px;}.quantity-btn{width:46px!important;height:46px!important;font-size:34px!important;}.field-label{font-size:13px;}.order-form input,.order-form button,.quantity-control input{font-size:18px;}}
@media (max-width:768px){.nav{top:22px;left:0;right:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}.logo img{width:150px}nav{width:min(82vw,480px);min-width:0;max-width:none;gap:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.32)}nav a{font-size:10px;letter-spacing:.055em;white-space:nowrap}.nav-marker,nav a.active img{width:8px;height:8px;margin-right:4px}}
@media (max-width:430px){.nav{top:20px;gap:22px}.logo img{width:138px}nav{width:86vw}nav a{font-size:9px;letter-spacing:.04em}}
@media (max-width:768px){body.product-body .product-stage{position:relative;left:auto;top:auto;width:100vw;height:100vh;margin:0;transform:none;overflow:hidden}.list-cards{left:50%;top:215px;width:310px;transform:translateX(-50%)}.collection-row{width:310px;height:60px;margin-bottom:30px;border-radius:14px}.collection-row h1{left:22px;top:15px;font-size:30px;line-height:30px;letter-spacing:-.8px}.collection-row.row-kinetic h1{left:22px}.small-pill{left:auto;right:42px;top:21px;min-width:54px;height:16px;padding:0 10px;font-size:8px;line-height:16px}.mini-grid{grid-template-columns:repeat(3,80px);grid-auto-rows:80px;gap:12px}.product-tile{width:80px;height:80px;border-radius:12px}.list-grid{left:50%;transform:translateX(-50%)}.list-grid-top{top:52vh}.list-grid-bottom{top:75vh}.detail-card{left:50%;top:205px;width:318px;height:245px;border-radius:16px;transform:translateX(-50%)}.detail-title{font-size:33px;line-height:33px}.flow-title{left:32px;top:182px}.kinetic-title{left:32px;top:106px}.serpent-title{left:30px;top:30px}.detail-text{left:190px;top:30px;width:100px;font-size:12px;line-height:15px}.detail-serpent .detail-text,.detail-kinetic .detail-text{left:190px;top:30px;width:100px}.hero-flow{left:178px;top:102px;width:92px;height:100px}.hero-kinetic{left:178px;top:116px;width:100px;height:72px}.hero-serpent{left:200px;top:92px;width:78px;height:102px}.order-pill{left:200px;top:185px;min-width:62px;height:18px;padding:0 8px;font-size:10px;line-height:18px}.side{left:50%;top:500px;width:264px;height:360px;transform:translateX(-50%)}.detail-grid-bottom{top:222px}.price{left:75px;top:188px;font-size:16px;gap:10px}.price strong{font-size:16px}.price span{font-size:22px}.product-tile[data-piece]::before{font-size:10px;left:7px;top:6px}}
@media (max-width:430px){.list-cards{top:195px}.collection-row{width:292px}.mini-grid{grid-template-columns:repeat(3,72px);grid-auto-rows:72px;gap:10px}.product-tile{width:72px;height:72px}.list-grid-top{top:51vh}.list-grid-bottom{top:73vh}.detail-card{top:190px;width:292px;height:225px}.side{top:455px;width:236px}.detail-grid-bottom{top:202px}.price{top:172px;left:68px}.flow-title{top:166px}.order-pill{top:168px}.hero-flow{left:165px;top:93px}.hero-kinetic{left:165px;top:106px}.hero-serpent{left:180px;top:84px}}