@font-face{font-family:Oswald;src:url('../assets/Oswald-Variable.ttf') format('truetype');font-weight:200 700;font-display:swap}
@font-face{font-family:Lato;src:url('../assets/Lato-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--red:#e80c00;--ink:#1f1f24;--paper:#eee5d8;--line:rgba(31,31,36,.2);font-family:Lato,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.edition,.collection,.cta{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:500}button{color:inherit}img{display:block;max-width:100%}.skip{position:fixed;z-index:20;top:15px;left:15px;padding:16px;background:#fff;transform:translateY(-200%)}.skip:focus{transform:none}
.header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:26px 3.8vw}.brand{width:102px;flex-shrink:0}.collection{font-size:14px;letter-spacing:.11em;margin-left:55px}.motion{display:flex;gap:10px;align-items:center;border:0;background:transparent;font-size:12px}.motion-symbol{font-size:19px}.journey{position:relative}.stage{position:relative;min-height:780px;height:100svh;overflow:hidden;background:var(--paper)}.visual{position:absolute;inset:0}.keyframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.keyframe-product,.keyframe-macro{opacity:0}.keyframe-hero{object-position:62% center}.sequence{position:absolute;inset:0;width:100%;height:100%;opacity:0}.sequence.sequence-ready{opacity:1}.act{position:absolute;inset:0;pointer-events:none}.act a{pointer-events:auto}.hero{padding:26vh 0 0 5vw}.edition{letter-spacing:.15em;font-size:11px;margin-bottom:25px}.hero h1{font-size:clamp(80px,8.5vw,155px);line-height:1.03;letter-spacing:-.045em}.hero h1 span{color:var(--red)}.intro{font-size:16px;line-height:1.6;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:36px;font-size:13px;border-bottom:1px solid var(--ink);padding:12px 0}.text-link span{font-size:23px}.discover{margin-top:30px}.turn,.detail{opacity:0;visibility:hidden}.turn{padding:18vh 5vw 12vh;display:flex;justify-content:space-between;align-items:flex-start}.turn h2{font-size:clamp(38px,4.7vw,80px);line-height:1.05;letter-spacing:-.035em}.turn-note{align-self:flex-end;line-height:1.6;font-size:14px;text-align:right}.detail{padding:24vh 5vw}.detail h2{font-size:clamp(50px,5.8vw,105px);line-height:1.04;letter-spacing:-.035em}.feature{margin-top:36px}.feature-line{display:block;height:1px;width:140px;background:var(--ink);margin-bottom:17px}.feature h3{font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:400;margin-bottom:8px}.feature p{font-size:13px;line-height:1.5}.stage-bottom{position:absolute;inset:auto 3.8vw 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.preview-label{font-size:9px;letter-spacing:.1em}.scrubber{display:flex;gap:15px;align-items:center}.scrubber label,.scrubber output{font-size:10px;letter-spacing:.08em}.scrubber input{appearance:none;background:linear-gradient(to right,var(--red) var(--fill,0%),var(--line) var(--fill,0%));width:150px;height:2px;cursor:pointer}.scrubber input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--red)}.scrubber input::-moz-range-thumb{border:0;width:10px;height:10px;border-radius:50%;background:var(--red)}.waypoints{position:absolute;inset:0;pointer-events:none}.waypoints span{position:absolute}.error{position:absolute;left:4vw;bottom:60px;max-width:420px;background:#fff;padding:12px;font-size:12px}
.enhanced .journey{height:450svh}.enhanced .stage{position:sticky;top:0}.product-section{background:#f7f5f0;padding:100px 6vw 70px;scroll-margin-top:20px}.product-title{position:relative;z-index:1}.product-title h2{font-size:clamp(65px,8vw,135px);line-height:1.02;letter-spacing:-.04em}.product-title h2 span{color:var(--red)}.product-section figure{width:74%;margin:-130px 0 40px auto}.product-section figure img{mix-blend-mode:multiply}.product-section figcaption{text-align:right;font-size:11px;margin-top:15px;color:#545454}.specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:25px;gap:40px}.specs>div{position:relative;padding-left:30px}.specs span{position:absolute;left:0;top:4px;color:#676767;font-size:10px}.specs h3{font-size:22px;letter-spacing:-.01em;margin-bottom:12px}.specs p{font-size:14px;line-height:1.65;color:#555}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:60px}.cta{display:flex;align-items:center;gap:60px;background:var(--red);color:#fff;padding:20px 25px;font-size:15px;letter-spacing:.03em}.cta span{font-size:23px}.cta:hover{background:#b90900}footer{background:#1f1f24;color:#fff;padding:36px 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.studio{font-family:Oswald,sans-serif;font-size:20px;letter-spacing:-.04em;white-space:nowrap}.studio span{font-size:10px;vertical-align:top}footer p{font-size:10px;line-height:1.8;color:#c9c9c9}footer>a:last-child{font-size:11px}
.quiet .journey{height:auto}.quiet .stage{position:relative}.quiet .hero{visibility:visible!important;opacity:1!important;transform:none!important}.quiet .turn,.quiet .detail,.quiet .scrubber{display:none}.quiet .keyframe-hero{opacity:1!important}.quiet .keyframe-product,.quiet .keyframe-macro,.quiet .sequence{display:none}.quiet .discover{display:none}
@media(min-width:1800px){.hero{padding-top:30vh}.stage{max-height:1200px}}
@media(max-width:760px){.header{padding:17px 20px}.brand{width:77px}.collection{margin-left:0;font-size:10px;letter-spacing:.07em}.motion{font-size:10px}.motion-label{max-width:60px;text-align:left}.stage{height:100svh;min-height:680px}.enhanced .journey{height:360svh}.visual{bottom:auto;height:60svh;min-height:390px}.keyframe-hero{object-position:70% center}.keyframe-product,.keyframe-macro{object-fit:contain}.visual:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,var(--paper));pointer-events:none}.hero{padding:0;left:24px;right:24px;top:57svh;bottom:auto}.hero .edition{margin-bottom:13px;font-size:9px}.hero h1{font-size:clamp(49px,13vw,80px);line-height:1.03}.hero h1 br{display:none}.intro{font-size:12px;line-height:1.5;margin-top:15px}.intro br{display:none}.discover{margin-top:8px;font-size:11px;padding:6px 0;gap:25px}.turn,.detail{padding:0;top:60svh;left:24px;right:24px;bottom:auto;display:block}.edition{margin-bottom:16px}.turn h2,.detail h2{font-size:48px;line-height:1.03}.turn-note{font-size:12px;text-align:left;margin-top:18px}.detail h2 br{display:none}.detail h2{max-width:300px}.feature{margin-top:20px}.feature-line{width:65px;margin-bottom:12px}.feature h3{font-size:14px}.feature p{font-size:12px}.feature p br{display:none}.stage-bottom{inset:auto 24px 19px;align-items:flex-start;gap:12px;flex-direction:column}.preview-label{font-size:8px}.scrubber{width:100%}.scrubber input{flex:1}.scrubber label,.scrubber output{font-size:9px}.product-section{padding:65px 24px 45px}.product-title h2{font-size:64px}.product-section figure{width:100%;margin:15px 0 40px}.product-section figcaption{font-size:9px}.specs{grid-template-columns:1fr;gap:25px}.specs h3{font-size:22px}.specs p{font-size:13px}.specs p br{display:none}.product-bottom{margin-top:40px;align-items:flex-start;gap:23px;flex-direction:column}.cta{font-size:12px;width:100%;justify-content:space-between;padding:17px 20px}footer{padding:30px 24px;align-items:flex-start;flex-direction:column;gap:20px}.quiet .stage{min-height:740px}.quiet .stage-bottom{bottom:15px}}
@media(max-width:760px) and (max-height:740px){.stage{height:780px}.visual{height:430px}.hero,.turn,.detail{top:445px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.collection{margin-right:auto;margin-left:50px}
.scrubber{background:rgba(247,245,240,.88);padding:10px 12px}
@media(min-width:761px){.keyframe-product{object-fit:contain;transform:scale(.72)}.turn{padding-top:9vh}.turn h2{font-size:clamp(32px,3vw,52px)}.turn .edition{margin-bottom:15px}}
@media(max-width:760px){.collection{margin:0 auto}.quiet .journey{height:auto}.scrubber{padding:8px 0;background:transparent}}
@media(max-width:760px){.header{height:85px;background:var(--paper)}.visual{top:85px;height:50svh;min-height:330px}.hero{top:60svh}.hero h1 br{display:block}.hero h1{font-size:clamp(48px,12vw,70px)}}
@media(max-width:760px) and (max-height:740px){.visual{height:360px}.hero,.turn,.detail{top:460px}}
.keyframe-product{mask-image:radial-gradient(ellipse 70% 76% at center,#000 52%,transparent 76%)}
.brand img,.product-section figure img{width:100%;height:auto}
.hero h1{font-size:clamp(64px,6.4vw,110px);letter-spacing:-.025em;line-height:1.08}
.intro{max-width:370px;font-size:15px}
.detail h2{font-size:clamp(46px,5vw,78px)}
.feature p{max-width:285px;line-height:1.65}
.product-title h2{font-size:clamp(56px,6vw,90px)}
.variant-label{font-size:10px;letter-spacing:.08em}
.product-link{font-size:12px;display:flex;gap:20px;align-items:center;background:rgba(247,245,240,.9);padding:12px 15px}
.product-link span{font-size:18px}
.quiet .discover{display:inline-flex}
@media(max-width:760px){.hero h1{font-size:clamp(43px,11.5vw,65px)}.intro{font-size:12px;max-width:330px}.intro br{display:block}.detail h2{font-size:44px}.stage-bottom{flex-direction:row;align-items:center;gap:15px}.variant-label{font-size:8px;max-width:135px;line-height:1.5}.product-link{font-size:10px;padding:8px;gap:12px}.product-title h2{font-size:56px}.turn-note br,.specs p br{display:block}}
.sequence.sequence-error{opacity:0}
.has-sequence .visual:after{display:none}
@media(min-width:761px){.detail h2{font-size:clamp(44px,4.4vw,70px)}.turn-note{max-width:300px}.has-sequence .hero{padding-top:26vh}}
@media(min-width:761px){.has-sequence .turn{padding-top:0;padding-bottom:15vh;align-items:flex-end}.has-sequence .turn h2{font-size:clamp(30px,2.7vw,43px)}}
.visual{overflow:hidden}
.sequence{max-width:none;right:auto;bottom:auto;object-fit:fill;pointer-events:none}
.media-loading{position:absolute;left:3.8vw;bottom:65px;font-size:11px;padding:8px 12px;background:rgba(247,245,240,.9)}
.product-section figure img{mix-blend-mode:normal}
.has-sequence .keyframe{visibility:hidden}
