:root{color:#101c3f;font-synthesis:none;--navy:#101c3f;--blue:#2357ff;--red:#ff543e;--paper:#f4f1e8;--white:#fffdf7;--line:#101c3f3b;background:#f4f1e8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px}.app{overflow:hidden}.topline{background:var(--navy);color:#fff;letter-spacing:.16em;justify-content:space-between;align-items:center;height:28px;padding:0 3.5vw;font:700 8px/1 monospace;display:flex}.topline span:nth-child(2){color:#aab9ff}header{border-bottom:1px solid var(--navy);background:var(--paper);z-index:10;justify-content:space-between;align-items:center;height:84px;padding:0 3.5vw;display:flex;position:relative}.brand{text-align:left;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:12px;font-weight:900;display:flex}.brand>b{background:var(--blue);color:#fff;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%);place-items:center;width:46px;height:46px;font-size:12px;display:grid}.brand span{font-size:19px}.brand small{letter-spacing:.13em;margin-top:2px;font:700 7px/1.5 monospace;display:block}header nav{gap:34px;display:flex}header nav button{background:0 0;border:0;font-size:12px;font-weight:700}.bag-button{border:1px solid var(--navy);background:0 0;align-items:center;gap:10px;height:42px;padding:0 7px 0 14px;font-size:11px;font-weight:700;display:flex}.bag-button b{background:var(--red);color:#fff;place-items:center;width:27px;height:27px;display:grid}.hero{background:var(--white);border-bottom:1px solid var(--navy);grid-template-columns:1.04fr .96fr;min-height:650px;display:grid}.hero-copy{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;padding:88px 4vw 70px 6.5vw;position:relative}.hero-copy:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffdf7f2,#fffdf766);position:absolute;inset:0}.hero-copy>*{z-index:1;position:relative}.kicker{letter-spacing:.17em;align-items:center;gap:10px;font:700 9px monospace;display:flex}.kicker i{background:var(--red);width:28px;height:8px}.hero h1{letter-spacing:-.078em;max-width:780px;margin:65px 0 38px;font-size:clamp(68px,8.2vw,126px);line-height:.79}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{color:#3f4b6c;max-width:610px;font-size:15px;line-height:1.75}.primary{background:var(--blue);color:#fff;border:0;justify-content:space-between;align-items:center;gap:38px;margin-top:22px;padding:17px 19px;font-size:11px;font-weight:800;display:inline-flex}.primary:hover{background:var(--navy)}.hero-board{background:var(--blue);color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.hero-board:before{content:"";border:1px solid #ffffff59;position:absolute;inset:38px}.readout{background:var(--navy);z-index:2;grid-template-columns:1fr auto;width:270px;padding:18px 22px;display:grid;position:absolute;top:0;right:0}.readout small{letter-spacing:.14em;color:#9baddd;grid-column:1/-1;font:700 7px monospace}.readout span{letter-spacing:-.08em;font:700 52px/1 monospace}.readout b{align-self:end;padding-bottom:8px}.hero-product{background:var(--white);width:68%;height:61%;color:var(--navy);box-shadow:20px 20px 0 var(--red);place-items:center;display:grid;position:relative;transform:rotate(-2deg)}.hero-product>span{font:700 8px monospace;position:absolute;top:15px;left:15px}.hero-product>small{font:700 8px monospace;position:absolute;bottom:15px;left:15px}.hero-product img{object-fit:contain;mix-blend-mode:multiply;width:78%;height:74%}.scale-line{border-top:1px solid #fff;justify-content:space-between;padding-top:8px;font:700 7px monospace;display:flex;position:absolute;bottom:20px;left:38px;right:38px}.scale-line span:before{content:"";background:#fff;width:1px;height:8px;display:block;position:absolute;top:0}.quick-specs{background:var(--red);color:#fff;border-bottom:1px solid var(--navy);grid-template-columns:repeat(4,1fr);display:grid}.quick-specs div{border-right:1px solid var(--navy);align-content:center;min-height:110px;padding:23px 3vw;display:grid}.quick-specs b{letter-spacing:-.04em;font-size:26px}.quick-specs span{text-transform:uppercase;letter-spacing:.12em;margin-top:7px;font:700 8px monospace}.catalogue{background:var(--paper);padding:100px 4vw 120px}.section-title{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-title>div>span,.method>div>span,.info main>span{letter-spacing:.17em;color:var(--blue);font:700 9px monospace}.section-title h2,.method h2{letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(44px,5vw,76px);line-height:.96}.section-title>p{color:#4e5873;max-width:390px;font-size:12px;line-height:1.7}.controls{border-top:2px solid var(--navy);border-bottom:1px solid var(--navy);grid-template-columns:minmax(280px,1fr) auto auto;gap:14px;margin-top:55px;padding:14px 0;display:grid}.controls>label{border:1px solid var(--navy);background:var(--white);align-items:center;gap:10px;height:44px;padding:0 13px;display:flex}.controls input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.filters{gap:5px;display:flex}.filters button{border:1px solid var(--line);background:0 0;padding:0 12px;font:700 8px monospace}.filters button.active{background:var(--navy);color:#fff}.controls select{border:1px solid var(--navy);background:0 0;padding:0 30px 0 10px;font:700 8px monospace}.catalog-meta{letter-spacing:.15em;align-items:center;gap:12px;margin:22px 0 32px;font:700 8px monospace;display:flex}.catalog-meta i{background:var(--red);width:35px;height:6px}.grid{grid-template-columns:repeat(4,1fr);gap:36px 14px;display:grid}.card{border-top:2px solid var(--navy)}.card-image{aspect-ratio:1;background:#e6e7e1;border:0;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.card-image:before{content:"";border:1px dashed #101c3f40;border-radius:50%;position:absolute;inset:13%}.card-image img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:78%;transition:transform .3s;position:relative}.card:hover .card-image img{transform:scale(1.06)rotate(-1deg)}.card-image>span{font:700 8px monospace;position:absolute;top:10px;left:10px}.card-image>b{background:var(--blue);color:#fff;text-transform:uppercase;padding:7px 9px;font:700 7px monospace;position:absolute;bottom:0;right:0}.card-spec{border-bottom:1px solid var(--navy);grid-template-columns:1fr 1fr;display:grid}.card-spec span{gap:3px;padding:9px 7px;font:700 7px monospace;display:grid}.card-spec span:first-child{border-right:1px solid var(--navy)}.card-spec b{font-size:10px}.card-title{text-align:left;background:0 0;border:0;width:100%;min-height:94px;padding:16px 0}.card-title h3{margin:0 0 8px;font-size:15px;line-height:1.3}.card-title small{color:#697087;font:700 7px monospace}.card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.card-foot>strong{font:700 17px monospace}.card-foot button{background:0 0;border:0;align-items:center;gap:7px;font:700 8px monospace;display:flex}.card-foot button svg{background:var(--red);color:#fff;width:17px;padding:3px}.empty{text-align:center;padding:90px}.empty b{color:#b4b2aa;font:700 70px monospace}.method{background:var(--navy);color:#fff;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:95px 5vw;display:grid}.method>div>span{color:#9aafff}.method ol{border-top:1px solid #ffffff59;margin:0;padding:0;list-style:none}.method li{border-bottom:1px solid #ffffff59;grid-template-columns:55px 1fr;padding:24px 0;display:grid}.method li>b{color:#9aafff;font:700 10px monospace}.method h3{margin:0;font-size:18px}.method p{color:#b8c0da;margin:8px 0 0;font-size:12px;line-height:1.6}footer{background:var(--blue);color:#fff;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:40px;padding:65px 4vw 25px;display:grid}.footer-brand>b{letter-spacing:.08em;color:#fff!important;font-size:27px!important}.footer-brand span{color:#bbc8ff;margin-top:10px;display:block}footer>div:not(:first-child){flex-direction:column;align-items:flex-start;gap:7px;display:flex}footer b{color:#bbc8ff;letter-spacing:.12em;margin-bottom:8px;font:700 8px monospace}footer button{color:#fff;background:0 0;border:0;padding:3px 0;font-size:11px}footer span{font-size:10px;line-height:1.7}footer>small{letter-spacing:.1em;color:#bbc8ff;border-top:1px solid #ffffff4d;grid-column:1/-1;padding-top:20px;font:700 7px monospace}.overlay{z-index:100;background:#0a122dc2;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail{background:var(--white);grid-template-columns:.95fr 1.05fr;width:min(1060px,94vw);height:100%;display:grid;position:relative;overflow:auto}.close{z-index:2;background:0 0;border:0;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:18px;right:20px}.detail-visual{background:#dde1f0;place-items:center;min-height:100%;display:grid;position:relative}.detail-visual>span{font:700 8px monospace;position:absolute;top:22px;left:22px}.detail-visual img{object-fit:contain;mix-blend-mode:multiply;width:78%;height:68%}.detail-scale{align-items:center;gap:10px;font:700 8px monospace;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.detail-scale i{background:repeating-linear-gradient(90deg,var(--navy) 0 1px,transparent 1px 14px);border-bottom:1px solid var(--navy);flex:1;height:8px}.detail-copy{padding:95px 6vw 55px}.detail-copy h2{letter-spacing:-.055em;margin:22px 0;font-size:44px;line-height:1}.detail-copy>p{color:#56607c;font-size:12px;line-height:1.75}.detail-copy dl{border-top:2px solid var(--navy);margin-top:32px}.detail-copy dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}.detail-copy dt,.detail-copy dd{margin:0;font:700 8px monospace}.detail-buy{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.detail-buy>strong{font:700 24px monospace}.detail-buy .primary{margin:0}.detail-copy .note{border-left:5px solid var(--red);padding-left:12px;font-size:9px}.detail-copy>a{color:var(--navy);align-items:center;gap:12px;margin-top:10px;font-size:10px;font-weight:800;display:inline-flex}.bag{background:var(--white);width:min(520px,96vw);height:100%;padding:30px;position:relative;overflow:auto}.bag-head{border-bottom:2px solid var(--navy);justify-content:space-between;padding-bottom:18px;display:flex}.bag-head span{color:var(--blue);font:700 8px monospace}.bag-head h2{margin:7px 0 0;font-size:32px}.bag-head button,.gate>button{background:0 0;border:0}.bag-rows article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;gap:13px;padding:16px 0;display:grid}.bag-rows img{object-fit:contain;background:#e6e7e1;width:80px;height:80px}.bag-rows article>div{gap:5px;display:grid}.bag-rows b{font-size:11px}.bag-rows small{color:#70778d;font:700 7px monospace}.bag-rows strong{font:700 11px monospace}.bag-rows article>div>div{border:1px solid var(--line);align-items:center;width:max-content;display:flex}.bag-rows article>div>div button{background:0 0;border:0;width:28px;height:25px}.bag-rows article>div>div svg{width:12px}.bag-rows article>div>div span{text-align:center;width:28px;font:700 9px monospace}.total{justify-content:space-between;padding:22px 0;display:flex}.total span{font-size:11px}.total b{font:700 20px monospace}.full{width:100%;margin:0}.bag-empty{text-align:center;padding:100px 15px}.bag-empty>b{color:#bbc0d0;font:700 64px monospace}.gate{background:var(--navy);color:#fff;padding:28px;position:absolute;bottom:20px;left:20px;right:20px}.gate>button{color:#fff;position:absolute;top:14px;right:14px}.gate>span{color:#9aafff;font:700 8px monospace}.gate h3{margin:10px 0;font-size:24px}.gate p{color:#b8c0da;font-size:11px;line-height:1.65}.info{background:var(--paper);min-height:100vh}.return{background:0 0;border:0;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.return svg{transform:rotate(180deg)}.info main{width:min(900px,92vw);margin:90px auto 120px}.info main h1{letter-spacing:-.07em;margin:24px 0 60px;font-size:clamp(56px,8vw,105px)}.info main>div{border-top:2px solid var(--navy);max-width:720px}.info main h2{margin:30px 0 8px;font-size:17px}.info main p{color:#4d5773;font-size:12px;line-height:1.8}@media (width<=1050px){header nav{display:none}.hero{grid-template-columns:1fr}.hero-board{min-height:570px}.grid{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr}.filters{overflow:auto}.detail{grid-template-columns:1fr}.detail-visual{min-height:430px}.method{grid-template-columns:1fr}}@media (width<=680px){.topline span:nth-child(2){display:none}header{height:72px;padding:0 17px}.brand>b{width:37px;height:37px}.brand span{font-size:15px}.bag-button span{display:none}.hero-copy{padding:62px 20px}.hero h1{margin-top:50px;font-size:64px}.hero-board{min-height:430px}.readout{width:205px}.readout span{font-size:40px}.hero-product{width:70%;height:54%}.quick-specs{grid-template-columns:1fr 1fr}.catalogue{padding:75px 18px}.section-title{display:block}.section-title>p{margin-top:20px}.grid{grid-template-columns:1fr}.filters{padding-bottom:2px}.filters button{white-space:nowrap;min-height:38px}.method{padding:70px 20px}footer{grid-template-columns:1fr 1fr;padding:55px 20px 25px}.footer-brand,footer>div:last-of-type{grid-column:1/-1}.detail{width:100vw}.detail-copy{padding:70px 22px 45px}.detail-copy h2{font-size:36px}.detail-buy{flex-direction:column;align-items:flex-start}.detail-buy .primary{width:100%}.info main{margin-top:60px}}