/* Off script: Fraunces, black ink, and oversized cut-paper colour fields. */
body.pop{--paper:#fffef8;--ink:#191919;--muted:#4a4943;--line:#25251f26;--heading:Fraunces,Georgia,serif;--serif:Fraunces,Georgia,serif;--sans:Inter,Arial,sans-serif;--accent:#191919;--wash:#f7fbcf;--blob:#d3bfff;--pink:#191919;background:var(--paper);overflow-x:clip;font-family:var(--sans)}
.pop :is(h1,h2,h3,h4,blockquote),.pop.detail-page :is(.bar b,.wk h4,.numbers b,.pull p){font-family:var(--heading);font-weight:500;letter-spacing:-.045em;font-variation-settings:"SOFT" 0,"WONK" 1}
.pop .wrap{max-width:1200px;width:calc(100% - 96px)}
.pop .site-header{height:88px;position:relative;z-index:5;background:transparent}
.pop .wordmark{font-family:Fraunces,Georgia,serif;font-weight:650;font-size:1.65rem;letter-spacing:-.06em}
.pop .pink{color:var(--ink)}
.pop .nav-cta,.pop .button,.pop.detail-page .btn{border-radius:100px;background:#191919;color:white;border-color:#191919;box-shadow:none;font-family:Inter,Arial,sans-serif}
.pop .nav-cta{padding:.6rem 1.25rem}
.pop .button{padding:.85rem 1.5rem;gap:24px}
.pop .button:hover,.pop .nav-cta:hover,.pop.detail-page .btn:hover{background:#39382e;transform:translateY(-2px)}
.pop .text-link{color:var(--ink);text-decoration-color:var(--ink)}
.pop .pop-hero{position:relative;isolation:isolate;background:#f7fbcf;margin-top:-88px;padding-top:88px;overflow:hidden}
.pop-hero::before{content:"";position:absolute;z-index:-1;background:#ffcc8a;width:970px;height:940px;right:-310px;top:-165px;border-radius:48% 52% 33% 67% / 36% 49% 51% 64%;transform:rotate(-19deg)}
.pop-hero::after{content:"";position:absolute;z-index:-1;width:560px;height:270px;left:-250px;bottom:-205px;background:#ffc6ee;border-radius:50%}
.pop-hero-inner{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:650px;gap:0;padding-block:55px 80px}
.pop .pop-hero h1{font-size:clamp(3.5rem,5.9vw,6rem);font-weight:500;line-height:1.04;letter-spacing:-.06em;position:relative;z-index:2}
.ink-underline{position:relative;white-space:nowrap}
.ink-underline::after{content:"";position:absolute;left:1%;right:-2%;bottom:-5px;height:12px;border-bottom:3px solid #191919;border-radius:50%;transform:rotate(-2deg)}
.pop .hero-copy>p{max-width:46ch;font-size:1.06rem;line-height:1.85;margin-top:2rem;color:#303028}
.pop .actions{gap:24px;margin-top:28px}
.pop-human{position:relative;margin:0 -80px 0 -30px;align-self:end}
.pop-human img{width:100%;height:auto;transform:rotate(3deg);filter:none}
.ink-burst{position:absolute;right:15%;top:6%;font:400 6rem/1 Inter,Arial,sans-serif;transform:rotate(15deg)}
.pop .outcomes-bar{padding-block:27px;margin:0;border-top:0;border-bottom:1px solid var(--line)}
.pop .outcomes-bar dd{font-family:Fraunces,Georgia,serif;color:var(--ink);font-size:2rem;font-weight:550}
.pop .outcomes-bar dt{font-size:.77rem}
.pop .pop-work{position:relative;isolation:isolate;overflow:hidden}
.pop-work::before{content:"";position:absolute;z-index:-1;background:#d3bfff;width:1000px;height:780px;border-radius:47% 53% 61% 39% / 67% 54% 46% 33%;left:-350px;top:160px;transform:rotate(15deg)}
.pop .section{padding-block:95px}
.pop .pop-work h2{font-size:3.9rem;max-width:10ch}
.pop .work-grid{gap:44px;margin-top:50px}
.pop .work-grid article{padding-top:24px;border-top:1px solid #191919}
.pop .work-grid h3{font-size:2rem;line-height:1.15;max-width:14ch}
.pop .work-grid p{font-size:.98rem;line-height:1.85;margin-top:20px}
.pop .studio-about{background:#ffc6ee;border-radius:48px 130px 44px 44px;padding:58px;grid-template-columns:.78fr 1.2fr;gap:70px;position:relative;margin-top:28px}
.pop .studio-about::after{content:"";position:absolute;right:30px;top:25px;width:55px;height:55px;border-top:3px solid black;border-right:3px solid black;transform:rotate(14deg)}
.pop .portrait-note{transform:rotate(-4deg);padding:0;max-width:340px;box-shadow:9px 9px 0 #191919;background:none}
.pop .portrait-note img{border-radius:0;aspect-ratio:1;filter:grayscale(1)}
.pop .studio-about h2{font-size:3rem;line-height:1.12;margin-top:0}
.pop .studio-about p{font-size:1rem;color:#383039}
.pop .scope-grid{border-color:#19191933}
.pop .scope-grid dd{font-family:Fraunces,Georgia,serif;font-size:1.85rem}
.pop .pop-quote{position:relative;padding:105px 0 80px;isolation:isolate;overflow:hidden}
.pop-quote::before{content:"";position:absolute;z-index:-1;width:650px;height:280px;right:-130px;bottom:-60px;background:#f7fbcf;border-radius:50%;transform:rotate(-25deg)}
.pop .recommendations{max-width:850px}
.pop .recommendations blockquote{font:500 clamp(2rem,3.1vw,3rem)/1.24 Fraunces,Georgia,serif;letter-spacing:-.04em}
.pop .recommendation-slides{min-height:285px}
.pop .recommendation-footer>a{color:#3d3d35}
.pop .recommendation-controls button{border-color:#191919;background:transparent}
.pop .recommendation-controls button:hover{background:#d3bfff}
.pop #writing h2{font-size:3.8rem;line-height:1.08}
.pop .latest-articles{gap:30px}
.pop .latest-articles article{border-top:0}
.pop .latest-articles article>a{padding-top:0}
.pop .latest-articles article>a::before{content:"";display:flex;align-items:center;justify-content:center;width:100%;height:190px;background:#d3bfff;border-radius:45% 55% 43% 57% / 60% 40% 60% 40%;font:400 7rem Fraunces,Georgia,serif;margin-bottom:25px;transform:rotate(-4deg)}
.pop .latest-articles article:nth-child(2)>a::before{content:"";background:#ffcc8a;transform:rotate(5deg);border-radius:20% 60% 30% 40%}
.pop .latest-articles article:nth-child(3)>a::before{content:"";background:#ffc6ee;border-radius:55% 45% 60% 40%;transform:rotate(-7deg)}
.pop .latest-articles h3{font-size:1.8rem;line-height:1.18}
.pop .latest-articles .article-arrow{color:#191919}
.pop .pop-contact{background:#d3bfff;position:relative;isolation:isolate;overflow:hidden;padding:80px 0 95px;border-radius:55% 45% 0 0 / 50px 90px 0 0}
.pop-contact::before{content:"";position:absolute;right:-50px;top:-60px;width:360px;height:380px;background:#ffcc8a;border-radius:50%;z-index:-1}
.pop-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.pop .pop-contact h2{font-size:5rem;margin-bottom:20px;line-height:1}
.pop .contact-actions{align-items:flex-start}
.pop .site-footer{padding-block:30px;font-size:.8rem;background:var(--paper)}
/* Matching detail pages: colour-rich openers, quiet reading columns. */
.pop.detail-page .site-header{height:88px}
.pop.detail-page .source-note{background:transparent;border-left:2px solid #191919;color:#515047;max-width:1200px;margin-top:25px}
.pop.detail-page .chero{position:relative;isolation:isolate;grid-template-columns:1.3fr 1fr;gap:20px;padding-top:50px}
.pop.course-page main{background:linear-gradient(#f7fbcf 0 830px,#fffef8 830px)}
.pop.course-page{background:#f7fbcf}
.pop.detail-page .chero h1{font-size:clamp(3.3rem,5.7vw,5.8rem);font-weight:500;line-height:1.02;letter-spacing:-.055em}
.pop.detail-page .chero .art{position:relative;isolation:isolate}
.pop-course-art::before{content:"";position:absolute;z-index:-1;background:#ffcc8a;inset:-20% -60% -10% -10%;border-radius:45% 55% 35% 65%;transform:rotate(-15deg)}
.pop .pop-course-art img{width:100%;transform:rotate(4deg)}
.pop.detail-page .bar{border-color:#19191940;padding-block:25px}
.pop.detail-page .bar b{font-size:1.5rem}
.pop.detail-page .btn.ghost{border:1px solid #191919;color:#191919;background:transparent}
.pop.detail-page .btn.ghost:hover{background:#ffc6ee}
.pop.detail-page main>section>div>h2{font-size:3.2rem;font-weight:500}
.pop.detail-page .fit>div{background:#d3bfff;border:0;border-radius:20px 60px 25px 30px}
.pop.detail-page .fit>div.no{background:#f7fbcf}
.pop.detail-page .wk .n{color:#39322f}
.pop.detail-page .wk h4{font-size:1.5rem;font-weight:500}
.pop.detail-page .contact{background:#ffc6ee;border-radius:35px 100px 35px 35px}
.pop.detail-page .contact h2{font-size:3.4rem}
.pop.detail-page .narrow{max-width:780px}
.pop.detail-page.post-page main>article{padding-top:45px;position:relative;isolation:isolate}
.pop.post-page main>article::before{content:"";position:absolute;z-index:-1;width:930px;height:650px;background:#f7fbcf;top:-160px;left:calc(50% - 440px);border-radius:43% 57% 55% 45%;transform:rotate(-8deg)}
.pop.detail-page.post-page h1{font-size:clamp(3rem,5.2vw,5rem);max-width:19ch;line-height:1.04;font-weight:500;letter-spacing:-.05em}
.pop.detail-page .standfirst{font-size:1.13rem;line-height:1.85}
.pop.detail-page .body h2{font-size:2.35rem;line-height:1.2;font-weight:500}
.pop.detail-page .body p{color:#414039}
.pop .pop-article-art{height:330px;border-radius:28px 120px 28px 60px;background:#d3bfff;display:flex;align-items:center;justify-content:center;gap:40px;position:relative;margin-block:40px;overflow:hidden}
.pop-article-art::before{content:"";position:absolute;width:500px;height:400px;right:-90px;top:-80px;background:#ffcc8a;border-radius:50%;transform:rotate(-20deg)}
.pop-article-art img{height:115%;width:auto;position:relative;z-index:1}
.delivery-sketch{display:flex;align-items:center;gap:18px;position:relative;z-index:1;padding-right:30px}
.delivery-sketch span{border:2px solid #191919;padding:18px 20px;transform:rotate(-4deg);background:#fffef8;font-size:.8rem}
.delivery-sketch span:last-child{transform:rotate(5deg)}
.delivery-sketch b{font-size:1.9rem}
.pop.detail-page .pull{background:#ffc6ee;border:0;border-radius:15px 45px 30px 20px;padding:30px}
.pop.detail-page .pull p{font-size:2rem;font-weight:500}
.pop.detail-page .numbers b{color:#191919;font-size:2.6rem;font-weight:500}
.pop.detail-page .frame{background:#f7fbcf;border-radius:20px}
.pop.detail-page .theme-notes{max-width:1120px;position:relative;isolation:isolate}
.pop-notes-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px}
.pop-notes-heading::before{content:"";position:absolute;top:-100px;right:-300px;width:850px;height:580px;border-radius:50%;background:#ffcc8a;z-index:-1;transform:rotate(15deg)}
.pop .pop-notes-heading h1{font-size:6.5rem;line-height:1;max-width:10ch;margin:0 0 25px}
.pop-notes-heading img{width:340px;justify-self:center;transform:rotate(6deg)}
.pop .theme-notes .source-note{margin-top:40px}
.pop .index-story{display:grid;grid-template-columns:1fr 2fr;column-gap:60px;align-items:start;padding-block:32px}
.pop .index-story .eyebrow{grid-row:1/4;align-self:start;padding-top:6px}
.pop .index-story h2{margin-top:0;font-size:2.5rem;font-weight:500}
.pop .index-story:hover h2{color:#4a3068}
.pop .index-story p,.pop .index-story .more{grid-column:2}
.pop .sample-body{padding-top:20px}
.pop .sample-body h1{margin-bottom:30px}
.pop .article-takeaway{background:#d3bfff;border:0;border-radius:20px;padding:25px;color:#191919}
.pop .concept-bar{font-family:Inter,Arial,sans-serif}
@media(max-width:1050px){.pop .wrap{width:calc(100% - 56px)}.pop-hero-inner{min-height:570px}.pop .pop-hero h1{font-size:clamp(3rem,6.5vw,4.5rem)}.pop-human{margin-inline:-35px -60px}.pop .work-grid{gap:25px}.pop .work-grid h3{font-size:1.75rem}.pop .studio-about{padding:40px;gap:40px}.pop .studio-about h2{font-size:2.5rem}.pop .scope-grid{grid-template-columns:1fr 1fr}.pop .pop-notes-heading h1{font-size:5rem}.delivery-sketch{gap:10px}.delivery-sketch span{padding:12px}.pop .pop-article-art{gap:10px}.pop.detail-page .chero{gap:0}.pop .ink-burst{font-size:4rem}}
@media(max-width:700px){.pop .wrap{width:calc(100% - 40px)}.pop .site-header{height:80px;min-height:80px}.pop .site-header nav>a.nav-cta{display:block}.pop .pop-hero{margin-top:-80px;padding-top:80px}.pop-hero-inner{grid-template-columns:1fr;padding-block:40px 20px;gap:15px;min-height:0}.pop .pop-hero h1{font-size:clamp(2.7rem,10vw,4.3rem)}.pop .hero-copy>p{font-size:1rem;margin-top:28px}.pop-hero::before{width:700px;height:600px;top:300px;right:-250px}.pop-human{max-width:470px;width:100%;margin:0 auto;align-self:center}.pop-human img{transform:none}.ink-burst{top:10%;right:6%}.pop .outcomes-bar{padding-block:25px}.pop .outcomes-bar dd{font-size:1.6rem}.pop .section{padding-block:60px}.pop .pop-work h2{font-size:3rem;max-width:100%}.pop .work-grid{grid-template-columns:1fr;margin-top:30px;gap:30px}.pop .work-grid h3{font-size:2rem;max-width:18ch}.pop-work::before{top:210px;width:850px;height:900px;left:-400px}.pop .studio-about{grid-template-columns:1fr;border-radius:30px 70px 30px 30px;padding:30px;gap:35px}.pop .portrait-note{max-width:280px;width:85%;margin:5px auto}.pop .studio-about h2{font-size:2.4rem}.pop .pop-quote{padding-block:70px 30px}.pop .recommendations blockquote{font-size:2rem}.pop .recommendation-slides{min-height:330px}.pop #writing h2{font-size:3rem}.pop .latest-articles{grid-template-columns:1fr;gap:40px}.pop .latest-articles article>a::before{height:160px;font-size:6rem;width:100%;max-width:400px;margin-inline:auto}.pop .latest-articles h3{font-size:1.9rem}.pop .pop-contact{padding-block:70px;border-radius:40% 60% 0 0 / 40px 70px 0 0}.pop-contact-inner{display:block}.pop .pop-contact h2{font-size:3.5rem}.pop .site-footer .wordmark{font-size:1.25rem}.pop.detail-page .chero{display:block;padding-top:35px}.pop.detail-page .chero h1{font-size:3.5rem}.pop.detail-page .chero .art{max-width:340px;margin:15px auto}.pop.course-page main{background:linear-gradient(#f7fbcf 0 1100px,#fffef8 1100px)}.pop.detail-page .bar{margin-top:20px}.pop.detail-page .bar b{font-size:1.4rem}.pop.detail-page main>section>div>h2{font-size:2.6rem}.pop.detail-page .contact h2{font-size:2.6rem}.pop.detail-page.post-page h1{font-size:3rem}.pop.detail-page .body h2{font-size:2rem}.pop.detail-page .pull p{font-size:1.7rem}.pop .pop-article-art{height:370px;display:block;border-radius:25px 70px 25px 25px}.pop-article-art img{height:270px;margin:auto}.delivery-sketch{padding:0 15px;justify-content:center;gap:8px}.delivery-sketch span{font-size:.65rem;padding:9px}.delivery-sketch b{font-size:1.2rem}.pop .pop-notes-heading{grid-template-columns:1fr}.pop .pop-notes-heading h1{font-size:4rem}.pop-notes-heading img{width:250px;justify-self:end;margin-top:-20px}.pop-notes-heading::before{width:650px;right:-350px;top:30px}.pop .index-story{grid-template-columns:1fr;gap:15px}.pop .index-story .eyebrow{grid-row:auto}.pop .index-story h2{font-size:2rem}.pop .index-story p,.pop .index-story .more{grid-column:1}.pop .theme-notes .source-note{margin-top:20px}}
.pop-human img,.pop-course-art img,.pop-article-art img,.pop-notes-heading img{mix-blend-mode:multiply}
/* Editorial diagrams are drawn SVGs, never font artwork. */
.pop .latest-articles article>a::before{content:"";background:#d3bfff url('/assets/editorial-flow.svg') center/75% 88% no-repeat;font-size:0}
.pop .latest-articles article:nth-child(2)>a::before{content:"";background:#ffcc8a url('/assets/editorial-dialogue.svg') center/75% 88% no-repeat}
.pop .latest-articles article:nth-child(3)>a::before{content:"";background:#ffc6ee url('/assets/editorial-notes.svg') center/75% 88% no-repeat}

/* Keep artwork contained within the existing illustration frames. */
.pop-human img,.pop-course-art img,.pop-article-art img,.pop-notes-heading img{aspect-ratio:1;object-fit:contain}