.pa-section{--pa-bg:var(--muted);--pa-card:var(--card);--pa-ink:var(--foreground);--pa-muted:color-mix(in oklch, var(--foreground) 55%, transparent);--pa-faint:color-mix(in oklch, var(--foreground) 40%, transparent);--pa-line:color-mix(in oklch, var(--foreground) 8%, transparent);--pa-accent:var(--primary);background:radial-gradient(120% 80% at 50% -8%, var(--background) 0%, var(--pa-bg) 60%), var(--pa-bg);min-height:100svh;color:var(--pa-ink);padding:0 clamp(16px,4vw,40px) clamp(60px,12vh,140px);position:relative}.pa-intro{text-align:center;max-width:680px;margin:0 auto;padding:clamp(64px,12vh,120px) 0 clamp(16px,3vh,34px)}.pa-stack{width:min(80vw,1080px);margin:0 auto}.pa-card{top:var(--top,88px);margin:0 0 var(--gap,46vh);background:var(--pa-card);border:1px solid var(--pa-line);transform-origin:50% 0;will-change:transform, filter;border-radius:clamp(18px,2vw,26px);grid-template-rows:1fr auto;grid-template-columns:minmax(180px,42%) 1fr;gap:clamp(16px,1.6vw,26px);min-height:clamp(300px,46vh,480px);padding:clamp(14px,1.4vw,20px);display:grid;position:sticky;box-shadow:0 1px 2px #1028200f,0 40px 80px -34px #10282066}.pa-card:last-child{margin-bottom:0}.pa-tail{height:66vh}.pa-media{border-radius:clamp(12px,1.2vw,18px);grid-area:1/1/span 2;min-height:210px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.pa-cover{transform-origin:50%;will-change:transform;transition:transform 1.15s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.12)}.pa-body{flex-direction:column;grid-area:1/2;padding:8px clamp(4px,1vw,18px) 0 clamp(4px,1vw,10px);display:flex}.pa-date{color:var(--pa-faint);margin:0 0 clamp(12px,1.4vw,22px);font-size:clamp(12.5px,1vw,14px)}.pa-text{max-width:46ch;margin:0}.pa-foot{grid-area:2/2;justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(4px,1vw,12px);display:flex}.pa-tag{color:color-mix(in oklch, var(--pa-ink) 75%, transparent);background:#f2f1ee;border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:500;line-height:1;transition:background .18s,color .18s}.pa-tag:hover{background:color-mix(in srgb, var(--pa-accent) 14%, #f2f1ee);color:var(--pa-accent)}.pa-add{color:#fff;background:var(--pa-ink);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:background .22s,transform .18s;display:grid}.pa-add:hover{background:var(--pa-accent);transform:scale(1.06)}.pa-add:active{transform:scale(.94)}.pa-tag:focus-visible,.pa-add:focus-visible{outline:2px solid var(--pa-accent);outline-offset:3px}.pa-date,.pa-text,.pa-foot{opacity:0;transition:opacity .6s,transform .65s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.pa-card[data-in=true] .pa-cover{transform:scale(1)}.pa-card[data-in=true] .pa-date{opacity:1;transition-delay:.12s;transform:none}.pa-card[data-in=true] .pa-text{opacity:1;transition-delay:.2s;transform:none}.pa-card[data-in=true] .pa-foot{opacity:1;transition-delay:.3s;transform:none}@media (max-width:900px){.pa-stack{width:86vw}.pa-card{min-height:clamp(280px,42vh,420px)}}@media (max-width:620px){.pa-stack{width:92vw}.pa-card{border-radius:20px;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:13px;min-height:0;padding:12px}.pa-media{aspect-ratio:16/10;grid-area:1/1;min-height:0}.pa-body{grid-area:2/1;padding:2px 4px 0}.pa-foot{grid-area:3/1;padding:0 4px}}@media (prefers-reduced-motion:reduce){.pa-cover{transition:none!important;transform:none!important}.pa-date,.pa-text,.pa-foot{opacity:1!important;transition:none!important;transform:none!important}}.pa-cover[data-tone=mint]{background:radial-gradient(120% 95% at 16% 10%,#f1fbf5 0%,#f1fbf500 54%),radial-gradient(95% 85% at 90% 20%,#c9efd8 0%,#c9efd800 58%),radial-gradient(130% 120% at 74% 104%,#5fb98c 0%,#5fb98c00 60%),linear-gradient(148deg,#e3f5ea 0%,#b5e3c8 54%,#7cc9a2 100%)}.pa-cover[data-tone=saffron]{background:radial-gradient(115% 95% at 84% 12%,#fff8ec 0%,#fff8ec00 54%),radial-gradient(100% 90% at 10% 30%,#fde3b8 0%,#fde3b800 58%),radial-gradient(130% 120% at 60% 108%,#f0a03c 0%,#f0a03c00 60%),linear-gradient(158deg,#fef1dc 0%,#fbd79c 54%,#f3b45e 100%)}.pa-cover[data-tone=lagoon]{background:radial-gradient(115% 92% at 22% 14%,#effaf9 0%,#effaf900 54%),radial-gradient(100% 95% at 88% 28%,#bfe9e4 0%,#bfe9e400 58%),radial-gradient(130% 125% at 70% 104%,#3ea597 0%,#3ea59700 60%),linear-gradient(153deg,#e2f5f2 0%,#aee0d9 54%,#6cc0b4 100%)}.pa-cover[data-tone=forest]{background:radial-gradient(115% 92% at 80% 12%,#2c6b52 0%,#2c6b5200 52%),radial-gradient(110% 100% at 14% 34%,#164536 0%,#16453600 58%),radial-gradient(135% 130% at 62% 106%,#f5a939 0%,#f5a93900 55%),linear-gradient(153deg,#0f3326 0%,#0b2a1f 54%,#091b15 100%)}.pa-cover:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(120% 62% at 28% -12%,#ffffff8c,#fff0 58%);position:absolute;inset:0}
.sa-scroll{--sa-green:#5fc98c;--sa-green-2:#2c9a6a;--sa-bg:#091b15;background:var(--sa-bg);color:#eef4f0;height:420vh;position:relative}.sa-pin{background:radial-gradient(70% 80% at 96% 0%, #5fc98c33, transparent 52%), radial-gradient(60% 90% at 100% 50%, #2c9a6a1f, transparent 60%), radial-gradient(50% 60% at 0% 100%, #f5a93914, transparent 60%), var(--sa-bg);opacity:0;height:100svh;transition:opacity .9s;position:sticky;top:0;overflow:hidden}.sa-pin[data-ready=true]{opacity:1}.sa-eyebrow{z-index:5;position:absolute;top:clamp(84px,12vh,120px);left:52%}@media (min-width:721px) and (max-width:1024px){.sa-eyebrow{left:46%}}.sa-pix{z-index:0;pointer-events:none;width:56vw;height:100%;position:absolute;top:0;right:0}.sa-spine{z-index:1;pointer-events:none;background:linear-gradient(#0000,#e9f0e929 16% 84%,#0000);width:1px;height:100%;position:absolute;top:0}.sa-months{z-index:2;pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 2%,#000 26% 74%,#0000 98%);mask:linear-gradient(#0000 2%,#000 26% 74%,#0000 98%)}.sa-mlabel{text-align:right;white-space:nowrap;transform-origin:100%;will-change:transform, opacity;letter-spacing:.01em;color:#eef4ea;font-size:14px;font-weight:600;position:absolute}.sa-mtick{background:#e9f0e94d;height:1px;position:absolute;transform:translateY(-50%)}.sa-nglow{z-index:2;pointer-events:none;filter:blur(3px);background:radial-gradient(circle,#5fc98c75 0%,#5fc98c1f 36%,#0000 66%);border-radius:50%;width:320px;height:320px;position:absolute;transform:translate(-50%,-50%)}.sa-node{z-index:3;width:var(--cd,76px);height:var(--cd,76px);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.sa-ring{background:conic-gradient(var(--sa-green) calc(var(--p,0) * 360deg), #ffffff17 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.sa-face{background:radial-gradient(120% 120% at 50% 18%,#17352a,#0a1d16 82%);border:1px solid #e9f0e917;border-radius:50%;place-items:center;display:grid;position:absolute;inset:5px;box-shadow:0 14px 40px -10px #000000bf,inset 0 1px #ffffff0f}.sa-face svg{stroke:#e6efe1;stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:42%;height:42%;animation:2.6s ease-in-out infinite sa-bob}@keyframes sa-bob{0%,to{transform:translateY(1.5px)}50%{transform:translateY(-2.5px)}}.sa-right{z-index:4;flex-direction:column;width:min(40vw,460px);display:flex;position:absolute;top:50%;left:52%;transform:translateY(calc(-100% - 14px))}.sa-right:before,.sa-metric:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(78% 88% at 32%,#091b15b8,#0000 72%);position:absolute;inset:-34px -60px -34px -30px}.sa-chip{letter-spacing:.06em;color:#cdf3dc;background:#5fc98c14;border:1px solid #5fc98c47;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.sa-chip:before{content:"";background:var(--sa-green);width:6px;height:6px;box-shadow:0 0 8px var(--sa-green);border-radius:50%}.sa-qtitle{letter-spacing:-.02em;color:#f6faf3;margin:20px 0 0;font-size:clamp(26px,3.4vw,42px);font-weight:700;line-height:1.05}.sa-qsub{color:#e9f0e999;max-width:34ch;margin:12px 0 0;font-size:15px;line-height:1.5}.sa-metric{z-index:4;width:min(40vw,460px);position:absolute;top:50%;left:52%;transform:translateY(14px)}.sa-odo{letter-spacing:-.02em;color:#f6faf3;font-variant-numeric:tabular-nums;filter:drop-shadow(0 8px 26px #0000008c);align-items:stretch;font-size:clamp(46px,7.4vw,86px);font-weight:800;line-height:1;display:flex}.sa-digit{width:.62em;height:1em;position:relative;overflow:hidden;-webkit-mask:linear-gradient(#0000 0,#000 24% 76%,#0000 100%);mask:linear-gradient(#0000 0,#000 24% 76%,#0000 100%)}.sa-strip{will-change:transform;flex-direction:column;display:flex}.sa-strip span{justify-content:center;align-items:center;height:1em;display:flex}.sa-suffix{color:var(--sa-green);align-items:flex-end;padding-left:.04em;display:flex}.sa-reg{letter-spacing:.01em;color:#e9f0e98c;margin-top:8px;font-size:14px;font-weight:500}@keyframes sa-rise{0%{opacity:0;filter:blur(7px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:none}}.sa-anim{animation:.6s cubic-bezier(.22,.61,.36,1) both sa-rise}.sa-hint{z-index:6;pointer-events:none;letter-spacing:.28em;text-transform:uppercase;color:#e9f0e96b;flex-direction:column;align-items:center;gap:8px;font-size:10.5px;transition:opacity .5s;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.sa-pin[data-scrolled=true] .sa-hint{opacity:0}.sa-hint .sa-bar{background:linear-gradient(#e9f0e980,#0000);width:1px;height:34px}@media (prefers-reduced-motion:reduce){.sa-face svg,.sa-anim{animation:none}}@media (min-width:721px) and (max-width:1024px){.sa-right,.sa-metric{width:min(48vw,400px);left:46%}.sa-pix{width:46vw}.sa-qtitle{font-size:clamp(24px,3.6vw,34px)}}@media (max-width:720px){.sa-pix{width:48vw;height:26vh}.sa-mlabel{text-shadow:0 1px 10px #091b15d9}.sa-eyebrow{display:none}.sa-right{width:auto;top:9vh;left:6vw;right:6vw;transform:none}.sa-qtitle{margin-top:13px;font-size:30px}.sa-qsub{max-width:34ch;margin-top:10px;font-size:14px;display:block}.sa-metric{width:auto;inset:auto auto 6vh 6vw;transform:none}.sa-odo{font-size:clamp(42px,14.5vw,66px)}.sa-right:before,.sa-metric:before{display:none}.sa-nglow{width:220px;height:220px}.sa-hint{display:none}}
.ic-section{--ic-paper:#f7f6f1;--ic-ink:var(--foreground);--ic-ink-2:color-mix(in oklch, var(--foreground) 62%, transparent);--ic-line:color-mix(in oklch, var(--foreground) 12%, transparent);--ic-accent:var(--primary);--ic-slide:.9s;--ic-ease:cubic-bezier(.76, 0, .18, 1);height:88vh;min-height:620px;max-height:900px;color:var(--ic-ink);border-top:1px solid var(--ic-line);border-bottom:1px solid var(--ic-line);position:relative;overflow:hidden}.ic-strip{background:var(--ic-paper);display:flex;position:absolute;inset:0}.ic-col{border-left:1px solid var(--ic-line);cursor:pointer;min-width:0;transition:flex-grow var(--ic-slide) var(--ic-ease);outline:none;flex:1;position:relative;overflow:hidden}.ic-col:first-child{border-left:0}.ic-col.ic-isActive{flex-grow:2.5}.ic-col:after{content:"";z-index:3;pointer-events:none;transition:box-shadow .4s;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #0000}.ic-col:focus-visible:after{box-shadow:inset 0 0 0 2px var(--ic-accent)}.ic-media{z-index:1;transition:transform var(--ic-slide) var(--ic-ease);will-change:transform;position:absolute;inset:0;transform:translateY(101%)}.ic-media.ic-isIn{transform:translateY(0)}.ic-media.ic-isOut{transform:translateY(-101%)}.ic-media:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f7f6f180 0%,#f7f6f100 26% 66%,#f7f6f1a8 100%);position:absolute;inset:0}.ic-cap{z-index:2;color:var(--ic-ink-2);letter-spacing:.02em;opacity:0;transition:opacity .5s ease .1s, transform .5s var(--ic-ease) .1s;align-items:baseline;gap:9px;font-size:11px;display:flex;position:absolute;top:20px;left:20px;right:16px;transform:translateY(-6px)}.ic-col.ic-isActive .ic-cap{opacity:1;transform:none}.ic-cap b{color:var(--ic-ink);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-weight:600}.ic-name{z-index:2;letter-spacing:.01em;text-transform:uppercase;color:var(--ic-ink);text-shadow:0 1px 12px #f7f6f180;margin:0;font-size:clamp(14px,1.35vw,18px);font-weight:600;line-height:1.1;position:absolute;bottom:26px;left:20px;right:16px}.ic-name span{color:var(--ic-ink-2);transition:color .4s;display:block}.ic-col.ic-isActive .ic-name span{color:var(--ic-ink)}.ic-scene{position:absolute;inset:0;overflow:hidden}.ic-scene:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(120% 62% at 28% -12%,#ffffff8c,#fff0 58%);position:absolute;inset:0}.ic-scene[data-art=mint]{background:radial-gradient(120% 95% at 16% 10%,#f1fbf5 0%,#f1fbf500 54%),radial-gradient(95% 85% at 90% 20%,#c9efd8 0%,#c9efd800 58%),radial-gradient(130% 120% at 74% 104%,#6cc49a 0%,#6cc49a00 60%),linear-gradient(148deg,#e8f6ee 0%,#c2e8d2 54%,#8fd0ad 100%)}.ic-scene[data-art=saffron]{background:radial-gradient(115% 95% at 84% 12%,#fff9ef 0%,#fff9ef00 54%),radial-gradient(100% 90% at 10% 30%,#fde6c1 0%,#fde6c100 58%),radial-gradient(130% 120% at 60% 108%,#f2ac52 0%,#f2ac5200 60%),linear-gradient(158deg,#fdf2e0 0%,#f9dcaa 54%,#f0bd70 100%)}.ic-scene[data-art=lagoon]{background:radial-gradient(115% 92% at 22% 14%,#f0fbfa 0%,#f0fbfa00 54%),radial-gradient(100% 95% at 88% 28%,#c3ebe6 0%,#c3ebe600 58%),radial-gradient(130% 125% at 70% 104%,#52b3a6 0%,#52b3a600 60%),linear-gradient(153deg,#e4f6f3 0%,#b8e3dd 54%,#7ccbc0 100%)}.ic-scene[data-art=blush]{background:radial-gradient(115% 92% at 22% 14%,#fcf3ef 0%,#fcf3ef00 54%),radial-gradient(100% 95% at 88% 28%,#f2d3c8 0%,#f2d3c800 58%),radial-gradient(130% 125% at 70% 104%,#d99a86 0%,#d99a8600 60%),linear-gradient(153deg,#f8ece7 0%,#edd0c6 54%,#dcae9f 100%)}.ic-scene[data-art=sage]{background:radial-gradient(115% 92% at 80% 12%,#f2f4ea 0%,#f2f4ea00 52%),radial-gradient(110% 100% at 14% 34%,#d2dcbf 0%,#d2dcbf00 58%),radial-gradient(135% 130% at 62% 106%,#95a979 0%,#95a97900 60%),linear-gradient(153deg,#edf0e3 0%,#d5e0c2 54%,#b5c59b 100%)}.ic-scene[data-art=sky]{background:radial-gradient(115% 95% at 84% 12%,#f4f8fc 0%,#f4f8fc00 54%),radial-gradient(100% 90% at 10% 30%,#d6e3f0 0%,#d6e3f000 58%),radial-gradient(130% 120% at 60% 108%,#a2b6cf 0%,#a2b6cf00 60%),linear-gradient(158deg,#edf3f9 0%,#d4e0ee 54%,#b9c8dc 100%)}.ic-top{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(18px,3vh,30px) clamp(20px,3.4vw,44px);display:flex;position:absolute;top:0;left:0;right:0}.ic-headline{z-index:5;pointer-events:none;text-align:center;width:min(92vw,820px);height:clamp(170px,28vh,250px);position:absolute;top:clamp(84px,13vh,150px);left:50%;overflow:hidden;transform:translate(-50%)}.ic-head{opacity:0;transition:transform var(--ic-slide) var(--ic-ease), opacity calc(var(--ic-slide) * .7) ease;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;display:flex;position:absolute;inset:0;transform:translateY(112%)}.ic-head.ic-isIn{opacity:1;transform:translateY(0)}.ic-head.ic-isOut{opacity:0;transform:translateY(-112%)}.ic-head h2{letter-spacing:-.01em;text-transform:uppercase;color:var(--ic-ink);text-wrap:balance;margin:0;font-size:clamp(26px,4vw,52px);font-weight:500;line-height:1.04}.ic-head p{max-width:52ch;color:var(--ic-ink-2);margin:0;font-size:clamp(14px,1.15vw,16px);line-height:1.5}.ic-pill{pointer-events:auto;border:1px solid var(--ic-line);-webkit-backdrop-filter:blur(6px);letter-spacing:.04em;color:var(--ic-ink);background:#f7f6f18c;border-radius:999px;align-items:center;gap:9px;padding:10px 20px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .25s,border-color .25s,transform .2s,color .25s;display:inline-flex}.ic-pill:hover{background:var(--ic-ink);color:var(--ic-paper);border-color:var(--ic-ink);transform:translateY(-1px)}@media (max-width:860px){.ic-section{flex-direction:column;height:auto;min-height:0;max-height:none;display:flex}.ic-strip{flex-direction:column;height:72svh;min-height:520px;position:relative}.ic-col{border-left:0;border-top:1px solid var(--ic-line);min-height:58px}.ic-col:first-child{border-top:0}.ic-col.ic-isActive{flex-grow:3.4}.ic-cap{top:16px}.ic-name{font-size:15px;bottom:16px}.ic-top{position:relative}.ic-headline{background:var(--ic-paper);width:auto;height:auto;padding:20px 20px 28px;position:relative;top:auto;left:auto;transform:none}.ic-head{position:relative;transform:translateY(20px)}.ic-head:not(.ic-isIn){display:none}.ic-head h2{font-size:clamp(20px,6vw,30px)}}@media (prefers-reduced-motion:reduce){.ic-media,.ic-head,.ic-col{transition-duration:.01ms}}