/* Quietly playful: warm paper, deep teal, Ian blue and Francisco yellow. */
:root{--ian:#265d83;--francisco:#755b08;--play-paper:#fffcf5;--play-line:#c8d8d1}
.hero{background:radial-gradient(ellipse at 4% 5%,#e8f0e655,transparent 65%)}
.button:hover{filter:brightness(1.1)}.text-link:hover,.community-directory a:hover{text-decoration:underline;text-underline-offset:4px}
.homeboys-huddle{position:relative;isolation:isolate;max-width:720px;width:100%;margin:26px 0;padding:12px 16px;border:1px solid var(--play-line);border-radius:14px;background:linear-gradient(110deg,#edf4ef,#fffcf5);color:#203b3a;overflow:visible}
.huddle-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;line-height:1.4}
.huddle-top>strong{letter-spacing:.025em}.huddle-top button{min-height:44px;border:1px solid #9fb9ad;border-radius:999px;padding:6px 13px;background:#fffefa;color:#20483c;font-size:11px}
.huddle-top button:disabled{opacity:.6;cursor:default}
.huddle-actions{display:flex;gap:6px;flex-shrink:0}.huddle-top{flex-wrap:wrap}
.huddle-scene{display:flex;flex-direction:column;align-items:center;gap:6px;margin:17px 0 8px;min-height:236px}
.huddle-duo{display:flex;align-items:end;justify-content:center;gap:0;max-width:100%;padding-top:6px}
.huddle-person{text-align:center;font-size:10px;font-weight:650;color:var(--ian)}.huddle-person[data-person=francisco]{color:var(--francisco)}
.huddle-presenter{--pose-size:126px;transform-origin:50% 96%;pointer-events:none}
.huddle-person[data-person=francisco] .huddle-presenter{transform:scaleX(-1)}
.nhb-pose{position:relative;display:block;width:var(--pose-size,100%);height:var(--pose-size,100%);overflow:hidden;pointer-events:none}
.nhb-pose img{position:absolute;display:block;width:400%!important;height:400%!important;max-width:none!important;left:calc(var(--pose-col,0) * -100%);top:calc(var(--pose-row,0) * -100%);object-fit:fill!important;pointer-events:none}
.huddle-bubble{position:relative;isolation:isolate;background:#fff;border:1px solid #e4e8e2;border-radius:30px;padding:15px 22px;min-height:96px;width:100%;max-width:470px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.55;overflow-wrap:anywhere;box-shadow:0 5px 18px #284c3b0c}
.huddle-bubble::before{content:"";position:absolute;z-index:-1;top:-8px;left:22%;width:38px;height:27px;border-radius:50%;background:#fff;box-shadow:34px -3px 0 1px #fff,72px 1px 0 2px #fff,110px 0 0 -2px #fff}
.huddle-bubble::after{content:"";position:absolute;bottom:-10px;left:34%;width:17px;height:17px;border-radius:2px 0 12px 0;background:#fff;transform:rotate(-25deg);box-shadow:-1px 1px 0 #e4e8e2}
.homeboys-huddle[data-speaking=francisco] .huddle-bubble::after{left:auto;right:34%;transform:scaleX(-1) rotate(-25deg)}
.homeboys-huddle[data-bubble-turn="0"] .huddle-bubble{animation:huddle-cloud-a 320ms ease-out both}.homeboys-huddle[data-bubble-turn="1"] .huddle-bubble{animation:huddle-cloud-b 320ms ease-out both}
.homeboys-huddle[data-speaking=ian] [data-person=ian] .huddle-presenter{animation:huddle-talk-ian 900ms ease-in-out infinite}
.homeboys-huddle[data-speaking=francisco] [data-person=francisco] .huddle-presenter{animation:huddle-talk-francisco 900ms ease-in-out infinite}
.huddle-read{font-size:11px;line-height:1.7;margin-right:135px}.huddle-read summary{cursor:pointer;min-height:36px;display:list-item;padding:8px 0}.huddle-read p{margin:9px 0}.huddle-read a{text-decoration:underline}
.huddle-visit{position:absolute;right:16px;bottom:11px;font-size:11px;min-height:36px;display:inline-flex;align-items:center;color:#254e40;text-decoration:underline;text-underline-offset:3px}
.homeboys-quiz{border:1px solid #cdd6d1;border-left:4px solid var(--ian);border-radius:12px;background:var(--play-paper);padding:22px 24px;margin:28px 0;max-width:720px;color:#203b3a}
.homeboys-quiz .eyebrow{color:#915021;font-size:10px;margin-bottom:12px}.homeboys-quiz fieldset{border:0;padding:0;margin:0;min-width:0}.homeboys-quiz legend{font-family:Georgia,serif;font-size:22px;line-height:1.3;padding:0;margin-bottom:16px}
.quiz-choice{display:grid;grid-template-columns:20px 1fr;gap:5px 9px;align-items:start;cursor:pointer;min-height:44px;padding:10px 12px;border:1px solid #d8dfd9;border-radius:8px;margin:7px 0;background:white;font-size:12px;line-height:1.6}
.quiz-choice input{width:17px;height:17px;margin:2px 0;accent-color:var(--ian)}.quiz-answer{color:#28483d}.quiz-feedback{display:none;grid-column:2;color:#3b5d4c;font-size:12px;padding-top:7px}
.quiz-choice input:checked~.quiz-answer{font-weight:750}.quiz-choice input:checked~.quiz-feedback{display:block}.quiz-choice:focus-within{outline:2px solid #a65322;outline-offset:2px}
.quiz-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:17px;font-size:11px}.quiz-bottom a{min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.native-community-links{display:flex;flex-wrap:wrap;gap:6px 13px;padding:10px 16px}.native-community-links a{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.static-home-fallback{margin:20px 0}.static-home-fallback summary{cursor:pointer;padding:14px 0;font-weight:650}.static-home-fallback p{font-size:12px}
@keyframes huddle-talk-ian{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1.5deg)}}
@keyframes huddle-talk-francisco{0%,100%{transform:scaleX(-1) translateY(0) rotate(-1deg)}50%{transform:scaleX(-1) translateY(-2px) rotate(1.5deg)}}
@keyframes huddle-cloud-a{from{opacity:.45;transform:translateY(3px) scale(.985)}to{opacity:1;transform:none}}
@keyframes huddle-cloud-b{from{opacity:.45;transform:translateY(3px) scale(.985)}to{opacity:1;transform:none}}
.homeboys-run-zone{--runner-size:min(78px,16vw,16vh);position:relative;width:100%;padding:0;background:linear-gradient(180deg,transparent,#eef4ed66);overflow:hidden;contain:layout paint}
.nhb-run-track{position:relative;width:100%;height:calc(var(--runner-size) + 19px);overflow:hidden;pointer-events:none}
.nhb-run-track::after{content:"";position:absolute;left:0;right:0;top:calc(7px + var(--runner-size) * .967);height:1px;background:#d9e3d8;pointer-events:none}
.nhb-runner{--pose-size:var(--runner-size);position:absolute;top:7px;left:0;width:var(--runner-size);height:var(--runner-size);pointer-events:none;will-change:transform}
.nhb-run-rig{display:block;width:100%;height:100%;overflow:visible;--run-suit:#3978b8;--run-dark:#234c7c;--run-light:#8cb7e0;--run-skin:#edbf9b}
.nhb-run-rig[data-run-person=francisco]{--run-suit:#f5ce32;--run-dark:#ab8716;--run-light:#fff09b;--run-skin:#bf865d}
.nhb-run-head{position:absolute;left:0;top:0;width:28.333333%!important;height:28.333333%!important;max-width:none!important;object-fit:fill;transform-origin:0 0;opacity:1;pointer-events:none;will-change:transform}
.nhb-run-dust{position:absolute;left:38%;bottom:7%;width:25%;height:8%;border-radius:50%;background:#e5dac7;opacity:0;box-shadow:-5px -2px 0 -1px #eee5d4,5px -1px 0 0 #eee5d4}
.nhb-runner[data-phase=fall] .nhb-run-dust{animation:nhb-dust 550ms ease-out both}
.homeboys-run-zone .nhb-cameo-toolbar{position:relative;top:auto;right:auto;left:auto;z-index:2;margin:0;width:100%;max-width:none;min-height:48px;padding:4px 12px 0;justify-content:center;pointer-events:none}.homeboys-run-zone .nhb-cameo-local{font-size:10px;min-height:44px;max-width:calc(100vw - 24px);background:#fffcf5;pointer-events:auto;transform-origin:50% 100%}.homeboys-run-zone>.nhb-cameo-toolbar+.nhb-run-track{margin-top:-4px}.homeboys-run-zone[data-run-phase=stumble] .nhb-cameo-local{animation:nhb-button-bump 350ms ease-out both}
@keyframes nhb-button-bump{0%,100%{transform:none}25%{transform:translateY(-3px) rotate(-1.2deg)}55%{transform:translateY(-1px) rotate(1deg)}80%{transform:rotate(-.4deg)}}
@keyframes nhb-dust{0%{opacity:.65;transform:scale(.5)}100%{opacity:0;transform:scale(1.5) translateX(-3px)}}
@media(max-width:620px){.homeboys-huddle{padding:11px;margin:20px 0}.huddle-scene{min-height:222px;gap:5px}.huddle-presenter{--pose-size:116px}.huddle-person{font-size:10px}.huddle-bubble{font-size:13px;padding:12px 17px;min-height:96px}.huddle-bubble::before{left:16%;box-shadow:28px -3px 0 1px #fff,60px 1px 0 2px #fff,90px 0 0 -2px #fff}.huddle-top{font-size:10px;gap:5px}.huddle-top button{font-size:10px;padding:6px 10px}.huddle-read{margin-right:0}.huddle-visit{position:static;min-height:36px}.homeboys-quiz{padding:19px 16px}.homeboys-quiz legend{font-size:21px}.quiz-bottom{align-items:start;gap:16px}.native-community-links{padding:7px 12px;gap:4px 11px}.native-community-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-override="on"]) .homeboys-huddle *,html:not([data-motion-override="on"]) .nhb-runner *{animation:none!important;transition:none!important}html:not([data-motion-override="on"]) .homeboys-run-zone{display:none}}
@media print{.homeboys-huddle{break-inside:avoid}.huddle-top button,.huddle-scene,.homeboys-run-zone{display:none!important}.huddle-read{margin-right:0}.huddle-visit{position:static}.homeboys-quiz{break-inside:avoid}.quiz-feedback{display:block}.quiz-choice input{display:none}}
.play-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.play-pair>aside{max-width:none;margin:24px 0}
@media(max-width:850px){.play-pair{grid-template-columns:1fr;gap:0}.play-pair>aside{margin:18px 0}}

/* Reserved hero art beside the greeting; no roaming overlay on the welcome copy. */
.hero-eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.hero-eyebrow-row>.eyebrow{flex:1;min-width:0;margin:0;font-size:9px;letter-spacing:.11em}
.hero-eyebrow-row>[data-cameo-toolbar-slot]{flex:0 0 auto;max-width:46%}
.hero-eyebrow-row .nhb-cameo-toolbar{padding:0;min-height:44px}
.hero-eyebrow-row .nhb-cameo-local{font-size:10px;padding:8px 10px}
.hero-title-block{--hero-duo-width:120px;position:relative;margin-bottom:20px}
.hero-title-block h1{margin:0;font-size:clamp(42px,4.6vw,68px);line-height:1.08}
.hero-title-lead{display:block}
.hero-title-greeting{display:flex;flex-direction:column;justify-content:center;min-height:164px;padding-right:calc(var(--hero-duo-width) + 10px)}
.hero-title-greeting>span{font-size:clamp(35px,3.7vw,55px)}
.hero-title-greeting>em{align-self:flex-start;font-size:clamp(25px,3vw,42px);white-space:nowrap;letter-spacing:-.045em}
.hero-duo{position:absolute;right:0;bottom:0;width:var(--hero-duo-width);height:158px;display:flex;align-items:flex-end;justify-content:center;gap:0;pointer-events:none;visibility:hidden}
.nhb-motion-enabled #welcome:not(.nhb-zone-muted) .hero-duo{visibility:visible}
.hero-duo img{display:block;flex:0 0 54%;width:54%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
.hero-duo img+img{height:100%;margin-left:-8%}
@media(max-width:1100px) and (min-width:901px){.hero-title-block{--hero-duo-width:96px}.hero-title-greeting{min-height:142px}.hero-duo{height:138px}.hero-title-greeting>em{font-size:26px}.hero-title-greeting>span{font-size:34px}}
@media(max-width:600px){.hero-title-block{--hero-duo-width:106px}.hero-title-block h1{font-size:clamp(36px,11.7vw,55px)}.hero-title-greeting{min-height:148px}.hero-title-greeting>span{font-size:clamp(31px,9vw,43px)}.hero-title-greeting>em{font-size:clamp(23px,7.1vw,36px)}.hero-duo{height:144px}.hero-eyebrow-row>.eyebrow{font-size:8px;letter-spacing:.08em}.hero-eyebrow-row .nhb-cameo-local{font-size:9px;padding:7px 8px}}
@media(max-width:359px){.hero-title-block{--hero-duo-width:88px}.hero-duo{height:126px}.hero-title-greeting{min-height:132px}.hero-title-greeting>em{font-size:23px}.hero-eyebrow-row>.eyebrow{font-size:7px}}
@media print{.hero-duo,.hero-eyebrow-row>[data-cameo-toolbar-slot]{display:none}.hero-title-greeting{padding-right:0;min-height:0}}