.mascot-lab{--mascot-ink:var(--ink);--mascot-paper:var(--paper);--mascot-navy:var(--surface-raised);--mascot-orange:var(--orange);--mascot-blue:var(--blue);isolation:isolate;background:var(--surface);color:var(--mascot-paper);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 7%;padding:90px 7%;font-family:Verdana,sans-serif;display:grid;position:relative}.mascot-lab:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(173deg, transparent 0 82px, #ffffff08 83px, transparent 84px 160px), repeating-linear-gradient(91deg, transparent 0 176px, #ffffff05 177px, transparent 178px 309px), linear-gradient(118deg, var(--surface) 16%, var(--mascot-navy));position:absolute;inset:0}.mascot-lab-copy{grid-column:1;min-width:0}.mascot-lab-copy h2{color:var(--mascot-paper);font:700 clamp(64px, 6.5vw, 104px)/.96 var(--display,"Barlow Condensed", sans-serif);letter-spacing:-.025em;margin:0 0 28px}.mascot-lab-copy h2 span{color:var(--mascot-paper)}.mascot-lab .mascot-lab-copy>p{max-width:32ch;margin:0 0 28px;font-size:20px;line-height:1.6}.mascot-lab-playground{grid-area:1/2/span 2;justify-self:center;width:100%;min-width:0;max-width:620px}.mascot-attendance-card{width:100%;height:auto;display:block}.mascot-lab-looks{border:0;flex-wrap:wrap;justify-content:center;gap:12px;min-width:0;margin:0;padding:24px 0 0;display:flex}.mascot-lab-look{cursor:pointer;display:block;position:relative}.mascot-lab-look input,.mascot-lab-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mascot-lab-look span{background:var(--mascot-paper);min-height:54px;color:var(--mascot-ink);text-align:center;justify-content:center;align-items:center;padding:12px 16px;font-size:18px;font-weight:700;display:flex}.mascot-lab-look[data-selected=true] span{background:var(--mascot-orange);color:var(--mascot-ink)}.mascot-lab-look:hover span{background:#d3dcf6}.mascot-lab-look[data-selected=true]:hover span{background:#ff8758}.mascot-lab-caption{text-align:center;margin:22px 0 0;font-size:18px;line-height:1.6}.mascot-lab-controls{grid-row:2}.mascot-field{margin:20px 0 12px;font-size:20px;font-weight:700;display:block}.mascot-field span{font-weight:400}.mascot-post,.mascot-name{box-sizing:border-box;background:var(--mascot-paper);width:100%;color:var(--mascot-ink);border:2px solid #777;border-radius:0;padding:16px;font:18px/1.6 Verdana,sans-serif}.mascot-post{resize:vertical;min-height:240px;margin-bottom:26px}.mascot-lab .mascot-name-help{max-width:none;margin:12px 0 28px;font-size:15px}.mascot-lab .mascot-lab-copy>.mascot-share-steps{max-width:none;margin:24px 0}.mascot-share-actions{flex-wrap:wrap;gap:12px;display:flex}.mascot-share-actions button,.mascot-share-actions a{background:var(--mascot-paper);min-height:58px;color:var(--mascot-ink);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font:700 18px/1.4 Verdana,sans-serif;text-decoration:none;display:inline-flex}.mascot-share-actions button:first-child{background:var(--mascot-orange);color:var(--mascot-ink)}.mascot-share-actions button:hover,.mascot-share-actions a:hover{background:#d3dcf6}.mascot-share-actions button:first-child:hover{background:#ff8758}.mascot-share-actions button:disabled{opacity:.6;cursor:wait}.mascot-lab :is(button,a,input,textarea):focus-visible,.mascot-lab-look input:focus-visible+span{outline:3px solid var(--mascot-paper);outline-offset:5px}.mascot-lab .mascot-share-status{max-width:none;margin:20px 0;font-size:18px;display:block}.mascot-share-status:empty{display:none}.mascot-lab-link{text-underline-offset:5px;align-items:center;gap:12px;min-height:48px;font-size:18px;text-decoration:underline;display:inline-flex}.mascot-lab-playground>.mascot-lab-link{text-align:center;width:fit-content;max-width:100%;margin:18px auto 0;display:flex}.mascot-lab .mascot-lab-copy>.mascot-lab-credit{max-width:none;margin:24px 0 0;font-size:18px}@media (max-width:759px){.mascot-lab{grid-template-columns:minmax(0,1fr);gap:36px;padding:56px 6%}.mascot-lab-copy h2{font-size:clamp(64px,16vw,90px)}.mascot-lab-playground{grid-area:2/1}.mascot-lab-controls{grid-row:3}.mascot-share-actions>*{flex:auto}}
.house-gallery{grid-column:1/-1;margin:18px 0 8px}.house-gallery-photos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:42px 28px;display:grid}.house-gallery-photo{min-width:0;margin:0}.house-gallery-open{background:var(--surface-raised);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.house-gallery-open img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .24s;display:block}.house-gallery-expand{width:42px;height:42px;color:var(--paper);background:var(--surface-raised);place-items:center;display:grid;position:absolute;bottom:0;right:0}.house-gallery-caption{color:var(--ink);border-top:1px solid #0c153033;margin-top:13px;padding-top:11px;font-size:16px;line-height:1.4}.house-gallery-open:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.house-gallery-dialog{background:var(--surface-raised);width:min(1180px,100vw - 48px);max-width:none;max-height:calc(100dvh - 32px);color:var(--paper);border:1px solid #ffffff40;margin:auto;padding:14px 24px 20px;inset:0;overflow-y:auto}.house-gallery-dialog::backdrop{background:#0529a1e8}.house-gallery-toolbar,.house-gallery-dialog-footer,.house-gallery-step{align-items:center;display:flex}.house-gallery-toolbar,.house-gallery-dialog-footer{justify-content:space-between;gap:16px}.house-gallery-toolbar{min-height:44px;font-size:15px}.house-gallery-dialog button{width:44px;height:44px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #fff6;place-items:center;padding:0;display:grid}.house-gallery-toolbar button{border:0}.house-gallery-dialog button:focus-visible,.house-gallery-dialog a:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.house-gallery-enlarged{margin:10px 0 0}.house-gallery-enlarged img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 205px);display:block}.house-gallery-enlarged figcaption{padding:17px 0 12px;font-size:18px;line-height:1.35}.house-gallery-dialog-footer>a{align-items:center;gap:8px;font-size:15px;display:inline-flex}.house-gallery-step{gap:10px}@media (hover:hover){.house-gallery-open:hover img{transform:scale(1.025)}.house-gallery-dialog button:hover{color:var(--ink);background:var(--orange);border-color:var(--orange)}}@media (max-width:759px){.house-gallery{margin-top:8px}.house-gallery-photos{grid-template-columns:minmax(0,1fr);gap:30px 14px}.house-gallery-expand{width:36px;height:36px}.house-gallery-dialog{width:calc(100vw - 20px);padding:8px 12px 16px}.house-gallery-caption{margin-top:9px;padding-top:9px;font-size:15px}}@media (prefers-reduced-motion:reduce){.house-gallery-open img{transition:none}}