
:root{--bg:#14181f;--rose:#e6b4bd;--muted:#a99ca8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1eced;font-family:Arial,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}header{position:fixed;top:0;left:0;right:0;z-index:20;padding:23px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#14181ff0,#14181f00)}.brand{font:27px Georgia;color:var(--rose)}header nav{display:flex;gap:27px;font-size:10px}header nav a:last-child{color:var(--rose)}.journey{height:460vh;position:relative}.stage{height:100vh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 72% 48%,#67404b25,transparent 52%)}canvas{position:absolute;inset:0;width:100%;height:100%}.copy{position:absolute;left:7%;top:30%;width:42%;pointer-events:none;transition:opacity .25s}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#c7afb9;margin-bottom:30px}.copy h1{font-size:clamp(55px,6.8vw,104px);letter-spacing:-5px;line-height:1.02;margin:0;font-weight:500}.copy em{color:var(--rose);font-weight:400}.copy p:not(.eyebrow){max-width:330px;font-size:13px;line-height:1.9;color:var(--muted);margin-top:30px}.step{position:absolute;right:5%;bottom:40px;font-size:11px;color:var(--rose)}.step small{color:#827987;margin-left:15px}.track{position:absolute;left:7%;bottom:45px;width:160px;height:1px;background:#ffffff25}.track i{display:block;background:var(--rose);height:1px;width:0}.hint{position:absolute;bottom:75px;left:7%;font-size:8px;letter-spacing:2px;color:var(--muted)}.play{position:absolute;left:7%;top:72%;border:1px solid #b68b9b55;color:var(--rose);background:#1d1b26aa;padding:12px 20px;font-size:10px;border-radius:3px}.replay{position:absolute;right:5%;top:105px;background:none;border:0;color:var(--muted);font-size:10px}.chapter-label{position:absolute;right:8%;bottom:95px;letter-spacing:2px;color:#b49aa8;font-size:8px}.size-section{position:relative;padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;min-height:800px;border-top:1px solid #d7a5b44a;background:radial-gradient(ellipse at 22% 40%,#754e5b25,transparent 50%)}.product{display:flex;align-items:center;justify-content:center;min-height:600px;position:relative}.product:after{content:'';position:absolute;width:55%;height:10px;background:#0008;filter:blur(12px);bottom:10px;border-radius:50%}.product img{height:650px;max-width:100%;object-fit:contain;transition:transform .8s,filter .7s;position:relative;z-index:1}.config{padding:35px 0;max-width:510px}h2{font-size:clamp(46px,5vw,72px);line-height:1.05;letter-spacing:-3px;font-weight:500;margin:0}h2 em{color:var(--rose);font-weight:400}.sub{font-size:12px;line-height:1.8;color:var(--muted);margin:25px 0}.control{margin:30px 0}.control label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b6a7b2}.control label span{color:var(--rose);letter-spacing:0}.sizes{display:flex;gap:10px;margin-top:16px}.sizes button{color:#c8bac4;border:1px solid #ffffff25;background:none;padding:13px 18px;font-size:11px;transition:.25s}.sizes button.active{background:var(--rose);color:#34232e;border-color:var(--rose)}.swatches{display:flex;gap:15px;margin-top:20px}.swatches button{width:28px;height:28px;border-radius:50%;border:3px solid var(--bg);outline:1px solid transparent}.swatches .active{outline-color:var(--rose)}.measures{margin-top:22px;padding:20px;border:1px solid #ffffff15}.measure-row{display:flex;justify-content:space-between;margin:12px 0;font-size:11px;color:var(--muted)}.measure-row b{color:#e6c9d4;font-weight:400}.note{font-size:9px;line-height:1.8;color:#958693}.cta{border:0;background:var(--rose);color:#32242e;padding:17px 20px;width:100%;display:flex;justify-content:space-between;font-size:11px;margin-top:24px}.selection{color:var(--rose);font-size:11px;min-height:24px;margin-top:18px}.about{padding:90px 7%;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:60px}.about h2{font-size:52px}.about>p{font-size:13px;line-height:2;max-width:400px;color:var(--muted)}footer{padding:35px 7%;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.mobile-nudge{display:none}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:5px}
@media(max-width:700px){header{padding:23px 6%}.brand{font-size:23px}header nav a:first-child{display:none}header nav{font-size:9px;gap:15px}.copy{left:7%;top:15%;width:86%}.copy h1{font-size:59px;letter-spacing:-3px}.copy .eyebrow{font-size:8px;margin-bottom:20px}.copy p:not(.eyebrow){font-size:11px;max-width:260px;margin-top:20px}.play{top:auto;bottom:130px;font-size:9px;padding:10px 15px}.chapter-label{bottom:96px;font-size:6px;right:6%}.hint{font-size:7px;bottom:75px}.step{bottom:42px}.track{bottom:46px;width:120px}.replay{top:85px;font-size:8px}.size-section{grid-template-columns:1fr;gap:10px;padding:50px 7%}.product{min-height:420px;order:2}.product img{height:470px}.config{padding:10px 0}.sizes button{padding:12px 17px}.about{display:block;padding:60px 7%}.about>p{margin-top:30px}.about h2{font-size:48px}footer{gap:20px;flex-wrap:wrap}.journey{height:420vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.model-picker{padding:75px 7%;border-top:1px solid #ffffff15}.model-picker>h2{font-size:52px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.model-card{position:relative;background:radial-gradient(ellipse at center,#67506130,transparent 70%);border:1px solid #ffffff20;padding:25px;color:#eee;text-align:left;transition:.3s}.model-card.active{border-color:var(--rose);background-color:#cf93aa0a}.model-card img{display:block;height:330px;width:100%;object-fit:contain;transition:transform .4s}.model-card:hover img{transform:translateY(-6px)}.model-card h3{font:26px Georgia;margin:20px 0 8px}.model-card p{font-size:10px;color:var(--muted);line-height:1.8}.model-card .tag{position:absolute;top:15px;right:15px;font-size:8px;letter-spacing:1px;color:var(--rose)}.stretch-control{border-top:1px solid #ffffff20;padding-top:23px;margin-top:28px}.stretch-control label{display:flex;justify-content:space-between;font-size:10px;color:var(--rose)}input[type=range]{accent-color:var(--rose);width:100%;margin:22px 0 12px;cursor:ew-resize}.stretch-buttons{display:flex;gap:12px}.stretch-buttons button{background:none;border:1px solid #ffffff25;color:#c7afbe;font-size:10px;padding:10px 14px}.stretch-hint{position:absolute;bottom:15px;color:var(--rose);font-size:9px;letter-spacing:1px;z-index:2}.product img{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-drag:none;transform-origin:center;transition:transform .65s cubic-bezier(.15,1.5,.35,1),filter .7s}.product img.pulling{transition:filter .7s}.model-info{font-size:10px;line-height:1.8;color:#a99ca8;border-left:2px solid #b18499;padding-left:13px;margin:22px 0}.extra{padding:65px 7%;border-top:1px solid #ffffff18}.extra h2{font-size:45px;margin-bottom:30px}.extra details{border-bottom:1px solid #ffffff22;padding:20px 0;font-size:12px;max-width:800px}.extra summary{cursor:pointer;color:#e2c4d1}.extra details p{color:var(--muted);font-size:11px;line-height:1.9;max-width:650px;margin:15px 0 0}@media(max-width:700px){.model-picker{padding:50px 7%}.model-picker>h2{font-size:43px}.model-grid{gap:12px}.model-card{padding:15px}.model-card img{height:230px}.model-card h3{font-size:21px}.model-card p{font-size:9px}.model-card .tag{top:9px;right:9px;font-size:6px}.stretch-hint{bottom:0;font-size:8px}.extra h2{font-size:39px}}
