/* Shared typography and spacing; retain the original sky palette. */
:root{--muted:#656577;--line:#dddde6}
.portfolio-content{padding-inline:clamp(28px,4.5vw,80px);padding-top:48px}
.portfolio-content>section{max-width:1060px;margin-inline:auto}
.section-label,.social-eyebrow{font-size:12px;letter-spacing:.09em;line-height:1.6}
.sidebar .side-caption{font-size:10px;letter-spacing:.08em}
.sidebar .side-intro{font-size:13px;line-height:1.6;margin:18px 0 21px}
.sidebar nav{gap:6px}.sidebar nav a{padding:12px;font-size:14px;border-radius:6px}
.sidebar nav a em{font-size:12px;line-height:1.5;padding-top:2px;margin-top:8px}
.projects-intro{text-align:center;max-width:780px;margin:0 auto;padding:35px 0 62px}
.projects-intro h2{font-size:clamp(52px,5.2vw,76px)!important;line-height:1.08!important;margin:0!important;letter-spacing:-.035em}
.projects-intro .section-label{margin-bottom:21px;font-size:12px!important;letter-spacing:.08em}
.projects-intro>p:last-child{max-width:520px;font-size:17px;line-height:1.65;margin:26px auto 0}
.project-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 0 22px;border-bottom:1px solid var(--line);margin-bottom:26px}
.project-group-heading h3{font:500 22px/1.25 var(--sans);letter-spacing:-.025em;margin:0}
.project-group-heading p{color:var(--muted);font-size:14px;margin:0}
.project-grid{gap:26px;align-items:stretch}.project-card,.project-card:nth-child(even){margin-top:0;transform:none;border-radius:12px;padding:12px 12px 22px;display:flex;flex-direction:column}
.project-card .project-art{height:auto;aspect-ratio:1.55;flex:none;border-radius:6px}.project-card .real-screens{padding-top:20px}
.card-title{margin:20px 6px 9px;align-items:baseline;flex-wrap:wrap;gap:7px}
.card-title h3{font:400 30px/1.15 var(--display);letter-spacing:-.025em}.card-title>span{font-size:11px;white-space:normal;line-height:1.4}
.project-card>p{font-size:15px;line-height:1.6;margin:0 6px;color:var(--muted)}
.portfolio-content>section:not(:first-child){padding-top:80px;padding-bottom:70px}
.media-section h2{font-size:clamp(35px,3.8vw,52px)!important;max-width:620px}
.media-feature{border-radius:12px;overflow:hidden;margin-top:32px;align-items:center}
.media-feature h3{font:500 30px/1.2 var(--sans);letter-spacing:-.04em}
.media-feature p,.about-band p{font-size:16px;line-height:1.75}
.media-links a{padding:23px}.media-links span{font:500 20px/1.3 var(--sans);letter-spacing:-.025em}.media-links small{font-size:14px;line-height:1.6}
.text-link,.back-link,.play-game-link{font-size:14px;line-height:1.6}
.building-now{margin-top:38px}.building-now p{line-height:1.7}
.portfolio-content>section.about-band{gap:42px;padding:36px;border-radius:16px}
.about-band h2{font-size:46px!important}.about-band p{max-width:470px}.about-band .explore{margin-top:8px}
.pack-heading>p{font-size:16px;line-height:1.65;max-width:290px}.skill-rack>p:nth-child(2),#pack-description{font-size:16px;line-height:1.6}.rack-label,.pack-detail-label{font-size:12px}.pack-skills button{font-size:14px}.pack-caption{font-size:13px}
.contact-section h2{font-size:52px!important}.contact-section>p{font-size:16px;line-height:1.6}.contact-links a{font-size:15px}.quiet-footer p{font-size:12px}.quiet-footer{font-size:12px}
.case-content{max-width:none}.case-hero{padding-top:32px}.case-prose p,.case-podcast>p:not(.section-label){font-size:17px;line-height:1.75}
.case-content>section.case-prose{gap:44px}.case-prose h2{font-size:38px!important;line-height:1.15!important}
.case-meta{border-radius:10px}.case-meta small,.case-tags span{font-size:12px}.case-meta strong{line-height:1.5}
/* About: a personal introduction followed by an easy-to-read editorial column. */
.about-hero{padding:46px 0 48px;max-width:1040px;margin:auto}
.about-hero h1{font:400 clamp(48px,5.8vw,78px)/1.03 var(--display);letter-spacing:-.035em;color:var(--ink);max-width:850px;margin:18px 0 22px}
.about-hero>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);margin:0}
.about-profile{grid-template-columns:minmax(240px,.9fr) minmax(0,1.2fr);gap:clamp(30px,5vw,64px);max-width:1040px;margin:0 auto 30px;align-items:center}
.about-profile>img{height:auto;aspect-ratio:1/1.05;object-fit:cover;object-position:center top;border-radius:14px;max-height:none}
.about-profile h2{font:500 30px/1.2 var(--sans)!important;letter-spacing:-.04em;margin:0 0 24px!important}
.about-profile p{font-size:17px;line-height:1.75;margin:0 0 20px}.about-profile p.section-label{font-size:12px;margin-bottom:16px}
.about-profile .text-link{display:inline-block;margin-top:3px;padding-bottom:5px;text-decoration:none;border-bottom:1px solid #bab7c9}
.case-content>section.about-editorial{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:50px;padding:55px 0;max-width:1040px;margin:0 auto;border-top:1px solid var(--line);border-bottom:0}
.about-section-heading h2{font:400 42px/1.08 var(--display)!important;letter-spacing:-.025em;margin:16px 0 0!important;max-width:330px}
.about-section-copy p{font-size:17px;line-height:1.8;color:#555566;margin:0 0 20px}.about-section-copy p:last-child{margin-bottom:0}
.about-project-links{display:flex;gap:25px;margin-top:28px}.about-project-links a{font-size:15px;color:var(--ink);text-underline-offset:5px}
.about-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.about-tools span{font-size:13px;line-height:1.5;padding:8px 12px;border:1px solid #dcdbe6;border-radius:6px;background:#fff}
/* Reels, with no platform imitation. */
.some-content{padding:30px 40px 0;margin-left:246px}
.some-content>section.social-studio{grid-template-columns:minmax(240px,1fr) minmax(240px,330px) 68px;gap:clamp(25px,4vw,65px);padding-top:34px;padding-bottom:40px;min-height:0;align-items:center}
.social-intro h1{font:400 clamp(48px,4.6vw,68px)/1.04 var(--display);letter-spacing:-.035em;max-width:470px;margin:0 0 24px}
.social-lead{font-size:17px;max-width:380px;line-height:1.65;margin:0 0 22px}
.reel-format-label{display:flex;gap:15px;font-size:12px;letter-spacing:.08em;color:#5f5c70;margin:0 0 30px}.reel-format-label span{padding-left:15px;border-left:1px solid #ccc9d7;color:#858092}
.clip-info{max-width:380px;padding-top:22px;min-height:205px}.some-content .clip-info h2{font:500 23px/1.25 var(--sans)!important;letter-spacing:-.025em;margin:13px 0!important;min-height:0}.clip-info>p{font-size:15px;line-height:1.65;max-width:365px;margin:0 0 15px}
.clip-navigation{max-width:380px;margin-top:18px}.clip-navigation>button{font-size:14px}
.feed-top{justify-content:space-between;padding:0 17px;font-size:13px;font-weight:500;letter-spacing:.02em}.feed-mark{position:static;font-size:12px;opacity:.8}
.stage-halo{display:none}.phone-shell{box-shadow:0 18px 35px -18px #22213770,0 4px 8px #22213715}.swipe-note{font-size:12px;color:#70697d}.social-context a{color:var(--ink);text-underline-offset:4px}
.some-content>section.social-context{max-width:1100px;gap:60px;padding:48px 0 58px;margin:45px auto 0}.some-content .social-context h2{font-size:38px!important;max-width:330px}.social-footer{font-size:13px}
#pet-stage{transition:opacity .18s,visibility .18s}.pet-asleep #pet-stage{opacity:0;visibility:hidden;pointer-events:none}.pet-asleep #sky .mascot-wrap{visibility:hidden;pointer-events:none}
@media(min-width:761px){.social-stage{max-width: min(330px,calc((100svh - 175px)*.465))}}
@media(max-width:1150px) and (min-width:761px){.some-content{margin-left:218px;padding-inline:28px}.some-content>section.social-studio{grid-template-columns:minmax(220px,1fr) minmax(220px,280px);gap:30px}.clip-rail{grid-column:2;flex-direction:row;justify-content:center;gap:0}.clip-rail>p,.rail-count{display:none}.clip-rail #clip-thumbnails{flex-direction:row;gap:10px}.clip-thumb{width:39px}.social-intro{grid-column:1;grid-row:1/3}.social-stage{grid-column:2;grid-row:1}.social-intro h1{font-size:53px}.social-lead{font-size:16px}.clip-info>p{font-size:15px}}
@media(max-width:950px) and (min-width:761px){.some-content>section.social-studio{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.social-intro h1{font-size:45px}.social-lead{font-size:16px}.some-content .clip-info h2{font-size:21px!important}.clip-info{min-height:0}.clip-navigation{flex-wrap:wrap}.clip-dots{order:3;width:100%;justify-content:center}.about-profile{grid-template-columns:.9fr 1fr;gap:28px}.case-content>section.about-editorial{gap:30px;grid-template-columns:.8fr 1.2fr}.about-section-heading h2{font-size:35px!important}.project-group-heading{display:block}.project-group-heading p{margin-top:10px}}
@media(max-width:760px){.portfolio-content{margin-left:0;padding:30px 22px 0}.sidebar .side-caption{font-size:9px}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:20px;overflow:visible}.sidebar nav a{font-size:12px;padding:10px 7px;min-width:0;text-align:center;display:block;white-space:normal;line-height:1.4}.sidebar nav a small,.sidebar nav a em{display:none!important}.sidebar .side-intro{display:none}.sidebar .wordmark{font-size:31px}.sidebar .pet-controls{right:17px}.projects-intro{padding:25px 0 40px}.projects-intro h2{font-size:52px!important}.projects-intro>p:last-child{font-size:16px;line-height:1.65;margin-top:20px}.projects-intro>p:last-child br{display:none}.projects-intro .section-label{font-size:11px!important}.project-group-heading{display:block}.project-group-heading p{margin-top:8px}.project-grid{gap:22px}.project-card>p{font-size:15px}.card-title h3{font-size:29px}.card-title>span{font-size:11px}.card-title{flex-wrap:wrap}.portfolio-content>section:not(:first-child){padding-top:56px;padding-bottom:50px}.portfolio-content>section.about-band{padding:25px;gap:26px}.contact-section h2{font-size:43px!important}.contact-section>p{font-size:16px}.about-hero{padding:30px 0 32px}.about-hero h1{font-size:53px;line-height:1.05}.about-hero h1 br{display:none}.about-hero>p:last-child{font-size:17px}.about-profile{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.about-profile>img{max-height:470px;aspect-ratio:1.05;object-position:50% 25%}.about-profile h2{font-size:28px!important}.about-profile p{font-size:16px}.case-content>section.about-editorial{grid-template-columns:1fr;gap:25px;padding:36px 0}.about-section-heading h2{font-size:38px!important;max-width:none}.about-section-copy p{font-size:16px;line-height:1.8}.about-section-heading .section-label{margin-bottom:8px}.some-content{padding:24px 22px 0}.some-content>section.social-studio{display:grid;grid-template-columns:1fr;gap:21px;padding-top:28px;padding-bottom:30px}.social-intro{display:contents}.social-intro .social-eyebrow{grid-row:1;margin-bottom:0}.social-intro h1{grid-row:2;font-size:54px;margin:0;line-height:1.03}.social-lead{grid-row:3;max-width:none;font-size:16px;margin:0}.reel-format-label{grid-row:4;margin:2px 0 0}.social-stage{grid-row:5;margin-top:10px;width:min(100%,320px);max-width:320px}.clip-rail{grid-row:6;grid-column:1;display:flex;flex-direction:row;gap:0}.clip-rail>p,.rail-count{display:none}.clip-rail #clip-thumbnails{flex-direction:row;gap:15px}.clip-thumb{width:45px}.clip-info{grid-row:7;min-height:0;margin-top:10px;width:100%;max-width:none}.some-content .clip-info h2{font-size:25px!important}.clip-info>p{font-size:16px;max-width:none}.clip-navigation{grid-row:8;margin-top:0;max-width:none}.clip-dots{order:0;width:auto;padding:0}.some-content>section.social-context{grid-template-columns:1fr;gap:22px;padding:36px 0 45px;margin-top:20px}.some-content .social-context h2{font-size:36px!important;max-width:none}.social-context .social-eyebrow{margin-bottom:15px}.case-content>section.case-prose{gap:10px}.case-prose p{font-size:16px}.pack-heading>p{max-width:none}.quiet-footer p{font-size:11px}.social-footer{padding-bottom:45px}}
@media(max-width:370px){.portfolio-content{padding-inline:17px}.projects-intro h2{font-size:46px!important}.social-intro h1,.about-hero h1{font-size:47px}.clip-rail #clip-thumbnails{gap:11px}.clip-thumb{width:42px}.sidebar nav a{font-size:11px}.sidebar .side-caption{font-size:8px}.sidebar .wordmark{font-size:28px}.social-project-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){#pet-stage,.preview-phone{transition:none}}

/* The main title is centered; its changing word keeps a steady width. */
#word-cycle{display:inline-block;min-width:3.4em;text-align:center;font-style:normal;line-height:1.04;letter-spacing:inherit;border:0;border-radius:8px;padding:0 .15em .08em;vertical-align:baseline}
#word-cycle::after{content:"";display:inline-block;width:1px;height:.7em;margin-left:.06em;background:currentColor;opacity:.38;animation:title-cursor 1.1s steps(1) infinite}
#word-cycle:focus-visible{outline:2px solid #10227d;outline-offset:5px}
@keyframes title-cursor{50%{opacity:0}}
.portfolio-content>section.showreel-section{padding-top:110px;padding-bottom:100px;max-width:780px;text-align:center}
.showreel-section header{max-width:585px;margin:0 auto 36px}
.showreel-section h2{font:400 clamp(44px,4.4vw,62px)/1.1 var(--display)!important;letter-spacing:-.035em;margin:0 0 20px!important}
.showreel-section p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.showreel-section>video{display:block;width:100%;aspect-ratio:4/3;background:#000;border-radius:8px}
@media(max-width:760px){.projects-intro>p:last-child br{display:initial}.portfolio-content>section.showreel-section{padding-top:70px;padding-bottom:65px}.showreel-section header{margin-bottom:27px}.showreel-section p{font-size:16px}#word-cycle{border-radius:6px}}
@media(max-width:370px){.projects-intro h2{font-size:41px!important}.projects-intro>p:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){#word-cycle::after{animation:none}}