:root{--ink:#151515;--paper:#ecebe6;--soft:#d4d3cc;--white:#f8f7f3;--accent:#ff3c00;--line:#15151538;--pad:clamp(20px, 3vw, 48px);--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif;font-weight:500}a,button{color:inherit;font:inherit}a{text-decoration:none}button{border:0}.serif{font-family:Instrument Serif,serif;font-weight:400}.micro{letter-spacing:.1em;text-transform:uppercase;font-size:11px;line-height:1}.loader{z-index:1000;color:var(--white);background:var(--ink);transition:opacity .7s var(--ease), visibility .7s;place-items:center;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader__inner{width:min(68vw,480px)}.loader__meta{justify-content:space-between;margin-bottom:14px;display:flex}.loader__line{background:#ffffff40;height:1px}.loader__progress{background:var(--white);transform-origin:0;width:100%;height:1px;transition:transform .2s;transform:scaleX(0)}.site-header{z-index:100;padding:21px var(--pad);mix-blend-mode:difference;color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.055em;justify-self:start;font-size:20px;font-weight:600}.site-nav{gap:30px;display:flex}.site-nav a,.header-link{position:relative}.site-nav a:after,.header-link:after{content:"";transform-origin:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.header-link:hover:after{transform-origin:0;transform:scaleX(1)}.header-link{justify-self:end}.hero{background:var(--paper);height:190vh;position:relative}.hero__stage{border-bottom:1px solid var(--line);height:100vh;min-height:600px;position:sticky;top:0;overflow:hidden}.hero__grid{background-image:linear-gradient(to right, transparent calc(25% - .5px), var(--line) 25%, transparent calc(25% + .5px)), linear-gradient(to right, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px)), linear-gradient(to right, transparent calc(75% - .5px), var(--line) 75%, transparent calc(75% + .5px));pointer-events:none;opacity:.55;position:absolute;inset:0}.hero__word{top:50%;right:var(--pad);left:var(--pad);z-index:1;letter-spacing:-.082em;text-align:center;white-space:nowrap;will-change:transform, opacity;margin:0;font-size:clamp(150px,21.5vw,420px);font-weight:600;line-height:.72;position:absolute;transform:translateY(-50%)}.hero__word-inner{display:inline-block}.hero__model-wrap{z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;width:min(62vw,900px);height:min(86vh,900px);position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.hero__model-wrap.is-dragging{cursor:grabbing}#bop-model{--poster-color:transparent;background:0 0;width:100%;height:100%}#bop-model::part(default-progress-bar){display:none}.hero__topline{top:91px;right:var(--pad);left:var(--pad);z-index:5;border-top:1px solid var(--ink);justify-content:space-between;padding-top:13px;display:flex;position:absolute}.hero__topline span:last-child{text-align:right}.hero__copy{bottom:32px;left:var(--pad);z-index:5;letter-spacing:-.03em;max-width:350px;font-size:clamp(16px,1.4vw,21px);line-height:1.18;position:absolute}.hero__instruction{right:var(--pad);z-index:5;align-items:center;gap:12px;display:flex;position:absolute;bottom:32px}.hero__instruction:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.hero__axis{z-index:4;border:1px solid var(--line);pointer-events:none;border-radius:50%;width:min(48vw,700px);height:min(48vw,700px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__axis:before{content:"X/Y";border:1px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:40px;height:34px;font-size:11px;display:grid;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.statement{min-height:125vh;padding:120px var(--pad);color:var(--white);background:var(--ink);isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.statement__label,.statement h2,.statement__foot{z-index:2;position:relative}.attention-field{z-index:0;aspect-ratio:1;color:#f8f7f37a;pointer-events:none;width:min(55vw,840px);position:absolute;top:49%;right:-9vw;transform:translateY(-50%)}.attention-field__cross,.attention-field__ring,.attention-field__orbit{border-radius:50%;position:absolute}.attention-field__cross{inset:0}.attention-field__cross:before,.attention-field__cross:after{content:"";background:#f8f7f329;position:absolute}.attention-field__cross:before{height:1px;top:50%;left:-8%;right:-8%}.attention-field__cross:after{width:1px;top:-8%;bottom:-8%;left:50%}.attention-field__ring{border:1px solid #f8f7f338}.attention-field__ring--outer{inset:0}.attention-field__ring--middle{opacity:.72;border-style:dashed;animation:32s linear infinite reverse attention-spin;inset:18%}.attention-field__ring--inner{border-color:var(--accent);inset:39%;box-shadow:0 0 0 9px #ff3c000a}.attention-field__orbit{border:1px solid #f8f7f39e;border-color:#f8f7f39e #f8f7f31f #0000 #0000;animation:18s linear infinite attention-spin;inset:7%}.attention-field__orbit:after{content:"";border:4px solid var(--ink);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite attention-pulse;position:absolute;top:11.2%;right:11.2%}.attention-field__tag{white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute}.attention-field__tag:before{content:"";background:currentColor;width:20px;height:1px}.attention-field__tag--top{top:2%;left:51%}.attention-field__tag--bottom{bottom:5%;right:10%}.attention-field__core{color:var(--accent);font-family:Instrument Serif,serif;font-size:clamp(42px,5vw,76px);font-style:italic;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes attention-spin{to{transform:rotate(360deg)}}@keyframes attention-pulse{50%{box-shadow:0 0 0 11px #ff3c0014}}.statement__label{align-items:center;gap:12px;margin-bottom:60px;display:flex}.statement__label:before{content:"";background:var(--white);width:34px;height:1px}.statement h2{letter-spacing:-.075em;max-width:1500px;font-size:clamp(64px,10vw,154px);font-weight:500;line-height:.88}.statement h2 span{display:block}.statement h2 .serif{color:var(--accent);letter-spacing:-.045em;margin-left:16vw;font-size:1.12em;font-style:italic}.statement__foot{border-top:1px solid #ffffff47;grid-template-columns:1fr 1fr;gap:40px;margin-top:70px;padding-top:17px;display:grid}.statement__foot p{letter-spacing:-.03em;max-width:450px;font-size:clamp(16px,1.4vw,21px);line-height:1.2}.statement__foot p:last-child{justify-self:end}.behavior{padding:110px var(--pad) 140px;background:var(--paper)}.section-head{grid-template-columns:1fr 2fr;align-items:start;gap:40px;margin-bottom:90px;display:grid}.section-head h2{letter-spacing:-.07em;max-width:900px;font-size:clamp(62px,9.5vw,148px);font-weight:500;line-height:.88}.behavior-list{border-top:1px solid var(--ink)}.behavior-row{border-bottom:1px solid var(--ink);min-height:164px;transition:color .5s var(--ease), background .5s var(--ease);grid-template-columns:.45fr 1.45fr 2.2fr .5fr;align-items:center;gap:26px;padding-inline:0;display:grid}.behavior-row:hover{color:var(--white);background:var(--ink)}.behavior-row__title{letter-spacing:-.06em;font-size:clamp(35px,4.6vw,72px);font-weight:500;line-height:.95}.behavior-row__body{letter-spacing:-.025em;grid-column:3;justify-self:start;width:100%;max-width:520px;font-size:clamp(15px,1.3vw,19px);line-height:1.25}.behavior-row__value{color:var(--accent);justify-self:end;font-family:Instrument Serif,serif;font-size:clamp(46px,5vw,78px);font-style:italic;font-weight:400}.behavior-row:hover .behavior-row__value{color:var(--white)}.specs{padding:110px var(--pad) 130px;border-top:1px solid var(--line);background:var(--soft)}.specs__intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:80px;display:flex}.specs__intro h2{letter-spacing:-.075em;max-width:970px;font-size:clamp(64px,10vw,154px);font-weight:500;line-height:.88}.specs__intro p{text-align:right;max-width:280px;font-size:14px;line-height:1.25}.spec-grid{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.spec-card{flex-direction:column;justify-content:space-between;min-height:290px;padding:18px;display:flex}.spec-card+.spec-card{border-left:1px solid var(--ink)}.spec-card__value{letter-spacing:-.075em;font-size:clamp(58px,7vw,108px);font-weight:500;line-height:.8}.spec-card__value small{letter-spacing:-.03em;font-size:.28em}.spec-card__note{max-width:220px;font-size:14px;line-height:1.25}.face-index{padding:120px var(--pad) 150px;color:var(--white);background:var(--ink)}.face-index__head{grid-template-columns:1fr 2fr;align-items:end;gap:40px;margin-bottom:84px;display:grid}.face-index__head h2{letter-spacing:-.078em;max-width:980px;font-size:clamp(68px,10.8vw,166px);font-weight:500;line-height:.85}.face-index__head h2 span{color:var(--accent);letter-spacing:-.045em;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.face-index__note{border-top:1px solid #ffffff4d;justify-content:space-between;gap:30px;margin-bottom:18px;padding-top:14px;display:flex}.face-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(245px,25vw,380px);gap:12px;display:grid}.face-card{color:var(--ink);isolation:isolate;background:#deddd7;outline:none;grid-area:span 1/span 3;position:relative;overflow:hidden}.face-card:first-child{grid-area:span 2/span 6}.face-card:nth-child(4){grid-column:span 6}.face-card:nth-child(n+5){grid-column:span 4}.face-card__code{z-index:2;align-items:center;gap:8px;display:inline-flex;position:absolute;top:14px;left:14px}.face-card__code:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.face-card__image{object-fit:contain;pointer-events:none;width:98%;height:97%;transition:opacity .55s var(--ease), transform .75s var(--ease);position:absolute;inset:3% 1% 0;transform:scale(.96)}.face-card__image--alt{opacity:0;transform:scale(1.035)rotate(-1.5deg)}.face-card:focus-visible .face-card__image--main,.face-card.is-alt .face-card__image--main{opacity:0;transform:scale(.9)rotate(1.5deg)}.face-card:focus-visible .face-card__image--alt,.face-card.is-alt .face-card__image--alt{opacity:1;transform:scale(.96)rotate(0)}.face-card__meta{z-index:2;border-top:1px solid #15151573;justify-content:space-between;align-items:flex-end;padding-top:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.face-card__name{letter-spacing:-.055em;font-size:clamp(18px,1.7vw,27px);font-weight:600;line-height:.95}.face-card__state{transition:color .4s var(--ease)}.face-card:focus-visible .face-card__state,.face-card.is-alt .face-card__state{color:var(--accent)}.interlude{color:var(--white);background:var(--accent);padding:17px 0 14px;overflow:hidden}.interlude__track{width:max-content;animation:24s linear infinite marquee;display:flex}.interlude p{letter-spacing:-.055em;white-space:nowrap;flex:none;font-size:clamp(34px,4.2vw,66px);font-weight:500;line-height:.9}.interlude span{margin:0 28px;font-family:Instrument Serif,serif;font-style:italic}@keyframes marquee{to{transform:translate(-50%)}}.closing{min-height:100vh;padding:110px var(--pad) 28px;color:var(--ink);background:var(--soft);grid-template-rows:1fr auto;display:grid}.closing__main{grid-template-columns:1fr auto;align-items:center;gap:40px;display:grid}.closing h2{letter-spacing:-.075em;max-width:1120px;font-size:clamp(72px,11.5vw,180px);font-weight:500;line-height:.87}.closing h2 .serif{color:var(--accent);letter-spacing:-.04em;font-size:1.1em;font-style:italic}.closing__cta{display:block}.closing__button{--mx:0px;--my:0px;--rot:0deg;aspect-ratio:1;border:1px solid var(--ink);width:clamp(150px,17vw,250px);transform:translate(var(--mx), var(--my)) rotate(var(--rot));transition:color .5s var(--ease), background .5s var(--ease), transform .5s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:clamp(38px,4vw,62px);display:grid}.closing__button:hover{--rot:8deg;color:var(--white);background:var(--ink)}.closing__footer{border-top:1px solid #15151547;grid-template-columns:1fr auto 1fr;align-items:end;padding-top:18px;display:grid}.closing__footer span:nth-child(2){letter-spacing:-.055em;font-size:19px;font-weight:600}.closing__footer a{justify-self:end}.reveal{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transition-delay:var(--delay,0s);transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:translate(0,0)}.line-reveal{position:relative}.line-reveal:after{content:"";transform-origin:0;height:1px;transition:transform 1.1s var(--ease);background:currentColor;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.line-reveal.is-visible:after{transform:scaleX(1)}@media (width<=900px){.site-header{grid-template-columns:1fr 1fr}.site-nav{display:none}.hero{height:170vh}.hero__model-wrap{width:min(82vw,720px)}.hero__word{font-size:21.5vw}.hero__axis{width:70vw;height:70vw}.section-head,.statement__foot{grid-template-columns:1fr}.statement__foot p:last-child{justify-self:start}.attention-field{opacity:.72;width:78vw;right:-24vw}.behavior-row{grid-template-columns:.4fr 1.2fr 1.8fr .5fr}.spec-grid{grid-template-columns:repeat(2,1fr)}.spec-card:nth-child(3){border-left:0}.spec-card:nth-child(n+3){border-top:1px solid var(--ink)}.face-index__head{grid-template-columns:1fr}.face-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(270px,48vw,410px)}.face-card{grid-area:span 1/span 1}.face-card:first-child{grid-area:span 2/span 2}.face-card:nth-child(5),.face-card:nth-child(6){grid-column:span 1}.face-card:nth-child(4),.face-card:nth-child(7){grid-column:span 2}}@media (width<=600px){.site-header{padding-top:17px}.hero__stage{min-height:560px}.hero__topline{top:74px}.hero__topline span:last-child{max-width:130px}.hero__word{font-size:21.5vw}.hero__model-wrap{width:116vw;height:72vh}.hero__axis{width:94vw;height:94vw}.hero__copy{max-width:240px;font-size:15px}.hero__instruction{bottom:34px}.statement,.behavior,.specs,.face-index,.closing{padding-top:88px}.statement h2 .serif{margin-left:0}.attention-field{opacity:.5;width:108vw;right:-45vw}.attention-field__tag{display:none}.behavior-row{grid-template-columns:.3fr 1.2fr .45fr;gap:14px;min-height:128px}.behavior-row__body{display:none}.specs__intro{flex-direction:column;align-items:flex-start}.specs__intro p{text-align:left}.spec-grid{grid-template-columns:1fr}.spec-card{border-top:1px solid var(--ink);min-height:205px;border-left:0!important}.face-index{padding-bottom:92px}.face-index__head{margin-bottom:52px}.face-index__note{flex-direction:column;gap:8px}.face-grid{grid-template-columns:1fr;grid-auto-rows:min(96vw,410px);gap:9px}.face-card,.face-card:first-child,.face-card:nth-child(4),.face-card:nth-child(7){grid-area:span 1/1}.closing__main{grid-template-columns:1fr}.closing__cta{justify-self:end}.closing__footer{grid-template-columns:1fr 1fr}.closing__footer span:nth-child(2){display:none}}@media (hover:hover) and (pointer:fine){.face-card:hover .face-card__image--main{opacity:0;transform:scale(.9)rotate(1.5deg)}.face-card:hover .face-card__image--alt{opacity:1;transform:scale(.96)rotate(0)}.face-card:hover .face-card__state{color:var(--accent)}}@media (hover:none),(pointer:coarse){.hero__instruction{display:none}.face-card__state:after{content:" / tap"}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.line-reveal:after{transform:scaleX(1)}}