.page--grove main{padding-bottom:clamp(48px,8vh,96px)}.grove-plate{position:relative;margin:16px;border-radius:32px;overflow:hidden;background:var(--cobalt);color:#fff;font-family:var(--sans)}.grove-head{padding:clamp(84px,11vh,112px) clamp(20px,3.4vw,48px) 0}.grove-head__kind{margin:0 0 14px;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--butter)}.grove-head h1{margin:0;font-family:var(--display);font-size:clamp(56px,8.4vw,124px);line-height:.86;font-weight:300;font-variation-settings:"SOFT" 100;letter-spacing:-.04em}.grove-head__lede{max-width:30em;margin:clamp(14px,2vw,22px) 0 0;font-family:var(--display);font-size:clamp(19px,1.9vw,24px);line-height:1.28;font-weight:300;font-variation-settings:"SOFT" 100;letter-spacing:-.01em;text-wrap:balance}.grove-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:clamp(20px,2.6vw,30px) clamp(20px,3.4vw,48px) 0}.gseg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff24}.gseg button{padding:10px 16px;border:0;border-radius:999px;background:transparent;color:#fff;font:500 14px/1.1 var(--sans);cursor:pointer}.gseg button[aria-pressed=true]{background:var(--cream);color:var(--cobalt-deep)}.gseg button:focus-visible,.gbtn:focus-visible{outline:2px solid var(--butter);outline-offset:2px}.grove-flag{flex:1 1 320px;max-width:44em;margin:0;padding:9px 16px;border-radius:14px;background:var(--butter);color:var(--ink);font-size:13.5px;line-height:1.4}.grove-flag[hidden]{display:none}.grove-stage{position:relative;margin-top:8px}.grove-stage canvas{display:block;width:100%;aspect-ratio:1500 / 760;max-height:78vh;min-height:380px;touch-action:pan-y}.grove-stage.is-shown:after{content:"Illustration · invented history";position:absolute;top:14px;right:clamp(14px,3.4vw,48px);padding:6px 12px;border-radius:999px;background:var(--butter);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.04em;pointer-events:none}.grove-stage.is-empty canvas{max-height:60vh}.grove-empty{display:none;position:absolute;top:clamp(18px,5%,48px);left:clamp(20px,3.4vw,48px);width:min(30em,100% - 40px)}.grove-stage.is-empty .grove-empty{display:block}.grove-empty h2{margin:0 0 10px;font-family:var(--display);font-size:clamp(26px,2.8vw,36px);line-height:1.1;font-weight:300;font-variation-settings:"SOFT" 100;letter-spacing:-.015em;color:var(--butter)}.grove-empty p{margin:0 0 16px;font-size:15px;line-height:1.5;color:#ffffffdb}.gbtn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgb(255 255 255 / .5);border-radius:999px;background:transparent;color:#fff;font:500 14px/1 var(--sans);text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease}.gbtn:hover{background:#fff;border-color:#fff;color:var(--cobalt-deep)}.gbtn--solid{background:var(--butter);border-color:var(--butter);color:var(--ink)}.gbtn[hidden]{display:none}.grove-tip{position:absolute;z-index:3;width:min(300px,calc(100% - 16px));padding:13px 15px;border-radius:16px;background:var(--ink);color:#fff;font-size:13px;line-height:1.45;pointer-events:none;box-shadow:0 16px 40px #0a0e3266}.grove-tip b{display:block;margin-bottom:4px;font-size:13.5px;font-weight:600;color:var(--butter)}.grove-tip p{margin:0 0 4px;color:#ffffffdb}.grove-foot{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px clamp(24px,4vw,56px);padding:22px clamp(20px,3.4vw,48px) clamp(24px,3.4vw,40px);border-top:1px solid rgb(255 255 255 / .2)}.grove-counts{flex:1 1 420px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;margin:0}.grove-counts dt{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbd}.grove-counts dd{margin:2px 0 0;font-family:var(--display);font-size:clamp(34px,4vw,52px);line-height:1;font-weight:300;font-variation-settings:"SOFT" 100;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em;color:var(--butter)}.grove-counts small{display:block;margin-top:6px;font-size:12.5px;line-height:1.35;color:#ffffffbd}.grove-replay{flex:1 1 300px;display:flex;align-items:center;gap:16px}.grove-replay[hidden]{display:none}.grove-replay label{flex:1;display:grid;gap:4px;font-size:13px;font-weight:500}.grove-replay output{font-variant-numeric:tabular-nums}.grove-replay input{width:100%;height:26px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize}.grove-replay input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--butter) var(--at, 100%),rgb(255 255 255 / .25) var(--at, 100%))}.grove-replay input::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--butter) var(--at, 100%),rgb(255 255 255 / .25) var(--at, 100%))}.grove-replay input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:3px solid var(--cobalt);border-radius:50%;background:var(--butter);box-shadow:0 0 0 1.5px var(--butter)}.grove-replay input::-moz-range-thumb{width:16px;height:16px;border:3px solid var(--cobalt);border-radius:50%;background:var(--butter)}.grove-sec{width:min(var(--full),100% - 32px);margin:clamp(56px,9vh,104px) auto 0;padding:0 clamp(4px,2vw,32px)}.grove-sec>h2{margin:0 0 clamp(20px,3vw,32px);font-family:var(--display);font-size:clamp(30px,3.8vw,46px);line-height:1.08;font-weight:300;font-variation-settings:"SOFT" 100;letter-spacing:-.02em;text-wrap:balance}.grove-open__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(24px,4vw,56px)}.grove-open__in p{margin:0;max-width:31em}.grove-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.grove-key li{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:20px;border-radius:24px;background:var(--tint);color:var(--cobalt-deep)}.grove-key svg{width:56px;height:56px;border-radius:14px;background:var(--cobalt)}.grove-key b{display:block;font-family:var(--display);font-size:20px;line-height:1.2;font-weight:420;font-variation-settings:"SOFT" 100}.grove-key p{margin:6px 0 0;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--ink-2)}.grove-proof{width:calc(100% - 32px);max-width:none;padding:clamp(28px,5vw,64px) clamp(20px,3.4vw,48px);border-radius:32px;background:var(--cobalt);color:#fff}.grove-proof__lede{max-width:34em;margin:0;color:#ffffffe0}.grove-proof ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:0 clamp(16px,2.6vw,40px);margin:clamp(24px,4vw,44px) 0 0;padding:0;list-style:none;font-family:var(--sans)}.grove-proof li{display:grid;grid-template-rows:auto auto 1fr;align-self:stretch}.grove-proof li svg{align-self:end;width:min(150px,100%);height:auto;margin-bottom:14px}.grove-proof li b{font-family:var(--display);font-size:clamp(22px,2.2vw,28px);font-weight:380;font-variation-settings:"SOFT" 100;color:var(--butter)}.grove-proof li p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#ffffffdb}.grove-proof__note{margin:clamp(24px,4vw,40px) 0 0;padding-top:18px;border-top:1px solid rgb(255 255 255 / .22);font-family:var(--sans);font-size:14.5px;color:#ffffffdb}.grove-proof__note a{color:var(--butter)}.grove-yours ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0 0 18px;padding:0;list-style:none}.grove-yours li a{display:grid;gap:4px;height:100%;padding:18px 20px;border-radius:22px;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45;text-decoration:none;transition:transform .25s ease}.grove-yours li a:hover{transform:translateY(-2px)}.grove-yours li b{font-family:var(--display);font-size:19px;font-weight:420;font-variation-settings:"SOFT" 100;color:var(--cobalt)}.grove-yours li small{font-size:12px;color:var(--ink-2)}.grove-yours li q{margin:6px 0;font-family:var(--serif);font-size:15px;font-style:italic;color:var(--ink-2)}.grove-yours__n{margin:0 0 16px}.grove-yours__none{margin:0;font-family:var(--sans);font-size:15px;color:var(--ink-2)}@media(max-width:980px){.grove-key{grid-template-columns:repeat(2,minmax(0,1fr))}.grove-proof ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}@media(max-width:640px){.grove-plate{margin:8px;border-radius:24px}.grove-stage canvas{aspect-ratio:3 / 4;max-height:none}.grove-empty{position:static;width:auto;padding:12px 20px 0}.grove-open__in,.grove-key{grid-template-columns:1fr}.grove-counts{gap:12px 14px}.grove-stage.is-shown:after{left:14px;right:auto}}