html img[data-pool]{transform:scaleX(var(--flip,1))}html *,html :before,html :after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);margin:0}html ::selection{background:var(--sage-100);color:var(--ink)}html :focus-visible{outline:3px solid var(--forest-700);outline-offset:3px;border-radius:4px}html a{color:var(--forest-700)}html img{max-width:100%;height:auto;display:block}html h1,html h2{text-wrap:balance;margin:0}html .container{max-width:1200px;padding-inline:var(--space-m);margin:0 auto}@media (width>=768px){html .container{padding-inline:var(--space-l)}}html .hd .container{align-items:center;gap:var(--space-m);min-height:72px;display:flex}html .logo img{width:auto;height:44px}html .gnav,html .hd-actions{display:none}html .menu{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--ink);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}html .menu svg{width:26px;height:26px}@media (width>=1024px){html .hd .container{min-height:96px}html .logo img{height:64px}html .gnav{gap:var(--space-m);margin-left:var(--space-m);font-weight:700;font-size:var(--fs-label);letter-spacing:var(--ls-label);white-space:nowrap;display:flex}html .gnav a{color:var(--ink);padding-block:var(--space-xs);background:linear-gradient(var(--forest-700),var(--forest-700)) left bottom/0 2px no-repeat;text-decoration:none;transition:background-size .35s cubic-bezier(.16,1,.3,1)}html .gnav a:hover{background-size:100% 2px}html .hd-actions{align-items:center;gap:var(--space-s);white-space:nowrap;margin-left:auto;display:flex}html .tel{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.04em;align-items:center;gap:.35em;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}html .tel svg{width:18px;height:18px;color:var(--forest-700)}html .menu{display:none}}html .btn{border-radius:var(--radius-pill);min-height:48px;font-weight:var(--fw-label);font-size:var(--fs-label);letter-spacing:var(--ls-label);white-space:nowrap;justify-content:center;align-items:center;gap:.5em;padding:0 1.3em;text-decoration:none;transition:background-color .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}html .btn svg{flex:none;width:18px;height:18px}html .btn--primary{background:var(--mandarin);color:var(--on-mandarin)}html .btn--primary:hover{background:var(--mandarin-hover);transform:translateY(-1px)}html .btn--ghost{color:var(--forest-700);box-shadow:inset 0 0 0 1.5px var(--forest-700);background:var(--paper)}html .btn--ghost:hover{background:var(--mist)}html .hero{padding-bottom:var(--space-l);position:relative;overflow:hidden}html .hero .container{gap:var(--space-m);display:grid;position:relative}html .copy{z-index:5;padding-top:var(--space-s);position:relative}html .hero h1{font-size:var(--fs-display-text);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:700}html .hero h1>span{display:block}html .hero h1 .nw{white-space:nowrap}html .hero .lead{font-size:var(--fs-lead);line-height:var(--lh-lead);margin:var(--space-m) 0 var(--space-m);max-width:26em;font-weight:500}html .hero .actions{gap:var(--space-s);flex-wrap:wrap;align-items:center;display:flex}html .hero .sub{font-size:var(--fs-caption);color:var(--ink-muted);margin:var(--space-s) 0 0}html .stage{z-index:2;order:-1;position:relative}html .stage .front-sp{z-index:3;height:64px;position:absolute;bottom:-2px;left:-24px;right:-24px}html .front{display:none}html .photo{border-radius:var(--radius-card);aspect-ratio:4/3;background:var(--mist);overflow:hidden}html .photo picture{width:100%;height:100%;display:block}html .photo img{object-fit:cover;object-position:62% 40%;width:100%;height:100%}html .back{z-index:1;pointer-events:none;height:62%;position:absolute;bottom:0;left:0;right:0}html .front{z-index:6;pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}html .layer,html .bob{position:absolute;inset:0}html .layer{bottom:-12px}html .flow{width:200%;height:100%;display:block;position:absolute;top:0;left:0}@media (width<=1023px){html .flow{width:520%}html .back{height:46%}}@media (width>=1024px){html .hero{align-items:center;min-height:calc(100svh - 96px);max-height:820px;padding-bottom:0;display:flex}html .hero .container{align-items:center;gap:var(--space-l);grid-template-columns:6fr 7fr;width:100%;padding-bottom:70px}html .copy{padding-top:0}html .stage{order:0}html .stage .front-sp{display:none}html .front{display:block}html .hero h1{font-size:var(--fs-display-text-lg)}html .hero .lead{font-size:var(--fs-lead-lg)}html .photo{aspect-ratio:16/11}html .back{height:70%}html .front{height:250px}html [data-ph=large] .hero .container{max-width:none;padding-right:0;padding-left:max(var(--space-l),calc((100vw - 1200px) / 2 + var(--space-l)));grid-template-columns:5fr 8fr}html [data-ph=large] .stage .photo{aspect-ratio:auto;border-radius:var(--radius-card) 0 0 var(--radius-card);height:min(72vh,700px)}html [data-ph=large] .hero{max-height:none}}html [data-ph=full] .stage .photo{position:relative}html [data-ph=full] .stage .photo:after{content:"";pointer-events:none;transition:background 1.5s;position:absolute;inset:0}html[data-time=morning] [data-ph=full] .stage .photo:after{background:linear-gradient(#ffbe7847,#ffdcb414 60%,#fff0)}html[data-time=evening] [data-ph=full] .stage .photo:after{background:linear-gradient(#fff0,#ff9a3d0f 45%,#ff8c3247)}html[data-time=night] [data-ph=full] .stage .photo:after{background:linear-gradient(#0c16248c,#0c162459)}@media (width<=1023px){html [data-ph=full] .stage{margin-inline:calc(var(--space-m) * -1)}html [data-ph=full] .stage .photo{aspect-ratio:4/3.2;border-radius:0}html [data-ph=full] .stage .front-sp{left:0;right:0}}@media (width>=768px) and (width<=1023px){html [data-ph=full] .stage{margin-inline:calc(var(--space-l) * -1)}}@media (width>=1024px){html [data-ph=full] .hero{align-items:flex-end;min-height:calc(92svh - 96px);max-height:none;padding-bottom:0}html [data-ph=full] .hero .container{padding-bottom:clamp(120px,16vh,190px);padding-top:var(--space-l);display:block;position:static}html [data-ph=full] .stage{z-index:1;position:absolute;inset:0}html [data-ph=full] .stage .photo{aspect-ratio:auto;border-radius:0;height:100%}html [data-ph=full] .stage .photo img{object-position:60% 35%}html [data-ph=full] .copy{max-width:540px;padding:var(--space-l);backdrop-filter:saturate(1.3)blur(14px);background:#ffffffdb;border-radius:20px;box-shadow:0 20px 40px -24px #1c3f2673}html[data-time=night] [data-ph=full] .copy{background:#121e28c7}html [data-ph=full] .back{display:none}}html [data-copy=h1] .hero .lead{display:none}html [data-copy=h1] .hero .actions{margin-top:var(--space-m)}@media (width>=1024px){html [data-copy=h1][data-ph=full] .copy{max-width:min(720px,60vw);padding:var(--space-m) var(--space-l) var(--space-l)}}html [data-copy=none] .hero h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html [data-copy=none] .hero .lead{display:none}@media (width>=1024px){html [data-copy=none][data-ph=full] .copy{box-shadow:none;backdrop-filter:none;background:0 0;padding:0}}html [data-cta=off] .hero .actions{display:none}@media (width>=1024px){html [data-cta=off][data-ph=full] .hero{min-height:calc(86svh - 96px)}}@keyframes rise{0%{transform:translateY(var(--from,40px));opacity:0}to{opacity:1;transform:none}}@keyframes slide{0%{transform:translate(var(--dx,0),var(--from,40px));opacity:0}to{opacity:1;transform:none}}@keyframes sway{0%{transform:translateX(calc(var(--sw,24px) * -1))}to{transform:translateX(var(--sw,24px))}}@keyframes develop{0%{opacity:0;filter:saturate(.6)blur(6px);transform:scale(1.045)}to{opacity:1;filter:none;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}html .play .photo img{animation:1.8s cubic-bezier(.16,1,.3,1) .15s both develop}html .play .layer.b0,html .play .layer.b1{--from:50px;--dx:-6%;animation:2s cubic-bezier(.16,1,.3,1) 50ms both slide}html .play .layer.b1{animation-delay:.2s}html .play .layer.l1{--from:40px;--dx:9%;animation:1.9s cubic-bezier(.16,1,.3,1) .45s both slide}html .play .layer.l2{--from:50px;--dx:-9%;animation:1.9s cubic-bezier(.16,1,.3,1) .6s both slide}html .play .layer.l3{--from:60px;--dx:6%;animation:1.9s cubic-bezier(.16,1,.3,1) .75s both slide}html .play .hero h1>span{--from:18px;animation:1.2s cubic-bezier(.16,1,.3,1) both rise}html .play .hero h1>span:nth-child(2){animation-delay:.12s}html .play .hero h1>span:nth-child(3){animation-delay:.24s}html .play .lead,html .play .actions,html .play .sub{--from:14px;animation:1.2s cubic-bezier(.16,1,.3,1) .4s both rise}@supports (animation-timeline:scroll()){@media (width>=1024px){@keyframes drift-back{to{transform:translateY(-28px)}}@keyframes drift-front{to{transform:translateY(18px)}}html .back{animation:linear both drift-back scroll();animation-range:0 600px}html .front{animation:linear both drift-front scroll();animation-range:0 600px}}}@keyframes flowL{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes flowR{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes bob{0%{transform:translateY(-7px)}to{transform:translateY(7px)}}@keyframes sway2{0%{transform:translate(-22%)}to{transform:translate(-28%)}}html [data-amb=sazanami] .b0 .flow{animation:140s linear infinite flowL}html [data-amb=sazanami] .b1 .flow{animation:110s linear infinite flowL}html [data-amb=sazanami] .l1 .flow{animation:80s linear infinite flowL}html [data-amb=sazanami] .l2 .flow{animation:60s linear infinite flowL}html [data-amb=sazanami] .l3 .flow{animation:44s linear infinite flowL}html [data-amb=surechigai] .b0 .flow{animation:140s linear infinite flowR}html [data-amb=surechigai] .b1 .flow{animation:110s linear infinite flowL}html [data-amb=surechigai] .l1 .flow{animation:80s linear infinite flowR}html [data-amb=surechigai] .l2 .flow{animation:60s linear infinite flowL}html [data-amb=surechigai] .l3 .flow{animation:44s linear infinite flowR}html [data-amb=uneri] .flow{animation:100s linear infinite flowL}html [data-amb=uneri] .l2 .flow{animation-duration:72s}html [data-amb=uneri] .l3 .flow{animation-duration:54s}html [data-amb=uneri] .bob{animation:6s ease-in-out infinite alternate bob}html [data-amb=uneri] .b1 .bob{animation-duration:7.5s;animation-delay:-2s}html [data-amb=uneri] .l1 .bob{animation-duration:5.5s;animation-delay:-1s}html [data-amb=uneri] .l2 .bob{animation-duration:6.5s;animation-delay:-3s}html [data-amb=uneri] .l3 .bob{animation-duration:5s;animation-delay:-4s}html [data-amb=soyokaze] .flow{animation:16s ease-in-out infinite alternate sway2;transform:translate(-25%)}html [data-amb=soyokaze] .b1 .flow{animation-duration:13s;animation-delay:-4s}html [data-amb=soyokaze] .l1 .flow{animation-duration:11s;animation-delay:-2s}html [data-amb=soyokaze] .l2 .flow{animation-duration:9s;animation-delay:-6s}html [data-amb=soyokaze] .l3 .flow{animation-duration:12s;animation-delay:-3s}@keyframes bobS{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}html [data-amb=mix] .b0 .flow{animation:140s linear infinite flowR}html [data-amb=mix] .b1 .flow{animation:110s linear infinite flowL}html [data-amb=mix] .l1 .flow{animation:80s linear infinite flowR}html [data-amb=mix] .l2 .flow{animation:60s linear infinite flowL}html [data-amb=mix] .l3 .flow{animation:44s linear infinite flowR}html [data-amb=mix] .bob{animation:7s ease-in-out infinite alternate bobS}html [data-amb=mix] .b1 .bob{animation-duration:8.5s;animation-delay:-2s}html [data-amb=mix] .l1 .bob{animation-duration:6.5s;animation-delay:-1s}html [data-amb=mix] .l2 .bob{animation-duration:7.5s;animation-delay:-3s}html [data-amb=mix] .l3 .bob{animation-duration:6s;animation-delay:-4s}@media (prefers-reduced-motion:reduce){html [data-amb] .flow,html [data-amb] .bob,html .walker,html .play *,html .back svg,html .front svg{animation:none!important}}html .ryouiki{background:var(--paper);padding-block:var(--space-xl)}html .d-head{gap:var(--space-s);margin-bottom:var(--space-l);display:grid}html .d-head h2{letter-spacing:.02em;font-size:clamp(2rem,1.2rem + 3.2vw,3.25rem);line-height:1.15}html .d-head p{max-width:30em;margin:0}@media (width>=1024px){html .d-head{align-items:end;column-gap:var(--space-xl);grid-template-columns:auto 1fr}html .d-head p{border-left:1px solid var(--forest-700);padding-bottom:.6em;padding-left:var(--space-m)}}html .d-list{margin:0;padding:0;list-style:none}html .d-item a{color:#fff;isolation:isolate;border-radius:18px;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden}html .d-ph{z-index:-2;position:absolute;inset:0}html .d-ph img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}html .d-item a:before{content:"";z-index:-1;background:linear-gradient(#14201a00 35%,#14201ac7 100%);transition:background .5s;position:absolute;inset:0}html .d-item a:hover .d-ph img,html .d-item a:focus-visible .d-ph img{transform:scale(1.06)}html .d-item a:hover:before{background:linear-gradient(#14201a0d 20%,#14201adb 100%)}html .d-txt{left:var(--space-m);right:4.2em;bottom:var(--space-m);gap:2px;transition:transform .45s cubic-bezier(.16,1,.3,1);display:grid;position:absolute}html .d-item a:hover .d-txt{transform:translate(8px)}html .d-name{letter-spacing:.04em;font-size:clamp(1.25rem,1rem + .9vw,1.6rem);font-weight:700;line-height:1.3}html .focus .d-name{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem)}html .d-line{font-size:var(--fs-note);color:#e9f1e4}html .d-ar{right:var(--space-m);bottom:var(--space-m);width:44px;height:44px;color:var(--forest-700);background:#fffffff2;border-radius:50%;padding:11px;transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s;position:absolute}html .d-item a:hover .d-ar{background:var(--mandarin);color:var(--on-mandarin);transform:translate(4px)}html .d-preview{display:none}html [data-d=bento] .d-list{gap:var(--space-s);grid-template-columns:1fr 1fr;display:grid}html [data-d=bento] .d-item{min-height:180px}html [data-d=bento] .focus{grid-column:1/-1;min-height:240px}@media (width>=1024px){html [data-d=bento] .d-list{grid-template:"a b b"260px"a c c"260px"d e f"220px/2fr 1fr 1fr}html [data-d=bento] .d-item,html [data-d=bento] .focus{grid-column:auto;min-height:0}html [data-d=bento] .d-implant{grid-area:a}html [data-d=bento] .d-ortho{grid-area:b}html [data-d=bento] .d-prevent{grid-area:c}html [data-d=bento] .d-ceramic{grid-area:d}html [data-d=bento] .d-whitening{grid-area:e}html [data-d=bento] .d-surgery{grid-area:f}}html [data-d=tiles] .d-list{gap:var(--space-s);grid-template-columns:1fr 1fr;display:grid}html [data-d=tiles] .d-item{aspect-ratio:4/3.4}html [data-d=tiles] .focus .d-name{font-size:clamp(1.25rem,1rem + .9vw,1.6rem)}@media (width>=1024px){html [data-d=tiles] .d-list{grid-template-columns:repeat(3,1fr)}html [data-d=tiles] .d-item{aspect-ratio:4/3}}@media (width<=767px){html [data-d=tiles] .d-line{display:none}html [data-d=tiles] .d-ar{width:36px;height:36px;padding:9px}}html [data-d=list] .d-list{border-top:1.5px solid var(--ink)}html [data-d=list] .d-item a{color:var(--ink);align-items:center;gap:var(--space-s);padding:var(--space-s) 0;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:64px 1fr 44px;display:grid}html [data-d=list] .d-item a:before{background:var(--mist);clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.16,1,.3,1)}html [data-d=list] .d-item a:hover:before{background:var(--mist);clip-path:inset(0)}html [data-d=list] .d-ph{z-index:0;border-radius:12px;width:64px;height:64px;position:relative;inset:auto;overflow:hidden}html [data-d=list] .d-txt{flex-wrap:wrap;align-items:baseline;gap:.2em 1em;display:flex;position:static}html [data-d=list] .d-name,html [data-d=list] .focus .d-name{color:var(--forest-900);font-size:clamp(1.5rem,1.1rem + 1.8vw,2.6rem)}html [data-d=list] .d-line{color:var(--ink-muted)}html [data-d=list] .d-ar{color:var(--forest-700);background:0 0;padding:8px;position:static}html [data-d=list] .d-item a:hover .d-ar{color:var(--mandarin-ink);background:0 0}@media (width>=1024px){html [data-d=list] .d-wrap{gap:var(--space-xl);grid-template-columns:7fr 5fr;align-items:start;display:grid}html [data-d=list] .d-ph{display:none}html [data-d=list] .d-item a{padding:var(--space-m) var(--space-xs);grid-template-columns:1fr 44px}html [data-d=list] .d-preview{aspect-ratio:4/5;background:var(--mist);border-radius:20px;display:block;position:sticky;top:120px;overflow:hidden}html [data-d=list] .d-preview img{object-fit:cover;width:100%;height:100%;transition:opacity .4s,transform .8s cubic-bezier(.16,1,.3,1)}html [data-d=list] .d-preview.swap img{opacity:0;transform:scale(1.04)}}html .tips{background:var(--mist);padding-block:var(--space-xl)}html .e-head{gap:var(--space-s);margin-bottom:var(--space-l);display:grid}html .e-head h2{letter-spacing:.02em;font-size:clamp(2rem,1.2rem + 3.2vw,3.25rem);line-height:1.15}html .e-head p{max-width:30em;margin:0}@media (width>=1024px){html .e-head{align-items:end;column-gap:var(--space-xl);grid-template-columns:auto 1fr}html .e-head p{border-left:1px solid var(--forest-700);padding-bottom:.6em;padding-left:var(--space-m)}}html .e-list{margin:0;padding:0;list-style:none}html .e-item a{color:var(--ink);isolation:isolate;text-decoration:none;display:block;position:relative}html .e-y{color:var(--forest-900);letter-spacing:.02em;font-weight:700;line-height:1.1}html .e-sub{color:var(--ink-muted);letter-spacing:.1em;font-size:14px}html .e-t{font-size:clamp(1.1rem,1rem + .4vw,1.3rem);font-weight:700;line-height:1.5}html .e-d{font-size:var(--fs-note);color:var(--ink-muted);line-height:1.75}html .e-tag{color:var(--forest-700);font-size:14px;font-weight:700}html .e-ar{width:22px;height:22px;color:var(--forest-700);transition:transform .45s cubic-bezier(.16,1,.3,1)}html .e-item a:hover .e-ar{color:var(--mandarin-ink);transform:translate(4px)}html .e-all{margin-top:var(--space-l);color:var(--forest-700);border-bottom:1.5px solid;align-items:center;gap:.5em;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}html .e-all .e-ar{width:18px;height:18px}html .e-all:hover .e-ar{transform:translate(4px)}html [data-e=timeline] .e-list{gap:0;display:grid;position:relative}html [data-e=timeline] .e-list:before{content:"";background:var(--sage-300);width:2px;position:absolute;top:8px;bottom:8px;left:11px}html [data-e=timeline] .e-item a{column-gap:var(--space-s);padding:var(--space-s) 0 var(--space-m);grid-template-columns:24px 1fr 24px;display:grid}html [data-e=timeline] .e-dot{background:var(--mist);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--forest-700);border-radius:50%;grid-area:1/1;transition:background .3s,box-shadow .3s,transform .45s cubic-bezier(.16,1,.3,1)}html [data-e=timeline] .e-item a:hover .e-dot{background:var(--mandarin);box-shadow:inset 0 0 0 2px var(--mandarin);transform:scale(1.15)}html [data-e=timeline] .e-era{margin-bottom:var(--space-2xs);grid-column:2;align-items:baseline;gap:.6em;display:flex}html [data-e=timeline] .e-y{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem)}html [data-e=timeline] .e-body{grid-column:2;gap:4px;display:grid}html [data-e=timeline] .e-ar{grid-area:2/3;align-self:center}html [data-e=timeline] .e-item a:hover .e-body{transform:translate(6px)}html [data-e=timeline] .e-body{transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (width>=1024px){html [data-e=timeline] .e-list{column-gap:var(--space-m);grid-template-columns:repeat(5,1fr)}html [data-e=timeline] .e-list:before{left:0;right:0;top:calc(76px + var(--space-s) + 11px);width:auto;height:2px;bottom:auto}html [data-e=timeline] .e-item a{row-gap:var(--space-s);grid-template-columns:1fr;padding:0}html [data-e=timeline] .e-era{flex-direction:column;grid-area:1/1;justify-content:flex-end;align-items:flex-start;gap:4px;height:76px;margin:0}html [data-e=timeline] .e-y{white-space:nowrap;font-size:clamp(1.5rem,.9rem + 1vw,2rem)}html [data-e=timeline] .e-dot{grid-row:2}html [data-e=timeline] .e-body{grid-area:3/1}html [data-e=timeline] .e-ar{grid-area:4/1;justify-self:start}}html [data-e=magazine] .e-dot{display:none}html [data-e=magazine] .e-list{gap:var(--space-s);display:grid}html [data-e=magazine] .e-item a{background:var(--paper);height:100%;padding:var(--space-m);gap:var(--space-xs);border-radius:18px;align-content:start;display:grid}html [data-e=magazine] .e-item a:hover{box-shadow:inset 0 0 0 1.5px var(--forest-700)}html [data-e=magazine] .e-era{align-items:baseline;gap:.6em;display:flex}html [data-e=magazine] .e-y{font-size:1.6rem}html [data-e=magazine] .e-body{gap:6px;display:grid}html [data-e=magazine] .feature a{background:var(--forest-900);color:#fff}html [data-e=magazine] .feature .e-y{color:var(--sage-300);font-size:clamp(2.6rem,2rem + 3vw,4.5rem)}html [data-e=magazine] .feature .e-sub,html [data-e=magazine] .feature .e-d{color:var(--sage-100)}html [data-e=magazine] .feature .e-t{font-size:clamp(1.4rem,1.1rem + 1vw,2rem)}html [data-e=magazine] .feature .e-tag,html [data-e=magazine] .feature .e-ar{color:var(--mandarin)}@media (width>=1024px){html [data-e=magazine] .e-list{grid-template-rows:auto auto;grid-template-columns:1.4fr 1fr 1fr}html [data-e=magazine] .feature{order:-1;grid-area:1/1/span 2}html [data-e=magazine] .feature a{padding:var(--space-l);align-content:end}}html [data-e=list] .e-dot,html [data-e=list] .e-d,html [data-e=list] .e-sub{display:none}html [data-e=list] .e-list{border-top:1.5px solid var(--ink)}html [data-e=list] .e-item a{align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-2xs);border-bottom:1px solid var(--line);grid-template-columns:7.5em 1fr 24px;display:grid}html [data-e=list] .e-item a:before{content:"";z-index:-1;background:var(--paper);clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}html [data-e=list] .e-item a:hover:before{clip-path:inset(0)}html [data-e=list] .e-y{font-size:1.1rem}html [data-e=list] .e-body{flex-wrap:wrap;align-items:baseline;gap:.2em 1em;display:flex}@media (width<=767px){html [data-e=list] .e-item a{grid-template-columns:1fr 24px}html [data-e=list] .e-era,html [data-e=list] .e-body{grid-column:1}html [data-e=list] .e-ar{grid-area:1/2/span 2}}html [data-e=timeline] .extra,html [data-e=magazine] .extra,html .e-nav,html .e-all-t2{display:none}html [data-e=band] .e-list{gap:var(--space-m);scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 var(--space-xs);margin-inline:calc(var(--space-m) * -1);padding-inline:var(--space-m);scroll-padding-inline:var(--space-m);grid-auto-columns:min(78vw,300px);grid-auto-flow:column;display:grid;position:relative;overflow-x:auto}html [data-e=band] .e-list::-webkit-scrollbar{display:none}html [data-e=band] .e-item{scroll-snap-align:start;position:relative}html [data-e=band] .e-item:before{content:"";left:0;right:calc(var(--space-m) * -1);top:calc(64px + var(--space-s) + 11px);background:var(--sage-300);height:2px;position:absolute}html [data-e=band] .e-item a{row-gap:var(--space-s);display:grid}html [data-e=band] .e-era{flex-direction:column;justify-content:flex-end;gap:2px;height:64px;display:flex}html [data-e=band] .e-y{white-space:nowrap;font-size:1.9rem}html [data-e=band] .e-dot{background:var(--mist);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--forest-700);border-radius:50%;transition:background .3s,box-shadow .3s,transform .45s cubic-bezier(.16,1,.3,1);position:relative}html [data-e=band] .e-item a:hover .e-dot{background:var(--mandarin);box-shadow:inset 0 0 0 2px var(--mandarin);transform:scale(1.15)}html [data-e=band] .e-body{background:var(--paper);padding:var(--space-m);border-radius:16px;gap:4px;transition:box-shadow .3s,transform .45s cubic-bezier(.16,1,.3,1);display:grid}html [data-e=band] .e-item a:hover .e-body{box-shadow:inset 0 0 0 1.5px var(--forest-700);transform:translateY(-2px)}html [data-e=band] .e-ar{display:none}html [data-e=band] .e-nav{gap:var(--space-xs);margin-top:var(--space-s);justify-content:flex-end;display:flex}html .e-nav button{border:1.5px solid var(--forest-700);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}html .e-nav button:before{content:"";border-right:2px solid var(--forest-700);border-bottom:2px solid var(--forest-700);width:.6em;height:.6em}html .e-prev:before{transform:translate(2px)rotate(135deg)}html .e-next:before{transform:translate(-2px)rotate(-45deg)}html .e-nav button:disabled{opacity:.35;cursor:default}@media (width>=768px){html [data-e=band] .e-list{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}html [data-e=pick3] .e-item:not(.pick),html [data-e=pick3] .e-dot{display:none}html [data-e=pick3] .e-list{gap:var(--space-s);display:grid}html [data-e=pick3] .e-item a{background:var(--paper);height:100%;padding:var(--space-m);gap:var(--space-xs);border-radius:18px;align-content:start;display:grid}html [data-e=pick3] .e-item a:hover{box-shadow:inset 0 0 0 1.5px var(--forest-700)}html [data-e=pick3] .e-era{align-items:baseline;gap:.6em;display:flex}html [data-e=pick3] .e-y{font-size:1.6rem}html [data-e=pick3] .e-body{gap:6px;display:grid}html [data-e=pick3] .feature a{background:var(--forest-900);color:#fff}html [data-e=pick3] .feature .e-y{color:var(--sage-300);font-size:clamp(2.4rem,1.8rem + 3vw,4.2rem)}html [data-e=pick3] .feature .e-sub,html [data-e=pick3] .feature .e-d{color:var(--sage-100)}html [data-e=pick3] .feature .e-t{font-size:clamp(1.4rem,1.1rem + 1vw,2rem)}html [data-e=pick3] .feature .e-tag,html [data-e=pick3] .feature .e-ar{color:var(--mandarin)}html [data-e=pick3] .e-all-t{display:none}html [data-e=pick3] .e-all-t2{display:inline}@media (width>=1024px){html [data-e=pick3] .e-list{grid-template-rows:auto auto;grid-template-columns:1.4fr 1fr}html [data-e=pick3] .feature{order:-1;grid-area:1/1/span 2}html [data-e=pick3] .feature a{padding:var(--space-l);align-content:end}}html [data-e=flex] .e-dot{display:none}html [data-e=flex] .e-list{flex-direction:column;gap:8px;display:flex}html [data-e=flex] .e-item a{padding:var(--space-s) var(--space-m);background:var(--forest-900);color:#fff;border-radius:16px;grid-template-columns:1fr 24px;gap:6px 12px;transition:background .4s;display:grid}html [data-e=flex] .e-item:nth-child(2n) a{background:var(--forest-700)}html [data-e=flex] .e-item:nth-child(3n) a{background:#2f5a3b}html [data-e=flex] .e-era{align-items:baseline;gap:.6em;display:flex}html [data-e=flex] .e-y{color:var(--sage-300);white-space:nowrap;font-size:1.4rem}html [data-e=flex] .e-sub{color:var(--sage-100)}html [data-e=flex] .e-body{grid-column:1;gap:6px;display:grid}html [data-e=flex] .e-t{font-size:clamp(1.1rem,1rem + .5vw,1.5rem)}html [data-e=flex] .e-d{color:var(--sage-100)}html [data-e=flex] .e-tag,html [data-e=flex] .e-ar{color:var(--mandarin)}html [data-e=flex] .e-ar{grid-area:1/2/span 2;align-self:center}html [data-e=flex] .e-d,html [data-e=flex] .e-tag{display:none}html [data-e=flex] .e-item.on .e-d,html [data-e=flex] .e-item.on .e-tag{display:block}@media (width>=1024px){html [data-e=flex] .e-list{flex-direction:row;gap:10px;height:400px}html [data-e=flex] .e-item{flex:1 1 0;min-width:0;transition:flex-grow .7s cubic-bezier(.16,1,.3,1)}html [data-e=flex] .e-item.on{flex-grow:5.5}html [data-e=flex] .e-item a{border-radius:20px;height:100%;padding:0;display:block;position:relative;overflow:hidden}html [data-e=flex] .e-era{top:var(--space-m);writing-mode:vertical-rl;flex-direction:row;align-items:center;gap:.5em;transition:left .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);position:absolute;left:50%;transform:translate(-50%)}html [data-e=flex] .e-y{letter-spacing:.12em;font-size:clamp(1.4rem,1rem + .9vw,2rem)}html [data-e=flex] .e-sub{font-size:var(--fs-caption);letter-spacing:.2em}html [data-e=flex] .on .e-era{left:var(--space-m);transform:none}html [data-e=flex] .e-body{left:calc(var(--space-m) + 4.2em);right:var(--space-l);bottom:var(--space-l);opacity:0;pointer-events:none;min-width:280px;transition:opacity .35s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(12px)}html [data-e=flex] .on .e-body{opacity:1;transition-delay:.2s;transform:none}html [data-e=flex] .e-d,html [data-e=flex] .e-tag{display:block}html [data-e=flex] .e-t{font-size:clamp(1.3rem,1rem + 1vw,1.9rem);line-height:1.45}html [data-e=flex] .e-ar{right:var(--space-m);bottom:var(--space-m);opacity:0;transition:opacity .3s;position:absolute}html [data-e=flex] .on .e-ar{opacity:1}}@media (prefers-reduced-motion:reduce){html [data-e=flex] .e-item,html [data-e=flex] .e-era,html [data-e=flex] .e-body{transition:none}}html :is([data-e=flex][data-ep=plate],html [data-e=flex][data-ep=strata],html [data-e=flex][data-ep=window]) .e-item:nth-child(n) a{color:var(--ink)}html :is([data-e=flex][data-ep=plate],html [data-e=flex][data-ep=strata],html [data-e=flex][data-ep=window]) .e-y{color:var(--forest-900)}html :is([data-e=flex][data-ep=plate],html [data-e=flex][data-ep=strata],html [data-e=flex][data-ep=window]) .e-sub,html :is([data-e=flex][data-ep=plate],html [data-e=flex][data-ep=strata],html [data-e=flex][data-ep=window]) .e-d{color:var(--ink-muted)}html :is([data-e=flex][data-ep=plate],html [data-e=flex][data-ep=strata],html [data-e=flex][data-ep=window]) .e-tag{color:var(--mandarin-ink)}html :is([data-e=flex][data-ep=plate],html [data-e=flex][data-ep=strata],html [data-e=flex][data-ep=window]) .e-ar{color:var(--forest-700)}html [data-e=flex][data-ep=book] .e-item:nth-child(n) a{color:#fff;background:linear-gradient(90deg,#00000052,transparent 16%,#ffffff17 48%,transparent 84%,#00000057), repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),var(--pc);border-radius:4px 4px 2px 2px;box-shadow:inset 0 0 0 1px #0000002e,0 10px 18px -14px #0009}html [data-e=flex][data-ep=book] .e-item:nth-child(n) a:before{content:"";pointer-events:none;border-block:4px double #f2c488b3;border-radius:1px;position:absolute;inset:12px 10px}html [data-e=flex][data-ep=book] .e-y{color:#f2c488}html [data-e=flex][data-ep=book] .e-sub{color:#f2debecc}html [data-e=flex][data-ep=book] .e-t{color:var(--ink)}html [data-e=flex][data-ep=book] .e-d{color:var(--ink-muted)}html [data-e=flex][data-ep=book] .e-tag{color:var(--mandarin-ink)}html [data-e=flex][data-ep=book] .e-ar{color:var(--forest-700)}@media (width<=1023px){html [data-e=flex][data-ep=book] .e-item:nth-child(n) a:before{top:8px;bottom:8px}html [data-e=flex][data-ep=book] .e-item.on .e-body{padding:var(--space-s);background:#fbf7ee;border-radius:4px;margin:4px -8px 0}html [data-e=flex][data-ep=book] .e-item:not(.on) .e-t{color:#fff}}@media (width>=1024px){html [data-e=flex][data-ep=book] .e-list{border-bottom:10px solid var(--forest-900);border-radius:0 0 4px 4px;align-items:flex-end;gap:5px;height:430px;padding:0 6px 12px}html [data-e=flex][data-ep=book] .e-item{height:var(--h,100%)}html [data-e=flex][data-ep=book] .e-dot{clip-path:inset(0 100% 0 0);background:#fbf7ee;border-radius:2px 3px 3px 2px;transition:clip-path .7s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:6px 6px 6px 5.6em;box-shadow:inset 18px 0 18px -16px #00000059,2px 0 #efe7d6,4px 0 #e4dac5}html [data-e=flex][data-ep=book] .on .e-dot{clip-path:inset(0 -6px 0 0);transition-delay:.12s}html [data-e=flex][data-ep=book] .e-body{left:calc(5.6em + var(--space-m))}html [data-e=flex][data-ep=book] .e-era{top:34px}html [data-e=flex][data-ep=book] .on .e-era{left:1.2em}html [data-e=flex][data-ep=book] .e-ar{right:calc(var(--space-m) + 6px)}}html [data-e=flex][data-ep=plate] .e-list{counter-reset:pl}html [data-e=flex][data-ep=plate] .e-item{counter-increment:pl}html [data-e=flex][data-ep=plate] .e-item:nth-child(n) a{background:var(--paper);box-shadow:inset 0 0 0 1px #24271fbf,inset 0 0 0 6px var(--paper),inset 0 0 0 7px #24271f59,0 14px 30px -24px #1c3f2680;border-radius:3px}html [data-e=flex][data-ep=plate] .e-item:nth-child(n) a:after{content:"PL. " counter(pl,decimal-leading-zero);letter-spacing:.18em;color:var(--ink-muted);right:var(--space-m);top:var(--space-s);font-size:12px;position:absolute}@media (width>=1024px){html [data-e=flex][data-ep=plate] .e-item:nth-child(n) a:after{white-space:nowrap;writing-mode:vertical-rl;inset:auto auto 20px 50%;transform:translate(-50%)}html [data-e=flex][data-ep=plate] .e-item.on:nth-child(n) a:after{writing-mode:horizontal-tb;inset:20px 22px auto auto;transform:none}html [data-e=flex][data-ep=plate] .e-dot{background:repeating-linear-gradient(-45deg,#2d6a3947 0 1px,#0000 1px 6px);transition:opacity .6s;display:block;position:absolute;inset:14px;-webkit-mask:linear-gradient(#0000 0 20%,#000 70%);mask:linear-gradient(#0000 0 20%,#000 70%)}html [data-e=flex][data-ep=plate] .on .e-dot{opacity:.35;-webkit-mask:linear-gradient(90deg,#000,#0000 30%);mask:linear-gradient(90deg,#000,#0000 30%)}html [data-e=flex][data-ep=plate] .e-y{color:#0000;-webkit-text-stroke:1.2px var(--forest-900);font-size:clamp(1.8rem,1.2rem + 1.2vw,2.6rem);transition:color .5s}html [data-e=flex][data-ep=plate] .on .e-y{color:var(--forest-900)}html [data-e=flex][data-ep=plate] .e-era{background:var(--paper);z-index:1;padding:10px 4px}html [data-e=flex][data-ep=plate] .e-ar{z-index:1}}html [data-e=flex][data-ep=strata] .e-list{border-radius:24px;gap:0;overflow:hidden;box-shadow:0 20px 40px -30px #3c281480}html [data-e=flex][data-ep=strata] .e-item:nth-child(n) a{background:repeating-radial-gradient(circle at 18% 120%,transparent 0 13px,#3c281417 13px 14px),var(--strata);border-radius:0}html [data-e=flex][data-ep=strata] .e-item+.e-item a{box-shadow:inset 1px 0 #3c28142e,inset 0 1px #3c28142e}html [data-e=flex][data-ep=strata] .e-item.on:nth-child(n) a{background:repeating-radial-gradient(circle at 18% 120%,transparent 0 13px,#3c28141f 13px 14px),linear-gradient(#ffffff59,#ffffff59),var(--strata)}@media (width>=1024px){html [data-e=flex][data-ep=strata] .e-list{height:400px}html [data-e=flex][data-ep=strata] .e-item a{border-radius:0}}html [data-e=flex][data-ep=strata][data-es] .e-dot{pointer-events:none;-webkit-mask:var(--fos) center/contain no-repeat;mask:var(--fos) center/contain no-repeat;opacity:.28;width:54px;height:54px;transform:translateY(-50%) rotate(var(--rot,0deg));background:#3c2814;transition:all .8s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:50%;right:52px}html [data-e=flex][data-ep=strata][data-es] .e-body,html [data-e=flex][data-ep=strata][data-es] .e-era{z-index:1;position:relative}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-es] .e-body,html [data-e=flex][data-ep=strata][data-es] .e-era{position:absolute}html [data-e=flex][data-ep=strata][data-es] .e-dot{width:64px;height:64px;transform:translateX(-50%) rotate(var(--rot,0deg));inset:auto auto 28px 50%}html [data-e=flex][data-ep=strata][data-es] .on .e-dot{width:180px;height:180px;transform:rotate(calc(var(--rot,0deg) - 14deg));opacity:.4;inset:28px 36px auto auto}}html [data-e=flex][data-ep=strata][data-es=fossil] .e-dot{opacity:.42}html [data-e=flex][data-ep=strata][data-es=sediment] .e-item:nth-child(n) a,html [data-e=flex][data-ep=strata][data-es=sediment] .e-item.on:nth-child(n) a{background:url(/img/fossils/sediment.svg) calc(var(--i) * -120px) 0/1400px 100% no-repeat,var(--strata)}html [data-e=flex][data-ep=strata][data-es=sediment] .e-item.on:nth-child(n) a{box-shadow:inset 0 0 0 999px #ffffff47}html [data-e=flex][data-ep=strata][data-es=sediment] .e-dot{--rot:-78deg;opacity:.34}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-es=sediment] .e-dot{bottom:110px}html [data-e=flex][data-ep=strata][data-es=sediment] .on .e-dot{opacity:.42;transform:rotate(-8deg)}}html [data-e=flex][data-ep=strata][data-es=dig] .e-item:nth-child(n) a,html [data-e=flex][data-ep=strata][data-es=dig] .e-item.on:nth-child(n) a{background:url(/img/fossils/soil.svg) 0 0/240px,var(--strata)}html [data-e=flex][data-ep=strata][data-es=dig] .e-item:nth-child(n) a:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#fffaeed9,#fffaee8c 62%,#fffaee00);border-radius:50%;width:150px;height:150px;margin-top:-75px;transition:transform .9s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:4px;transform:scale(0)}html [data-e=flex][data-ep=strata][data-es=dig] .e-dot{opacity:.13}html [data-e=flex][data-ep=strata][data-es=dig] .on .e-dot{opacity:.7}html [data-e=flex][data-ep=strata][data-es=dig] .e-item.on a:before{transform:scale(1)}@media (width<=1023px){html [data-e=flex][data-ep=strata][data-es=dig] .on .e-dot{opacity:.35;top:14px;transform:none}html [data-e=flex][data-ep=strata][data-es=dig] .e-item:nth-child(n) a:before{margin:0;top:-20px}}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-es=dig] .e-item:nth-child(n) a:before{width:320px;height:320px;margin:0;top:-40px;right:-30px}html [data-e=flex][data-ep=strata][data-es=dig] .on .e-dot{opacity:.75;transform:rotate(var(--rot,0deg))}}@media (prefers-reduced-motion:reduce){html [data-e=flex][data-ep=strata][data-es] .e-dot,html [data-e=flex][data-ep=strata][data-es=dig] .e-item a:before{transition:none}}html [data-e=flex][data-ep=strata][data-es=geomap] .e-list{counter-reset:gl;border-radius:6px;box-shadow:inset 0 0 0 1.5px #24271fbf,0 20px 40px -32px #3c281480}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item{counter-increment:gl}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item:nth-child(n) a,html [data-e=flex][data-ep=strata][data-es=geomap] .e-item.on:nth-child(n) a{background:var(--pat) 0 0,linear-gradient(#ffffff59,#ffffff59),var(--strata)}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item+.e-item a{box-shadow:inset 1px 0 #24271f99,inset 0 1px #24271f99}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item.on:nth-child(n) a{background:var(--pat) 0 0,linear-gradient(#ffffffb8,#ffffffb8),var(--strata)}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item:nth-child(n) a:after{content:"第" counter(gl) "層";letter-spacing:.2em;color:var(--ink);background:var(--paper);right:var(--space-s);top:var(--space-s);border:1px solid #24271f99;padding:4px 3px;font-size:12px;font-weight:700;line-height:1;position:absolute}html [data-e=flex][data-ep=strata][data-es=geomap] .e-dot{opacity:.55;width:40px;height:40px}html [data-e=flex][data-ep=strata][data-es=geomap] .e-era{background:var(--paper);border-radius:2px;width:max-content;padding:6px 8px;box-shadow:0 0 0 1px #24271f59}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-es=geomap] .e-list{height:400px}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item:nth-child(n) a:after{writing-mode:vertical-rl;white-space:nowrap;padding:5px 4px;inset:auto auto 16px 50%;transform:translate(-50%)}html [data-e=flex][data-ep=strata][data-es=geomap] .e-item.on a:after{writing-mode:horizontal-tb;inset:24px 24px auto auto;transform:none}html [data-e=flex][data-ep=strata][data-es=geomap] .e-dot{opacity:.6;width:46px;height:46px;bottom:76px}html [data-e=flex][data-ep=strata][data-es=geomap] .on .e-dot{opacity:.55;width:120px;height:120px;top:70px;right:40px}html [data-e=flex][data-ep=strata][data-es=geomap] .e-era{padding:8px 5px}}html [data-e=flex][data-ep=strata][data-sh] .e-list{box-shadow:none;border-radius:0}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage{padding-top:var(--frpad,64px)}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:before,html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:after{content:"";pointer-events:none;z-index:2;position:absolute;left:calc(clamp(48px,10vw,150px)/-1.33333);right:calc(clamp(48px,10vw,150px)/-1.33333)}:root{--frb:url(/img/forest-fd.webp);--frf:url(/img/forest-fe.webp)}html [data-fr=conifer]{--frb:url(/img/forest/conifer-back.svg);--frf:url(/img/forest/conifer-front.svg)}html [data-fr=round]{--frb:url(/img/forest/round-back.svg);--frf:url(/img/forest/round-front.svg)}html [data-fr=sprout]{--frb:url(/img/forest/sprout-back.svg);--frf:url(/img/forest/sprout-front.svg)}html [data-fr=jungle]{--frb:url(/img/forest/jungle-back.svg);--frf:url(/img/forest/jungle-front.svg);--frpad:108px;--frbh:120px;--frft:44px;--frfh:74px}@media (width<=1023px){html [data-fr=jungle]{--frpad:80px;--frbh:90px;--frft:32px;--frfh:56px}}html [data-fr=mixed]{--frb:url(/img/forest/mixed-back.svg);--frf:url(/img/forest/mixed-front.svg)}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:before{height:var(--frbh,76px);background:var(--ff-c);-webkit-mask:var(--frb) left bottom/auto 100% repeat-x,linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask:var(--frb) left bottom/auto 100% repeat-x,linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);-webkit-mask-composite:source-in;top:0;mask-composite:intersect}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:after{top:var(--frft,30px);height:var(--frfh,44px);background:var(--forest-900);-webkit-mask:var(--frf) 40% bottom/auto 100% repeat-x,linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask:var(--frf) 40% bottom/auto 100% repeat-x,linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}html [data-e=flex][data-ep=strata][data-sh=ground] .e-list{--fade:clamp(48px,10vw,150px);padding-inline:var(--fade);margin-inline:calc(var(--fade) * -.75);background:url(/img/fossils/soil.svg) 0 0/240px,linear-gradient(90deg,var(--c0) 50%,var(--c1) 50%);-webkit-mask:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);clip-path:var(--jag,none);padding-bottom:10px}html [data-e=flex][data-ep=strata][data-sh=ground].play .tips{overflow-x:clip}@media (width<=1023px){html [data-e=flex][data-ep=strata][data-sh=ground] .e-list{--fade:28px;margin-inline:calc(var(--space-m) * -1)}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:before,html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:after{left:calc(var(--space-m) * -1);right:calc(var(--space-m) * -1)}}html [data-e=flex][data-ep=strata][data-sh=ground] .e-item:nth-child(n) a{box-shadow:inset 0 10px 14px -10px #1c3f2673}html [data-e=flex][data-ep=strata][data-sh=ground] .e-item+.e-item a{box-shadow:inset 1px 0 #3c28142e,inset 0 10px 14px -10px #1c3f2673}@media (width<=1023px){html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage{padding-top:var(--frpad,48px)}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:before{height:var(--frbh,56px)}html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:after{top:var(--frft,22px);height:var(--frfh,32px)}html [data-e=flex][data-ep=strata][data-sh=ground] .e-item+.e-item a{box-shadow:inset 0 1px #3c28142e}}html [data-fr=conifer],html [data-fr=round],html [data-fr=sprout],html [data-fr=mixed]{--rb:7.5;--rf:12}html [data-fr=jungle]{--rb:5.4545;--rf:8.5714}@keyframes gfR{0%{-webkit-mask-position:0 bottom,0 0;mask-position:0 bottom,0 0}to{-webkit-mask-position:var(--tw) bottom,0 0;mask-position:var(--tw) bottom,0 0}}@keyframes gfL{0%{-webkit-mask-position:var(--tw) bottom,0 0;mask-position:var(--tw) bottom,0 0}to{-webkit-mask-position:0 bottom,0 0;mask-position:0 bottom,0 0}}@keyframes gbob{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}html [data-e=flex][data-ep=strata][data-sh=ground][data-fr]:not([data-fr=""]) .e-stage:before{--tw:calc(var(--frbh,76px) * var(--rb));-webkit-mask-size:var(--tw) 100%,100% 100%;mask-size:var(--tw) 100%,100% 100%;animation:80s linear infinite gfR,7.5s ease-in-out infinite alternate gbob}html [data-e=flex][data-ep=strata][data-sh=ground][data-fr]:not([data-fr=""]) .e-stage:after{--tw:calc(var(--frfh,44px) * var(--rf));-webkit-mask-size:var(--tw) 100%,100% 100%;mask-size:var(--tw) 100%,100% 100%;z-index:4;animation:46s linear infinite gfL,6s ease-in-out -2s infinite alternate gbob}html .tips.paused .e-stage:before,html .tips.paused .e-stage:after,html .tips.paused .e-walker,html .tips.paused .e-walker img{animation-play-state:paused}html .e-walker{display:none}html [data-e=flex][data-ep=strata][data-sh=ground] .e-walker{z-index:5;left:0;top:calc(var(--frpad,64px) - var(--ws) + 6px);--ws:clamp(52px,4.4vw,66px);width:var(--ws);height:var(--ws);pointer-events:none;animation:96s linear infinite gwalk;display:block;position:absolute}html [data-e=flex][data-ep=strata][data-sh=ground] .e-walker img{object-fit:contain;object-position:bottom;width:100%;height:100%;transform:scaleX(calc(var(--dir,1) * var(--flip,1)));animation:.55s ease-in-out infinite alternate gstep}@keyframes gstep{0%{translate:0}to{translate:0 -2px}}@keyframes gwalk{0%{opacity:0;--dir:1;left:2%}3%{opacity:1}46%{left:calc(98% - var(--ws));opacity:1;--dir:1}49%{left:calc(98% - var(--ws));opacity:1;--dir:1}50%{left:calc(98% - var(--ws));--dir:-1}96%{opacity:1;--dir:-1;left:2%}to{opacity:0;--dir:1;left:2%}}@media (width<=1023px){html [data-e=flex][data-ep=strata][data-sh=ground] .e-walker{--ws:42px}}@media (prefers-reduced-motion:reduce){html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:before,html [data-e=flex][data-ep=strata][data-sh=ground] .e-stage:after,html [data-e=flex][data-ep=strata][data-sh=ground] .e-walker,html [data-e=flex][data-ep=strata][data-sh=ground] .e-walker img{animation:none!important}html [data-e=flex][data-ep=strata][data-sh=ground] .e-walker{left:30%}}html [data-e=flex][data-ep=strata][data-sh=fault] .e-list{gap:0;overflow:visible}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item+.e-item a{box-shadow:none}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-sh=fault] .e-item{margin-right:-18px}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item:last-child{margin-right:0}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item:nth-child(n) a{clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%)}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item:first-child a{clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item:last-child a{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%)}}@media (width<=1023px){html [data-e=flex][data-ep=strata][data-sh=fault] .e-item{margin-bottom:-8px}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item:nth-child(n) a{clip-path:polygon(0 0,100% 10px,100% 100%,0 calc(100% - 10px));padding-top:calc(var(--space-s) + 8px);padding-bottom:calc(var(--space-s) + 8px)}html [data-e=flex][data-ep=strata][data-sh=fault] .e-item:first-child a{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10px))}}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-stage{outline-offset:6px;border:1px solid #24271fbf;outline:1px solid #24271f4d;margin:10px 7px 56px;padding:16px}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-stage:after{content:"";background:repeating-linear-gradient(90deg,#24271f99 0 1px,#0000 1px 10px) 0 100%/100% 5px no-repeat,repeating-linear-gradient(90deg,#24271fcc 0 1px,#0000 1px 50px) 0 100%/100% 12px no-repeat;border-bottom:1px solid #24271fb3;height:12px;position:absolute;bottom:-40px;left:16px;right:16px}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-stage:before{content:"PLATE I　歯科の地層断面";letter-spacing:.2em;color:var(--ink-muted);font-size:12px;position:absolute;bottom:-34px;right:16px;transform:translateY(100%)}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-list{counter-reset:sp}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-item{counter-increment:sp}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-item:nth-child(n) a:after{content:"No." counter(sp,decimal-leading-zero);letter-spacing:.12em;color:var(--ink-muted);right:var(--space-s);z-index:1;font-size:11px;position:absolute;top:6px}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-sh=specimen] .e-item:nth-child(n) a:after{white-space:nowrap;inset:auto auto 8px 50%;transform:translate(-50%)}html [data-e=flex][data-ep=strata][data-sh=specimen] .e-item.on a:after{inset:20px 24px auto auto;transform:none}}html [data-e=flex][data-ep=strata][data-sh=bleed].play .tips,html [data-sh=bleed] .tips{overflow-x:clip}html [data-e=flex][data-ep=strata][data-sh=bleed] .e-list{border-block:1px solid #3c281466;margin-inline:calc(50% - 50vw)}@media (width>=1024px){html [data-e=flex][data-ep=strata][data-sh=bleed] .e-list{height:440px}}html [data-e=flex][data-ep=window] .e-item:nth-child(n) a{background:linear-gradient(#ffffff8c,transparent 60%),var(--sky);border-radius:22px;box-shadow:inset 0 0 0 1.5px #1c3f2659,0 16px 30px -24px #1c3f2699}html [data-e=flex][data-ep=window] .e-dot{pointer-events:none;background:var(--forest-700);opacity:.9;height:46px;display:block;position:absolute;bottom:0;left:0;right:0;-webkit-mask:url(/img/forest-fc.webp) 0 100%/auto 100% repeat-x;mask:url(/img/forest-fc.webp) 0 100%/auto 100% repeat-x}html [data-e=flex][data-ep=window] .e-item:nth-child(n) a:after{content:"";background:var(--forest-900);pointer-events:none;height:26px;position:absolute;bottom:0;left:0;right:0;-webkit-mask:url(/img/forest-fe.webp) 30% bottom/auto 100% repeat-x;mask:url(/img/forest-fe.webp) 30% bottom/auto 100% repeat-x}html [data-e=flex][data-ep=window] .e-body{z-index:1;position:relative}html [data-e=flex][data-ep=window] .e-item:nth-child(n) a{padding-bottom:calc(var(--space-s) + 40px)}@media (width>=1024px){html [data-e=flex][data-ep=window] .e-list{height:460px}html [data-e=flex][data-ep=window] .e-item:nth-child(n) a{border-radius:999px 999px 18px 18px;padding:0;transition:border-radius .7s cubic-bezier(.16,1,.3,1)}html [data-e=flex][data-ep=window] .e-item.on:nth-child(n) a{border-radius:260px 260px 18px 18px/150px 150px 18px 18px}html [data-e=flex][data-ep=window] .e-dot{height:44%;transition:height .7s cubic-bezier(.16,1,.3,1)}html [data-e=flex][data-ep=window] .on .e-dot{height:30%}html [data-e=flex][data-ep=window] .e-item:nth-child(n) a:after{height:24%}html [data-e=flex][data-ep=window] .e-era{top:72px}html [data-e=flex][data-ep=window] .on .e-era{top:120px;left:calc(var(--space-l) + 6px)}html [data-e=flex][data-ep=window] .e-body{top:120px;bottom:auto;left:calc(var(--space-l) + 4.6em);position:absolute}html [data-e=flex][data-ep=window] .e-ar{z-index:1;color:#fff;bottom:var(--space-m)}}html .e-water,html .e-cursor{display:none}html .alert{background:var(--mandarin);color:var(--on-mandarin,#5a2c0c);font-weight:700;font-size:var(--fs-note);line-height:1.5;text-decoration:none;display:block}html .alert[hidden]{display:none}html .alert .container{text-align:center;justify-content:center;align-items:center;gap:.6em;min-height:40px;padding-block:6px;display:flex}html .alert svg{flex:none;width:18px;height:18px}html .alert .al-more{font-size:var(--fs-caption);white-space:nowrap;border-bottom:1px solid}html .alert:hover .al-more{border-bottom-width:2px}html [data-al=off] .alert{display:none}html .news{background:var(--paper);padding-block:var(--space-m) var(--space-l);z-index:2;position:relative}html .nw-label{font-size:var(--fs-caption);letter-spacing:.18em;color:var(--forest-700);margin:0 0 6px;font-weight:700}html .nw-ortho .nw-days{flex-wrap:wrap;align-items:baseline;gap:.2em .9em;margin:0;display:flex}html .nw-day{color:var(--forest-900);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.3rem,1rem + 1vw,1.75rem);font-weight:700}html .nw-day small{margin-left:.15em;font-size:.6em}html .nw-day i{font-style:normal;font-size:var(--fs-caption);color:var(--ink-muted);letter-spacing:.04em;margin-left:.4em;font-weight:500}html .nw-sub{font-size:var(--fs-caption);color:var(--ink-muted);margin:4px 0 0}html .nw-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}html .nw-list li:nth-child(n+3){display:none}html .nw-list a{color:var(--ink);border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:auto 1fr;align-items:baseline;gap:.2em 1em;padding:8px 0;text-decoration:none;display:grid;position:relative}html .nw-list a:before{content:"";z-index:-1;background:var(--mist);clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 -8px}html .nw-list a:hover:before,html .nw-list a:focus-visible:before{clip-path:inset(0)}html .nw-list time{font-size:var(--fs-caption);color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}html .nw-list .t{font-size:var(--fs-note);font-weight:500;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .nw-list a:hover .t{transform:translate(6px)}html .nw-tag{color:var(--on-mandarin,#5a2c0c);vertical-align:1px;background:#ffe3c7;border-radius:3px;margin-right:.5em;padding:1px 6px;font-size:12px;font-weight:700;display:inline-block}html .nw-camp{color:var(--ink);grid-template-columns:72px 1fr;align-items:center;gap:12px;text-decoration:none;display:grid}html .nw-camp img{object-fit:cover;border-radius:4px;width:72px;height:96px;transition:transform .45s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 16px -10px #24271f73}html .nw-camp:hover img{transform:translateY(-3px)rotate(-2deg)}html .nw-camp b{font-size:var(--fs-note);display:block}html .nw-camp span{font-size:var(--fs-caption);color:var(--ink-muted)}html .nw-all{color:var(--forest-700);white-space:nowrap;border-bottom:1.5px solid;font-size:14px;font-weight:700;text-decoration:none}html .nw-grid{gap:var(--space-m);display:grid}html .nw-count{display:none}@media (width>=1024px){html [data-nw] .nw-grid{column-gap:var(--space-l);grid-template-columns:minmax(0,340px) minmax(0,1fr) auto;align-items:center}html [data-nw] .nw-ortho{padding-right:var(--space-l);border-right:1px solid var(--line)}html [data-nw] .nw-camp{padding-left:var(--space-l);border-left:1px solid var(--line)}}html [data-nw=float] .news{margin-top:calc(var(--space-xl) * -1);z-index:8;background:0 0;padding-top:0}html [data-nw=float] .news .container{backdrop-filter:saturate(1.3)blur(10px);padding-block:var(--space-m);max-width:calc(1200px - var(--space-l));opacity:0;background:#ffffffeb;border-radius:18px;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s;transform:translateY(24px);box-shadow:0 1px #24271f0f,0 24px 48px -28px #1c3f268c}html [data-nw=float] .news.in .container{opacity:1;transform:none}@media (width<=1023px){html [data-nw=float] .news{margin-top:calc(var(--space-l) * -1)}html [data-nw=float] .news .container{margin-inline:var(--space-s)}}html [data-nw=mark] .nw-label{align-items:center;gap:.5em;display:flex}html [data-nw=mark] .nw-label:before{content:"";background:var(--forest-700);width:18px;height:18px;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}html [data-nw=mark] .nw-ortho .nw-label{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}html [data-nw=mark] .nw-news .nw-label{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}html [data-nw=mark] .nw-camp b{align-items:center;gap:.4em;display:flex}html [data-nw=mark] .nw-camp b:before{content:"";background:var(--forest-700);width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='1'/%3E%3Cpath d='M3 12h18M12 8v13M12 8S10 3 7.5 4.5 9 8 12 8zM12 8s2-5 4.5-3.5S15 8 12 8z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='1'/%3E%3Cpath d='M3 12h18M12 8v13M12 8S10 3 7.5 4.5 9 8 12 8zM12 8s2-5 4.5-3.5S15 8 12 8z'/%3E%3C/svg%3E") 50%/contain no-repeat}html [data-nw=mark] .nw-list a{grid-template-columns:10px auto 1fr}html [data-nw=mark] .nw-list a:after{content:"";background:var(--sage-300);border-radius:50%;grid-area:1/1;align-self:center;width:6px;height:6px;transition:background .3s,transform .45s cubic-bezier(.16,1,.3,1)}html [data-nw=mark] .nw-list a:hover:after{background:var(--mandarin);transform:scale(1.4)}html [data-nw=mark] .nw-list time{grid-column:2}html [data-nw=mark] .nw-list .t{grid-column:3}html [data-nw=mark] .news{background:linear-gradient(var(--paper),var(--mist))}html [data-nw=count] .nw-count{font-size:var(--fs-caption);color:var(--on-mandarin,#5a2c0c);background:#ffe3c7;border-radius:999px;align-items:baseline;gap:.25em;margin-top:6px;padding:3px 12px;font-weight:700;display:inline-flex}html [data-nw=count] .nw-count b{font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1}html [data-nw=count] .nw-count.today{background:var(--mandarin)}html [data-nw=count] .nw-day:first-child{position:relative}html [data-nw=count] .nw-day:first-child:after{content:"";background:var(--mandarin);transform-origin:0;height:2px;transition:transform 1.2s cubic-bezier(.16,1,.3,1) .3s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}html [data-nw=count] .news.in .nw-day:first-child:after{transform:scaleX(1)}html [data-tooth~=icons][data-nw=mark] .nw-ortho .nw-label{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2 0-3.5 1.6-3.5 4 0 2.2.8 4 1.3 6 .5 2.3.8 6 2.2 7.5.9 1 1.8-.2 2-1.6.3-1.8.5-3.6 3-3.6s2.7 1.8 3 3.6c.2 1.4 1.1 2.6 2 1.6 1.4-1.5 1.7-5.2 2.2-7.5.5-2 1.3-3.8 1.3-6 0-2.4-1.5-4-3.5-4-1.6 0-2.4 1-5 1S8.6 3 7 3z'/%3E%3Cpath d='M2.5 10.5h19'/%3E%3Crect x='6' y='9' width='3' height='3' rx='.5'/%3E%3Crect x='15' y='9' width='3' height='3' rx='.5'/%3E%3C/svg%3E")}html [data-tooth~=icons][data-nw=mark] .nw-news .nw-label{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2 0-3.5 1.6-3.5 4 0 2.2.8 4 1.3 6 .5 2.3.8 6 2.2 7.5.9 1 1.8-.2 2-1.6.3-1.8.5-3.6 3-3.6s2.7 1.8 3 3.6c.2 1.4 1.1 2.6 2 1.6 1.4-1.5 1.7-5.2 2.2-7.5.5-2 1.3-3.8 1.3-6 0-2.4-1.5-4-3.5-4-1.6 0-2.4 1-5 1S8.6 3 7 3z'/%3E%3Cpath d='M20 1.5v3M18.5 3h3'/%3E%3C/svg%3E")}html [data-tooth~=icons][data-nw=mark] .nw-label:before{width:22px;height:22px}html [data-tooth~=icons][data-nw=mark] .nw-camp b:before{width:22px;height:22px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2 0-3.5 1.6-3.5 4 0 2.2.8 4 1.3 6 .5 2.3.8 6 2.2 7.5.9 1 1.8-.2 2-1.6.3-1.8.5-3.6 3-3.6s2.7 1.8 3 3.6c.2 1.4 1.1 2.6 2 1.6 1.4-1.5 1.7-5.2 2.2-7.5.5-2 1.3-3.8 1.3-6 0-2.4-1.5-4-3.5-4-1.6 0-2.4 1-5 1S8.6 3 7 3z'/%3E%3Cpath d='M12 4.2c-1.5-2.4-4-2.3-3.6-.6.3 1.3 2.4 1 3.6.6zm0 0c1.5-2.4 4-2.3 3.6-.6-.3 1.3-2.4 1-3.6.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2 0-3.5 1.6-3.5 4 0 2.2.8 4 1.3 6 .5 2.3.8 6 2.2 7.5.9 1 1.8-.2 2-1.6.3-1.8.5-3.6 3-3.6s2.7 1.8 3 3.6c.2 1.4 1.1 2.6 2 1.6 1.4-1.5 1.7-5.2 2.2-7.5.5-2 1.3-3.8 1.3-6 0-2.4-1.5-4-3.5-4-1.6 0-2.4 1-5 1S8.6 3 7 3z'/%3E%3Cpath d='M12 4.2c-1.5-2.4-4-2.3-3.6-.6.3 1.3 2.4 1 3.6.6zm0 0c1.5-2.4 4-2.3 3.6-.6-.3 1.3-2.4 1-3.6.6z'/%3E%3C/svg%3E")}html [data-tooth~=icons][data-nw=mark] .nw-list a:after{background:var(--sage-300);border-radius:0;width:9px;height:9px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2 0-3.5 1.6-3.5 4 0 2.2.8 4 1.3 6 .5 2.3.8 6 2.2 7.5.9 1 1.8-.2 2-1.6.3-1.8.5-3.6 3-3.6s2.7 1.8 3 3.6c.2 1.4 1.1 2.6 2 1.6 1.4-1.5 1.7-5.2 2.2-7.5.5-2 1.3-3.8 1.3-6 0-2.4-1.5-4-3.5-4-1.6 0-2.4 1-5 1S8.6 3 7 3z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c-2 0-3.5 1.6-3.5 4 0 2.2.8 4 1.3 6 .5 2.3.8 6 2.2 7.5.9 1 1.8-.2 2-1.6.3-1.8.5-3.6 3-3.6s2.7 1.8 3 3.6c.2 1.4 1.1 2.6 2 1.6 1.4-1.5 1.7-5.2 2.2-7.5.5-2 1.3-3.8 1.3-6 0-2.4-1.5-4-3.5-4-1.6 0-2.4 1-5 1S8.6 3 7 3z'/%3E%3C/svg%3E") 50%/contain no-repeat}html [data-tooth~=icons][data-nw=mark] .nw-list a{grid-template-columns:12px auto 1fr}html .nw-obj{display:none}html [data-tooth~=obj][data-nw=mark] .news .container{position:relative}html [data-tooth~=obj][data-nw=mark] .nw-obj{right:calc(var(--space-m) * -1);pointer-events:none;z-index:0;width:132px;height:132px;margin-top:-66px;display:block;position:absolute;top:50%}html [data-tooth~=obj][data-nw=mark] .nw-grid{z-index:1;position:relative}@media (width>=1024px){html [data-tooth~=obj][data-nw=mark] .nw-grid{column-gap:var(--space-m);grid-template-columns:minmax(0,270px) minmax(0,1fr) auto;padding-right:96px}html [data-tooth~=obj][data-nw=mark] .nw-ortho{padding-right:var(--space-m)}html [data-tooth~=obj][data-nw=mark] .nw-camp{padding-left:var(--space-m)}html [data-tooth~=obj][data-nw=mark] .nw-obj{width:112px;height:112px;margin-top:-56px}}html .nw-obj .tooth{transform-origin:50% 90%;animation:6s ease-in-out infinite toothBob}@keyframes toothBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(3deg)}}html .nw-obj .sp{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite spark}html .nw-obj .sp:nth-of-type(2){animation-delay:-.9s}html .nw-obj .sp:nth-of-type(3){animation-delay:-1.8s}@keyframes spark{0%,to{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1)}70%{opacity:.7;transform:scale(.8)}}html .nw-obj .shine{animation:6s ease-in-out infinite shine}@keyframes shine{0%,to{opacity:.55}50%{opacity:1}}html .news.paused .nw-obj *{animation-play-state:paused}@media (width<=1023px){html [data-tooth~=obj][data-nw=mark] .nw-obj{z-index:3;width:68px;height:68px;margin-top:0;top:-46px;right:4px}html [data-tooth~=obj][data-nw=mark] .news{overflow-x:clip}}@media (width>=1024px) and (width<=1279px){html [data-tooth~=obj][data-nw=mark] .nw-obj{right:0}}@media (prefers-reduced-motion:reduce){html .nw-obj *{animation:none!important}html [data-nw=float] .news .container{opacity:1;transition:none;transform:none}html [data-nw=count] .nw-day:first-child:after{transition:none;transform:none}}@media (width<=1023px){html .nw-sub,html .nw-list li:nth-child(n+2){display:none}html .nw-day{font-size:1.2rem}html .nw-grid{gap:var(--space-s)}html .nw-camp{grid-template-columns:48px 1fr}html .nw-camp img{width:48px;height:64px}}html .phil{background:var(--paper);padding-block:var(--space-l);text-align:center;position:relative;overflow:hidden}html .ph-ja{color:var(--forest-900);letter-spacing:.06em;text-wrap:balance;margin:0;font-size:clamp(1.35rem,1rem + 1.6vw,2.1rem);font-weight:700;line-height:1.5}html .ph-en{margin:var(--space-xs) 0 0;color:var(--forest-700);letter-spacing:.18em;font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);font-weight:700}html .ph-en span{display:inline-block}html .ph-tm{margin:var(--space-s) 0 0;color:var(--ink-muted);letter-spacing:.06em;font-size:14px}html .ph-more{margin-top:var(--space-s);color:var(--forest-700);border-bottom:1.5px solid;align-items:center;gap:.5em;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}html .ph-more svg{width:18px;height:18px;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ph-more:hover svg{transform:translate(4px)}html .ph-in{z-index:1;position:relative}html .ph-run,html .ph-land{display:none}html .phil .ph-ja,html .phil .ph-tm,html .phil .ph-more{opacity:0;transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}html .phil .ph-en span{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1),color .6s;transform:translateY(10px)}html .phil.in .ph-ja,html .phil.in .ph-tm,html .phil.in .ph-more,html .phil.in .ph-en span{opacity:1;transform:none}html .phil.in .ph-en span:first-child{transition-delay:.5s}html .phil.in .ph-en span:nth-child(2){transition-delay:.85s}html .phil.in .ph-en span:nth-child(3){transition-delay:1.2s}html .phil.in .ph-tm{transition-delay:1.5s}html .phil.in .ph-more{transition-delay:1.65s}html .phil .ph-more:focus-visible{opacity:1;transition-delay:0s;transform:none}@media (prefers-reduced-motion:reduce){html .phil *{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}html [data-ph2=words] .ph-en{margin-top:var(--space-s);justify-content:center;gap:clamp(1.2rem,4vw,3.5rem);display:flex}html [data-ph2=words] .ph-en span{letter-spacing:.06em;color:var(--forest-900);gap:4px;font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem);display:grid}html [data-ph2=words] .ph-en span:after{content:attr(data-ja);letter-spacing:.2em;color:var(--ink-muted);font-size:14px;font-weight:500}html [data-ph2=words] .ph-en span:before{content:"";background:var(--mandarin);border-radius:50%;justify-self:center;width:8px;height:8px;margin-bottom:6px;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scale(0)}html [data-ph2=words] .phil.in .ph-en span.lit:before{transform:scale(1)}html [data-ph2=words] .phil{padding-block:calc(var(--space-l) - 12px)}html [data-ph2=words] .ph-en span:before{margin-bottom:2px}html [data-ph2=words] .ph-tm{margin-top:var(--space-xs)}html [data-ph2=sprout] .phil{background:linear-gradient(var(--paper),var(--mist));padding-bottom:calc(var(--space-l) + 48px)}html [data-ph2=sprout] .ph-land{pointer-events:none;height:72px;display:block;position:absolute;bottom:0;left:0;right:0}html [data-ph2=sprout] .ph-land i{background:var(--c);-webkit-mask:var(--m) 0 bottom/var(--tw) 100% repeat-x;mask:var(--m) 0 bottom/var(--tw) 100% repeat-x;animation:gfR var(--d) linear infinite;position:absolute;bottom:0;left:0;right:0}html [data-ph2=sprout] .ph-land i:first-child{--m:url(/img/forest/sprout-back.svg);--c:var(--sage-300);--tw:480px;--d:90s;height:64px}html [data-ph2=sprout] .ph-land i:nth-child(2){--m:url(/img/forest/sprout-front.svg);--c:var(--forest-700);--tw:456px;--d:55s;height:38px;animation-name:gfL}html .ph-sky{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}html [data-ph2=sprout][data-hz] .ph-sky{display:block}html [data-ph2=sprout] .ph-in{z-index:2}html [data-ph2=sprout] .ph-land{z-index:1}html .ph-arm{transform-origin:50% 100%;width:0;height:calc(100% + 240px);transform:rotate(var(--ang,0deg)) translateY(var(--sink,0px));position:absolute;bottom:-300px;left:50%}html .ph-sun{background:radial-gradient(circle,#fff1d6 0 30%,#ffc982 52%,#ffaa5a73 64%,#ffaa5a00 72%);border-radius:50%;width:110px;height:110px;position:absolute;top:0;left:-55px}html .ph-sun:after{content:"";background:radial-gradient(circle,#ffc48059,#ffc48000 60%);border-radius:50%;position:absolute;inset:-120px}html .ph-moon,html .ph-line{display:none}html [data-ph2=sprout][data-hz=rise] .ph-sky{opacity:.35;background:linear-gradient(#fff0 25%,#ffe2c2);transition:opacity 4s}html [data-ph2=sprout][data-hz=rise] .phil.in .ph-sky{opacity:1}html [data-ph2=sprout][data-hz=rise] .ph-arm{--ang:34deg;--sink:340px;transition:transform 5s cubic-bezier(.2,.6,.2,1)}html [data-ph2=sprout][data-hz=rise] .phil.in .ph-arm{--sink:40px}html [data-ph2=sprout][data-hz=day] .ph-sky{animation:48s linear infinite skyday}html [data-ph2=sprout][data-hz=day] .ph-arm{animation:48s linear infinite arcday}@keyframes arcday{0%{transform:rotate(-78deg)}to{transform:rotate(78deg)}}@keyframes skyday{0%{background:linear-gradient(#fff7ee 20%,#ffd9b5)}18%{background:linear-gradient(#fff 20%,#fff0dd)}50%{background:linear-gradient(#fff 20%,#eef6e6)}82%{background:linear-gradient(#fff3e6 20%,#ffd3a3)}to{background:linear-gradient(#ffebd8 20%,#ffc48c)}}html .phil.paused .ph-sky,html .phil.paused .ph-arm{animation-play-state:paused}html [data-ph2=sprout][data-hz=clock] .ph-arm{transition:transform 2.5s cubic-bezier(.16,1,.3,1)}html [data-ph2=sprout][data-hz=clock] .ph-sky{transition:background 1.5s}html[data-time=morning] [data-ph2=sprout][data-hz=clock] .ph-sky{background:linear-gradient(#fff8f0 20%,#ffddba)}html[data-time=day] [data-ph2=sprout][data-hz=clock] .ph-sky{background:linear-gradient(#fff 20%,#eef6e6)}html[data-time=evening] [data-ph2=sprout][data-hz=clock] .ph-sky{background:linear-gradient(#ffeedc 20%,#ffc690)}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-sky{background:linear-gradient(#14202e 15%,#22392f)}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-sun{opacity:0}html .ph-sun{animation:5.2s ease-in-out infinite alternate sunCore}html .ph-sun:after{animation:3.2s ease-in-out infinite alternate sunGlow}@keyframes sunCore{0%{scale:1}to{scale:1.08}}@keyframes sunGlow{0%{opacity:.8;scale:.9}to{opacity:1;scale:1.2}}html .phil.paused .ph-sun,html .phil.paused .ph-sun:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){html .ph-sun,html .ph-sun:after{animation:none}}html .ph-moon{filter:drop-shadow(0 0 16px #f1f7ec73);width:60px;height:60px;position:absolute;top:10px;left:-30px}html .ph-moon svg{width:100%;height:100%;overflow:visible}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-moon{display:block}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-sky:before{content:"";opacity:.8;background-image:radial-gradient(1.4px 1.4px at 12% 30%,#fff,#0000),radial-gradient(1px 1px at 28% 62%,#fff,#0000),radial-gradient(1.6px 1.6px at 44% 18%,#fff,#0000),radial-gradient(1px 1px at 63% 44%,#fff,#0000),radial-gradient(1.3px 1.3px at 78% 70%,#fff,#0000),radial-gradient(1px 1px at 90% 24%,#fff,#0000),radial-gradient(1.2px 1.2px at 6% 78%,#fff,#0000),radial-gradient(1px 1px at 52% 80%,#fff,#0000);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 40%}@keyframes twinkle{to{opacity:.35}}html[data-time=night] [data-ph2=sprout][data-hz=clock] .phil{background:#14202e}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-ja{color:#f1f7ec}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-en{color:var(--sage-300)}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-tm{color:#f1f7ecbf}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-more{color:#f1f7ec}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-land i:first-child{--c:#3f7f45}html[data-time=night] [data-ph2=sprout][data-hz=clock] .ph-land i:nth-child(2){--c:#0f2417}html [data-ph2=sprout][data-hz=bloom] .ph-sky{background:linear-gradient(#fff0 30%,#f3f8ec)}html [data-ph2=sprout][data-hz=bloom] .ph-line{background:var(--forest-700);transform-origin:0;height:1.5px;transition:transform 1.8s cubic-bezier(.16,1,.3,1);display:block;position:absolute;bottom:30px;left:0;right:0;transform:scaleX(0)}html [data-ph2=sprout][data-hz=bloom] .phil.in .ph-line{transform:scaleX(1)}html [data-ph2=sprout][data-hz=bloom] .ph-land i{clip-path:inset(100% 0 0);transition:clip-path 2.4s cubic-bezier(.16,1,.3,1) 1.2s}html [data-ph2=sprout][data-hz=bloom] .ph-land i:first-child{transition-delay:1.6s}html [data-ph2=sprout][data-hz=bloom] .phil.in .ph-land i{clip-path:inset(0)}html [data-ph2=sprout][data-hz=bloom] .ph-arm{--ang:-30deg;--sink:340px;transition:transform 4s cubic-bezier(.2,.6,.2,1) 1.4s}html [data-ph2=sprout][data-hz=bloom] .ph-sun{transform:scale(.6)}html [data-ph2=sprout][data-hz=bloom] .phil.in .ph-arm{--sink:70px}@media (prefers-reduced-motion:reduce){html .ph-sky,html .ph-arm,html .ph-line,html .ph-land i{transition:none!important;animation:none!important}html [data-ph2=sprout][data-hz=rise] .ph-arm,html [data-ph2=sprout][data-hz=bloom] .ph-arm{--sink:40px}html [data-ph2=sprout][data-hz=bloom] .ph-line{transform:none}html [data-ph2=sprout][data-hz=bloom] .ph-land i{clip-path:none}}@media (width<=1023px){html [data-ph2=sprout][data-hz=rise] .ph-arm{--ang:16deg}html [data-ph2=sprout][data-hz=bloom] .ph-arm{--ang:-18deg}html .phil{padding-block:var(--space-m)!important}html [data-ph2=sprout] .phil{padding-bottom:calc(var(--space-m) + 40px)!important}html [data-ph2=sprout] .ph-land{height:56px}html .ph-tm{margin-top:var(--space-xs)}}html .phil.paused .ph-land i,html .phil.paused .ph-run span{animation-play-state:paused}html [data-ph2=run] .ph-run{white-space:nowrap;pointer-events:none;width:max-content;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}html [data-ph2=run] .ph-run span{letter-spacing:.02em;color:#0000;-webkit-text-stroke:1.2px #2d6a3938;padding-right:.5em;font-size:clamp(5rem,3rem + 9vw,11rem);font-weight:700;line-height:1;animation:60s linear infinite phrun}@keyframes phrun{to{transform:translate(-100%)}}html [data-ph2=run] .phil{padding-block:calc(var(--space-l) + 16px)}html [data-ph2=run] .ph-ja{background:var(--paper);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .3em;display:inline}html [data-ebg] .tips{background-color:var(--era-bg,var(--mist));transition:background-color 1.2s cubic-bezier(.16,1,.3,1)}html [data-ebg] .e-water{right:0;bottom:calc(100% + var(--space-s));letter-spacing:.04em;color:rgba(92,62,30,var(--era-ink,.1));white-space:nowrap;pointer-events:none;font-size:clamp(3rem,2rem + 5vw,7.5rem);font-weight:700;line-height:1;transition:opacity .35s,color 1.2s;display:block;position:absolute}html [data-ebg] .e-water.swap{opacity:0}@media (width<=1023px){html [data-ebg] .e-water{display:none}}@media (prefers-reduced-motion:reduce){html [data-ebg] .tips,html [data-ebg] .e-water{transition:none}}html .e-stage{position:relative}html [data-e=trip] .tips{height:var(--trip-h,auto);background:var(--trip-bg,var(--mist));padding-block:0;transition:background-color .2s linear}html [data-e=trip] .tips .container{flex-direction:column;justify-content:center;height:calc(100svh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}html [data-e=trip] .e-head{margin-bottom:var(--space-m)}html [data-e=trip] .e-water{color:#1c3f2612;white-space:nowrap;pointer-events:none;font-size:clamp(5rem,3rem + 10vw,13rem);font-weight:700;line-height:1;transition:opacity .3s;display:block;position:absolute;top:50%;left:0;transform:translateY(-58%)}html [data-e=trip] .e-dot,html [data-e=trip] .e-ar{display:none}html [data-e=trip] .e-list{gap:var(--space-m);will-change:transform;display:flex}html [data-e=trip] .e-item{flex:0 0 min(80vw,340px)}html [data-e=trip] .e-item a{gap:var(--space-xs);background:var(--paper);padding:var(--space-m);border-radius:20px;display:grid;box-shadow:0 18px 40px -28px #1c3f2673}html [data-e=trip] .e-era{align-items:baseline;gap:.6em;display:flex}html [data-e=trip] .e-y{font-size:2rem}html [data-e=trip] .e-body{gap:6px;display:grid}html [data-e=trip] .e-all,html [data-e=trip] .e-nav,html [data-e=cursor] .e-dot,html [data-e=cursor] .e-d,html [data-e=cursor] .e-sub{display:none}html [data-e=cursor] .e-list{border-top:1.5px solid var(--ink)}html [data-e=cursor] .e-item a{align-items:center;gap:var(--space-s);padding:var(--space-m) var(--space-2xs);border-bottom:1px solid var(--line);grid-template-columns:8em 1fr 24px;display:grid}html [data-e=cursor] .e-y{color:var(--ink-muted);font-size:1.1rem}html [data-e=cursor] .e-body{flex-wrap:wrap;align-items:baseline;gap:.2em 1em;display:flex}html [data-e=cursor] .e-t{color:var(--forest-900);font-size:clamp(1.3rem,1rem + 1.2vw,2.1rem);transition:transform .45s cubic-bezier(.16,1,.3,1),color .3s}html [data-e=cursor] .e-item a:hover .e-t{transform:translate(10px)}html [data-e=cursor] .e-list:hover .e-item a:not(:hover) .e-t{color:#1c3f2659}@media (width>=1024px) and (hover:hover){html [data-e=cursor] .e-cursor{z-index:40;pointer-events:none;opacity:0;width:240px;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);display:block;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.6)}html [data-e=cursor] .e-cursor.show{opacity:1}}@media (width<=767px){html [data-e=cursor] .e-item a{grid-template-columns:1fr 24px}html [data-e=cursor] .e-era,html [data-e=cursor] .e-body{grid-column:1}html [data-e=cursor] .e-ar{grid-area:1/2/span 2}}html [data-e=deck] .e-dot,html [data-e=deck] .e-ar{display:none}html [data-e=deck] .e-item a{background:var(--paper);padding:var(--space-m);border-radius:18px;gap:6px;height:100%;display:grid;box-shadow:0 14px 30px -20px #1c3f2680}html [data-e=deck] .e-item:nth-child(odd) a{background:#fff}html [data-e=deck] .e-item:nth-child(3n) a{background:var(--forest-900);color:#fff}html [data-e=deck] .e-item:nth-child(3n) .e-y{color:var(--sage-300)}html [data-e=deck] .e-item:nth-child(3n) .e-d,html [data-e=deck] .e-item:nth-child(3n) .e-sub{color:var(--sage-100)}html [data-e=deck] .e-item:nth-child(3n) .e-tag{color:var(--mandarin)}html [data-e=deck] .e-era{align-items:baseline;gap:.6em;display:flex}html [data-e=deck] .e-y{font-size:1.7rem}html [data-e=deck] .e-body{gap:6px;display:grid}html [data-e=deck] .e-list{gap:var(--space-m);scroll-snap-type:x mandatory;padding-bottom:var(--space-xs);grid-auto-columns:min(78vw,300px);grid-auto-flow:column;display:grid;overflow-x:auto}html [data-e=deck] .e-item{scroll-snap-align:start}@media (width>=1024px){html [data-e=deck] .e-list{height:420px;display:block;position:relative;overflow:visible}html [data-e=deck] .e-item{width:300px;height:300px;transform:translateX(calc(var(--i) * 6px)) rotate(calc((var(--i) - 3.5) * 2.4deg));z-index:var(--z);transition:transform .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1);position:absolute;top:40px;left:calc(50% - 150px)}html [data-e=deck] .e-list:hover .e-item,html [data-e=deck] .e-list.fanned .e-item{transform:translateX(calc((var(--i) - 3.5) * 132px)) translateY(calc(var(--d) * 14px)) rotate(calc((var(--i) - 3.5) * 4deg))}html [data-e=deck] .e-list:hover .e-item:hover{transform:translateX(calc((var(--i) - 3.5) * 132px)) translateY(-26px) rotate(0deg) scale(1.04);z-index:20}}:root{--ff-a:#dcebcf;--ff-b:#a6cf8a;--ff-c:#6fae5c;--ff-d:#3f7f45;--ff-e:var(--forest-900)}html .ftr-forest{aspect-ratio:7;background:var(--paper);position:relative;overflow:hidden}@media (width<=1023px){html .ftr-forest{aspect-ratio:3.5}}html .fl,html .fl .bob{position:absolute;inset:0}html .fl{bottom:-12px}html .fflow{width:200%;height:100%;-webkit-mask:var(--m) left bottom/50% 100% repeat-x;mask:var(--m) left bottom/50% 100% repeat-x;background:var(--c);position:absolute;top:0;left:0}@media (width<=1023px){html .fflow{width:400%}}html .fl-fa .fflow{--m:url(/img/forest-fa.webp);--c:var(--ff-a);animation:180s linear infinite flowR}html .fl-fb .fflow{--m:url(/img/forest-fb.webp);--c:var(--ff-b);animation:140s linear infinite flowL}html .fl-fc .fflow{--m:url(/img/forest-fc.webp);--c:var(--ff-c);animation:110s linear infinite flowR}html .fl-fd .fflow{--m:url(/img/forest-fd.webp);--c:var(--ff-d);animation:85s linear infinite flowL}html .fl-fe .fflow{--m:url(/img/forest-fe.webp);--c:var(--ff-e);animation:64s linear infinite flowR}html .fl .bob{animation:7.5s ease-in-out infinite alternate bobS}html .fl-fb .bob{animation-duration:8.5s;animation-delay:-2s}html .fl-fc .bob{animation-duration:6.5s;animation-delay:-1s}html .fl-fd .bob{animation-duration:7s;animation-delay:-3s}html .fl-fe .bob{animation-duration:6s;animation-delay:-4s}html .ftr.paused .fflow,html .ftr.paused .bob{animation-play-state:paused}@media (prefers-reduced-motion:reduce){html .fflow,html .fl .bob{animation:none!important}}html[data-season=spring]{--ff-b:#b4dc93;--ff-c:#7cba62}html[data-season=summer]{--ff-b:#93c478;--ff-c:#4f9a4a}html[data-season=autumn]{--ff-a:#efe9d6;--ff-b:#cfcb95;--ff-c:#9ca35e;--ff-d:#5f7a43}html[data-season=winter]{--ff-b:#b3c6ae;--ff-c:#7e9c80}html .vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html .gap{background:var(--paper);padding-block:var(--space-xl);text-align:center;color:var(--ink-muted);font-size:var(--fs-caption)}html .ftr{background:var(--forest-900);color:#fff}html .ftr-animal{z-index:2;width:92px;height:auto;position:absolute;bottom:6%;right:12%}@media (width<=767px){html .ftr-animal{width:60px;right:8%}}html .ftr a{color:#fff}html .ftr .btn--primary{color:var(--on-mandarin)}html .ftr-body{padding-block:var(--space-l) var(--space-xl);gap:var(--space-l);display:grid}@media (width>=1024px){html .ftr-body{gap:var(--space-xl);grid-template-columns:1.1fr 1.4fr 1fr}}html .ftr-logo{filter:brightness(0)invert();width:auto;height:56px}html .ftr h2{font-size:var(--fs-note);letter-spacing:.16em;color:var(--sage-300);margin:0 0 var(--space-s);font-weight:700}html .ftr address{margin-top:var(--space-s);font-size:16px;font-style:normal;line-height:1.9}html .ftr .tel{margin-top:var(--space-xs);letter-spacing:.05em;font-variant-numeric:tabular-nums;border-bottom:1.5px solid var(--mandarin);font-size:26px;font-weight:700;text-decoration:none;display:inline-block}html .hours{border-collapse:collapse;width:100%;font-size:var(--fs-note);font-variant-numeric:tabular-nums}html .hours th,html .hours td{text-align:center;border-bottom:1px solid #c4ddb040;padding:.55em .2em;font-weight:400}html .hours thead th{color:var(--sage-300);font-size:14px}html .hours tbody th{text-align:left;white-space:nowrap;padding-right:.6em}html .hours .o:before{content:"";border:2px solid var(--sage-100);border-radius:50%;width:.7em;height:.7em;display:inline-block}html .hours .x{color:var(--sage-300)}html .notes{margin:var(--space-s) 0 0;color:var(--sage-100);padding:0;font-size:14px;line-height:1.8;list-style:none}html .flinks{gap:2px;margin:0;padding:0;list-style:none;display:grid}html .flinks a{isolation:isolate;border-bottom:1px solid #c4ddb040;justify-content:space-between;align-items:center;min-height:48px;padding:0 .2em;text-decoration:none;display:flex;position:relative}html .flinks a:before{content:"";z-index:-1;clip-path:inset(0 100% 0 0);background:#c4ddb01a;transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}html .flinks a:hover:before{clip-path:inset(0)}html .flinks svg{width:18px;height:18px;color:var(--mandarin);transition:transform .45s cubic-bezier(.16,1,.3,1)}html .flinks a:hover svg{transform:translate(4px)}html .ftr-go{gap:var(--space-s);margin-top:var(--space-m);justify-items:start;display:grid}html .ftr-map{isolation:isolate;border:1.5px solid var(--sage-300);color:#fff;border-radius:14px;align-items:center;gap:.7em;min-height:56px;padding:.55em 1.1em .55em .9em;text-decoration:none;transition:color .35s;display:inline-flex;position:relative;overflow:hidden}html .ftr-map:before{content:"";z-index:-1;background:var(--sage-100);clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}html .ftr-map:hover,html .ftr-map:focus-visible{color:var(--forest-900)}html .ftr-map:hover:before,html .ftr-map:focus-visible:before{clip-path:inset(0)}html .ftr-map svg{width:24px;height:24px;color:var(--mandarin);flex:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-map:hover svg:first-child{transform:translateY(-3px)}html .ftr-map .ext{color:currentColor;opacity:.7;width:16px;height:16px}html .ftr-map span{font-size:16px;font-weight:700;line-height:1.35;display:grid}html .ftr-map small{opacity:.8;letter-spacing:.04em;font-size:12px;font-weight:500}html .ftr-access{font-weight:700;font-size:var(--fs-note);border-bottom:1.5px solid var(--sage-300);align-items:center;gap:.45em;padding-bottom:2px;text-decoration:none;display:inline-flex}html .ftr-access svg{width:16px;height:16px;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-access:hover svg{transform:translate(4px)}html .ftr-hint{font-size:var(--fs-caption);color:var(--sage-100);opacity:.85;max-width:24em;margin:0;line-height:1.7}html .ftr-animal{z-index:6;cursor:pointer;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-animal:hover{transform:translateY(-4px)rotate(-3deg)}html .ftr-animal.hop{animation:.55s cubic-bezier(.3,.7,.4,1) hop}@keyframes hop{0%{transform:none}35%{transform:translateY(-34px)scaleY(1.06)}70%{transform:translateY(0)scaleY(.92)}to{transform:none}}html .ftr-bubble{z-index:7;color:var(--forest-900);font-size:var(--fs-caption);white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border-radius:10px;padding:5px 10px;font-weight:700;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:58%;right:calc(12% + 70px);transform:translateY(6px);box-shadow:0 6px 14px -8px #1c3f2680}html .ftr-bubble:after{content:"";border:6px solid #0000;border-left-color:#fff;border-right:0;position:absolute;bottom:10px;right:-6px}html .ftr-forest:has(.ftr-animal:hover) .ftr-bubble{opacity:1;transform:none}@media (width<=767px){html .ftr-bubble{font-size:12px;right:calc(8% + 50px)}}html .ftr-totop{font:inherit;font-size:var(--fs-caption);color:var(--sage-300);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:.35em;padding:0;display:inline-flex}html .ftr-totop svg{width:14px;height:14px;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-totop:hover svg{transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){html .ftr-animal,html .ftr-animal.hop{transition:none;animation:none}}html .ftr-book{margin-top:var(--space-s);font-size:var(--fs-note);flex-direction:column;align-items:flex-start;gap:.7em;font-weight:700;display:flex}html .ftr-book a{border-bottom:1.5px solid var(--sage-300);align-items:center;gap:.35em;padding-bottom:2px;text-decoration:none;display:inline-flex}html .ftr-book a svg{width:15px;height:15px;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-book a:hover svg{transform:translate(4px)}html .ftr-blog{padding-block:var(--space-m) var(--space-l);border-top:1px solid #ffffff29}html .ftr{overflow-x:clip}html .ftr-blog{isolation:isolate;border-top-color:#0000;position:relative}html .ftr-blog:before,html .ftr-blog:after{content:"";z-index:-1;pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}html .ftr-blog:before{background:linear-gradient(100deg,#1c3f26 0%,#1f4529 40%,#275532 100%)}html .ftr-blog:after{opacity:0;background:radial-gradient(60% 170% at 76%,#6ebe6e6b,#46915033 50%,#1c3f2600 85%);animation:1.333s infinite heartbeat}@keyframes heartbeat{0%{opacity:0;animation-timing-function:ease-out}4.5%{opacity:1;animation-timing-function:ease-in}15%{opacity:.12;animation-timing-function:ease-out}26.3%{opacity:.7;animation-timing-function:ease-in}39%{opacity:0}to{opacity:0}}html .ftr.paused .ftr-blog:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){html .ftr-blog:after{opacity:.45;animation:none}}html .ftr-blog-head{justify-content:space-between;align-items:baseline;gap:var(--space-s);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}html .ftr-blog h2{margin:0}html .ftr-blog-all{font-size:var(--fs-caption);color:var(--sage-100);white-space:nowrap;border-bottom:1px solid #c4ddb06b;align-items:center;gap:.35em;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}html .ftr-blog-all svg{width:14px;height:14px;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-blog-all:hover{color:#fff;border-bottom-color:#fff}html .ftr-blog-all:hover svg{transform:translate(4px)}html .ftr-blog ul{margin:0;padding:0;list-style:none}html .ftr-blog li+li{border-top:1px solid #ffffff29}html .ftr-post{isolation:isolate;gap:.2em var(--space-s);color:#fff;grid-template-columns:7em 4.5em 1fr;align-items:baseline;padding:12px 4px;text-decoration:none;display:grid;position:relative}html .ftr-post:before{content:"";z-index:-1;clip-path:inset(0 100% 0 0);background:#ffffff0f;transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 -8px}html .ftr-post:hover:before,html .ftr-post:focus-visible:before{clip-path:inset(0)}html .ftr-post time{font-size:var(--fs-caption);color:var(--sage-100);font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap}html .ftr-post .cat{color:#9fbe8c;letter-spacing:.06em;white-space:nowrap;font-size:12px}html .ftr-post .t{min-width:0;font-size:15px;line-height:1.65;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .ftr-post:hover .t{transform:translate(6px)}@media (width<=767px){html .ftr-post{grid-template-columns:auto 1fr;gap:2px .8em}html .ftr-post .t{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html .ftr-post:before,html .ftr-post .t{transition:none}}html .ftr-copy{padding-block:var(--space-m);font-size:var(--fs-caption);color:var(--sage-300);gap:var(--space-xs) var(--space-m);border-top:1px solid #c4ddb040;flex-wrap:wrap;justify-content:space-between;display:flex}:root{--w-b0:var(--mist);--w-b1:var(--sage-100);--w-l1:var(--sage-300);--w-l2:var(--sage-500);--w-l3:var(--sage-100)}html[data-season=spring]{--w-b0:#f0f8e6;--w-l1:#b4dc93;--w-l2:#6cb257}html[data-season=summer]{--w-b0:#e8f2e0;--w-l1:#93c478;--w-l2:#3f8a45}html[data-season=autumn]{--w-b0:#fbf0e3;--w-l1:#c8ce8c;--w-l2:#8c9b50}html[data-season=winter]{--w-b0:#eef2ef;--w-l1:#afc3aa;--w-l2:#62866a}html .flow path{transition:fill 1.2s}html .sky{z-index:0;pointer-events:none;transition:background 1.5s;position:absolute;inset:0}html[data-time=morning] .sky{background:linear-gradient(#ffce968c 0%,#ffeccd59 35%,#fff0 70%)}html[data-time=morning] .hero{--w-b0:#f4f6e2}html[data-time=evening] .sky{background:radial-gradient(120% 60% at 70% 72%,#ff9a3d38 0%,#ff9a3d00 60%)}html[data-time=night] .hero{--w-b0:#2b4a44;--w-b1:#24413a;--w-l1:#2e5340;--w-l2:#1f3d2d;background:linear-gradient(#14202e 0%,#1b2e36 45%,#22392f 100%)}html[data-time=night] .sky{background:radial-gradient(40% 30% at 82% 12%,#e6ecd22e,#e6ecd200 70%)}html[data-time=night] .hero h1,html[data-time=night] .hero .lead{color:#f1f7ec}html[data-time=night] .front-sp .l3 path{fill:#1a2c34}html .rider{pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0}html .walker{left:var(--x,70%);width:var(--w,220px);will-change:transform;animation:56s ease-in-out infinite walk;position:absolute;top:0}html .walker img{width:100%;transform:translate(-50%,-92%) scaleX(var(--flip,1))}html .rider-sp .walker{--w:128px;--x:74%}@keyframes walk{0%,18%{transform:translate(0)scaleX(1)}34%,48%{transform:translate(120px)scaleX(1)}50%{transform:translate(120px)scaleX(-1)}66%,84%{transform:translate(0)scaleX(-1)}86%,to{transform:translate(0)scaleX(1)}}html .rider-sp .walker{animation-name:walk-sp}@keyframes walk-sp{0%,18%{transform:translate(0)scaleX(1)}34%,48%{transform:translate(48px)scaleX(1)}50%{transform:translate(48px)scaleX(-1)}66%,84%{transform:translate(0)scaleX(-1)}86%,to{transform:translate(0)scaleX(1)}}html .play .rider{animation:1.2s ease-out 1.6s both fade}html .rider-l .walker,html .rider-r .walker{animation:none}html .rider-pc.rider-l .walker{--x:33%;--w:264px}html .rider-pc.rider-r .walker{--x:59%;--w:276px}html .rider-sp.rider-l .walker{--x:22%;--w:154px}html .rider-sp.rider-r .walker{--x:70%;--w:161px}html .rider-r .walker img{transform:translate(-50%,-92%)scaleX(-1)}@keyframes come-l{0%{transform:translate(-70vw)}to{transform:none}}@keyframes come-r{0%{transform:translate(70vw)}to{transform:none}}html .play .rider-l,html .play .rider-r{animation:none}html .play .rider-l .walker{animation:16s cubic-bezier(.3,.2,.2,1) 1s both come-l}html .play .rider-r .walker{animation:22s cubic-bezier(.25,.15,.25,1) 2.2s both come-r}html .hero.paused .flow,html .hero.paused .bob,html .hero.paused .walker{animation-play-state:paused}html .next{padding-top:var(--space-m)}html .nayami{background:var(--sage-100);padding-block:var(--space-l) 290px;position:relative;overflow:hidden}@media (width>=1024px){html .nayami{padding-bottom:300px}}html .nayami>.container{z-index:1;position:relative}html .nayami .nw{white-space:nowrap}html .forest{z-index:0;pointer-events:none;height:1000px;position:absolute;bottom:0;left:0;right:0}@media (width<=767px){html .forest{height:1500px}}html .forest .n1 .flow{animation:120s linear infinite flowR}html .forest .n2 .flow{animation:90s linear infinite flowL}html .forest .n3 .flow{animation:66s linear infinite flowR}html .forest .bob{animation:7s ease-in-out infinite alternate bobS}html .forest .n2 .bob{animation-duration:8s;animation-delay:-2.5s}html .forest .n3 .bob{animation-duration:6.5s;animation-delay:-1s}html .rider-nm .walker{--x:62%;--w:208px}@media (width<=767px){html .rider-nm .walker{--w:136px;--x:52%}}html .nayami.paused .flow,html .nayami.paused .bob,html .nayami.paused .walker{animation-play-state:paused}@media (prefers-reduced-motion:reduce){html .forest .flow,html .forest .bob{animation:none!important}}html .nayami-head{gap:var(--space-s);margin-bottom:var(--space-l);display:grid}html .nayami-head h2{letter-spacing:.02em;font-size:clamp(2rem,1.2rem + 3.2vw,3.25rem);font-weight:700;line-height:1.15}html .nayami-head p{font-size:var(--fs-body);max-width:28em;margin:0}html .pc{display:none}@media (width>=1024px){html .pc{display:inline}html .nayami-head{align-items:end;column-gap:var(--space-xl);grid-template-columns:auto 1fr}html .nayami-head p{border-left:1px solid var(--forest-700);padding-bottom:.6em;padding-left:var(--space-m)}}html .bento{gap:var(--space-s);margin-bottom:var(--space-m);display:grid}@media (width>=1024px){html .bento{grid-template-columns:1fr 3fr;align-items:stretch}}html .urgent-panel{background:var(--forest-900);color:#fff;padding:var(--space-m);border-radius:20px;position:relative;overflow:hidden}@media (width>=1024px){html .urgent-panel{padding:var(--space-l) var(--space-m);flex-direction:column;display:flex}}html .urgent-panel:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#a6cf8a38,#a6cf8a00);border-radius:50%;width:110%;position:absolute;top:-30%;right:-40%}html .urgent-panel h3{letter-spacing:.04em;margin:0 0 var(--space-xs);font-size:clamp(1.75rem,1.3rem + 1.6vw,2.4rem);line-height:1.2;position:relative}html .urgent-panel p{margin:0 0 var(--space-m);color:var(--sage-100);font-size:16px;line-height:1.8;position:relative}html .up-tel{color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1.5px solid var(--mandarin);align-self:flex-start;align-items:baseline;gap:.6em;margin-top:auto;padding-bottom:2px;font-size:clamp(1.25rem,.9rem + 1vw,1.6rem);font-weight:700;text-decoration:none;display:inline-flex;position:relative}html .up-tel span{font-size:var(--fs-caption);letter-spacing:.2em;color:var(--mandarin)}html .cards{gap:var(--space-s);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=1024px){html .cards-now{grid-template-columns:repeat(3,1fr)}}html .card{background:var(--paper);height:100%;color:var(--ink);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px #24271f0f}html .card:hover,html .card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 28px -12px #1c3f2673}html .ph{aspect-ratio:16/10;background:var(--sage-300);display:block;position:relative;overflow:hidden}html .ph img{object-fit:cover;filter:grayscale()contrast(1.05);mix-blend-mode:multiply;width:100%;height:100%;transition:filter .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}html .card:hover .ph img,html .card:focus-visible .ph img{filter:none;mix-blend-mode:normal;transform:scale(1.06)}html [data-thumb=color] .ph img{filter:none;mix-blend-mode:normal}html .tag{z-index:1;font-size:var(--fs-caption);color:var(--forest-700);letter-spacing:.04em;background:#fffffff0;border-radius:999px;padding:3px 10px;font-weight:700;position:absolute;top:8px;left:8px}html .cap{align-items:center;column-gap:var(--space-xs);padding:var(--space-s) var(--space-s) var(--space-s) var(--space-s);isolation:isolate;flex:1;grid-template-columns:1fr 24px;display:grid;position:relative}html .cap:before{content:"";z-index:-1;background:var(--mist);clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}html .card:hover .cap:before,html .card:focus-visible .cap:before{clip-path:inset(0)}html .cap .t{grid-column:1;font-size:17px;font-weight:700;line-height:1.4}html .cap .d{color:var(--ink-muted);grid-column:1;font-size:14px}html .cap .ar{width:22px;height:22px;color:var(--forest-700);grid-area:1/2/span 2;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .card:hover .ar{transform:translate(4px)}html .cap:after{content:"";background:var(--mandarin);border-radius:50%;width:6px;height:6px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:6px;transform:translateY(-50%)scale(0)}html .card:hover .cap:after{transform:translateY(-50%)scale(1)}html .card:hover .cap .t,html .card:hover .cap .d{transform:translate(8px)}html .cap .t,html .cap .d{transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (width<=767px){html .cap .t{font-size:16px}html .cap{padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-s)}}html .cats{gap:var(--space-l);margin-top:var(--space-l);display:grid}html .cat h3{margin:0 0 var(--space-s);padding-bottom:var(--space-xs);border-bottom:1.5px solid var(--forest-900);flex-wrap:wrap;align-items:baseline;gap:.2em .8em;display:flex}html .cat .ct{letter-spacing:.04em;color:var(--forest-900);font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);font-weight:700}html .cat .cs{color:var(--ink-muted);letter-spacing:.06em;font-size:14px}html .cat ul{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}html .hcard{background:var(--paper);min-height:84px;color:var(--ink);border-radius:14px;grid-template-columns:96px 1fr;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:0 1px #24271f0f}html .hcard:hover,html .hcard:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px -12px #1c3f2673}html .hcard .ph{aspect-ratio:auto;height:100%}html .hcard:hover .ph img,html .hcard:focus-visible .ph img{filter:none;mix-blend-mode:normal;transform:scale(1.06)}html .hcard .cap{align-content:center}html .hcard:hover .cap:before,html .hcard:focus-visible .cap:before{clip-path:inset(0)}html .hcard:hover .ar{transform:translate(4px)}html .hcard:hover .cap:after{transform:translateY(-50%)scale(1)}html .hcard:hover .cap .t,html .hcard:hover .cap .d{transform:translate(8px)}@media (width<=767px){html .hcard{grid-template-columns:84px 1fr;min-height:76px}}@media (width>=1024px){html .cats{column-gap:var(--space-l);grid-template-columns:repeat(2,1fr)}html .cat:nth-child(3){grid-column:1/-1}html .cat:nth-child(3) ul{column-gap:var(--space-l);grid-template-columns:repeat(2,1fr)}}@media (width>=640px) and (width<=1023px){html .cat ul{grid-template-columns:repeat(2,1fr)}}html .worry{align-items:center;column-gap:var(--space-s);margin-top:var(--space-l);padding:var(--space-m);background:var(--paper);color:var(--ink);isolation:isolate;border-radius:16px;grid-template-columns:1fr 28px;text-decoration:none;display:grid;position:relative;overflow:hidden}html .worry:before{content:"";z-index:-1;background:var(--mist);clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}html .worry:hover:before{clip-path:inset(0)}html .worry .w-t{letter-spacing:.02em;color:var(--forest-700);font-size:clamp(1.2rem,1.05rem + .7vw,1.6rem);font-weight:700}html .worry .w-d{font-size:var(--fs-note);color:var(--ink-muted);grid-column:1}html .worry .ar{width:28px;height:28px;color:var(--forest-700);grid-area:1/2/span 2;transition:transform .45s cubic-bezier(.16,1,.3,1)}html .worry:hover .ar{transform:translate(6px)}@media (prefers-reduced-motion:reduce){html .card,html .cap:before,html .ph img,html .worry:before{transition:none}}html .bar{z-index:30;gap:var(--space-xs);padding:var(--space-xs) var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom));background:#fffffff5;grid-template-columns:1fr 1.4fr;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #24271f14}html .bar .btn{min-height:52px;padding:0 .6em}html .dify{z-index:31;background:var(--forest-700);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;bottom:84px;right:12px;box-shadow:0 6px 18px #24271f38}html .dify svg{width:26px;height:26px}@media (width>=1024px){html .bar{display:none}html .dify{width:60px;height:60px;bottom:24px;right:24px}}html body{padding-bottom:76px}@media (width>=1024px){html body{padding-bottom:0}}html .proto{z-index:40;border-radius:var(--radius-card);max-width:calc(100vw - 96px);font-size:var(--fs-caption);background:#fff;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;line-height:1.3;display:flex;position:fixed;bottom:84px;left:12px;box-shadow:0 6px 24px #24271f2e}@media (width>=1024px){html .proto{bottom:24px;left:24px}}html .proto button{font:inherit;border-radius:var(--radius-pill);border:1.5px solid var(--forest-700);color:var(--ink);cursor:pointer;background:#fff;padding:6px 10px}html .proto button[aria-pressed=true]{background:var(--forest-700);color:#fff}html .hd{z-index:50;background:#fffffff7;transition:background-color .3s,box-shadow .3s,transform .4s cubic-bezier(.16,1,.3,1);position:sticky;top:0}html.scrolled .hd{backdrop-filter:saturate(1.4)blur(12px);background:#fffc;box-shadow:0 1px #24271f14,0 10px 24px -18px #24271f59}html.hd-hidden .hd{transform:translateY(-100%)}html .hd img,html .hd .container{transition:height .35s cubic-bezier(.16,1,.3,1),min-height .35s cubic-bezier(.16,1,.3,1)}@media (width>=1024px){html.scrolled .hd .container,html.scrolled .hd.pad{min-height:72px}html.scrolled .hd img{height:46px}}@media (prefers-reduced-motion:reduce){html .hd,html .hd img,html .hd .container{transition:none}}html{scroll-padding-top:96px}@media (width<=1023px){html{scroll-padding-top:16px}}html .fig--dark strong,html .art .fig--dark p strong,html .art .fig--dark li strong,html .content .fig--dark p strong,html .content .fig--dark li strong{color:#fff}@media (prefers-reduced-motion:reduce){html .ftr .ftr-blog:after,html .ftr-blog:after{opacity:.45;animation:none!important}}html .nw-camp[hidden]{display:none}