:root{--bg:#080808;--muted:#a1a1a1;--blue:#e0e0e0;--line:#ffffff25}body{background:var(--bg)}nav{height:88px;background:#08080870;border-color:#ffffff20}.brand{letter-spacing:-.4px;font-weight:700}.brand span{color:#999;letter-spacing:2.8px}.navlinks{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;gap:40px}.navcta{border-radius:0;text-transform:uppercase;font-size:9px;letter-spacing:1px}.navcta:hover{background:#ededed;color:#080808}.navcta:hover span{color:#080808}.hero{height:900px;background:#050505}.heroimage{inset:0 0 0 31%;background-position:65% center;filter:grayscale(1) contrast(1.25);opacity:.75;animation:chromeScene 2.6s ease both;mix-blend-mode:screen}.heroimage:after{background:linear-gradient(90deg,#050505 0%,transparent 50%),linear-gradient(0deg,#050505 0%,transparent 35%)}#liquid{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.hero-copy{padding-top:190px;pointer-events:none;animation:none}.hero-copy a{pointer-events:auto}.eyebrow{color:#b7b7b7;font-size:8px;letter-spacing:2.4px}.eyebrow b{background:#ddd;box-shadow:0 0 12px #fff}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(76px,8.6vw,132px);font-weight:600;letter-spacing:-7px;line-height:.94;margin:35px 0 28px}.hero h1 span,.hero h1 em{display:block;width:max-content;max-width:100%;animation:wordUp 1s cubic-bezier(.18,.7,.2,1) both;animation-delay:1s}.hero h1 span:nth-child(2){animation-delay:1.15s}.hero h1 em{animation-delay:1.3s;color:transparent;background:linear-gradient(110deg,#676767 0%,#f8f8f8 24%,#838383 35%,#fff 42%,#9a9a9a 53%,#f2f2f2 70%,#555 85%,#e5e5e5);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;animation:wordUp 1s 1.3s both,chromeType 9s 2.3s linear infinite}.hero p{color:#b1b1b1;font-size:12px}.hero .eyebrow,.hero p,.hero .button,.hero .textlink{animation:chromeFade 1s 1.65s both}.button{background:linear-gradient(130deg,#f2f2f2,#999 45%,#d7d7d7 65%,#b4b4b4);border:1px solid #fff8;border-radius:0;color:#090909;text-transform:uppercase;font-size:9px;letter-spacing:1.6px;box-shadow:none;padding:19px 25px;position:relative;overflow:hidden}.button:before{content:'';position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 40%,#fff9 50%,transparent 60%);transform:translateX(-120%);transition:transform .8s}.button:hover:before{transform:translateX(120%)}.button:hover{background:#e7e7e7;box-shadow:0 0 24px #ffffff20}.hero .button{margin-top:28px}.hero .textlink{color:#c2c2c2;text-transform:uppercase;font-size:8px;letter-spacing:1px}.hero-bottom{color:#888;bottom:26px;border-top:1px solid #ffffff25;padding-top:22px}.hero-bottom a{color:#ccc}.hero-edition{position:absolute;right:5%;top:125px;font-size:8px;letter-spacing:2.5px;color:#aaa;writing-mode:vertical-rl}.imagecaption{bottom:110px;color:#aaa}.imagecaption span{color:#ddd}.chrome-sweep{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffffff04 47%,#ffffff20 49.8%,#ffffff05 52%,transparent 56%);mix-blend-mode:screen;animation:lightSweep 9s 2s cubic-bezier(.5,0,.2,1) infinite;transform:translateX(-100%)}em{color:#c6c6c6}h2{font-size:50px;letter-spacing:-2.7px}h2 em{color:#9b9b9b}.sectiontop{border-color:#ffffff30}.journey,.section{padding-top:85px;padding-bottom:100px}.steps a.active{color:#eee;border-color:#ddd}.steps{background:#080808ec!important}.blueprint{filter:grayscale(1);background-color:#101010}.stagecopy{color:#ddd}.stagecopy li:before{color:#ddd}.stagecopy p{color:#aaa}.stagecopy h3{font-size:38px}.vision{background:#111}.render{filter:grayscale(1) contrast(1.1)}.wire{filter:grayscale(1) brightness(.5) contrast(1.8)}.wiregrid{background-image:linear-gradient(#ffffff35 1px,transparent 1px),linear-gradient(90deg,#ffffff35 1px,transparent 1px)}.divider{border-color:#eee}.divider span{background:#ddd;color:#111}.comparelabel{background:#070707bb}.productvisual{background:radial-gradient(ellipse at 50% 20%,#404040,#171717 48%,#0c0c0c 80%);filter:grayscale(1);overflow:hidden}.productvisual:after{content:'';position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,#ffffff17 50%,transparent 60%);transform:translateX(-130%);transition:transform 1s}.product:hover .productvisual:after{transform:translateX(130%)}.product .faucet,.product .mirror{transition:transform .8s}.product:hover .faucet{transform:rotateY(22deg) translateY(-8px)}.product:hover .mirror{transform:rotateY(-18deg)}.productvisual>span,.productinfo small,.productinfo>span{color:#bbb}.productinfo h3{font-size:26px}.productinfo p{color:#999}.product:hover .productvisual{border-color:#ffffff66}.mirror{filter:grayscale(1);box-shadow:0 0 12px #fff8,0 0 45px #ffffff18}.pricing{background:radial-gradient(ellipse at 80% 70%,#35353540,transparent 60%)}.receipt{background:linear-gradient(135deg,#242424,#101010);border-color:#ffffff30;box-shadow:0 25px 60px #0006}.receipt small{color:#a1a1a1}.receiptline{color:#c1c1c1}.receiptline b,.total b{color:#eee}.note{color:#aaa}.receipt #approval{color:#ddd}#approve{animation:none}.receipt.is-visible{animation:receiptSlide 1.2s ease both}.arrow:hover{background:#eee;color:#111}dialog{background:#111;border-color:#888;border-radius:0}dialog label{color:#bbb}dialog input[type=range]{accent-color:#ccc}form input,textarea{background:#080808;border-color:#555;border-radius:0}.close{color:#ddd}.model{filter:grayscale(1)}:focus-visible{outline-color:#ddd}.intro{animation:curtainExit 1.5s cubic-bezier(.7,0,.2,1) forwards;background:linear-gradient(110deg,#070707 5%,#444 30%,#999 40%,#222 43%,#d7d7d7 46%,#171717 50%,#050505 80%);display:grid;place-items:center;transform-origin:right;overflow:hidden}.intro-brand{color:#eee;letter-spacing:6px;font-size:20px;font-weight:500;animation:introName 1.4s both}.intro-brand small{display:block;text-align:center;font-size:7px;letter-spacing:4px;margin-top:14px;color:#aaa}.motion-ready{opacity:0;transform:translateY(36px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1)}.motion-ready.in-view{opacity:1;transform:none}@keyframes chromeScene{from{opacity:0;transform:scale(1.1);filter:grayscale(1) contrast(2) brightness(2)}to{opacity:.75;transform:scale(1);filter:grayscale(1) contrast(1.25)}}@keyframes curtainExit{0%,35%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%);visibility:hidden}}@keyframes introName{0%{opacity:0;letter-spacing:12px}30%,55%{opacity:1}100%{opacity:0;transform:translateX(40px)}}@keyframes wordUp{from{opacity:0;transform:translateY(60px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes chromeType{to{background-position:230% 0}}@keyframes chromeFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes lightSweep{0%,10%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}@keyframes receiptSlide{from{opacity:0;transform:translateY(50px) rotateX(8deg)}to{opacity:1;transform:none}}@media(max-width:800px){nav{height:80px}.hero{height:820px}.hero-copy{padding-top:195px}.hero h1{font-size:clamp(62px,14.5vw,110px);letter-spacing:-4px}.heroimage{inset:0 0 0 10%;opacity:.5}.hero-edition{top:110px;writing-mode:horizontal-tb;font-size:7px}.hero .eyebrow{font-size:6px;letter-spacing:1.5px}.hero .textlink{margin-top:24px}.hero-bottom{font-size:7px}.journey,.section{padding-top:50px;padding-bottom:60px}h2{font-size:38px;letter-spacing:-2px}.navcta{font-size:7px;letter-spacing:.6px}.intro-brand{font-size:16px;letter-spacing:3px}.stagecopy h3{font-size:30px}}@media(prefers-reduced-motion:reduce){.intro{display:none}.motion-ready{opacity:1;transform:none}.hero h1 em{animation:none;color:#ddd;background:none}.heroimage{opacity:.75}#liquid{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}
