:root{--cream:#fff8ef;--paper:#fffcf7;--pink:#f4b7cb;--hotpink:#db598c;--yellow:#f7d263;--ink:#292427;--muted:#665c60;--line:#d5c9c6}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}a:focus-visible{outline:3px solid var(--hotpink);outline-offset:5px}
.skip-link{position:absolute;top:-60px;left:12px;padding:12px;background:white;z-index:50}.skip-link:focus{top:12px}
.site-header{max-width:1440px;min-height:90px;margin:auto;padding:0 clamp(22px,5.5vw,84px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--cream)}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:.92;letter-spacing:-.055em;font-weight:900}.brand-name{font-size:clamp(1.15rem,2vw,1.55rem)}.brand-name span{color:var(--hotpink)}.brand-subtitle{margin-top:6px;font-weight:700;letter-spacing:.25em;font-size:.54rem}
.nav{display:flex;gap:clamp(18px,3vw,44px)}.nav a{text-decoration:none;font-weight:700;font-size:.86rem}.nav a:hover,.footer-links a:hover{color:var(--hotpink)}
.hero{padding:0 clamp(15px,3vw,38px)}.hero-shell{max-width:1440px;margin:auto;position:relative;min-height:660px;overflow:hidden;background:var(--pink);display:grid;grid-template-columns:54% 46%}
.hero-content{padding:clamp(70px,9vw,145px) 0 84px clamp(30px,6vw,100px);z-index:2}.overline{text-transform:uppercase;font-size:.71rem;font-weight:800;letter-spacing:.17em;margin:0 0 24px}.hero .overline{display:flex;align-items:center;gap:12px}.line{width:32px;height:2px;background:var(--ink);display:inline-block}
h1,h2,h3,p{margin-top:0}.hero h1{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(4.4rem,9.2vw,10rem);font-weight:900;line-height:.82;letter-spacing:-.095em;margin:0 0 38px}.hero h1 em{font-style:normal;color:var(--cream)}
.hero-description{font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.55;max-width:410px;margin:0 0 28px}.text-link{font-weight:800;text-decoration:none;padding-bottom:5px;border-bottom:2px solid var(--ink);display:inline-flex;gap:22px}.text-link:hover{color:#8b214e}
.hero-art{position:relative;min-height:660px;align-self:stretch}.art-circle{position:absolute;aspect-ratio:1;width:110%;max-width:680px;border-radius:50%;background:#f9d6a1;left:2%;top:13%}.hero-art img{position:absolute;max-width:none;width:min(95%,610px);height:auto;bottom:-38px;left:7%;filter:drop-shadow(15px 12px 11px rgba(71,35,51,.11))}.hero-caption{position:absolute;bottom:24px;left:clamp(30px,6vw,100px);font-size:.58rem;letter-spacing:.14em;font-weight:800;opacity:.75}
.section-wrap{max-width:1280px;margin:auto;padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}.work{padding-top:116px;padding-bottom:124px}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.section-intro h2,.contact-section h2{font-family:Arial Black,Arial,sans-serif;font-size:clamp(3.2rem,6vw,6.7rem);letter-spacing:-.085em;line-height:.94;margin:0}.period{color:var(--hotpink)}.section-intro>p{max-width:260px;margin:0 0 8px;color:var(--muted)}
.featured-project{display:grid;grid-template-columns:55% 45%;background:var(--paper);border:1px solid var(--line);min-height:540px}.featured-copy{padding:clamp(28px,5vw,65px)}.featured-copy .overline{color:#9e3d68}.sep{color:var(--line);padding:0 8px}.featured-copy h3{font-family:Arial Black,Arial,sans-serif;font-size:clamp(3.2rem,5.8vw,6.1rem);line-height:.92;letter-spacing:-.075em;margin:0 0 28px}.featured-copy>p:not(.overline):not(.project-state){max-width:490px;color:#4f474c;font-size:1rem}.project-details{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 35px}.project-details span{border:1px solid #cabfc0;padding:7px 10px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.project-state{text-transform:uppercase;font-size:.69rem;font-weight:800;letter-spacing:.15em;margin:0}.project-state::before{content:'';display:inline-block;width:8px;height:8px;background:var(--hotpink);border-radius:50%;margin-right:11px}
.player-visual{background:#f1d866;min-height:500px;position:relative;overflow:hidden;display:grid;place-items:center}.player-visual::before{content:'';position:absolute;border:1px solid rgba(41,36,39,.28);width:560px;height:560px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.player-record{position:relative;width:min(73%,340px);aspect-ratio:1;background:repeating-radial-gradient(circle at center,#232125 0 2px,#343137 3px 5px,#1c1b1d 6px 9px);border:9px solid #262326;border-radius:50%;box-shadow:20px 24px 0 rgba(41,36,39,.16);display:grid;place-items:center;transform:rotate(-13deg)}.record-label{width:37%;height:37%;border-radius:50%;background:#f6adc5;display:flex;justify-content:center;align-items:center;flex-direction:column;border:4px solid #222}.record-label span{font-size:clamp(1.5rem,4vw,2.8rem);font-weight:900;letter-spacing:-.08em}.record-label small{font-size:.42rem;letter-spacing:.08em;font-weight:bold}.player-ticker{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;padding:16px 22px;font-size:.63rem;letter-spacing:.14em;font-weight:800}
.nightjar-project{display:grid;grid-template-columns:130px 1fr 140px;align-items:center;gap:40px;border-bottom:1px solid var(--line);padding:72px 8px}.nightjar-number{align-self:start;font-size:.68rem;letter-spacing:.11em;font-weight:800}.nightjar-project h3{font-size:clamp(2.5rem,4.6vw,5rem);font-family:Arial Black,Arial,sans-serif;letter-spacing:-.07em;line-height:1;margin:0 0 18px}.nightjar-project p{max-width:630px;color:var(--muted);margin:0}.nightjar-mark{display:grid;place-items:center;height:130px;width:130px;background:var(--ink);color:var(--yellow);font-family:Georgia,serif;font-style:italic;font-size:6rem;line-height:1}
.studio{background:var(--ink);color:var(--cream)}.studio-inner{padding-top:110px;padding-bottom:115px}.studio h2{max-width:900px;font-size:clamp(3.4rem,7vw,7.5rem);line-height:.98;letter-spacing:-.078em;margin:0 0 30px}.studio p:last-child{max-width:670px;font-size:1.1rem;color:#e6dbd9;margin:0}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-top:120px;padding-bottom:130px}.contact-info{padding-bottom:8px}.contact-info>p:first-child{color:var(--muted);margin-bottom:20px}.contact-info>a{font-size:clamp(1.15rem,2.2vw,2rem);font-weight:800;letter-spacing:-.045em;text-decoration-thickness:2px;text-underline-offset:6px;overflow-wrap:anywhere}.contact-small{font-size:.86rem;margin-top:46px;color:var(--muted)}
.site-footer{background:#eeb4c8}.footer-inner{max-width:1280px;margin:auto;padding:38px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-logo{font-weight:900;letter-spacing:-.04em}.footer-logo small{display:block;font-size:.5rem;letter-spacing:.2em}.footer-links{display:flex;gap:22px}.footer-links a{font-size:.85rem;font-weight:700;text-decoration:none}.footer-inner>small{font-size:.75rem}
/* Existing support and privacy pages continue using the shared stylesheet. */
.section{max-width:920px;margin:5vh auto;min-height:55vh;padding:90px 28px}.section h1{font-family:Arial Black,Arial,sans-serif;letter-spacing:-.07em;line-height:1}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#a73e72}.hero-text{font-size:1.15rem;max-width:600px;color:var(--muted)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.button{padding:12px 18px;display:inline-flex;min-height:46px;align-items:center;text-decoration:none;font-weight:800;border:2px solid var(--ink)}.button.primary{background:var(--ink);color:#fff}.button.secondary{background:transparent}
@media(max-width:900px){.hero-shell{min-height:550px}.hero-art{min-height:550px}.hero-art img{width:110%;left:-2%}.hero-content{padding-top:105px}.hero h1{font-size:clamp(4.1rem,10vw,7rem)}.nightjar-project{grid-template-columns:1fr 100px;gap:20px}.nightjar-number{grid-column:1/-1}.nightjar-mark{height:100px;width:100px;font-size:4rem}.footer-inner{flex-wrap:wrap}}
@media(max-width:650px){.site-header{min-height:78px;padding:0 20px}.nav{gap:16px}.nav a{font-size:.75rem}.hero{padding:0 10px}.hero-shell{display:flex;flex-direction:column;min-height:0}.hero-content{padding:65px 24px 14px}.hero .overline{font-size:.6rem}.hero h1{font-size:clamp(3.85rem,15vw,6.5rem);margin-bottom:22px}.hero-description{max-width:330px;font-size:1rem}.hero-art{height:385px;min-height:385px;width:100%}.art-circle{width:82%;left:9%;top:0}.hero-art img{width:68%;left:18%;bottom:-100px}.hero-caption{display:none}.work{padding-top:76px;padding-bottom:74px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:24px;max-width:100%}.featured-project{display:flex;flex-direction:column}.featured-copy{padding:34px 25px}.featured-copy h3{font-size:clamp(3.5rem,13vw,5.6rem)}.player-visual{width:100%;min-height:340px}.player-record{width:215px}.player-ticker{font-size:.5rem;padding:14px}.nightjar-project{padding:50px 0;grid-template-columns:1fr}.nightjar-mark{display:none}.studio-inner{padding-top:75px;padding-bottom:80px}.studio h2{font-size:3.6rem}.contact-section{grid-template-columns:1fr;gap:35px;padding-top:80px;padding-bottom:90px}.contact-small{margin-top:24px}.footer-inner{align-items:flex-start;flex-direction:column;gap:20px}.section{margin:0 auto;padding:65px 25px}}
@media(max-width:380px){.nav{gap:11px}.nav a{font-size:.7rem}.brand-name{font-size:1rem}.hero h1{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the entire head and comb visible in both hero layouts. */
@media(min-width:651px){.hero-art img{width:min(82%,500px);left:8%;bottom:-34px}}
@media(max-width:650px){.hero-art{height:460px;min-height:460px}.art-circle{width:95%;left:2.5%;top:4%}.hero-art img{width:87%;left:7%;bottom:-15px}}

/* Identity and project updates — November 2026 */
.brand{flex-direction:row;align-items:center;gap:12px}
.brand-lettering{display:flex;flex-direction:column}
.brand-icon{display:block;flex:none;width:34px;height:47px;background:var(--pink);-webkit-mask:url("assets/pink-chicken-logo.png") center / contain no-repeat;mask:url("assets/pink-chicken-logo.png") center / contain no-repeat}
.section-intro{justify-content:flex-start}
.featured-copy .coming-soon,.nightjar-soon{color:var(--ink)}
.coming-soon{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.15;text-transform:uppercase;letter-spacing:-.04em;margin:32px 0 0}
.player-app-art{display:block;position:relative;width:min(83%,410px);height:auto;filter:drop-shadow(12px 18px 12px rgba(41,36,39,.18));transform:rotate(-9deg)}
.nightjar-project{grid-template-columns:130px minmax(0,1fr);align-items:start}
.nightjar-project .nightjar-soon{margin:28px 0 0;color:var(--ink)}
.future-projects{max-width:760px;margin:36px 0 0;font-size:1.05rem;color:var(--muted)}
@media(max-width:900px){.nightjar-project{grid-template-columns:1fr;gap:20px}.nightjar-number{grid-column:auto}}
@media(max-width:650px){.brand{gap:7px}.brand-icon{width:25px;height:35px}.player-app-art{width:min(80%,295px)}.nightjar-project{grid-template-columns:1fr}.future-projects{margin-top:26px}}