/* Editorial extensions to the original visual system */
header{gap:24px}.header-controls{display:flex;align-items:center;gap:20px}.lang-switch{display:flex;gap:5px;white-space:nowrap}.lang-switch button{width:auto;padding:7px 8px;border:0;background:transparent;font-size:11px;color:var(--muted)}.lang-switch button[aria-pressed="true"]{background:var(--accent);color:var(--ink)}nav{gap:22px}nav a{font-size:12px}.hero{min-height:0;padding-bottom:30px}.hero h1{max-width:100%;font-size:clamp(62px,8.7vw,148px);margin:48px 0 42px}.hero-art{opacity:.26;z-index:0;pointer-events:none}.hero-bottom{display:block;max-width:720px}.hero-bottom .hero-intro{font-size:clamp(18px,2.2vw,29px);line-height:1.35;max-width:690px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:30px;flex-wrap:wrap}.hero-actions .button{font-size:13px}.text-link{border-bottom:1px solid currentColor;padding-bottom:7px;font-size:13px;display:inline-block}.hero-rule{margin-top:85px}.work-head{padding-bottom:5px;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-head p{max-width:500px;font-size:12px;color:var(--muted)}.approach-heading{margin-top:50px}.dimensions{margin-left:20%}.dimensions details{border-bottom:1px solid var(--line)}.dimensions summary{padding:28px 0}.service-no{font-size:11px;letter-spacing:0;color:var(--muted);min-width:34px}.service-detail{padding:0 8% 35px 36px!important;max-width:820px!important}.service-detail h3{font-size:clamp(23px,2.6vw,35px);font-weight:400;line-height:1.2}.service-detail p{font-size:15px}.cap-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink);margin-top:24px}.cap-list{line-height:2!important}.statement h2{max-width:1120px}.ai-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:55px 0}.ai-copy p{color:#d0d0c8}.cap-line{font-size:11px;letter-spacing:1.3px;line-height:2.1}.method h2,.about h2,.studio h2,.values h2{margin:60px 0 25px;max-width:1150px}.section-intro{color:var(--muted)}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:70px;border-top:1px solid var(--ink)}.stage{padding:22px 25px 45px 0;border-right:1px solid var(--line);margin-right:25px}.stage:last-child{border:0;margin:0}.stage>span{font-size:11px;color:var(--muted)}.stage h3{font-size:clamp(20px,2.6vw,35px);margin:50px 0 18px;font-weight:400}.stage p{font-size:14px;color:var(--muted)}.about{background:#e0e2d7}.about-copy{max-width:790px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.about-copy p:first-child{grid-column:1/-1;font-size:24px}.studio-copy{max-width:760px;margin-left:auto}.studio-copy p{font-size:17px}.studio-copy small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.studio-copy .text-link{margin-top:22px}.studio-copy .text-link[aria-disabled="true"]{opacity:.5;cursor:not-allowed}.values{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:50px}.values h2{margin:25px 0}.values p{font-size:clamp(19px,2.3vw,30px);align-self:center}.conversation h2{font-size:clamp(54px,8vw,125px)}.contact-lead{font-size:18px;max-width:700px}.contact-panel{max-width:860px;margin:40px 0 0 auto}.contact-panel form{max-width:none}.contact-panel .form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-panel input,.contact-panel textarea{background:#f8f5ee}.contact-panel .button{width:auto;min-width:230px}.contact-success{padding:45px 0 65px;border-top:1px solid var(--ink)}.contact-success h3{font-size:clamp(48px,7vw,100px);font-weight:400;margin:0}.contact-success p{font-size:20px}.honeypot{position:absolute;left:-9999px;opacity:0}#contact-status{font-size:13px}footer{flex-wrap:wrap}.footer-links{display:flex;gap:20px;font-size:12px}
@media(max-width:900px){header{margin:0 4%}nav{gap:12px}nav a{font-size:11px}.brand{font-size:30px}.ai-copy{grid-template-columns:1fr;gap:0}.stages{grid-template-columns:1fr 1fr}.stage{margin-bottom:15px}}
@media(max-width:650px){header{margin:0 6%;gap:8px}.brand{font-size:28px}.header-controls{gap:8px}.lang-switch button{padding:6px;font-size:10px}.menu{display:block}.menu .burger-icon{display:flex;flex-direction:column;gap:4px}.burger-icon span{display:block;width:23px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:77px;left:0;right:0;z-index:20;background:var(--paper);padding:30px 6%;flex-direction:column;align-items:start;gap:26px}nav.open{display:flex}nav a{font-size:20px}.hero h1{font-size:clamp(46px,10.9vw,80px);margin-top:45px;overflow-wrap:anywhere}.hero-art{position:absolute;top:190px;right:-100px;width:350px;opacity:.19}.hero-bottom{display:block}.hero-bottom .hero-intro{font-size:20px}.hero-rule{margin-top:70px;line-height:1.7;gap:20px}.work-head{display:block}.dimensions{margin-left:0}.service-detail{padding:0 0 30px 0!important}.approach-heading{display:block}.approach-heading p{margin-top:25px}.statement h2{font-size:clamp(43px,9vw,75px)}.stages{grid-template-columns:1fr 1fr;gap:12px}.stage{margin:0;padding:18px 8px 20px 0}.stage h3{margin:30px 0 10px}.about-copy{display:block}.about-copy p:first-child{font-size:20px}.values{display:block}.values p{font-size:21px}.contact-panel .form-row{grid-template-columns:1fr;gap:0}.contact-panel{margin-top:22px}.conversation h2{font-size:clamp(52px,11vw,85px)}.footer-links{flex-wrap:wrap}footer{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V2: remove visual noise and improve readability */
.eyebrow,.section-top,.tag,.cap-label,.cap-line,.service-no,.stage>span,.hero-rule span:last-child,.work-head p{display:none!important}
.lang-switch button{font-size:14px}.hero h1{font-size:clamp(52px,7.8vw,132px);line-height:1.03;max-width:1100px;overflow-wrap:normal}.hero-rule span:first-child{font-size:clamp(12px,1.2vw,17px);letter-spacing:.08em}.service-detail p,.stage p,.studio-copy p,.ai-copy p{font-size:clamp(16px,1.3vw,20px);line-height:1.6}.service-detail p[data-prop="out"]{font-weight:600}.service-detail p[data-prop="out"]:before{content:"→ ";font-weight:400}.about-copy{max-width:1150px}.about-copy p:first-child{font-size:clamp(24px,2.5vw,38px)}.about-copy p{font-size:clamp(18px,1.8vw,27px)}.logo-pause-control{display:none!important}.work-head{padding-top:30px}.work-head .tag{display:none}.logo-section{margin-top:0}.logo-item img{object-fit:contain}.conversation h2{max-width:1200px;font-size:clamp(54px,7vw,115px);line-height:1.05}.studio-copy small{display:none}.logo-track{animation-play-state:running!important}
@media(max-width:650px){.hero h1{font-size:clamp(44px,9.5vw,70px);overflow-wrap:anywhere}.hero-rule span:first-child{font-size:12px}.conversation h2{font-size:clamp(45px,10vw,70px)}.about-copy p{font-size:19px}}

/* V3: restore editorial regular/bold hierarchy in the hero subline */
.hero-bottom .hero-intro{font-weight:400}
.hero-bottom .hero-intro strong{font-weight:700}

/* V4 — more personal About section */
.about-copy{grid-template-columns:1fr 1fr;gap:28px 54px}
.about-copy p:first-child{grid-column:1/-1}
.about-copy .about-personal{grid-column:1/-1;font-size:clamp(28px,3.1vw,50px);line-height:1.18;margin-top:35px;max-width:1050px;font-weight:600}
@media(max-width:650px){.about-copy{display:block}.about-copy p{margin-bottom:26px}.about-copy .about-personal{font-size:clamp(27px,8vw,42px);margin-top:45px}}

/* V5 — compact, expandable About */
.about-copy{display:block;max-width:1150px;margin-left:auto}
.about-copy>p:first-child{max-width:900px;font-size:clamp(24px,2.5vw,38px)}
.about-more{margin-top:38px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.about-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:clamp(18px,1.5vw,23px)}
.about-more summary::-webkit-details-marker{display:none}
.about-more summary .plus{font-size:28px;font-weight:300;transition:transform .25s ease}
.about-more[open] summary .plus{transform:rotate(45deg)}
.about-more-close{display:none}
.about-more[open] .about-more-open{display:none}
.about-more[open] .about-more-close{display:inline}
.about-more-content{display:grid;grid-template-columns:1fr 1fr;gap:28px 54px;padding:18px 0 48px}
.about-more-content p{font-size:clamp(18px,1.8vw,27px);line-height:1.55;margin:0}
.about-more-content .about-personal{grid-column:1/-1;font-size:clamp(28px,3.1vw,50px);line-height:1.18;margin-top:35px;max-width:1050px;font-weight:600}
@media(max-width:650px){.about-more-content{display:block}.about-more-content p{font-size:19px;margin-bottom:26px}.about-more-content .about-personal{font-size:clamp(27px,8vw,42px);margin-top:45px}}

/* SEO editorial section */
.seo-expertise .seo-copy{max-width:850px;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.5}.seo-expertise .seo-copy p{margin:0 0 1.2em}.seo-expertise [hidden]{display:none!important}

/* V10: muted, locally hosted Computerkind showreel, preserving original section layout. */
#computerkind.studio{position:relative;isolation:isolate;overflow:hidden;background:#101110;color:#f7f4ed;min-height:520px;display:flex;flex-direction:column;justify-content:center}
#computerkind .studio-background,#computerkind .studio-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#computerkind .studio-background{object-fit:cover;z-index:-2}
#computerkind .studio-shade{z-index:-1;background:linear-gradient(95deg,rgba(9,12,12,.83),rgba(9,12,12,.67)),rgba(0,0,0,.13)}
#computerkind .studio-content{position:relative;width:100%;z-index:1}
#computerkind .studio-content h2,#computerkind .studio-content p,#computerkind .studio-content a{color:#f7f4ed}
#computerkind .studio-content .cap-line{color:#d8dacd}
@media(prefers-reduced-motion:reduce){#computerkind .studio-background{display:none}}

/* V10.3 — subtle expertise tags beneath the editorial text */
.seo-expertise .expertise-tags{display:flex;flex-wrap:wrap;gap:9px 12px;margin-top:28px;max-width:900px}
.seo-expertise .expertise-tags span{display:inline-block;font-size:clamp(12px,1.05vw,14px);font-weight:500;line-height:1.4;letter-spacing:.005em;opacity:.72;border:1px solid currentColor;border-radius:999px;padding:7px 12px}