/*
Theme Name: Staying Home — Offbeat
Author: Staying Home
Description: A custom music-first theme with original Staying Home artwork, editable HTML pages, and all custom CSS in this file. No page builder or commerce plugin required.
Version: 1.0.3
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: staying-home
*/

/* 01 — Palette, typography, and foundations */
@font-face{font-family:Home Notes;src:url('assets/comicneue-4uaerejdsxbrf37olued_xhm8pxulg.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--cream:#fff9e8;--ink:#181410;--red:#b82223;--butter:#f6e9b5;--brown:#583b11;--clay:#d67855;--sand:#e9ddc4;--line:rgba(24,20,16,.26);--display:Impact,'Arial Narrow','Arial Black',sans-serif;--sans:Arial,Helvetica,sans-serif;--notes:'Home Notes','Comic Sans MS',cursive;--max:1360px;--gutter:clamp(22px,4.5vw,76px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:125px}
body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body:has(.art-dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{border-radius:0}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:.98;font-weight:400;letter-spacing:-.025em}
h1,h2{font-family:var(--display)}
h2{font-size:clamp(52px,5.2vw,80px)}
p{max-width:60ch}
::selection{background:var(--red);color:var(--cream)}
:focus-visible{outline:3px solid var(--red);outline-offset:6px}
[hidden]{display:none!important}
.wrap{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}
.section-space{padding-block:110px}
.eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.6;font-weight:700;text-transform:uppercase}
.handwritten{font-family:var(--notes);font-size:22px;line-height:1.1;font-weight:700;display:block;transform:rotate(-7deg)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;padding:15px 25px;background:var(--red);border:2px solid var(--ink);color:var(--cream);font-size:14px;font-weight:700;line-height:1.4;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s,background .2s}
.button>span{font-size:23px;font-weight:400;line-height:1}
.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:#941b1c}
.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.button-cream{background:var(--cream);color:var(--ink)}
.button-cream:hover{background:#ffffff}
.button-small{font-size:13px;min-height:47px;padding:10px 20px;gap:25px}
.text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px;transition:color .2s}
.text-link>span{font-size:23px;font-weight:400}
.text-link:hover{color:var(--red)}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;background:var(--ink);color:var(--cream);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:none}

/* 02 — Header and navigation */
.site-header{width:100%;padding:17px var(--gutter);display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:30}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto;flex-shrink:0}
.brand>img{width:57px;height:57px;object-fit:contain;transition:transform .3s}
.brand:hover>img{transform:rotate(-12deg)}
.brand>span{font-family:var(--display);font-size:22px;line-height:.9;letter-spacing:.01em;position:relative}
.brand-dot{position:absolute;font-family:var(--sans);font-size:12px;right:-13px;bottom:0}
.main-navigation{display:flex;align-items:center;gap:36px}
.main-navigation>a{font-size:13px;font-weight:700;padding-block:14px;border-bottom:2px solid transparent}
.main-navigation>a:hover,.main-navigation>a[aria-current=page]{border-color:var(--red);color:var(--red)}
.menu-toggle{display:none}

/* 03 — Homepage and featured album */
.home-hero{display:grid;grid-template-columns:1.14fr 1fr;gap:6%;align-items:center;padding-top:58px;padding-bottom:72px}
.hero-copy{padding-top:6px;min-width:0}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:26px;font-size:10px;letter-spacing:.17em}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block;flex-shrink:0}
.hero-copy h1{font-size:clamp(105px,12.1vw,185px);line-height:.83;letter-spacing:-.028em}
.home-word{color:var(--red);display:inline-block}
.hero-intro{display:flex;align-items:center;gap:45px;margin-top:32px}
.hero-intro>p{font-size:19px;line-height:1.45}
.hero-intro>.handwritten{font-size:18px;max-width:150px;color:var(--red)}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.hero-actions>.text-link{font-size:12px;gap:12px}
.hero-art{position:relative;min-width:0;padding:0 8px 0 0}
.hero-art-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.tiny-stars{color:var(--red);font-size:22px;letter-spacing:7px}
.album-sleeve{display:block;position:relative;transform:rotate(3deg);transition:transform .4s;box-shadow:10px 12px 0 rgba(24,20,16,.15);border:2px solid var(--ink);background:var(--clay)}
.album-sleeve>img{width:100%;aspect-ratio:1;object-fit:cover}
.album-sleeve:hover{transform:rotate(0deg) translateY(-4px)}
.album-sticker{position:absolute;right:-20px;bottom:30px;width:113px;height:113px;border-radius:50%;background:var(--butter);border:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:15px;line-height:1.05;font-weight:800;transform:rotate(-16deg);box-shadow:3px 3px 0 var(--ink)}
.album-sticker>span{font-size:26px;line-height:1.1;margin-top:3px}
.album-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:35px;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.album-label h2{font-family:var(--sans);font-size:23px;font-weight:700;letter-spacing:-.04em;margin-top:5px}
.album-label .eyebrow{font-size:9px;letter-spacing:.13em}
.round-link{border:1.5px solid var(--ink);border-radius:50%;height:45px;width:45px;display:grid;place-items:center;background:var(--ink);color:var(--cream);font-size:15px;transition:transform .2s,background .2s}
.round-link:hover{transform:rotate(-12deg);background:var(--red)}
.art-note{position:absolute;bottom:-36px;right:45px;font-size:17px;transform:rotate(-4deg)}
.ticker{border-block:2px solid var(--ink);background:var(--red);color:var(--cream);overflow:hidden;padding-block:16px}
.ticker-track{display:flex;width:max-content;animation:marquee 35s linear infinite}
.ticker-track>span{display:flex;gap:35px;align-items:center;white-space:nowrap;font-family:var(--display);font-size:35px;line-height:1;padding-right:35px;letter-spacing:.01em}
.ticker b{font-family:var(--sans);font-size:28px;font-weight:400}
@keyframes marquee{to{transform:translateX(-50%)}}
.music-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}
.section-heading>.eyebrow,.world-copy>.eyebrow,.friends-teaser .eyebrow{margin-bottom:22px}
.mood-word{color:var(--red);display:inline-block;min-width:4.65em}
.music-teaser-right>p{font-size:18px;line-height:1.7;margin-bottom:22px}
.platform-row{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:32px}
.platform-row>a{font-size:12px;font-weight:700;border-bottom:1px solid var(--line);padding-block:8px}
.platform-row>a:hover{color:var(--red);border-color:var(--red)}
.world-teaser{background:var(--brown);color:var(--cream);overflow:hidden}
.world-teaser-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9%;padding-block:90px 110px}
.world-collage{position:relative;padding:10px 50px 75px 0}
.collage-main{width:87%;transform:rotate(-5deg);border:7px solid var(--cream);box-shadow:0 8px 0 rgba(0,0,0,.2)}
.collage-small{position:absolute;right:0;bottom:4px;width:48%;transform:rotate(9deg);border:6px solid var(--cream);box-shadow:0 7px 0 rgba(0,0,0,.15)}
.art-tag{position:absolute;left:-10px;bottom:33px;background:var(--butter);color:var(--ink);padding:9px 15px;transform:rotate(-7deg);font-size:10px;font-weight:700;letter-spacing:.1em}
.world-copy h2{font-size:clamp(62px,6.3vw,92px);line-height:1.02;letter-spacing:-.015em;word-spacing:.05em}
.world-copy h2>span{color:var(--butter)}
.world-copy>p:not(.eyebrow){color:#f1e3bc;font-size:16px;line-height:1.8;margin:24px 0 30px}
.world-copy>.button{box-shadow:4px 4px 0 var(--butter)}
.friends-teaser{display:grid;grid-template-columns:.65fr 1fr .35fr;gap:6%;position:relative;align-items:center;padding-block:105px 120px}
.friends-badge{width:100%;max-width:290px;transform:rotate(-9deg);animation:friend-wiggle 9s ease-in-out infinite}
@keyframes friend-wiggle{0%,80%,100%{transform:rotate(-9deg)}88%{transform:rotate(-2deg)}94%{transform:rotate(-12deg)}}
.friends-teaser h2{font-size:clamp(56px,5.5vw,82px)}
.friends-teaser p:not(.eyebrow){font-size:16px;margin:23px 0 18px}
.sonny{width:150px;align-self:end;justify-self:end;margin-bottom:-120px}

/* 04 — Music, world, and friends pages */
.page-intro{padding-block:65px 58px}
.page-intro>.eyebrow{margin-bottom:26px}
.page-intro h1,.connect-hero h1{font-size:clamp(78px,10vw,145px);line-height:.89}
.page-intro h1>span,.connect-hero h1>span{color:var(--red)}
.page-intro>p:last-child{font-size:18px;margin-top:28px}
.release-feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-bottom:85px}
.release-art{position:relative;padding:6px 12px 25px 6px}
.release-art>img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);transform:rotate(-2deg);box-shadow:9px 9px 0 var(--clay)}
.release-note{position:absolute;right:-20px;bottom:-2px;background:var(--butter);padding:9px 15px;font-size:19px;transform:rotate(-5deg)}
.release-info h2{margin-top:20px;font-size:clamp(68px,6.3vw,93px)}
.release-info>p:not(.eyebrow){font-size:17px;margin-block:25px}
.stream-links>a{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:19px 0;font-size:22px;font-weight:700}
.stream-links>a:last-child{border-bottom:1px solid var(--line)}
.stream-links>a>span{display:flex;align-items:center;gap:24px}
.stream-links small{font-size:10px;font-weight:400;opacity:.65}
.stream-links>a:hover{color:var(--red)}
.listening-room{background:var(--butter)}
.inline-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.inline-heading .eyebrow{margin-bottom:20px}
.inline-heading .handwritten{margin-right:20px}
.inline-heading h2{font-size:clamp(50px,5vw,73px)}
.embed-shell{border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--ink);min-height:352px;box-shadow:7px 7px 0 rgba(24,20,16,.2)}
.player-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;color:var(--cream);min-height:352px;justify-content:center}
.player-symbol{font-size:22px;color:var(--butter);margin-bottom:15px}
.player-prompt h3{font-size:26px;font-weight:700;line-height:1.1}
.player-prompt p{font-size:14px;margin:12px 0 20px;color:#f1e3bc}
.player-prompt small{font-size:11px;margin-top:18px;opacity:.7}
.spotify-frame{width:100%;height:352px;display:block;border:0;border-radius:10px;background:var(--ink)}
.player-fallback{font-size:12px;margin-top:20px}
.player-fallback a{text-decoration:underline;text-underline-offset:3px}
.catalog-section h2{margin:22px 0}
.catalog-section>p:not(.eyebrow){font-size:17px;max-width:520px}
.intro-split{display:flex;justify-content:space-between;gap:40px;margin-top:32px;align-items:end}
.intro-split>p{font-size:18px}
.artist-credit{font-size:13px;line-height:1.7;text-align:right;flex-shrink:0}
.artist-credit:hover{color:var(--red)}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 34px;padding-bottom:30px}
.art-piece{min-width:0}
.art-open{display:block;position:relative;padding:8%;border:1px solid var(--ink);overflow:hidden}
.art-open img{width:100%;aspect-ratio:768/756;object-fit:contain;box-shadow:6px 6px 0 rgba(24,20,16,.17);transition:transform .35s}
.art-open:hover img{transform:rotate(-3deg) scale(1.03)}
.art-piece:nth-child(even) .art-open:hover img{transform:rotate(3deg) scale(1.03)}
.art-expand{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:48px;height:48px;background:var(--cream);border-left:1px solid var(--ink);border-top:1px solid var(--ink);font-size:25px}
.art-piece-lilac .art-open{background:var(--red)}
.art-piece-mint .art-open{background:var(--butter)}
.art-piece-peach .art-open{background:var(--clay)}
.art-piece-blue .art-open{background:var(--sand)}
.art-piece figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:10px;font-weight:700;letter-spacing:.06em}
.world-outro{text-align:center}
.world-outro .handwritten{font-size:20px;margin-bottom:30px}
.world-outro h2{margin-bottom:30px}
.connect-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding-block:70px}
.connect-hero .eyebrow{margin-bottom:26px}
.connect-hero p:not(.eyebrow){font-size:18px;margin:28px 0 30px}
.connect-art{position:relative;padding:30px 8%}
.connect-art>img{transform:rotate(6deg);width:100%}
.connect-art .handwritten{position:absolute;top:0;right:10%;font-size:23px;color:var(--red);z-index:1}
.connect-links{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative}
.connect-links h2{margin:22px 0}
.connect-links p:not(.eyebrow){font-size:17px}
.connect-sonny{margin-top:32px;width:118px}
.social-list>a{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-top:1px solid var(--line);font-family:var(--display);font-size:48px;line-height:1.1}
.social-list>a:last-child{border-bottom:1px solid var(--line)}
.social-list small{display:block;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.1em;margin-bottom:12px}
.social-list>a:hover{color:var(--red)}
.social-list>a>span:last-child{font-family:var(--sans);font-size:32px}

/* 05 — Artwork dialog, fallback pages, and footer */
.art-dialog{width:min(850px,90vw);max-height:92dvh;padding:22px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);overflow:auto}
.art-dialog::backdrop{background:rgba(17,17,14,.87);backdrop-filter:blur(5px)}
.dialog-close{position:absolute;right:27px;top:27px;width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--cream);font-size:29px;line-height:1;z-index:1}
.dialog-art{max-height:70dvh;margin:auto;object-fit:contain}
.dialog-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.dialog-caption h2{font-family:var(--sans);font-size:17px;font-weight:700;line-height:1.3}
.dialog-caption a{font-size:11px;text-decoration:underline;text-underline-offset:4px}
.standard-page{padding-block:90px 120px;min-height:65vh}
.standard-page h1{font-size:clamp(68px,8vw,115px);margin:24px 0 34px}
.standard-page p+.button{margin-top:30px}
.prose{max-width:800px}
.prose p{margin-bottom:20px}
.prose a{text-decoration:underline}
.prose h2{font-size:40px;margin:35px 0 20px}
.post-preview{padding:25px 0;border-bottom:1px solid var(--line)}
.post-preview h2{font-size:44px;margin-bottom:15px}
.site-footer{background:var(--red);color:var(--cream);padding:45px var(--gutter) 24px;position:relative;z-index:2;border-top:2px solid var(--ink)}
.footer-top>.eyebrow{margin-bottom:20px}
.footer-wordmark{font-family:var(--display);font-size:clamp(45px,9.5vw,145px);letter-spacing:-.015em;line-height:1;display:flex;justify-content:space-between;gap:20px;padding-bottom:36px;white-space:nowrap}
.footer-wordmark>span{font-family:var(--sans);font-weight:400;font-size:.85em;line-height:.9}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,249,232,.45);padding-top:22px;font-size:11px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:22px}
.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
.motion-toggle{border:0;background:transparent;color:inherit;font-size:11px;padding:9px 0;display:flex;align-items:center;gap:13px}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}

/* 06 — Responsive layouts */
@media(min-width:1600px){.site-header,.site-footer{padding-inline:max(var(--gutter),calc((100% - var(--max))/2))}}
@media(max-width:1100px){
 .site-header{gap:28px}.main-navigation{gap:24px}
 .home-hero{gap:5%;padding-top:45px}.hero-copy h1{font-size:13vw}.hero-copy>.eyebrow{font-size:8px}
 .hero-intro{gap:25px}.hero-intro>p{font-size:16px}.hero-intro>.handwritten{font-size:16px}.hero-actions{gap:20px}.hero-actions>.button{font-size:12px;gap:20px;padding:13px 18px}.hero-actions>.text-link{font-size:11px;min-height:30px}
 .album-sticker{width:92px;height:92px;font-size:13px;right:-14px;bottom:25px}.album-label h2{font-size:20px}
 .section-space{padding-block:80px}.world-teaser-inner{gap:6%;padding-block:75px 90px}.world-collage{padding-right:25px}.friends-teaser{gap:4%;padding-block:80px 100px}.sonny{margin-bottom:-100px}
 .world-copy h2{font-size:7.5vw}.release-info h2{font-size:8vw}.footer-bottom{gap:16px}.footer-bottom nav{gap:14px}
}
@media(max-width:760px){
 :root{--gutter:24px}html{scroll-padding-top:90px}.section-space{padding-block:64px}.site-header{padding-block:14px;gap:20px}.brand>img{width:46px;height:46px}.brand>span{font-size:19px}.header-listen{display:none}
 .menu-toggle{display:flex;align-items:center;gap:14px;min-height:44px;font-size:13px;font-weight:700;border:0;background:none;padding:6px 0 6px 10px}.menu-toggle>span{font-size:22px;font-weight:400}
 .main-navigation{position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:2px solid var(--ink);padding:20px var(--gutter) 30px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 20px #18141018;display:none}.main-navigation.is-open{display:flex}.main-navigation>a{font-family:var(--display);font-size:34px;font-weight:400;padding:15px 0}
 .home-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:65px;gap:45px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.12em}.hero-copy h1{font-size:clamp(100px,24vw,180px)}.hero-intro{justify-content:space-between;gap:16px;margin-top:26px;max-width:470px}.hero-intro>p{font-size:18px}.hero-intro>.handwritten{font-size:17px;margin-right:18px}.hero-actions{margin-top:26px;gap:22px}.hero-actions>.button{font-size:13px;padding:13px 20px}.hero-actions>.text-link{font-size:12px}
 .hero-art{width:min(100%,460px);margin-inline:auto;padding-inline:8px}.hero-art-top{margin-bottom:17px}.album-sticker{width:105px;height:105px;font-size:14px;bottom:27px;right:-14px}.album-label{margin-top:28px}.album-label h2{font-size:24px}.art-note{bottom:-31px;font-size:17px}
 .ticker{padding-block:14px}.ticker-track>span{font-size:28px;gap:23px;padding-right:23px}.ticker b{font-size:22px}
 .music-teaser{grid-template-columns:1fr;gap:27px}.section-heading>.eyebrow{margin-bottom:18px}.music-teaser h2{font-size:clamp(52px,11vw,78px)}.music-teaser-right>p{font-size:17px}.platform-row{margin-top:25px;gap:10px 20px}
 .world-teaser-inner{grid-template-columns:1fr;gap:45px;padding-block:65px}.world-collage{order:2;width:min(100%,520px);margin:auto;padding:0 25px 58px 10px}.world-copy h2{font-size:72px}.world-copy h2 br:nth-child(2){display:none}.world-copy>p:not(.eyebrow){font-size:16px}.art-tag{left:4px;bottom:22px}
 .friends-teaser{grid-template-columns:110px 1fr;gap:22px;padding-block:60px 85px}.friends-badge{align-self:start;margin-top:46px}.friends-teaser h2{font-size:55px}.friends-teaser .eyebrow{font-size:9px;margin-bottom:17px}.friends-teaser p:not(.eyebrow){font-size:14px}.friends-teaser p>br{display:none}.sonny{display:none}
 .page-intro{padding-block:44px 40px}.page-intro h1,.connect-hero h1{font-size:clamp(65px,13vw,108px)}.page-intro>.eyebrow{font-size:9px;margin-bottom:22px}.page-intro>p:last-child{font-size:16px;margin-top:23px}
 .release-feature{grid-template-columns:1fr;gap:38px;padding-bottom:65px}.release-art{max-width:480px;margin:auto}.release-note{right:0;font-size:18px}.release-info h2{font-size:73px;margin-top:18px}.release-info h2 br{display:none}.release-info>p:not(.eyebrow){font-size:16px}.stream-links>a{padding-block:17px;font-size:21px}.stream-links>a>span{gap:18px}
 .inline-heading{align-items:start;gap:18px;flex-direction:column}.inline-heading h2{font-size:53px}.inline-heading .handwritten{font-size:18px;align-self:end;margin-top:5px}.catalog-section h2{font-size:58px}.catalog-section>p:not(.eyebrow){font-size:16px}
 .intro-split{flex-direction:column;align-items:start;gap:23px;margin-top:25px}.intro-split>p{font-size:16px}.artist-credit{text-align:left;font-size:12px}.art-grid{grid-template-columns:1fr;gap:33px}.art-piece figcaption{font-size:9px}.world-outro h2{font-size:62px}
 .connect-hero{grid-template-columns:1fr;gap:42px;padding-block:45px 55px}.connect-hero p:not(.eyebrow){font-size:17px}.connect-art{width:min(100%,430px);margin:auto;padding:35px 5% 0}.connect-art .handwritten{font-size:20px}.connect-links{grid-template-columns:1fr;gap:37px}.connect-links h2{font-size:64px}.connect-sonny{display:none}.social-list>a{font-size:43px;padding-block:22px}
 .art-dialog{width:94vw;padding:13px}.dialog-close{top:19px;right:19px}.dialog-caption{flex-direction:column;align-items:start;gap:9px}
 .site-footer{padding-block:32px 24px}.footer-wordmark{font-size:10vw;gap:10px;padding-bottom:25px}.footer-top>.eyebrow{font-size:9px;margin-bottom:20px}.footer-bottom{flex-wrap:wrap;align-items:start;gap:15px;font-size:10px}.footer-bottom nav{order:3;width:100%;gap:21px}.motion-toggle{font-size:10px;padding:0}.standard-page{padding-block:60px 85px}
}
@media(max-width:380px){.hero-intro>.handwritten{font-size:14px;margin-right:0}.friends-teaser{grid-template-columns:1fr;gap:20px}.friends-badge{width:140px;margin:0}.friends-teaser h2{font-size:60px}.page-intro h1{font-size:16vw}.world-copy h2{font-size:63px}.hero-actions{gap:18px}.hero-actions>.text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.friends-badge{transform:rotate(-9deg)}}

/* 07 — Little houses: the Staying Home separator motif */
:root{--sh-house:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 2 10.5V12h2v10h6v-7h4v7h6V12h2v-1.5L19 8V3h-3v2.5L12 2Z'/%3E%3C/svg%3E")}
.ticker b,.brand-dot{display:inline-block;font-size:0;line-height:0;background:currentColor;-webkit-mask:var(--sh-house) center/contain no-repeat;mask:var(--sh-house) center/contain no-repeat}
.ticker b{width:28px;height:28px;flex-shrink:0}
.brand-dot{width:10px;height:10px;right:-13px;bottom:1px}
.tiny-stars{display:inline-block;width:90px;height:22px;font-size:0;letter-spacing:0;background:currentColor;-webkit-mask-image:var(--sh-house),var(--sh-house),var(--sh-house);mask-image:var(--sh-house),var(--sh-house),var(--sh-house);-webkit-mask-position:left center,center,right center;mask-position:left center,center,right center;-webkit-mask-size:22px 22px;mask-size:22px 22px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@media(max-width:760px){.ticker b{width:22px;height:22px}}