html,body{height:100%;overflow-x:hidden}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}.slide{width:100vw;height:100vh;height:100dvh;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;position:relative}.slide-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-height:100%;overflow:hidden;padding:var(--slide-padding)}:root{--title-size: clamp(1.5rem, 5vw, 4rem);--h2-size: clamp(1.25rem, 3.5vw, 2.5rem);--h3-size: clamp(1rem, 2.5vw, 1.75rem);--body-size: clamp(.75rem, 1.5vw, 1.125rem);--small-size: clamp(.65rem, 1vw, .875rem);--slide-padding: clamp(1rem, 4vw, 4rem);--content-gap: clamp(.5rem, 2vw, 2rem);--element-gap: clamp(.25rem, 1vw, 1rem)}.card,.container,.content-box{max-width:min(90vw,1000px);max-height:min(80vh,700px)}.feature-list,.bullet-list{gap:clamp(.4rem,1vh,1rem)}.feature-list li,.bullet-list li{font-size:var(--body-size);line-height:1.4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(.5rem,1.5vw,1rem)}img,.image-container{max-width:100%;max-height:min(50vh,400px);object-fit:contain}@media(max-height:700px){:root{--slide-padding: clamp(.75rem, 3vw, 2rem);--content-gap: clamp(.4rem, 1.5vw, 1rem);--title-size: clamp(1.25rem, 4.5vw, 2.5rem);--h2-size: clamp(1rem, 3vw, 1.75rem)}}@media(max-height:600px){:root{--slide-padding: clamp(.5rem, 2.5vw, 1.5rem);--content-gap: clamp(.3rem, 1vw, .75rem);--title-size: clamp(1.1rem, 4vw, 2rem);--body-size: clamp(.7rem, 1.2vw, .95rem)}.nav-dots,.keyboard-hint,.decorative{display:none}}@media(max-height:500px){:root{--slide-padding: clamp(.4rem, 2vw, 1rem);--title-size: clamp(1rem, 3.5vw, 1.5rem);--h2-size: clamp(.9rem, 2.5vw, 1.25rem);--body-size: clamp(.65rem, 1vw, .85rem)}}@media(max-width:600px){:root{--title-size: clamp(1.25rem, 7vw, 2.5rem)}.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.2s!important}html{scroll-behavior:auto}}:root{--paper: #faf7f2;--surface: #fdfcfa;--ink: #1a1a1a;--muted: #6f6a64;--teal: #0b5e73;--teal-deep: #062d38;--teal-light: hsl(185, 45%, 62%);--red: #b4493f;--p-yellow: hsl(45, 85%, 74%);--p-blue: hsl(220, 70%, 82%);--p-purple: hsl(270, 55%, 82%);--p-green: hsl(140, 48%, 74%);--p-orange: hsl(24, 78%, 80%);--p-teal: hsl(175, 50%, 78%);--p-red: hsl(8, 62%, 90%);--font-display: "Clash Display", "Figtree", sans-serif;--font-body: "Literata", Georgia, serif;--font-ui: "Figtree", sans-serif;--fs-hero: clamp(2.4rem, min(7vw, 12vh), 7rem);--fs-section: clamp(2.2rem, min(6.4vw, 11vh), 6.5rem);--fs-h2: clamp(1.75rem, min(4.4vw, 7.6vh), 4.75rem);--fs-h3: clamp(1.25rem, min(2.7vw, 4.7vh), 2.8rem);--fs-lead: clamp(1.1rem, min(2.4vw, 4.2vh), 2.4rem);--fs-body: clamp(1rem, min(2.05vw, 3.65vh), 2.1rem);--fs-q: clamp(1.1rem, min(2.45vw, 4.3vh), 2.5rem);--fs-small: clamp(.85rem, min(1.5vw, 2.7vh), 1.5rem);--fs-xl: clamp(1.2rem, min(2.9vw, 5vh), 2.9rem);--pad-top: clamp(3.25rem, 11vh, 6.75rem);--pad-bottom: clamp(3.25rem, 10vh, 6rem);--pad-x: clamp(1.25rem, 6vw, 6.5rem);--pad-right: clamp(1.25rem, 8vw, 8.5rem);--gap: clamp(.75rem, min(2vw, 3vh), 2rem);--border: clamp(2px, .2vw, 3px) solid var(--ink);--radius: clamp(10px, 1vw, 16px);--shadow: clamp(3px, .4vw, 6px) clamp(3px, .4vw, 6px) 0 0 var(--ink);--shadow-sm: 3px 3px 0 0 var(--ink);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--sec: var(--p-teal)}[data-section=open]{--sec: var(--p-yellow)}[data-section=polaris]{--sec: var(--p-purple)}[data-section=together]{--sec: var(--p-orange)}*{margin:0;padding:0;box-sizing:border-box}body{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.slide{background:radial-gradient(circle,rgba(26,26,26,.09) 1.2px,transparent 1.6px) 0 0 / 28px 28px,var(--paper)}.slide--dark{color:#fff;background:radial-gradient(circle at 12% 22%,rgba(255,255,255,.85) 0 1.5px,transparent 2.5px),radial-gradient(circle at 34% 78%,rgba(255,255,255,.55) 0 1.2px,transparent 2px),radial-gradient(circle at 58% 14%,rgba(255,255,255,.7) 0 1.4px,transparent 2.4px),radial-gradient(circle at 76% 62%,rgba(255,255,255,.5) 0 1.2px,transparent 2px),radial-gradient(circle at 90% 28%,rgba(255,255,255,.65) 0 1.5px,transparent 2.5px),radial-gradient(circle at 22% 54%,rgba(255,255,255,.4) 0 1px,transparent 1.8px),radial-gradient(ellipse 55% 70% at 85% 10%,rgba(255,255,255,.1),transparent),linear-gradient(150deg,var(--teal-deep) 0%,#083d4a 40%,var(--teal) 82%,hsl(175,45%,36%) 100%)}.slide--dark:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.slide-content{justify-content:center;gap:var(--gap);padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-x);position:relative;z-index:2}.slide-body{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--gap);margin-top:calc(var(--gap) * .4)}.slide--center .slide-content{justify-content:center;align-items:flex-start}.brand{position:absolute;top:clamp(.85rem,3vh,2rem);left:var(--pad-x);z-index:3}.brand img{height:clamp(20px,3.6vh,34px);width:auto;display:block}h1,h2,h3{font-family:var(--font-display);font-weight:600;text-transform:lowercase;line-height:1.02;letter-spacing:-.015em}.t-hero{font-size:var(--fs-hero);max-width:15ch}.t-section{font-size:var(--fs-section);max-width:13ch}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);line-height:1.08}.lead{font-size:var(--fs-lead);line-height:1.35;max-width:62ch}.slide--dark .lead{color:#ffffffe0;max-width:30ch}p,li{font-size:var(--fs-body);line-height:1.4}strong{font-weight:600}.hl{background:linear-gradient(transparent 56%,var(--sec) 56%,var(--sec) 92%,transparent 92%);padding:0 .08em;margin:0 -.04em}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(.85rem,min(1.8vw,3vh),1.9rem);display:flex;flex-direction:column;gap:clamp(.35rem,1.1vh,.8rem);min-width:0}.card .ico{font-size:calc(var(--fs-h3) * 1.25);line-height:1;color:var(--ink)}.card--yellow{background:var(--p-yellow)}.card--blue{background:var(--p-blue)}.card--purple{background:var(--p-purple)}.card--green{background:var(--p-green)}.card--teal{background:var(--p-teal)}.row{display:grid;gap:var(--gap)}.cards-title .card{justify-content:center;min-height:clamp(8rem,28vh,17rem)}.cards-title .card h3{font-size:calc(var(--fs-h3) * 1.25)}.row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tilt:nth-child(odd){--tilt: -1deg}.tilt:nth-child(2n){--tilt: 1deg}.ex-q{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.35;background:#ffffffb8;border:1.5px solid var(--ink);border-radius:10px;padding:clamp(.45rem,1.2vh,.8rem) clamp(.6rem,1.2vw,1rem)}.ex{display:flex;gap:.5em;align-items:flex-start;font-size:var(--fs-body);line-height:1.35}.ex i{flex:0 0 auto;margin-top:.12em;font-size:1.1em}.ex--good i{color:var(--teal)}.ex--weak{color:var(--muted)}.ex--weak i{color:var(--red)}.steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:clamp(.6rem,2vh,1.4rem)}.steps li{counter-increment:step;display:flex;gap:.7em;align-items:flex-start}.steps li:before{content:counter(step);flex:0 0 auto;width:1.6em;height:1.6em;margin-top:-.12em;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.85em;color:#fff;background:var(--teal);border-radius:.4em}.steps--lg li{font-size:var(--fs-lead)}.steps--xl{gap:clamp(.7rem,2.6vh,1.8rem)}.steps--xl li{font-size:var(--fs-xl);line-height:1.25}.steps--2col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:clamp(.8rem,3vh,2.2rem) clamp(1rem,4vw,4rem)}.note{display:flex;gap:.7em;align-items:center;background:var(--surface);border:var(--border);border-left:clamp(6px,.6vw,10px) solid var(--teal);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(.6rem,1.6vh,1.1rem) clamp(.8rem,1.6vw,1.4rem);font-size:var(--fs-body);line-height:1.4}.note i{color:var(--teal);font-size:1.3em;flex:0 0 auto}.qmark{position:absolute;right:clamp(1rem,9vw,10rem);top:50%;transform:translateY(-55%) rotate(12deg);font-family:var(--font-display);font-weight:700;font-size:clamp(12rem,min(36vw,70vh),40rem);line-height:1;color:transparent;-webkit-text-stroke:clamp(2px,.35vw,5px) var(--sec);opacity:.9;z-index:1;pointer-events:none;transition:transform 1s var(--spring),opacity 1s}.slide:not(.visible) .qmark{transform:translateY(-50%) rotate(-10deg) scale(.8);opacity:0}.divider-bar{width:clamp(3rem,8vw,7rem);height:clamp(8px,1.2vh,14px);background:var(--sec);border:2px solid var(--ink);border-radius:99px;margin-bottom:clamp(.8rem,2.5vh,1.6rem)}.art{position:absolute;right:calc(var(--pad-right) * .6);bottom:clamp(3.25rem,10vh,6rem);width:auto;height:clamp(8rem,30vh,18rem);max-height:min(30vh,18rem);z-index:2;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));pointer-events:none}.art--flip{transform:scaleX(-1)}.art--wide{height:clamp(6rem,21vh,13rem)}.flip{all:unset;display:block;cursor:pointer;perspective:1400px;border-radius:var(--radius);min-width:0}.flip:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.flip-inner{display:grid;height:100%;transform-style:preserve-3d;transition:transform .7s var(--spring)}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(.6rem,min(1.3vw,2.2vh),1.4rem) clamp(.9rem,1.6vw,1.7rem);display:flex;flex-direction:column;justify-content:center;gap:clamp(.25rem,.8vh,.6rem);font-family:var(--font-body);font-size:var(--fs-q);line-height:1.32;color:var(--ink)}.face--front{background:var(--p-red)}.face--back{background:var(--p-teal);transform:rotateY(180deg)}.face .tag{align-self:flex-start;display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-small);text-transform:lowercase;background:var(--surface);border:1.5px solid var(--ink);border-radius:99px;padding:.1em .7em}.flip:hover .face{box-shadow:clamp(5px,.6vw,8px) clamp(5px,.6vw,8px) 0 0 var(--ink)}.stems{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,2vh,1.3rem) var(--gap)}.stem{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);padding:clamp(.5rem,1.6vh,1rem) clamp(.9rem,1.8vw,1.6rem);border:var(--border);border-radius:99px;box-shadow:var(--shadow-sm)}.stem:nth-child(4n+1){background:var(--p-yellow)}.stem:nth-child(4n+2){background:var(--p-blue)}.stem:nth-child(4n+3){background:var(--p-green)}.stem:nth-child(4n+4){background:var(--p-purple)}.pairs{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:var(--surface)}.pairs>div{font-size:var(--fs-body);line-height:1.38;padding:clamp(.55rem,1.8vh,1.1rem) clamp(.8rem,1.6vw,1.5rem);border-bottom:1.5px solid #ddd6cc}.pairs>div:nth-child(odd){border-right:var(--border)}.pairs>div:nth-last-child(-n+2){border-bottom:none}.pairs .head{font-family:var(--font-display);font-weight:600;text-transform:lowercase;font-size:var(--fs-h3);border-bottom:var(--border)!important}.pairs .head--weak{background:var(--p-red)}.pairs .head--fair{background:var(--p-teal)}.trap h3{display:flex;align-items:center;gap:.4em}.trap h3 i{color:var(--red);font-size:1.05em}.trap .fix{margin-top:auto;padding-top:.5em;border-top:1.5px solid #ddd6cc}.trap .fix strong{color:var(--teal)}.arc{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:clamp(.4rem,1vw,.9rem);align-items:stretch}.arc .to{align-self:center;font-size:var(--fs-h2);color:var(--teal);line-height:1}.arc .card .ex-q{margin-top:auto}.type{flex-direction:row;align-items:flex-start;gap:clamp(.6rem,1.4vw,1.2rem)}.type .ico{flex:0 0 auto;width:1.8em;height:1.8em;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border);border-radius:50%;font-size:calc(var(--fs-h3) * 1.05)}.type>div{display:flex;flex-direction:column;gap:clamp(.25rem,.8vh,.6rem);min-width:0}.sounds{list-style:none;display:flex;flex-direction:column;gap:clamp(1rem,5.5vh,3.2rem)}.sounds li{display:grid;grid-template-columns:clamp(5rem,11vw,10rem) 1fr;align-items:baseline;gap:clamp(.6rem,1.6vw,1.4rem);font-size:var(--fs-q);line-height:1.3}.sounds .chip{justify-self:start;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-body);text-transform:lowercase;border:2px solid var(--ink);border-radius:99px;box-shadow:var(--shadow-sm);padding:.15em .85em;transform:translateY(-.15em)}.scale{display:flex;gap:clamp(.4rem,1vw,.9rem)}.scale button{all:unset;cursor:pointer;width:clamp(2.8rem,min(6vw,10vh),6rem);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .25s var(--spring),background .2s,color .2s,box-shadow .2s}.scale button:hover{transform:translateY(-3px)}.scale button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.scale button[aria-pressed=true]{background:var(--teal);color:#fff;transform:translate(2px,2px);box-shadow:none}.scale-labels{display:flex;justify-content:space-between;font-family:var(--font-ui);font-weight:600;font-size:var(--fs-small);color:var(--muted);margin-top:.5em}.scale-wrap{display:inline-flex;flex-direction:column;align-self:flex-start}.round-n{font-family:var(--font-display);font-weight:700;font-size:calc(var(--fs-h2) * 1.3);line-height:.9;color:var(--teal)}.contact{font-family:var(--font-ui);font-size:var(--fs-lead);color:#ffffffd9;margin-top:clamp(.8rem,3vh,2rem)}.progress-bar{position:fixed;top:0;left:0;height:clamp(4px,.6vh,6px);width:0;background:var(--teal);z-index:100;transition:width .4s var(--ease-out-expo),background .3s}body.on-dark .progress-bar{background:var(--teal-light)}.back-link{position:fixed;top:clamp(.7rem,2.6vh,1.7rem);right:clamp(.9rem,2vw,2rem);z-index:100;display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-ui);font-weight:600;font-size:var(--fs-small);color:var(--ink);text-decoration:none;text-transform:lowercase;background:var(--surface);border:2px solid var(--ink);border-radius:99px;padding:.3em .9em;box-shadow:var(--shadow-sm)}.back-link:hover{background:var(--teal);color:#fff}.tabs{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(4px,.8vh,8px)}.tabs button{all:unset;cursor:pointer;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-ui);font-weight:700;font-size:clamp(.75rem,min(1.15vw,1.9vh),1.1rem);text-transform:lowercase;padding:clamp(.6rem,1.6vh,1rem) clamp(.35rem,.6vw,.6rem);background:var(--sec);border:2px solid var(--ink);border-right:none;border-radius:0 10px 10px 0;opacity:.7;transition:padding .25s var(--spring),opacity .2s}.tabs button:hover,.tabs button.is-active{opacity:1}.tabs button.is-active{padding-top:clamp(.6rem,1.6vh,1rem);padding-bottom:clamp(.6rem,1.6vh,1rem);padding-right:clamp(.7rem,1.1vw,1.1rem)}.tabs button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.nav-dots{position:fixed;bottom:clamp(1rem,3.4vh,2rem);left:50%;transform:translate(-50%);z-index:90;display:flex;gap:clamp(4px,.5vw,8px)}.nav-dots button{all:unset;cursor:pointer;width:clamp(6px,.6vw,10px);height:clamp(6px,.6vw,10px);border-radius:50%;background:#1a1a1a38;transition:transform .2s,background .2s}.nav-dots button.is-active{background:var(--teal);transform:scale(1.5)}body.on-dark .nav-dots button{background:#ffffff4d}body.on-dark .nav-dots button.is-active{background:#fff}.nav-buttons{position:fixed;bottom:clamp(.7rem,2.6vh,1.6rem);right:clamp(.9rem,2vw,2rem);z-index:100;display:flex;gap:.5rem}.nav-buttons button{all:unset;cursor:pointer;width:clamp(2.2rem,min(3.4vw,6vh),3rem);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1rem,min(1.6vw,2.8vh),1.4rem);background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:10px;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s,background .14s,color .14s}.nav-buttons button:hover{background:var(--teal);color:#fff}.nav-buttons button:active{transform:translate(2px,2px);box-shadow:none}.nav-buttons button:focus-visible{outline:3px solid var(--teal-light);outline-offset:2px}.reveal,.pop{opacity:0;transition-property:opacity,transform,box-shadow;transition-delay:calc(var(--i, 0) * 90ms + 80ms)}.reveal{transform:translateY(28px);transition-duration:.7s;transition-timing-function:var(--ease-out-expo)}.pop{transform:translateY(40px) scale(.92) rotate(calc(var(--tilt, 0deg) * 4));transition-duration:.8s;transition-timing-function:var(--spring)}.slide.visible .reveal{opacity:1;transform:none}.slide.visible .pop{opacity:1;transform:rotate(var(--tilt, 0deg))}.slide.visible .pop:hover{transform:rotate(0) translate(-2px,-2px);transition-delay:0s}.art.reveal{transform:translateY(28px)}.art--flip.reveal,.slide.visible .art--flip{transform:scaleX(-1)}@media(max-width:900px){.tabs{display:none}:root{--pad-right: var(--pad-x)}}@media(orientation:portrait)and (min-width:761px){:root{--fs-h2: clamp(1.75rem, 5.6vw, 4rem);--fs-h3: clamp(1.25rem, 3.4vw, 2.4rem);--fs-lead: clamp(1.1rem, 3.1vw, 2rem);--fs-body: clamp(1rem, 2.7vw, 1.8rem);--fs-q: clamp(1.1rem, 3.1vw, 2.1rem);--fs-small: clamp(.85rem, 2vw, 1.3rem);--fs-xl: clamp(1.2rem, 3.6vw, 2.4rem)}}@media(max-width:760px){.row--2,.row--3,.stems,.steps--2col{grid-template-columns:1fr}.steps--2col{grid-auto-flow:row;grid-template-rows:none}.arc{grid-template-columns:1fr}.arc .to,.nav-dots,.art{display:none}.qmark{opacity:.35}:root{--fs-body: clamp(.92rem, 3.9vw, 1.05rem);--fs-q: clamp(.98rem, 4.2vw, 1.15rem);--fs-lead: clamp(1rem, 4.4vw, 1.2rem);--fs-h3: clamp(1.08rem, 4.8vw, 1.35rem);--fs-h2: clamp(1.55rem, 7.4vw, 2.1rem);--fs-small: clamp(.78rem, 3.3vw, .9rem);--pad-top: 3.6rem;--pad-bottom: 3.8rem}.card .ico{display:none}.cards-title .card{min-height:0}}@media(max-height:600px){.art{display:none}}@media(max-height:500px){:root{--fs-body: clamp(.7rem, 3.1vh, 1rem);--fs-q: clamp(.75rem, 3.6vh, 1.1rem);--fs-lead: clamp(.78rem, 3.6vh, 1.1rem);--fs-h3: clamp(.85rem, 4.2vh, 1.2rem);--fs-h2: clamp(1.1rem, 6.5vh, 1.6rem);--fs-small: clamp(.65rem, 2.4vh, .85rem);--pad-top: 2.6rem;--pad-bottom: 2.6rem;--gap: .5rem}.card .ico{display:none}}