


.sh{--hb-bg:var(--cream);--hb-fg:var(--type-orange);--hb-btn:var(--btn-orange);--hb-on-fg:var(--cream);--sh-ink:var(--ink);--sh-mark:var(--ink);color:var(--hb-fg);padding-bottom:0;min-height:min(100svh, 1100px);display:flex;flex-direction:column}
html[data-sfield="green"] .sh{--hb-bg:var(--green);--hb-fg:var(--cream);--hb-sm:var(--cream);--hb-btn:var(--cream);--hb-on-fg:var(--green);--sh-ink:var(--cream);--sh-mark:var(--type-orange)}
.sh-stage{flex:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:var(--hb-gutter);row-gap:max(1rem, calc(24 * var(--hb-u)));
  padding:max(1.2rem, calc(30 * var(--hb-u))) var(--hb-margin) max(1.8rem, calc(52 * var(--hb-u)))}
.sh-k{grid-column:1 / -1;grid-row:1;margin:0;font-size:12px;color:var(--sh-ink)}
.sh-h{grid-column:1 / -1;grid-row:2;align-self:center;margin:0;display:flex;flex-direction:column;font-size:var(--sh-s,200px);line-height:.9}
.sh-l1,.sh-l2{display:block;position:relative;white-space:nowrap}
.sh-l2{align-self:flex-end}
.sh-m{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .04em .22em;margin:-.06em -.04em -.22em}   
.sh-w{display:inline-block;font-family:var(--f-narrow);font-stretch:62%;font-weight:900;letter-spacing:-.01em;text-transform:uppercase}

html[data-sface="mixed"] .sh-serif{font-family:var(--f-serif);font-stretch:100%;font-style:italic;font-weight:500;font-variation-settings:"opsz" 96;letter-spacing:-.025em;text-transform:none;font-size:1.04em}

.sh-mark{position:absolute;left:2%;right:1%;bottom:-.02em;width:97%;height:.14em;color:var(--sh-mark);overflow:visible}
html:not([data-sleft="links"]) .sh-links{display:none}
.sh-links{grid-column:1 / span 4;grid-row:3;align-self:end;list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--sh-ink) 40%,transparent)}
.sh-links li{border-bottom:1px solid color-mix(in srgb,var(--sh-ink) 40%,transparent)}
.sh-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;color:var(--sh-ink);font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.sh-arr{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sh-ink);color:var(--hb-bg);font:700 11px/1 var(--f-head);transition:transform .5s var(--ease-out)}
@media (hover:hover) and (pointer:fine){ .sh-links a:hover .sh-arr{transform:translateY(3px)} }
.sh-links a:focus-visible{outline:2px solid var(--sh-ink);outline-offset:3px}
.sh-amy{grid-column:1 / span 5;grid-row:3;align-self:end;color:var(--sh-ink)}
html[data-sleft="links"] .sh-amy{display:none}
.sh-amy__t{margin:0 0 16px;max-width:22em;font:600 clamp(18px,1.4vw,22px)/1.3 var(--f-head);letter-spacing:-.015em}
.sh-btn{font-size:clamp(18px,1.27vw,21px);padding:.8em 1.4em .85em}
.sh-k{display:flex;align-items:center;gap:10px}
.sh-dot{width:9px;height:9px;border-radius:50%;background:var(--hb-fg);flex:none}
.sh-aside{grid-column:8 / -1;grid-row:3;align-self:end;justify-self:end;margin:0;max-width:30em;font-size:12px;line-height:1.6;text-align:right;color:var(--sh-ink)}
.sh .ph-tag{color:var(--sh-ink)}

html.js .sh-h{visibility:hidden}
html.js .sh-links,html.js .sh-amy,html.js .sh-aside{opacity:0}


.st{padding-bottom:clamp(90px,13vh,150px)}
.st-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;margin-top:clamp(36px,6vh,64px);align-items:end}
.st-q{grid-column:1 / span 7;margin:0}
.st-ql{margin:0;font:600 clamp(30px,3vw,54px)/1.1 var(--f-head);letter-spacing:-.035em;text-wrap:pretty}
.st-q .hr-mono{display:block;margin-top:18px;opacity:.85}
.st-rows{display:none;grid-column:9 / span 4;list-style:none;margin:0;padding:0;border-top:1.5px dashed color-mix(in srgb,currentColor 50%,transparent)}
.st-rows li{display:flex;align-items:baseline;gap:12px;padding:13px 0;border-bottom:1.5px dashed color-mix(in srgb,currentColor 50%,transparent);font:600 17px/1.3 var(--f-head);letter-spacing:-.01em}
.st-rows i{flex:1;min-width:12px}
.st-rows b{font-weight:700;text-align:right}
html[data-slist="on"] .st-rows{display:block}
html:not([data-slist="on"]) .st-q{grid-column:1 / span 10}
.st-alums{grid-column:1 / -1;margin:0;font:600 clamp(19px,1.5vw,24px)/1.3 var(--f-head);letter-spacing:-.015em}
.st-alums a{color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}


.sk{padding-bottom:clamp(140px,15vw,260px)}   
html[data-foot="floor"] .sk{padding-bottom:clamp(90px,13vh,150px)}
.sk-head{margin-top:clamp(28px,4vh,48px);max-width:1100px}
.sk-h{margin:0;font:700 clamp(36px,3.8vw,68px)/1.02 var(--f-head);letter-spacing:-.045em;text-wrap:balance}
.sk-head .hr-mono{display:block;margin-top:16px;opacity:.75}
.sk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;margin-top:clamp(36px,6vh,64px);align-items:start}
.sk-col--hold{grid-column:1 / span 6}
.sk-col--flex{grid-column:7 / span 6}
.sk-k{margin:0 0 14px;font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.sk-col--hold .sk-k{color:var(--ink);opacity:1}
.sk-list{list-style:none;margin:0;padding:0;border-top:1.5px dashed color-mix(in srgb,currentColor 35%,transparent)}
.sk-list li{padding:clamp(10px,1.5vh,14px) 0;border-bottom:1.5px dashed color-mix(in srgb,currentColor 35%,transparent);font:600 clamp(19px,1.6vw,27px)/1.2 var(--f-head);letter-spacing:-.02em}
.sk-col--flex .sk-list li{font-weight:500;opacity:.78}


.sf{padding-bottom:clamp(90px,13vh,150px)}
.sf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:44px;margin-top:clamp(36px,6vh,64px);align-items:start}
.sf-intro{grid-column:1 / span 5}
.sf-h{margin:0;font:700 clamp(44px,4.8vw,86px)/.95 var(--f-head);letter-spacing:-.05em;text-wrap:balance}
.sf-sub{margin:20px 0 0;max-width:24em;font:500 clamp(17px,1.3vw,20px)/1.45 var(--f-body)}
.sf-q{margin:clamp(26px,4vh,40px) 0 0}
.sf-q p{margin:0;font:600 clamp(22px,1.9vw,32px)/1.15 var(--f-head);letter-spacing:-.025em}
.sf-q .hr-mono{display:block;margin-top:10px;opacity:.8}
.sf-amy{display:flex;align-items:center;gap:18px;margin:clamp(26px,4vh,40px) 0 0}
.sf-amy__ph{flex:none;width:clamp(150px,13vw,220px);aspect-ratio:4 / 5;border-radius:14px}
.sf-amy__pic{display:none}
html[data-samy="kids"] .sf-amy__pic--kids,html[data-samy="deck"] .sf-amy__pic--deck{display:block}
.sf-amy figcaption{display:flex;flex-direction:column;gap:6px;font:500 16px/1.35 var(--f-body)}
.sf-amy b{font:700 20px/1.1 var(--f-head);letter-spacing:-.015em}
.sf-amy .hr-mono{opacity:.85}
.sf-amy a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.sf-form{grid-column:7 / span 6;display:flex;flex-direction:column;gap:22px}
.sf-set{border:0;margin:0;padding:0;min-width:0}
.sf-set legend{padding:0;margin-bottom:10px;opacity:.85}
.sf-chips{display:flex;flex-wrap:wrap;gap:8px}
.sf-chips label{position:relative;cursor:pointer}
.sf-chips input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.sf-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--cream);font:600 16px/1 var(--f-head);letter-spacing:-.01em;transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}
.sf-chips input:checked + span{background:var(--cream);color:var(--green)}
.sf-chips input:focus-visible + span{outline:2px solid var(--cream);outline-offset:3px}
.sf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sf-field{display:flex;flex-direction:column;gap:8px}
.sf-field .hr-mono{opacity:.85}
.sf-field input,.sf-field textarea{width:100%;border:0;border-radius:12px;background:var(--cream);color:var(--ink);padding:14px 16px;font:500 17px/1.4 var(--f-body);resize:vertical}
.sf-field input:focus-visible,.sf-field textarea:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.sf-send{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.sf-send button{display:inline-flex;align-items:center;gap:14px;border:0;border-radius:999px;background:var(--cream);color:var(--ink);padding:20px 32px;font:760 21px/1 var(--f-head);letter-spacing:-.01em;cursor:pointer}
.sf-send button svg{width:18px;height:18px;transition:transform .6s var(--ease-out)}
@media (hover:hover) and (pointer:fine){ .sf-send button:hover svg{transform:translateX(4px)} }
.sf-send button:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.sf-note{margin:0;font:500 15px/1.4 var(--f-body)}
.sf-give{margin:4px 0 0;font:500 16px/1.4 var(--f-body);opacity:.9}
.sf-give a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.2em}


@media (max-width:991px){
  .sh-links,.sh-amy{grid-column:1 / span 6}
  .sh-aside{grid-column:7 / -1}
  .st-q,.st-rows{grid-column:1 / -1}
  .st-rows{max-width:560px}
  .sf-intro,.sf-form{grid-column:1 / -1}
}


@media (max-width:760px){
  .sh{min-height:min(100svh, 860px)}
  .sh-stage{display:flex;flex-direction:column;align-items:stretch;row-gap:0;padding:1.2rem var(--hb-margin) 6.2rem}      
  .sh-k{font-size:11px}
  .sh-h{margin:auto 0}
  .sh-links,.sh-amy{order:3;margin-top:1.6rem;align-self:stretch}
  .sh-btn{width:100%}   
  .sh-aside{order:4;margin-top:1rem;text-align:left;justify-self:auto;align-self:stretch;font-size:11px}
  
  .sh-l2{white-space:normal}
  .sh-l2 .sh-w{max-width:3.1em}

  .st-grid{grid-template-columns:minmax(0,1fr);margin-top:24px;row-gap:30px}
  html .st-grid .st-q{grid-column:1 / -1}   
  .st-ql{font-size:clamp(24px,6.9vw,28px);line-height:1.14}
  .st-rows li{font-size:15px}

  .sk-head{margin-top:22px}
  .sk-h{font-size:clamp(28px,8.4vw,34px)}
  .sk-grid{grid-template-columns:minmax(0,1fr);margin-top:28px;row-gap:36px}
  .sk-col--hold,.sk-col--flex{grid-column:1 / -1}
  .sk-list li{font-size:19px}

  .sf{padding-bottom:80px}
  .sk{padding-bottom:140px}
  html[data-foot="floor"] .sk{padding-bottom:80px}
  .sf-grid{grid-template-columns:minmax(0,1fr);margin-top:24px;row-gap:34px}
  .sf-h{font-size:clamp(40px,11.6vw,48px)}
  .sf-row{grid-template-columns:minmax(0,1fr)}
  .sf-chips span{font-size:15px;padding:0 14px}
  .sf-send button{width:100%;justify-content:center;font-size:19px;padding:18px 24px}
}
