/* Studio register: quiet paper, teal details and an editorial rhythm around real work. */
:root {
 --paper:#f5f4ef;
 --ink:#202725;
 --muted:#626b67;
 --line:#d6dbd5;
 --white:#fcfcf8;
 --cyan:#a0e1d3;
 --radius:16px;
 --reading-width:1440px;
}
.wrap { max-width:var(--reading-width); padding-inline:clamp(20px,4vw,64px); }
.site-header { max-width:var(--reading-width); margin-inline:auto; padding-inline:clamp(20px,4vw,64px); }
p { line-height:1.7; }
.eyebrow { line-height:1.5; letter-spacing:.08em; }
.chapter { min-height:0; padding-block:90px 60px; }
.chapter .dotted,.chapter:lang(el) .dotted { font-size:clamp(62px,8vw,112px); }
.section-rule { margin-bottom:40px; }
.section-end { margin-block:45px 85px; }
.button { border-radius:6px; }
.studio-intro { display:grid; grid-template-columns:1fr 2fr; gap:7%; padding-block:65px 100px; }
.studio-intro>.eyebrow { padding-top:12px; }
.studio-intro h2 { font-size:clamp(36px,4.5vw,68px); line-height:1.08; margin-bottom:28px; }
.studio-intro p { max-width:52ch; }
.editorial-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:20px 10%; padding-block:34px 52px; border-top:1px solid var(--line); }
.editorial-heading>.eyebrow { grid-column:1/-1; margin-bottom:8px; }
.editorial-heading h2 { font-size:clamp(38px,4.6vw,68px); line-height:1.08; }
.editorial-heading>p { max-width:47ch; align-self:end; padding-bottom:3px; }
.feature-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr); gap:5%; align-items:center; padding:0 0 78px; }
.feature-copy { min-width:0; }
.feature-head>h3 { font-size:clamp(27px,3vw,40px); line-height:1.12; }
.feature-question { font-size:clamp(23px,2.4vw,32px); line-height:1.35; letter-spacing:-.035em; color:var(--ink); margin-top:25px; max-width:26ch; }
.feature-copy .feature-body { max-width:44ch; font-size:14px; margin-block:24px; }
.feature-status { display:block; font-size:12px; color:var(--muted); margin-bottom:25px; }
.featured-interface { min-width:0; background:#dfe5df; border-radius:var(--radius); padding:clamp(12px,2vw,26px); }
.featured-interface>img { width:100%; height:auto; aspect-ratio:auto; padding:0; border-radius:5px; object-fit:contain; }
.image-caption { padding:18px 0 0; font-size:11px; color:#46544f; }
.image-caption>span { color:inherit; }
.work-collection { padding-top:28px; margin-bottom:65px; border-top:1px solid var(--line); }
.collection-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px 50px; margin-bottom:30px; }
.collection-heading>h3 { font-size:clamp(25px,2.5vw,35px); }
.collection-heading>p { font-size:13px; max-width:43ch; }
.selected-project-grid,.all-projects-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px 28px; }
.project-card { display:flex; flex-direction:column; padding:0; border-radius:0; background:transparent; overflow:visible; }
.project-image { border-radius:var(--radius); background:#e9e9e2; }
.project-image img,.all-projects-grid .project-image img { aspect-ratio:4/3; object-fit:cover; }
.project-card[data-artwork] .project-image img { padding:clamp(18px,3vw,40px); object-fit:contain; }
.project-card[href$='/yiantsi-creative-ai'] .project-image img { object-fit:contain; padding:16px; background:#dfe5df; }
.project-card-head { display:flex; flex-direction:column; align-items:flex-start; padding:24px 0 0; flex:1; }
.project-brand { font-size:11px; letter-spacing:.04em; margin-bottom:9px; color:#53625b; }
.project-card :is(h2,h3,h4) { font-size:clamp(25px,2.5vw,34px); margin:0 0 14px; line-height:1.15; }
.project-description { font-size:14px; line-height:1.65; max-width:52ch; margin-bottom:17px; }
.project-card .tags { gap:8px 16px; margin-bottom:20px; }
.project-card .tags>span { border:0; border-radius:0; padding:0; font-size:11px; line-height:1.6; color:#53625b; }
.project-card .tags>span:before { display:none; }
.project-read { display:inline-flex; align-items:center; gap:18px; margin-top:auto; min-height:44px; font-size:12px; text-decoration:underline; text-underline-offset:5px; }
.project-read>span { transition:transform 220ms var(--ease); }
.project-card:hover .project-read>span { transform:translate(2px,-2px); }
.project-card:focus-visible { outline-offset:8px; border-radius:var(--radius); }
.method-section { background:#202d28; margin-top:0; padding-block:60px 80px; }
.method-section .editorial-heading { border-color:#496055; }
.method-section p,.method-section .eyebrow { color:#becbc3; }
.service-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:12px 0 65px; }
.service-list .service { position:static; width:auto; max-width:none; padding-top:22px; border-top:1px solid #496055; }
.service-list h3 { font-size:clamp(23px,2.1vw,30px); margin:14px 0 20px; }
.service-list p { font-size:13px; max-width:29ch; }
.method-process { border-top:1px solid #496055; padding-top:28px; }
.method-process>ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; list-style:none; padding:15px 0 0; margin:0; counter-reset:phase; }
.method-process li { counter-increment:phase; }
.method-process li:before { content:'0' counter(phase) ' ↗'; font-size:11px; color:var(--cyan); display:block; margin-bottom:22px; }
.method-process h3 { font-size:23px; margin-bottom:14px; }
.method-process p { font-size:13px; max-width:28ch; }
.studio-teaser { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:9%; padding-block:100px; }
.studio-teaser figure { margin:0; }
.studio-teaser img { width:100%; max-height:650px; object-fit:cover; aspect-ratio:1/1.1; border-radius:var(--radius); }
.studio-teaser figcaption { font-size:11px; color:var(--muted); padding-top:16px; }
.studio-teaser h2 { font-size:clamp(38px,4.5vw,66px); line-height:1.1; margin:24px 0 30px; }
.studio-teaser p { max-width:43ch; margin-bottom:32px; }
.articles-section { padding-top:25px; }
.articles-title { display:grid; grid-template-columns:1fr 1fr; gap:10%; margin-bottom:36px; }
.articles-title h2 { font-size:clamp(32px,3.5vw,48px); }
.articles-title>p { font-size:15px; color:var(--muted); align-self:end; }
.article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.article-card.article-0,.article-card.article-1,.article-card.article-2 { display:block; grid-row:auto; }
.article-card .article-image { height:auto; aspect-ratio:4/3; }
.article-card .article-info { padding-top:24px; }
.article-card .article-info h3 { font-size:25px; line-height:1.2; }
.article-info>p { display:none; }
.article-author { max-width:none; margin-top:18px; }
.catalogue-heading { padding-block:65px 52px; }
.catalogue-heading h1 { font:500 clamp(42px,5.6vw,82px)/1.08 Outfit,Inter,sans-serif; letter-spacing:-.055em; margin-block:24px; }
.catalogue-heading p { max-width:64ch; }
.catalogue-filters { display:grid; grid-template-columns:1fr 1fr; gap:32px 6%; padding-block:25px 12px; border-block:1px solid var(--line); }
.catalogue-filters .filters { margin-bottom:14px; }
.filter { min-height:44px; padding:10px 15px; font-size:12px; }
.filter-feedback { margin-block:16px 30px; }
.projects-index { padding-bottom:90px; }
.studio-section>.chapter { justify-content:flex-start; text-align:left; padding-block:65px 50px; }
.studio-section>.chapter .dotted { max-width:100%; }
.studio-statement { grid-template-columns:2fr 1fr; gap:8%; margin-block:12px 50px; }
.studio-statement h2 { font-size:clamp(30px,3.5vw,48px); text-indent:0; max-width:32ch; line-height:1.2; }
.studio-grid { grid-template-columns:1fr 1.2fr 1fr; gap:4%; margin-bottom:30px; }
.studio-grid>div:last-child { display:block; }
.studio-portrait,.studio-detail { aspect-ratio:4/5; }
.studio-copy p { font-size:14px; }
.studio-art-credit { margin-top:0; margin-bottom:75px; }
.world-grid { gap:28px; }
.world-card img { aspect-ratio:4/3; }
.world-card h3 { font-size:clamp(24px,2.7vw,35px); }
.world-card p { font-size:13px; }
.principles-section { padding-block:70px; }
.quote-card { border-radius:0; border-top:1px solid var(--line); background:transparent; padding:25px 15px 0 0; min-height:0; }
.quote-card .quote-symbol { display:none; }
.quote-card>p { font-size:clamp(21px,2.4vw,30px); margin:10px 0 30px; }
.quote-grid { gap:30px; }
.collaboration-section { padding-bottom:60px; }
.collaboration-section>.chapter { display:none; }
.pricing-grid { margin-bottom:65px; }
.closing-cta { padding-block:55px 75px; border-top:1px solid var(--line); margin-top:25px; }
.closing-cta .chapter { padding-top:20px; }
.closing-cta .chapter .dotted { font-size:clamp(52px,7.5vw,106px); }
.footer-top { margin-bottom:55px; }
.footer-wordmark { font-size:clamp(120px,24vw,350px); }
.contact-left h1 { font-size:clamp(54px,7vw,100px); line-height:1.08; }
/* The same opening rhythm carries from project cards into each complete study. */
.design-case-heading { padding-block:40px 45px; max-width:1100px; }
.design-case-heading h1 { font-size:clamp(46px,6.5vw,88px); line-height:1.06; }
.design-case-heading>p { margin-top:24px; }
.design-case-intro { grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:8%; padding-block:65px; }
.design-case-lead { font-size:clamp(25px,2.7vw,37px); line-height:1.4; margin-bottom:35px; }
.design-case-section { padding-block:60px 75px; }
.design-case-copy { gap:8%; align-items:start; grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin-bottom:36px; }
.design-case-copy h2 { font-size:clamp(31px,3.8vw,52px); line-height:1.15; }
.design-case-copy>p { font-size:15px; line-height:1.75; }
.design-screen { border-radius:var(--radius); }
.work-summary { gap:20px 6%; }
.work-summary>p { max-width:40ch; color:#465a50; }
.work-summary nav { margin-left:auto; gap:4px 24px; }
.work-cover .work-figure>a { background:#e9e9e2; }
.work-decisions { gap:32px; }
.work-section-title { font-size:clamp(31px,3.8vw,52px); }
.ai-case .ai-study-overview { grid-template-columns:1fr 1.2fr 1.4fr; gap:30px; padding-block:24px; }
.case-reading-map.ai-study-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding-block:24px 30px; border-block:1px solid var(--line); }
.case-reading-map>div { display:flex; flex-wrap:wrap; align-content:flex-start; gap:0 20px; }
.reading-map-label { display:block; flex-basis:100%; margin-bottom:12px; font-size:11px; color:#53625b; }
.case-reading-map.ai-study-nav a { font-size:12px; gap:9px; min-height:40px; }
.ai-study-overview p { max-width:36ch; }
.ai-case .design-case-intro { padding-block:50px 65px; }
.ai-case .ai-screen { background:#202d28; }
.ai-case .ai-screen figcaption { color:#d0ded5; }
.ai-journey-steps>li { grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); gap:6%; }
@media (min-width:761px) and (max-width:1050px) {
 .feature-grid { grid-template-columns:1fr; gap:35px; }
 .feature-copy { display:grid; grid-template-columns:1fr 1fr; gap:6%; align-items:start; }
 .feature-question { margin-top:0; max-width:30ch; }
 .service-list,.method-process>ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
 .studio-grid { grid-template-columns:1fr 1.3fr; }
 .studio-grid>div:last-child { display:none; }
}
@media(max-width:760px) {
 .wrap,.site-header { padding-inline:20px; }
 .chapter { padding-block:45px 35px; }
 .chapter .dotted,.chapter:lang(el) .dotted { font-size:clamp(52px,12vw,80px); }
 .studio-intro { grid-template-columns:1fr; gap:18px; padding-block:45px 65px; }
 .studio-intro>.eyebrow { padding-top:0; margin:0; }
 .studio-intro h2 { font-size:38px; margin-bottom:24px; }
 .studio-intro p { font-size:14px; }
 .editorial-heading { grid-template-columns:1fr; gap:24px; padding-block:27px 35px; }
 .editorial-heading>.eyebrow { margin:0; }
 .editorial-heading h2 { font-size:39px; }
 .editorial-heading>p { font-size:14px; }
 .feature-grid { grid-template-columns:1fr; gap:30px; padding-bottom:55px; }
 .feature-copy { display:contents; }
 .feature-head { grid-row:1; }
 .feature-head>h3 { font-size:29px; }
 .feature-narrative { grid-row:3; }
 .feature-question { font-size:25px; max-width:30ch; margin-top:0; }
 .feature-copy .feature-body { font-size:14px; max-width:none; }
 .feature-status { margin-bottom:20px; }
 .featured-interface { padding:12px; grid-row:2; }
 .image-caption { font-size:10px; line-height:1.6; padding-top:12px; }
 .collection-heading { display:block; margin-bottom:24px; }
 .collection-heading h3 { font-size:28px; margin-bottom:13px; }
 .collection-heading p { font-size:13px; }
 .selected-project-grid,.all-projects-grid { grid-template-columns:1fr; gap:38px; }
 .work-collection { margin-bottom:45px; }
 .project-card-head { padding-top:20px; }
 .project-card :is(h2,h3,h4) { font-size:28px; }
 .project-description { font-size:14px; }
 .project-card .tags { margin-bottom:10px; }
 .project-card[data-artwork] .project-image img { padding:22px; }
 .section-end { margin-block:30px 65px; }
 .method-section { padding-block:25px 55px; }
 .service-list,.method-process>ol { grid-template-columns:1fr 1fr; gap:32px 24px; }
 .service-list { margin-block:8px 45px; }
 .service-list h3 { font-size:clamp(19px,5.3vw,23px); line-height:1.2; }
 .service-list p,.method-process p { font-size:12px; }
 .method-process h3 { font-size:22px; }
 .method-process>ol { grid-template-columns:1fr; gap:28px; }
 .method-process li { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px 16px; }
 .method-process li:before { grid-row:1/3; padding-top:5px; margin:0; }
 .method-process h3 { margin:0; }
 .method-process p { grid-column:2; max-width:37ch; }
 .studio-teaser { grid-template-columns:1fr; gap:35px; padding-block:65px; }
 .studio-teaser>div { grid-row:1; }
 .studio-teaser h2 { font-size:39px; }
 .studio-teaser p { font-size:14px; }
 .studio-teaser img { aspect-ratio:4/3; max-height:none; }
 .articles-title { grid-template-columns:1fr; gap:16px; }
 .articles-title h2 { font-size:34px; }
 .articles-title>p { font-size:14px; }
 .article-grid { grid-template-columns:1fr; gap:35px; }
 .article-card .article-info h3 { font-size:26px; }
 .catalogue-heading { padding-block:35px; }
 .catalogue-heading h1 { font-size:42px; }
 .catalogue-heading p { font-size:14px; }
 .catalogue-filters { grid-template-columns:1fr; gap:16px; }
 .filter { font-size:11px; padding:9px 12px; }
 .filter-feedback { margin-bottom:24px; }
 .studio-section>.chapter { padding-block:35px; }
 .studio-statement { grid-template-columns:1fr; gap:24px; margin-bottom:35px; }
 .studio-statement h2 { font-size:32px; }
 .studio-grid { grid-template-columns:1fr 1fr; gap:25px; margin-bottom:30px; align-items:start; }
 .studio-grid>div:last-child { display:block; }
 .studio-copy { grid-row:2; grid-column:1/-1; }
 .studio-art-credit { margin-bottom:45px; }
 .world-grid { gap:30px; }
 .world-card { gap:20px; }
 .world-card h3 { font-size:24px; }
 .world-card p { font-size:12px; }
 .quote-grid { grid-template-columns:1fr; }
 .principles-section { padding-block:55px; }
 .closing-cta { padding-block:35px 50px; }
 .closing-cta .chapter .dotted { font-size:clamp(46px,10.3vw,72px); }
 .footer-wordmark { font-size:25.5vw; }
 .contact-left { min-height:280px; }
 .contact-left h1 { font-size:clamp(48px,15vw,64px); }
 .design-case-heading { padding-block:30px 35px; }
 .design-case-heading h1 { font-size:clamp(40px,10.5vw,58px); }
 .design-case-intro,.ai-case .design-case-intro { grid-template-columns:1fr; gap:25px; padding-block:40px; }
 .design-case-lead { font-size:25px; margin-bottom:28px; }
 .design-case-copy { grid-template-columns:1fr; gap:22px; margin-bottom:30px; }
 .design-case-copy h2 { font-size:34px; }
 .design-case-copy>p { font-size:14px; }
 .design-case-section { padding-block:40px 50px; }
 .work-summary { gap:15px; }
 .work-summary nav { margin-left:0; gap:2px 20px; }
 .work-summary a { font-size:12px; }
 .ai-case .ai-study-overview { grid-template-columns:1fr; gap:18px; }
 .ai-study-overview p { max-width:none; font-size:14px; }
 .case-reading-map.ai-study-nav { grid-template-columns:1fr; gap:20px; padding-block:24px; }
 .reading-map-label { margin-bottom:5px; }
 .case-reading-map.ai-study-nav a { min-height:44px; }
 .ai-journey-steps>li { grid-template-columns:1fr; gap:25px; }
}
@media(prefers-reduced-motion:reduce) {
 .project-read>span { transition:none; }
}