/* v13: Claude's editorial structure; existing A illustrations remain unchanged. */
.hero-grid{min-height:0;padding:30px 0 60px;gap:40px}.hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.1}.hero h1 em{white-space:normal}.hero-portrait.editorial-hero{max-width:440px}.hero .intro{max-width:540px}.section{padding:82px 0}.section.wrap{padding:82px 48px}.current-work{padding-top:18px}.work-panel{padding:44px}.work-lead{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.night .section-head .eyebrow{color:#c0cbb9}.work-lead h2{font-size:clamp(31px,3.5vw,46px);line-height:1.15}.work-lead .organisation{margin-top:22px}.work-intro{font-size:15px;line-height:1.85;margin-top:22px;color:#e0e4d9}.work-lead .scene{margin:0;min-width:0}.work-lead .scene>picture{aspect-ratio:4/5}.work-lead .scene img{object-position:center}.story-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:44px;margin-bottom:12px}.story-heading h3{font-size:24px}.story-heading p{font-size:13px;color:#c0cbb9}.story-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:22px;align-items:center;padding:23px 0;border-top:1px solid #536158}.story-number{font:13px ui-monospace,monospace;color:var(--vest)}.story-row h3{font-size:23px;line-height:1.4;letter-spacing:-.02em}.story-row p{font-size:14px;line-height:1.8;color:#c8d1c2;margin-top:8px;max-width:66ch}.night .text-link{color:#e5ecd9;border-color:#8d9b7c;white-space:nowrap}.night .text-link:hover{color:#fff;border-color:#fff}.story-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding-top:18px;border-top:1px solid #536158}.story-more>span{font-size:12px;color:#c0cbb9}.story-more .text-link{font-size:12px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{min-width:0;display:flex;flex-direction:column}.project-art{height:235px;border-radius:14px;overflow:hidden;background:var(--vest-soft);display:flex;align-items:center;justify-content:center;padding:30px}.project-card>.visual-caption{text-align:left;margin:9px 0 22px;font-size:11px}.project-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}.project-card h3{font-size:27px;line-height:1.2;letter-spacing:-.5px;margin:20px 0 14px}.project-card p{font-size:14px;line-height:1.8;color:var(--ink-2)}.project-card .status{font-size:11px}.project-card .project-result{margin:20px 0;font-size:13px;font-weight:600;color:var(--ink);padding-left:12px;border-left:3px solid #879b70}.project-card .text-link{margin-top:auto}.art-roster{background:#e3e9f4}.mini-calendar{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:18px;background:var(--paper);border:1px solid #b4bcc5;border-radius:10px;transform:rotate(-3deg)}.mini-calendar i{height:25px;background:#a9c19a;border-radius:4px}.mini-calendar i:nth-child(3n){background:#93a8c3}.mini-calendar i:nth-child(5n){background:#d7bba9}.mini-calendar i:nth-child(4n){background:#e5e0d4}.art-report{background:#e1e9d6;flex-direction:column;align-items:flex-start;gap:25px}.art-report>span{font:600 26px/1.2 'Bricolage Grotesque','PingFang SC',sans-serif}.report-lines{width:100%;display:flex;flex-direction:column;gap:9px}.report-lines i{height:7px;border-radius:4px;background:#93a77d;width:95%}.report-lines i:nth-child(2){width:70%;background:#bac8a9}.report-lines i:nth-child(3){width:82%;background:#a6b695}.art-ordering{background:#e8dacf;padding:18px 28px 0}.art-ordering img{width:160px;max-width:100%;height:auto;align-self:flex-start;border:5px solid #2e3931;border-radius:20px;transform:rotate(4deg)}
.outside-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.outside-grid .note{padding:32px;display:flex;flex-direction:column;align-items:flex-start}.outside-grid .note h3{font-size:30px}.outside-grid .note p{font-size:14px}.outside-grid .note .text-link{margin-top:auto}.outside-grid .note-main{transform:rotate(.7deg)}.outside-grid .note-paper{transform:rotate(-.7deg)}.content-proof{font-weight:600;margin:24px 0 5px}.outside-grid .metric-context{font-size:12px;margin-bottom:22px}.outside-grid .note-paper>p{margin-bottom:25px}.b2b-note{font-size:13px;color:var(--ink-2);margin-top:30px;max-width:80ch}.about-section{border-top:1px solid var(--line);padding-top:68px}.about-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:start;margin-top:36px}.about-copy{font-size:16px;line-height:1.9;color:var(--ink-2)}.brief-timeline{list-style:none;padding:0;margin:30px 0 12px}.brief-timeline li{display:grid;grid-template-columns:138px 1fr;gap:16px;border-top:1px solid var(--line);padding:18px 0}.brief-timeline time{font:11px/1.7 ui-monospace,monospace;color:var(--muted)}.brief-timeline h3{font-size:18px;line-height:1.4}.brief-timeline p{font-size:12px;color:var(--ink-2);margin-top:6px}.about-grid .scene{margin:0}.about-grid .scene>picture{aspect-ratio:4/5}.future-copy{font-size:17px;line-height:1.85;max-width:720px;margin:0 0 30px}.contact h2{font-size:clamp(38px,5vw,64px)}footer{border-color:#8a9a78;flex-wrap:wrap}
#project-dialog{width:min(700px,calc(100vw - 36px));max-height:calc(100dvh - 40px);padding:0;border-radius:18px}.dialog-tools{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:2}.dialog-tools .dialog-close{position:static;width:44px;height:44px;flex:none}.dialog-tools .languages{display:flex}.dialog-tools .languages button{min-width:44px}.dialog-tools .languages button[aria-pressed=true]{font-weight:700}#dialog-body{padding:28px 38px 38px}#dialog-title{font-size:34px;line-height:1.25;letter-spacing:-.02em;margin:14px 0 25px}#dialog-body>p{font-size:16px;line-height:1.9;margin:0 0 20px;color:var(--ink-2)}#dialog-body .dialog-context{font-size:11px;color:var(--muted);margin-bottom:0}#dialog-body .dialog-links{border-top:1px solid var(--line);padding-top:15px;margin-top:25px;display:flex;flex-wrap:wrap;gap:12px 24px}.dialog-links small{display:block;width:100%;font-size:11px;color:var(--muted)}.dialog-open{overflow:hidden}
@media(max-width:1023px){.work-panel{padding:30px}.work-lead{gap:30px}.story-row{gap:16px}.project-grid{gap:20px}.project-art{height:195px;padding:20px}.project-card h3{font-size:23px}.about-grid{gap:32px}.brief-timeline li{grid-template-columns:1fr;gap:5px}}
@media(max-width:767px){
 .section{padding:52px 0}.section.wrap{padding:52px 24px}.hero-grid{padding:30px 0 28px;gap:10px}.hero h1{font-size:42px;line-height:1.12;letter-spacing:-.045em}.hero .intro{font-size:14px;margin:22px 0}.hero .hello-label{margin-bottom:18px}.hero-portrait.editorial-hero{max-width:240px;margin:14px auto 0}.editorial-hero .scribble{font-size:21px;right:-12px}.hero-actions{gap:14px}.hero-actions .button{gap:15px;padding:12px 16px}.current-work{padding-top:15px}.current-work>.wrap{padding:0 12px}.work-panel{padding:26px 20px;border-radius:20px}.work-lead{display:flex;flex-direction:column;gap:28px}.work-lead>div{width:100%}.work-lead h2{font-size:32px}.work-intro{font-size:14px}.work-lead .scene{width:100%;max-width:350px}.story-heading{display:block;margin-top:32px}.story-heading h3{font-size:23px}.story-heading p{margin-top:8px}.story-row{grid-template-columns:24px minmax(0,1fr);gap:10px 12px;align-items:start;padding:23px 0}.story-number{padding-top:6px}.story-row h3{font-size:22px}.story-row p{font-size:14px}.story-row>.text-link{grid-column:2;justify-self:start}.story-more{display:grid;grid-template-columns:1fr;gap:4px}.story-more>span{margin:8px 0}.story-more .text-link{justify-self:start;font-size:13px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card{border-bottom:1px solid var(--line);padding-bottom:30px}.project-card:last-child{border:0;padding-bottom:0}.project-art{height:190px}.project-card>.visual-caption{margin-bottom:16px}.project-card h3{font-size:27px;margin:16px 0 12px}.project-card .project-result{margin:16px 0}.outside-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.outside-grid .note{transform:none;padding:26px}.outside-grid .note h3{font-size:28px}.about-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.about-copy{font-size:15px}.brief-timeline li{grid-template-columns:1fr;gap:6px}.about-grid .scene{max-width:320px;margin:auto;width:100%}.future-copy{font-size:15px}.contact{margin:0 12px;padding:44px 0 0}.contact>.wrap{padding:0 24px}.contact h2{font-size:39px}.section-head h2{font-size:34px;line-height:1.2}.motion-controls{width:44px;height:44px;min-height:44px;padding:0;right:10px;bottom:10px;overflow:hidden}.motion-controls button{font-size:0;width:44px;height:44px;padding:0;min-height:44px}.motion-controls button:before{content:attr(data-icon);font-size:16px}#project-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}#dialog-body{padding:20px 22px 28px}#dialog-title{font-size:28px;margin-top:12px}#dialog-body>p{font-size:15px;line-height:1.85}.dialog-tools{padding:7px 12px}footer{padding-bottom:40px;gap:14px}
}
.work-lead .scene>picture{aspect-ratio:3/2}
.project-card .project-art{margin-top:26px}.project-card>.visual-caption{margin-bottom:0}
@media(max-width:767px){.work-lead .scene{max-width:min(100%,44vh)}.work-lead .scene>picture{aspect-ratio:4/5}.about-grid .scene{max-width:min(100%,32vh)}}
@media(max-width:1023px){.nav{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:0;row-gap:4px}.nav nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;margin:0;gap:16px}.nav nav a{min-height:44px;display:flex;align-items:center;padding:10px 0}.nav nav a.active:after{bottom:3px}.nav-tools{margin-left:auto}html{scroll-padding-top:120px}}
.hero h1 em{background:linear-gradient(transparent 65%,var(--vest) 65%,var(--vest) 95%,transparent 95%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .03em}.hero h1 em:after{content:none}

/* v14 story illustrations, one shared image on desktop and mobile. */
.story-illustration{margin:20px 0 24px}.story-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px}.story-illustration figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}.project-art.story-art{padding:0;background:transparent;height:auto;aspect-ratio:3/2}.project-art.story-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
@media(max-width:767px){.story-illustration{margin:16px 0 20px}.story-illustration img{border-radius:10px}}
/* v15: results, real work samples and shareable stories. */
.work-learning{margin-top:14px}.work-lead .scene>picture{aspect-ratio:3/2}.work-lead .scene img{object-fit:contain}
.results-strip{border-top:1px solid #ffffff33;margin-top:32px;padding-top:24px}.results-strip>.eyebrow{color:#c0cbb9}.results-strip dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:18px 0}.results-strip dt{font:600 32px/1.2 'Bricolage Grotesque',sans-serif;color:#ead2ab}.results-strip dd{font-size:13px;line-height:1.7;margin:9px 0 0;color:#e0e4d9}.results-strip dd small{display:block;font-size:11px;margin-top:7px}.results-context{font-size:12px;color:#c0cbb9;line-height:1.7}
.project-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:auto}.project-card .project-art{height:auto;aspect-ratio:3/2}.actual-roster{padding:0;background:#f4f5f7}.actual-roster img{width:100%;height:100%;object-fit:contain}.workflow-feature{margin-top:36px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:32px;align-items:center;justify-content:space-between}.workflow-feature h3{font-size:24px;margin:8px 0 12px}.workflow-feature p:not(.eyebrow){max-width:780px;font-size:14px;line-height:1.8;color:var(--ink-2)}.workflow-feature>.text-link{flex-shrink:0}
.evidence-gallery{display:grid;gap:28px;margin:22px 0 30px}.evidence-item{margin:0}.evidence-item img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;background:#efeee8;border:1px solid var(--line);border-radius:10px}.evidence-item figcaption{font-size:12px;line-height:1.7;margin-top:10px;color:var(--muted)}.copy-feedback{font-size:12px;line-height:1.6;align-self:center;color:var(--muted)}.share-url{width:min(100%,420px);font:inherit;padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.current-role-link{border-top:0!important;padding-top:0!important}
@media(max-width:767px){.work-lead .scene{max-width:100%}.work-lead .scene>picture{aspect-ratio:3/2}.results-strip dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.results-strip dt{font-size:25px}.results-strip dd{font-size:12px}.workflow-feature{display:block}.workflow-feature>.text-link{margin-top:16px}.workflow-feature h3{font-size:23px}.project-card .project-art{height:auto;aspect-ratio:3/2}.evidence-item img{max-height:520px}}
.about-personal{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:18px;max-width:60ch}

.story-subheading{font-size:20px;line-height:1.5;margin:30px 0 12px;letter-spacing:-.01em}#dialog-body>.story-subheading:first-of-type{margin-top:24px}@media(max-width:767px){.story-subheading{font-size:18px;margin-top:26px}}

/* v16: paired scheduling scenes; full images, no face crop. */
.project-art.roster-comparison-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;background:transparent;overflow:visible}.roster-comparison-card>div{position:relative;min-width:0;height:100%;overflow:hidden;border-radius:12px}.roster-comparison-card img{display:block;width:100%;height:100%;object-fit:contain}.comparison-tag{position:absolute;bottom:9px;left:9px;background:#f8f5edee;color:var(--ink);padding:4px 9px;border-radius:6px;font-size:11px;line-height:1.4}
.story-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 8px}.story-comparison figure{margin:0;min-width:0}.story-comparison img{width:100%;height:auto;display:block;border-radius:12px}.story-comparison figcaption{font-size:13px;font-weight:600;line-height:1.6;margin-bottom:9px}#dialog-body>.illustration-note{font-size:12px;color:var(--muted);margin-bottom:24px}.story-comparison+ .illustration-note{line-height:1.6}@media(max-width:767px){.story-comparison{grid-template-columns:1fr;gap:22px}.story-comparison img{border-radius:10px}.comparison-tag{left:7px;bottom:7px;padding:3px 7px}.roster-comparison-card>div{border-radius:10px}}

/* Claude review: keep mobile portraits readable while shortening the lead-in. */
@media(max-width:767px){.story-comparison figure{width:100%;max-width:300px;margin-inline:auto}}

/* v18: real Mini Program evidence, a single roster scene and creator art. */
.project-art.roster-single{padding:0;background:#eee7da;aspect-ratio:3/2;height:auto}.project-art.roster-single img{height:100%;width:auto;max-width:100%;object-fit:contain}
.story-illustration.portrait{max-width:320px;margin:24px auto}.story-illustration.portrait img{width:100%;height:auto}
.outside-grid{gap:32px}.outside-card{min-width:0;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:24px}.outside-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}.outside-card h3{font-size:30px;line-height:1.3;margin:18px 0 14px}.outside-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}.outside-card .project-result{margin:22px 0 4px;border-left:3px solid #879b70;padding-left:12px;color:var(--ink);font-weight:600}.outside-card .metric-context{font-size:12px;margin:0 0 18px}.outside-card .project-actions{margin-top:auto;padding-top:18px;margin-bottom:22px}.outside-figure{margin:0;width:100%}.outside-visual{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:#ede4d6}.outside-visual>img{display:block;width:100%;height:100%;object-fit:cover}.outside-figure figcaption{font-size:11px;color:var(--muted);margin-top:9px}
.outside-visual.cooking-previews{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.cooking-previews>img{width:auto;max-width:45%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 5px 15px #1e24201a}.card-feedback{margin:3px 0 0;padding-left:12px;border-left:2px solid #c79174}.card-feedback>span{font-size:10px;letter-spacing:.05em;color:var(--muted)}.card-feedback p{margin:6px 0 0;font-size:15px;color:var(--ink)}
.evidence-gallery.cooking-gallery{display:flex;gap:12px;align-items:flex-start;margin:24px 0;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.cooking-gallery .evidence-item{flex:0 0 calc((100% - 24px)/3);min-width:0;scroll-snap-align:start}.cooking-gallery .evidence-item a{display:flex;align-items:flex-start;justify-content:center;height:400px}.cooking-gallery .evidence-item img{width:auto;max-width:100%;height:400px;object-fit:contain;border-radius:10px}.cooking-gallery figcaption{font-size:11px;line-height:1.6}
.feedback-section{margin:24px 0}.feedback-section h3{font-size:17px}.feedback-quotes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.feedback-quotes blockquote{margin:0;padding:16px;border-left:2px solid #c79174;background:#efe9dc;border-radius:0 10px 10px 0}.feedback-quotes blockquote p{font-size:14px!important;margin:0 0 10px!important}.feedback-quotes blockquote p:last-child{margin-bottom:0!important}#dialog-body .feedback-note{font-size:12px;color:var(--muted);margin:10px 0 22px}.about-personal a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){.outside-card h3{font-size:26px}.outside-grid{gap:34px}.outside-visual.cooking-previews{aspect-ratio:1/1;padding:14px;gap:12px}.cooking-previews>img{height:auto;width:calc((100% - 12px)/2);max-width:none;max-height:100%}.cooking-gallery .evidence-item{flex-basis:200px}.cooking-gallery .evidence-item a,.cooking-gallery .evidence-item img{height:400px}.feedback-quotes{grid-template-columns:1fr}.project-art.roster-single{height:auto}.story-illustration.portrait{max-width:min(320px,78vw)}}

.feedback-quotes blockquote,.card-feedback{font-style:normal}

/* v19: full-width landscape, compact companion cards, one shared quote panel. */
.project-art.roster-single{background:transparent}.project-art.roster-single img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:12px}
.outside-card h3{font-size:26px;margin:14px 0 10px}.outside-card .project-result{margin:16px 0 0}.outside-card .metric-context{display:block;margin:4px 0 0;font-size:12px;font-weight:400;color:var(--muted)}.outside-card .project-actions{padding-top:16px;margin-bottom:18px}
.feedback-quotes{gap:14px 26px;background:#efe9dc;border-radius:10px;padding:20px;align-items:start}.feedback-quotes blockquote{background:none;border-radius:0;padding:2px 0 2px 12px}.feedback-quotes blockquote:last-child:nth-child(odd){grid-column:1/-1}.feedback-quotes blockquote p{line-height:1.8!important}
@media(max-width:767px){.feedback-quotes{gap:16px;padding:18px}.outside-card h3{font-size:25px}}

/* Connected professional profile links */
.linkedin{display:inline-flex;align-items:center;justify-content:center;gap:.35em;text-decoration:none;color:inherit;border-style:solid}