:root{
  --shade: 60,52,40;                 
  --meadow: url("/assets/meadow.4e08b391.jpg"); 
  --section-y: clamp(56px, 7vw, 104px);
}

.g-title{--fs:clamp(40px,4.6vw,64px);font-size:var(--fs);line-height:calc(var(--fs) + 4.6px);letter-spacing:calc(var(--ls-k) - var(--ls-a) * var(--fs));
  font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp);margin:0;text-wrap:balance}
.g-h2{--fs:clamp(28px,3vw,40px);font-size:var(--fs);line-height:calc(var(--fs) + 4.6px);letter-spacing:calc(var(--ls-k) - var(--ls-a) * var(--fs));
  font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp);margin:0;text-wrap:balance}
.g-h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp);margin:0}
.g-lede{font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--ink);margin:0;text-wrap:pretty}
.g-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);margin:0;text-wrap:pretty}
.g-body+.g-body{margin-top:14px}

.glass-pane,.glass-inset,.g-card{box-sizing:border-box}
figure.g-card,figure.glass-pane{margin:0}
.g-page{position:relative}
.g-mast{position:relative;z-index:1;width:var(--col);margin:0 auto;padding-top:var(--mast-top);display:flex;flex-direction:column;align-items:center;text-align:center}
.g-mast .g-lede{max-width:48ch;margin-top:22px;text-wrap:balance}

.g-mast{--mast-top:clamp(120px,15vh,168px);--glass-at:70svh;--glass-step:clamp(88px,9.5vw,136px)}

@media (min-width:720px){.g-mast:has(>.doors){--glass-at:min(70svh,calc(100svh - 420px))}}
@media (min-width:900px){.g-mast:has(>.doors){--glass-at:min(70svh,calc(100svh - 315px))}}
@media (max-width:719px){.g-mast{--mast-top:clamp(24px,min(15vh,23.6vh - 72px),168px);--glass-at:62svh;--glass-step:min(88px,10.4svh)}}
.g-mast>.mast-words{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding-bottom:var(--glass-step);
  min-height:calc(var(--glass-at) - 72px - var(--mast-top))}
.g-mast>.mast-words+:is(.doors,.mast-glass){margin-top:0}
.g-mast>.mast-glass{width:100%;text-align:left}

:root{--thread:rgba(60,52,40,.26);--thread-w:1.25px;--thread-light:rgba(196,140,64,.95);--thread-light-w:2.4px;--thread-run:.9s}
@keyframes mw-thread-light{0%{stroke-dashoffset:.06;opacity:0}12%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-1;opacity:0}}

.product-name{display:flex;align-items:baseline;gap:.24em;margin:0;line-height:1.15;color:var(--ink)}
.product-name .wm{font-size:calc(1em * .71 / .72);line-height:inherit}
.product-name em{position:relative;top:.03em;font-size:1.05em;font-style:italic;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:-.018em}

.glass-pane.intro{--inset-pad:clamp(22px,3vw,40px);--inset-frost:8px;--inset-alpha:68%;max-width:980px}
.intro>.glass-inset{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.intro .product-name{font-size:clamp(22px,2.2vw,28px)}
.intro-text{margin:18px 0 0;font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--ink);text-wrap:pretty}
.intro-text+.intro-text{margin-top:12px}
.intro-facts{margin:0;padding-left:clamp(24px,4vw,56px);border-left:1px solid rgb(30 28 24 / .1)}
.intro-facts>div{padding:12px 0;border-top:1px solid rgb(30 28 24 / .08)}
.intro-facts>div:first-child{padding-top:4px;border-top:0}
.intro-facts dt{font-size:13px;line-height:1.4;color:var(--ink-3)}
.intro-facts dd{margin:3px 0 0;font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty}
@media (max-width:819px){
  .intro>.glass-inset{grid-template-columns:minmax(0,1fr)}
  .intro-facts{padding:18px 0 0;border-left:0;border-top:1px solid rgb(30 28 24 / .1)}
}

@media (max-width:719px){
  .intro-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .intro-facts>div:nth-child(2){padding-top:4px;border-top:0}
}

.glass-pane.sheet{--card-material:frosted;--r:34px;--r-hover:34px;--r-press:34px;--tray:10px;--inset-pad:clamp(22px,5.5vw,80px);--inset-alpha:86%;--cast:.14;--cast-reach:1.4}
.sheet>.glass-inset{padding-block:clamp(36px,6vw,88px)}
.sheet .g-groups{width:auto;max-width:none;margin:0;padding:0}
.g-section{position:relative;width:var(--col);margin:0 auto;padding-block:var(--section-y)}
.g-section>header{max-width:760px;margin-bottom:40px}
.g-section>header .g-lede{margin-top:16px;max-width:56ch}
.g-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:center}
.g-split+.g-split{margin-top:clamp(64px,8vw,112px)}
.g-split>.g-text .g-h3+.g-body,.g-split>.g-text .g-h2+.g-body{margin-top:14px}
.g-split>.g-text{max-width:46ch}
.g-memo{max-width:62ch;margin:0 auto}
.g-memo .g-body{font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--ink)}
.g-memo .g-body+.g-body{margin-top:22px}
@media (max-width:899px){.g-split{grid-template-columns:minmax(0,1fr)}.g-split>.g-text{max-width:none}}

.g-groups{display:flex;flex-direction:column;gap:clamp(40px,5vw,64px);max-width:880px}
.g-group{display:grid;grid-template-columns:180px 1fr;gap:clamp(20px,4vw,56px);align-items:start}
.g-group-label{margin:0;position:sticky;top:96px;font-size:var(--fs-lede);line-height:1.35;letter-spacing:var(--sec-ls);font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp);color:var(--ink)}
.g-group>div>.g-body{max-width:62ch}
.g-terms{margin:0}
.g-terms>div{padding:22px 0;border-top:1px solid var(--hairline)}
.g-terms>div:first-child{border-top:0;padding-top:0}
.g-terms dt{font-size:var(--fs-lede);line-height:1.35;font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp);letter-spacing:-.3px;color:var(--ink)}
.g-terms dd{margin:10px 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);max-width:62ch}
.g-terms a{color:var(--ink)}
@media (max-width:719px){.g-group{grid-template-columns:1fr}.g-group-label{position:static}}

.g-feature{display:grid;align-items:center;column-gap:clamp(40px,6vw,96px);row-gap:clamp(40px,4.8vw,64px);padding-block:clamp(72px,9vw,140px)}
.g-lead{max-width:27rem}
.g-lead>.g-lede{margin-top:16px}
.g-feature[data-layout=split]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.g-feature[data-layout=split][data-flip]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.g-feature[data-layout=split][data-flip]>.g-lead{order:2}
.g-feature[data-layout=stage]>.g-lead{justify-self:center;max-width:36rem;text-align:center}

.g-feature>figure,.g-feature>.g-art{margin:0;min-width:0}
.g-feature[data-layout=stage]>.g-art{margin-inline:auto}

.g-guarantee{max-width:40rem;margin:22px auto 0;font-size:13.5px;line-height:1.45;color:var(--ink-2);text-align:center;text-wrap:balance}
.g-guarantee .ico{width:14px;height:14px;margin-right:7px;vertical-align:-2px}
.g-guarantee b{font-weight:650;font-variation-settings:"wght" 650;color:var(--ink)}

.g-statement{text-align:center}
.g-statement>p{--fs:clamp(24px,2.6vw,36px);max-width:32ch;margin:0 auto;font-size:var(--fs);line-height:1.3;letter-spacing:calc(var(--ls-k) - var(--ls-a) * var(--fs));font-weight:500;font-variation-settings:"wght" 500;color:var(--ink);text-wrap:balance}
.g-statement>p.is-then{margin-top:.9em;color:var(--ink-2)}
.g-statement .w:nth-child(1){--i:1}.g-statement .w:nth-child(2){--i:2}.g-statement .w:nth-child(3){--i:3}.g-statement .w:nth-child(4){--i:4}.g-statement .w:nth-child(5){--i:5}.g-statement .w:nth-child(6){--i:6}.g-statement .w:nth-child(7){--i:7}.g-statement .w:nth-child(8){--i:8}.g-statement .w:nth-child(9){--i:9}.g-statement .w:nth-child(10){--i:10}.g-statement .w:nth-child(11){--i:11}.g-statement .w:nth-child(12){--i:12}.g-statement .w:nth-child(13){--i:13}.g-statement .w:nth-child(14){--i:14}.g-statement .w:nth-child(15){--i:15}.g-statement .w:nth-child(16){--i:16}.g-statement .w:nth-child(17){--i:17}.g-statement .w:nth-child(18){--i:18}.g-statement .w:nth-child(19){--i:19}.g-statement .w:nth-child(20){--i:20}.g-statement .w:nth-child(21){--i:21}.g-statement .w:nth-child(22){--i:22}.g-statement .w:nth-child(23){--i:23}.g-statement .w:nth-child(24){--i:24}.g-statement .w:nth-child(25){--i:25}
.g-statement:has(>p:first-child>.w:nth-child(1):last-child){--lead:1}.g-statement:has(>p:first-child>.w:nth-child(2):last-child){--lead:2}.g-statement:has(>p:first-child>.w:nth-child(3):last-child){--lead:3}.g-statement:has(>p:first-child>.w:nth-child(4):last-child){--lead:4}.g-statement:has(>p:first-child>.w:nth-child(5):last-child){--lead:5}.g-statement:has(>p:first-child>.w:nth-child(6):last-child){--lead:6}.g-statement:has(>p:first-child>.w:nth-child(7):last-child){--lead:7}.g-statement:has(>p:first-child>.w:nth-child(8):last-child){--lead:8}.g-statement:has(>p:first-child>.w:nth-child(9):last-child){--lead:9}.g-statement:has(>p:first-child>.w:nth-child(10):last-child){--lead:10}.g-statement:has(>p:first-child>.w:nth-child(11):last-child){--lead:11}.g-statement:has(>p:first-child>.w:nth-child(12):last-child){--lead:12}.g-statement:has(>p:first-child>.w:nth-child(13):last-child){--lead:13}.g-statement:has(>p:first-child>.w:nth-child(14):last-child){--lead:14}.g-statement:has(>p:first-child>.w:nth-child(15):last-child){--lead:15}.g-statement:has(>p:first-child>.w:nth-child(16):last-child){--lead:16}.g-statement:has(>p:first-child>.w:nth-child(17):last-child){--lead:17}.g-statement:has(>p:first-child>.w:nth-child(18):last-child){--lead:18}.g-statement:has(>p:first-child>.w:nth-child(19):last-child){--lead:19}.g-statement:has(>p:first-child>.w:nth-child(20):last-child){--lead:20}.g-statement:has(>p:first-child>.w:nth-child(21):last-child){--lead:21}.g-statement:has(>p:first-child>.w:nth-child(22):last-child){--lead:22}.g-statement:has(>p:first-child>.w:nth-child(23):last-child){--lead:23}.g-statement:has(>p:first-child>.w:nth-child(24):last-child){--lead:24}.g-statement:has(>p:first-child>.w:nth-child(25):last-child){--lead:25}.g-statement:has(>p:first-child>.w:nth-child(26):last-child){--lead:26}.g-statement:has(>p:first-child>.w:nth-child(27):last-child){--lead:27}.g-statement:has(>p:first-child>.w:nth-child(28):last-child){--lead:28}.g-statement:has(>p:first-child>.w:nth-child(29):last-child){--lead:29}.g-statement:has(>p:first-child>.w:nth-child(30):last-child){--lead:30}.g-statement:has(>p:first-child>.w:nth-child(31):last-child){--lead:31}.g-statement:has(>p:first-child>.w:nth-child(32):last-child){--lead:32}.g-statement:has(>p:first-child>.w:nth-child(33):last-child){--lead:33}.g-statement:has(>p:first-child>.w:nth-child(34):last-child){--lead:34}.g-statement:has(>p:first-child>.w:nth-child(35):last-child){--lead:35}.g-statement:has(>p:first-child>.w:nth-child(36):last-child){--lead:36}.g-statement:has(>p:first-child>.w:nth-child(37):last-child){--lead:37}.g-statement:has(>p:first-child>.w:nth-child(38):last-child){--lead:38}.g-statement:has(>p:first-child>.w:nth-child(39):last-child){--lead:39}.g-statement:has(>p:first-child>.w:nth-child(40):last-child){--lead:40}
html[data-motion] .g-statement[data-reveal] .w{transition:opacity .7s var(--ease-arrive) calc(var(--i,0) * 45ms)}
html[data-motion] .g-statement[data-reveal]>p.is-then .w{transition-delay:calc(.5s + var(--lead,19) * 45ms + var(--i,0) * 45ms)}
html[data-motion] .g-statement[data-reveal]:not([data-shown]) .w{opacity:.14}
@media (max-width:899px){
  .g-feature[data-layout=split],.g-feature[data-layout=split][data-flip]{grid-template-columns:minmax(0,1fr)}
  .g-feature[data-layout=split][data-flip]>.g-lead{order:0}
  .g-feature>.g-lead{max-width:34rem}
  .g-feature[data-layout=split]>.g-lead{justify-self:center;text-align:center}
  .g-feature[data-layout=split]>.g-art,.g-feature[data-layout=split]>figure{justify-self:center;width:100%;max-width:36rem}
}

.win{--card-material:frosted;--r:26px;--r-hover:26px;--r-press:26px;--tray:7px;--inset-pad:0px;--inset-alpha:88%;--cast:.16;--cast-reach:1.2;--mi:30 28 24;margin:0;min-width:0}

.glass-pane.win{box-shadow:none;--win-cast:0 1px 1.5px rgba(var(--shade),.05),
    calc(cos(var(--light-az)) * -14px * var(--cast-reach)) calc(sin(var(--light-az)) * -14px * var(--cast-reach)) calc(36px * var(--cast-reach)) -14px rgba(var(--shade),var(--cast)),
    calc(cos(var(--light-az)) * -36px * var(--cast-reach)) calc(sin(var(--light-az)) * -36px * var(--cast-reach)) calc(84px * var(--cast-reach)) -34px rgba(var(--shade),calc(var(--cast) * .8))}
.glass-pane.win::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 22px rgba(255,255,255,.1),var(--win-cast)}

:root{--wi-3:#6C6A66}
.glass-pane.win{--inset-alpha:88%}

.glass-pane.win::after,.glass-pane.win>.win-inset::before,.glass-pane.win>.win-inset>:not([data-step]){opacity:1}
.glass-pane.win::before{opacity:var(--frost-rim)}
.win>.win-inset{padding:0;overflow:hidden;container-type:inline-size}
.win-bar{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 18px;border-bottom:1px solid rgb(var(--mi) / .08);font-size:13px;line-height:1.2;white-space:nowrap}
.win-app{font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .9)}
.win-where{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--wi-3)}
.win-end{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--wi-3);font-size:12px}
.win-body{padding:16px 18px 18px}

.win-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:8px;font-size:12.5px;line-height:1;white-space:nowrap;font-weight:600;font-variation-settings:"wght" 600;color:rgba(255,255,255,.96);background:rgb(var(--mi) / .86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgb(var(--mi) / .22)}
.win-btn.is-quiet{color:rgb(var(--mi) / .78);background:rgba(255,255,255,.82);box-shadow:0 0 0 .5px rgb(var(--mi) / .16),0 1px 1.5px rgb(var(--mi) / .06)}

.win-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 20px 18px}

.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.chips li{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 8px;border-radius:7px;font-size:12px;line-height:1;white-space:nowrap;color:rgb(var(--mi) / .7);background:rgba(255,255,255,.72);
  box-shadow:0 0 0 .5px rgb(var(--mi) / .14),0 1px 1.5px rgb(var(--mi) / .06)}

.ico{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico--up{rotate:-90deg}

.chips li>.ico{width:13px;height:13px;color:var(--kind,rgb(var(--mi) / .5))}

@media (max-width:399px){.chips li{box-sizing:border-box;max-width:100%;height:auto;min-height:24px;padding-block:4px;line-height:1.3;white-space:normal}}
[data-kind=sheet]{--kind:#2E8B57}[data-kind=doc]{--kind:#3B6FD4}[data-kind=mail]{--kind:#2F6FDF}[data-kind=meeting]{--kind:#C4553D}

.app{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;margin-right:-2px;border-radius:6px;color:#fff;background:var(--app,#6E6A62);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.14)}
.app>.ico{width:12px;height:12px;stroke-width:2.2}
.app>img{display:block;width:100%;height:100%;border-radius:inherit}
.app--marrow,.app--logo{background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .16)}
.app--logo>.logo{display:block;width:14px;height:14px;object-fit:contain}
.app--fill{overflow:hidden;background:none;box-shadow:0 0 0 .5px rgb(var(--mi) / .16)}
.chips li>.logo{display:block;width:13px;height:13px;flex:none;object-fit:contain}
.app--slack{--app:#4A154B}.app--teams{--app:#5059C9}.app--meeting{--app:#C4553D}.app--mail{--app:#2F6FDF}.app--doc{--app:#3B6FD4}.app--sheet{--app:#2E8B57}.app--code{--app:#2B2926}

.ed{position:relative;display:inline-flex;align-items:center;gap:5px;justify-self:start;height:26px;padding:0 9px;border-radius:8px;font-size:12.5px;white-space:nowrap;color:rgb(var(--mi) / .8);background:rgba(255,255,255,.72);box-shadow:0 0 0 .5px rgb(var(--mi) / .12)}
.ed del{color:#703E2B;text-decoration-color:rgba(147,85,57,.6)}
.ed ins{text-decoration:none;color:#284C2D}
.ed--b{color:#284C2D}
.rules-mini{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.rules-mini li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;font-size:12.5px;color:rgb(var(--mi) / .82);background:rgba(255,255,255,.7);box-shadow:0 0 0 .5px rgb(var(--mi) / .1)}
.rules-mini li::before{content:"";flex:none;width:3px;height:13px;border-radius:2px;background:#5E8A5B}
@keyframes mw-pair{0%{box-shadow:0 0 0 .5px rgb(30 28 24 / .12)}25%{box-shadow:0 0 0 .5px rgb(30 28 24 / .12),0 0 0 4px rgba(255,214,150,.55)}100%{box-shadow:0 0 0 .5px rgb(30 28 24 / .12)}}

.thread{list-style:none;margin:0;padding:16px 18px 18px;display:flex;flex-direction:column;gap:15px}
.msg{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:start}
.av{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;font-variation-settings:"wght" 600;letter-spacing:.01em;color:rgba(255,255,255,.94);background:linear-gradient(160deg,#9C8E78,#7E7160)}

.av--brain{background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .12)}
.av img{display:block;width:100%;height:100%;border-radius:inherit}
.is-round .av{border-radius:50%;background:linear-gradient(160deg,#8A93A8,#6E768B)}
.is-round .av--brain{border-radius:9px;background:#fff}
.msg-head{display:flex;align-items:baseline;gap:7px;margin:0 0 2px;font-size:14px;line-height:1.3}
.msg-head b{font-weight:700;font-variation-settings:"wght" 700;color:rgb(var(--mi) / .92)}
.msg-head time{font-size:11.5px;color:var(--wi-3);font-variant-numeric:tabular-nums}
.msg-body>p:not(.msg-head){margin:0;font-size:14.5px;line-height:1.45;color:rgb(var(--mi) / .82);text-wrap:pretty}
.badge{align-self:center;padding:2px 4px;border-radius:3px;font-size:9px;line-height:1;font-weight:600;font-variation-settings:"wght" 600;letter-spacing:.04em;color:color-mix(in srgb,var(--wi-3),rgb(var(--mi)) 20%);background:rgb(var(--mi) / .06)}
.at{padding:0 3px;border-radius:4px;color:#134F84;background:rgba(29,100,165,.1)}
.msg--line{grid-template-columns:44px minmax(0,1fr)}
.msg--line>time{padding-top:2px;font:500 11px/1.3 var(--type-code-face);color:var(--wi-3);font-variant-numeric:tabular-nums}
.msg--note{margin-left:55px;padding:10px 12px;grid-template-columns:28px minmax(0,1fr);gap:10px;border-radius:12px;background:rgba(255,255,255,.62);box-shadow:0 0 0 .5px rgb(var(--mi) / .1),0 1px 2px rgb(var(--mi) / .05)}
.msg--note .av{width:28px;height:28px;border-radius:7px}
@container (max-width:460px){.msg--note{margin-left:0}}

.g-band{position:relative;z-index:0;width:100vw;margin-left:calc(50% - 50vw);height:var(--band-h,clamp(400px,46vw,720px));margin-top:calc(-1 * var(--band-rise,clamp(280px,28vw,440px)));pointer-events:none;
  background:var(--meadow) center bottom / cover no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 72%,transparent)}

html[data-world-pending] .g-band{background-image:none}
.g-over-band{position:relative;z-index:1}

.glass-pane{--r:30px;--r-hover:33px;--r-press:37px;--corner-k:2;--corner-scale:1.841;--corner-dur:720ms;
  --bevel:10;--ior:1.33;--split:.155;--frost:3px;--glass-saturation:1.15;
  --rim-strength:.33;--rim-sharp:50;--light-elev:25deg;--light-dist:1.7;--back-light:.51;--rim-line:.39;
  --turn-hover:45deg;--turn-press:90deg;--turn-dur:710ms;--turn-ease:var(--liquid);
  --press-scale:.992;--press-glow:.1;--glow-now:0;

  --card-material:liquid;--frost-blur:22px;--frost-tint:.22;--frost-sat:1.4;--frost-sheen:.18;--frost-rim:.85;
  --tray:17px;--inset-alpha:60%;--inset-frost:3px;--inset-sat:1.15;--inset-depth:.09;--inset-pad:20px;
  --cast:.15;--cast-reach:1.1;
  position:relative;z-index:0;display:block;padding:var(--tray);border-radius:var(--r);color:var(--ink);text-decoration:none;text-align:left;
  box-shadow:0 1px 1.5px rgba(var(--shade),.05),
    calc(cos(var(--light-az)) * -14px * var(--cast-reach)) calc(sin(var(--light-az)) * -14px * var(--cast-reach)) calc(36px * var(--cast-reach)) -14px rgba(var(--shade),var(--cast)),
    calc(cos(var(--light-az)) * -36px * var(--cast-reach)) calc(sin(var(--light-az)) * -36px * var(--cast-reach)) calc(84px * var(--cast-reach)) -34px rgba(var(--shade),calc(var(--cast) * .8));
  transition:--light-az var(--turn-dur) var(--turn-ease),border-radius var(--corner-dur) var(--liquid),transform var(--corner-dur) var(--liquid)}

.g-section .glass-pane{--card-material:frosted}
.glass-pane::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;transition:background-color .24s var(--ease);
  background-color:rgba(255,255,255,calc(var(--frost-tint) + var(--glow-now)));
  background-image:radial-gradient(90% 70% at calc(50% + cos(var(--light-az)) * 55%) calc(50% + sin(var(--light-az)) * 55%),rgba(255,255,255,var(--frost-sheen)),transparent 70%);
  -webkit-backdrop-filter:blur(var(--frost-blur)) saturate(var(--frost-sat)) brightness(1.04);backdrop-filter:blur(var(--frost-blur)) saturate(var(--frost-sat)) brightness(1.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 22px rgba(255,255,255,.1)}
.glass-pane.is-liquid::after{-webkit-backdrop-filter:var(--refract);backdrop-filter:var(--refract);background-color:rgba(255,255,255,calc(.05 + var(--glow-now)));background-image:none;box-shadow:none}

.glass-pane::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from calc(var(--light-az) - 90deg),rgba(255,255,255,.9),rgba(255,255,255,.14) 22% 40%,rgba(var(--shade),.1) 50%,rgba(255,255,255,.14) 62% 80%,rgba(255,255,255,.9));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.glass-pane::before{opacity:var(--frost-rim)}
.glass-pane.is-liquid::before{opacity:var(--rim-line)}

@supports (corner-shape:squircle){.glass-pane,.glass-pane::before,.glass-pane::after{corner-shape:superellipse(var(--corner-k))}.glass-pane{border-radius:calc(var(--r) * var(--corner-scale))}}

.glass-pane,.glass-inset{--ink-2:#393733;--ink-3:#403E39}
.glass-inset{position:relative;z-index:1;display:block;padding:calc(var(--inset-pad) - 2px) var(--inset-pad) var(--inset-pad);border-radius:calc(var(--r) - var(--tray));
  transition:border-radius var(--corner-dur) var(--liquid)}
.glass-inset::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:color-mix(in srgb,var(--paper) var(--inset-alpha),transparent);
  -webkit-backdrop-filter:blur(var(--inset-frost)) saturate(var(--inset-sat));backdrop-filter:blur(var(--inset-frost)) saturate(var(--inset-sat));
  box-shadow:inset 0 1px 2px rgba(var(--shade),var(--inset-depth)),inset 0 -1px 0 rgba(255,255,255,.75),0 0 0 .5px rgba(var(--shade),.06);
  transition:background-color .24s var(--ease)}
@supports (corner-shape:squircle){.glass-inset,.glass-inset::before{corner-shape:superellipse(var(--corner-k))}.glass-inset{border-radius:calc((var(--r) - var(--tray)) * var(--corner-scale))}}

@media (hover:hover){a.glass-pane:hover,button.glass-pane:hover{--light-az:calc(var(--az-rest) + var(--turn-sign,1) * var(--turn-hover));--r:var(--r-hover)}}
a.glass-pane:focus-visible,button.glass-pane:focus-visible{--light-az:calc(var(--az-rest) + var(--turn-sign,1) * var(--turn-hover));outline:none}

:is(a,button).glass-pane:focus-visible::before{padding:2px;background:var(--ink);opacity:1}
@media (forced-colors:active){:is(a,button).glass-pane:focus-visible{outline:2px solid Highlight;outline-offset:2px}}
a.glass-pane:active,button.glass-pane:active{--light-az:calc(var(--az-rest) + var(--turn-sign,1) * var(--turn-press));--r:var(--r-press);--glow-now:var(--press-glow);transform:scale(var(--press-scale));
  transition:--light-az var(--turn-dur) var(--turn-ease),border-radius var(--corner-dur) var(--liquid),transform .12s var(--ease)}
a.glass-pane:active .glass-inset::before{background:color-mix(in srgb,var(--paper) calc(var(--inset-alpha) + 12%),transparent)}

.g-card{--r:26px;position:relative;border-radius:var(--r);background:var(--paper);
  box-shadow:0 0 0 .5px rgba(var(--shade),.07),0 1px 1.5px rgba(var(--shade),.06),
    calc(cos(var(--light-az)) * -10px) calc(sin(var(--light-az)) * -10px) 30px -12px rgba(var(--shade),.16),
    calc(cos(var(--light-az)) * -28px) calc(sin(var(--light-az)) * -28px) 70px -30px rgba(var(--shade),.14)}
@supports (corner-shape:squircle){.g-card{corner-shape:squircle;border-radius:calc(var(--r) * 1.9)}}
.g-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px 12px}
.g-card-body{padding:0 20px 18px}
.g-q{font-size:15.45px;font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp);margin:0 0 6px}
.g-rows{list-style:none;margin:0;padding:0}
.g-row{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--hairline-soft);font-size:14.5px;line-height:1.4}
.g-row .src{margin-left:auto;white-space:nowrap;padding-left:12px}
.g-mark{width:7px;height:7px;border-radius:50%;background:var(--ink);flex:none;transform:translateY(-1px)}
.g-mark.earlier{background:#B8AE9C}
.g-mark.conflict{background:#935539}
.g-mark.gap{background:transparent;box-shadow:inset 0 0 0 1.5px #7C728D}
.g-row.is-gap>span:not(.g-mark):not(.src){color:var(--ink-3)}
.g-row s{color:var(--ink-3)}
@media (max-width:719px){.g-row{flex-wrap:wrap}.g-row .src{flex-basis:100%;margin-left:19px;padding-left:0}}
.g-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--paper-2);font-size:13px;line-height:1.2;color:var(--ink)}
.g-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.g-table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--hairline);font-weight:var(--w-lbl);font-variation-settings:"wght" var(--w-lbl)}
.g-table td{padding:14px 16px;border-bottom:1px solid var(--hairline-soft);vertical-align:top;color:var(--ink-2)}
.g-table tr:last-child td{border-bottom:0}
.g-table td:first-child{color:var(--ink)}

.g-close{position:relative;width:var(--col);margin:0 auto;padding-block:clamp(120px,14vw,208px) clamp(96px,12vw,168px);text-align:center}
.g-close-body{max-width:560px;margin:0 auto}
.g-close .g-body{color:var(--ink);margin-top:10px}
.g-close .sh{margin-top:22px}

@keyframes mw-enter{from{opacity:0;translate:0 8px}}
@keyframes mw-rise{from{translate:0 8px}}
html[data-enter] .g-mast>.mast-words>:is(.g-title,.g-lede){animation:mw-enter 400ms cubic-bezier(.4,0,.2,1) calc(var(--i,0) * 60ms) backwards}
html[data-enter] .g-mast .glass-pane{animation:mw-rise 400ms cubic-bezier(.4,0,.2,1) calc(var(--i,2) * 60ms) backwards}
.g-mast>.mast-words>.g-lede{--i:1}
.g-mast .glass-pane+.glass-pane{--i:3}
html[data-entering] .g-mast *{animation-play-state:paused}

@property --t{syntax:"<time>";inherits:true;initial-value:0s}
html{--ease-arrive:cubic-bezier(.22,1,.36,1)}
[data-step="1"]{--n:1}[data-step="2"]{--n:2}[data-step="3"]{--n:3}[data-step="4"]{--n:4}[data-step="5"]{--n:5}[data-step="6"]{--n:6}
[data-step="7"]{--n:7}[data-step="8"]{--n:8}[data-step="9"]{--n:9}[data-step="10"]{--n:10}[data-step="11"]{--n:11}[data-step="12"]{--n:12}
html[data-motion] .g-lead[data-reveal]>*{transition:opacity .9s var(--ease-arrive),translate .9s var(--ease-arrive),filter .9s var(--ease-arrive)}
html[data-motion] .g-lead[data-reveal]>*+*{transition-delay:.12s}
html[data-motion] .g-lead[data-reveal]:not([data-shown])>*{opacity:0;translate:0 14px;filter:blur(6px)}

html[data-develop] .g-lead[data-reveal]>.g-h2{transition:none}
html[data-develop] .g-lead[data-reveal]:not([data-shown])>.g-h2{opacity:0;translate:none;filter:none}

html[data-motion] [data-reveal] .win{--win-at:var(--at,0s);transition:translate 1.2s var(--ease-arrive) var(--at,0s)}
html[data-motion] [data-reveal]:not([data-shown]) .win{translate:0 24px}
html[data-motion] [data-reveal] .glass-pane.win::before,html[data-motion] [data-reveal] .glass-pane.win::after,html[data-motion] [data-reveal] .glass-pane.win>.win-inset::before,html[data-motion] [data-reveal] .glass-pane.win>.win-inset>:not([data-step]){transition:opacity 1s var(--ease-arrive) var(--win-at,0s)}
html[data-motion] [data-reveal]:not([data-shown]) .glass-pane.win::before,html[data-motion] [data-reveal]:not([data-shown]) .glass-pane.win::after,html[data-motion] [data-reveal]:not([data-shown]) .glass-pane.win>.win-inset::before,html[data-motion] [data-reveal]:not([data-shown]) .glass-pane.win>.win-inset>:not([data-step]){opacity:0}
html[data-motion] [data-reveal] [data-step]{--t:calc(var(--at,0s) + var(--n,0) * var(--beat,.42s))}
html[data-motion] [data-reveal] [data-step]:not(.msg--brain),html[data-motion] [data-reveal] .msg--brain[data-step]>*{transition:opacity .5s var(--ease-arrive) var(--t),translate .6s var(--ease-arrive) var(--t),filter .5s var(--ease-arrive) var(--t)}
html[data-motion] [data-reveal]:not([data-shown]) [data-step]:not(.msg--brain),html[data-motion] [data-reveal]:not([data-shown]) .msg--brain[data-step]>*{opacity:0;translate:0 8px;filter:blur(3px)}
html[data-motion] [data-reveal] .msg--brain[data-think=stroke]::after{content:"";position:absolute;inset:-7px -10px;z-index:-1;border-radius:12px;background:rgb(var(--think-glow,255 232 196) / .6);opacity:0;pointer-events:none}
html[data-motion] [data-reveal][data-shown] .msg--brain[data-think=stroke]::after{animation:mw-light 1.8s ease-out var(--t) both}
@keyframes mw-light{0%{opacity:0}14%{opacity:1}100%{opacity:0}}

@property --think{syntax:"<time>";inherits:true;initial-value:0s}
[data-think=stroke]{--think:1.7s}
[data-think=light]{--think:1.1s;position:relative;isolation:isolate}
html[data-motion] [data-reveal] :is([data-think=stroke][data-step],[data-think=light][data-step],[data-think=light] [data-step]){--t:calc(var(--at,0s) + var(--n,0) * var(--beat,.42s) + var(--think))}
html[data-motion] [data-reveal] [data-think=stroke]>.av{transition:opacity .26s cubic-bezier(.4,0,.2,1) var(--t)}
html[data-motion] [data-reveal]:not([data-shown]) [data-think=stroke]>.av{translate:none;filter:none}
html[data-motion] [data-reveal] :is([data-think=light][data-step],[data-think=light] [data-step]),html[data-motion] [data-reveal] :is([data-think=light][data-step],[data-think=light] [data-step])>*{transition:none}
html[data-motion] [data-reveal]:not([data-shown]) :is([data-think=light][data-step],[data-think=light] [data-step]){opacity:0;translate:none;filter:none}
html[data-motion] [data-reveal]:not([data-shown]) :is([data-think=light][data-step],[data-think=light] [data-step])>*{opacity:1;translate:none;filter:none}
.think-cv{position:absolute;pointer-events:none}
html[data-motion] [data-shown="now"] *,html[data-motion] [data-shown="now"]>*,html[data-motion] [data-shown="now"] *::before,html[data-motion] [data-shown="now"] *::after{transition:none!important;animation:none!important}

html[data-motion] [data-reveal]:not([data-shown]) *,html[data-motion] [data-reveal]:not([data-shown]) *::before,html[data-motion] [data-reveal]:not([data-shown]) *::after{transition:none!important}

@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .glass-pane::after,.glass-pane.is-liquid::after{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper-2);box-shadow:inset 0 0 0 1px rgba(var(--shade),.28)}
  .glass-inset::before{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper)}
  .glass-pane.win::after{box-shadow:inset 0 0 0 1px rgba(var(--shade),.28),var(--win-cast)}
}
@media (prefers-reduced-motion:reduce){.glass-pane,.glass-inset,.sh[data-style="raise"]:not(.alt){transition:none}html[data-enter] .g-mast *{animation:none}a.glass-pane:active,button.glass-pane:active{transform:none}}