/* Green is the canvas. Warm neutrals remain in the original artwork only. */
:root{--studio:#003b2f;--deep:#003b2f;--green:#00d279;--acid:#72f1b6;--ink:#effff6;--muted:#b2d5c5;--paper:#004334;--line:#32745d;--brand-ink:#003b2f}
html{background:#003b2f;color-scheme:dark}
body{background:linear-gradient(155deg,#003b2f 0%,#00503b 48%,#003b2f 100%);color:var(--ink)}
p{color:var(--muted)}em{color:var(--acid)}
::selection{background:#72f1b6;color:#003b2f}
:focus-visible{outline-color:#72f1b6}
header{background:#003b2ff2;border-bottom-color:#4c99733d;backdrop-filter:blur(18px)}
nav a[aria-current],nav a:hover{color:var(--acid)}nav a:after{background:var(--green)}
.header-cta{background:linear-gradient(110deg,#00d279,#72f1b6);color:var(--brand-ink)}
.menu-toggle{color:#effff6}.skip{color:var(--brand-ink)}
.studio-hero,.dark-chapter{background:radial-gradient(ellipse at 18% 42%,#00d27940 0%,transparent 55%),linear-gradient(120deg,#006b48 0%,#003b2f 58%,#002e26 100%);color:#effff6}
.studio-copy p,.dark-chapter p{color:#c0e5d3}
.studio-copy h1 em,.dark-chapter h1 em{color:#72f1b6}
.studio-start{border-color:#68bc94}.studio-start span{background:linear-gradient(135deg,#72f1b6,#00d279);color:var(--brand-ink)}
.studio-kicker,.canvas-caption,.canvas-cross{color:#b3e9ce}
.growth-controls button{color:#c5e8d5;border-color:#71be9540}
.growth-controls button[aria-pressed=true],.growth-controls button[aria-pressed=true]:hover{background:linear-gradient(115deg,#00d279,#72f1b6);color:var(--brand-ink)}
.growth-post,.work-stack img{border-color:#d7f7e7}
.growth-flower>i{background:linear-gradient(25deg,#009f61,#00d279)}
.growth-flower>i:nth-child(even){background:linear-gradient(25deg,#00d279,#72f1b6)}
.flower-core{background:#003b2f}.growth-tag{background:linear-gradient(110deg,#72f1b6,#00d279);color:var(--brand-ink)}
.studio-manifesto h2>span,.mini-flower,.services-intro em,.studio-process em{color:var(--acid)}
.manifesto-aside p,.services-intro p,.studio-process p{color:#badfcb}
.textlink:hover{color:var(--acid)}
.studio-work{background:radial-gradient(ellipse at 90% 5%,#00d27926,transparent 55%),linear-gradient(160deg,#005c43,#004032 80%)}
.studio-section-head h2 span{color:var(--acid)}.work-navigation p,.rail-bottom>span,.rail-caption>span{color:#b7dec8}
.rail-control{color:#effff6;border-color:#79b698}.rail-control:hover{background:var(--green);color:var(--brand-ink)}
.rail-bottom{border-color:#4c8d6c}.rail-image{color:#d6ffea}
.coffee-scene{background:linear-gradient(135deg,#08724d,#00ad69)}
.clarity-scene{background:linear-gradient(135deg,#006446,#009d60)}
.web-scene{background:linear-gradient(135deg,#005340,#168d62)}
.brand-scene{background:linear-gradient(135deg,#008354,#00c779)}
.rail-image:before{border-color:#8ceab96b}.image-open{background:#003b2f;color:#effff6}
.service-dial{border-color:#4c9972}.service-dial span{color:#589b77}.service-dial i{background:#004334;color:var(--acid)}
.studio-service-list details,.studio-service-list details:last-child{border-color:#3e7e60}
.studio-service-list summary>span,.service-expand ul{color:#b0d6bf}
.studio-service-list details[open] h3,.service-expand li:before{color:var(--acid)}
.service-expand p{color:#baddc9}.service-expand a{border-color:#60ca91}
.studio-finder{background:radial-gradient(ellipse at 15% 55%,#00d27930,transparent 65%),#002f26;border-block:1px solid #2f78563d}
.finder p,.finder-result small,.finder-result p{color:#b7dac5}
.studio-process li{border-color:#3f7d5d}.studio-process li>span{color:#70c294}
.studio-outro{background:radial-gradient(ellipse at 15% 15%,#90f9c0,transparent 60%),linear-gradient(120deg,#00bc6d,#00d279 70%,#66efac);color:var(--brand-ink)}
.studio-outro em{color:#00573d}.outro-bottom{border-color:#00684266}
footer{background:linear-gradient(150deg,#00382c,#002b24)}footer p,.footer-bottom{color:#b1d8c0}
.footer-bottom{border-color:#356c51}.floating-wa{background:#003b2f;color:#effff6;border-color:#63b58c}
.chapter-hero:not(.dark-chapter){background:radial-gradient(ellipse at 15% 55%,#00d27933,transparent 58%),linear-gradient(130deg,#006247,#003b2f 72%);color:#effff6}
.chapter-meta,.chapter-bottom{border-color:#478a6566}.chapter-heading h1 em{color:var(--acid)}
.chapter-bottom p,.chapter-lead{color:#bce0cc}.chapter-down{color:#effff6}
.about-orbit .orbit-circle{border-color:#83e3af}.about-orbit>i{color:var(--acid)}
.about-brand-scene{background:radial-gradient(ellipse at 15% 20%,#37e88e70,transparent 70%),linear-gradient(140deg,#008552,#00b26b);color:#003b2f}
.about-brand-scene img{box-shadow:15px 15px 0 #005c3e80}.about-brand-scene>i{color:#003b2f}
.about-editorial p{color:#b9dfc8}.about-editorial em{color:var(--acid)}
.values-section{background:radial-gradient(ellipse at 90% 0%,#7cf6b9,transparent 70%),linear-gradient(135deg,#00d279,#00b56a);color:var(--brand-ink)}
.values-layout h2 em{color:#005b3e}.value-switches button{color:#003b2f;border-color:#00684070}
.value-switches button>span{color:#095b3d}.value-switches button[aria-pressed=true]{color:#003b2f;font-weight:600}
.value-panel{background:linear-gradient(145deg,#00523a,#003b2f 75%);color:#effff6}
.value-panel p{color:#b9dec7}.value-panel small{color:var(--acid)}
.service-count{border-color:#75bd936b}.service-count>span{color:var(--acid)}.service-count>b{color:var(--brand-ink)}
.service-index>a,.index-note,.service-chapter{border-color:#3e7e5b}
.service-index>a>span,.index-note,.service-chapter-top{color:#b2d7bf}
.service-index>a[aria-current=true]{color:var(--acid)}
.service-chapter p{color:#badfc9}.service-chapter li{border-color:#376f52;color:#c7e9d5}
.service-chapter li:before{color:var(--acid)}.service-request>span{background:var(--green);color:var(--brand-ink)}
.service-glyph{background:linear-gradient(135deg,#008a53,#00c779);color:#003b2f}.service-glyph>span{color:#003b2f}
.faq details{border-color:#43825f}.faq details p{color:#bfdfcb}
.work-stack>span{border-color:#78c795}.archive-toolbar,.archive-grid[data-layout=index] .archive-project,.archive-end{border-color:#438662}
.archive-toolbar .filters button{color:#d1ecd9}.archive-toolbar .filters button.selected{color:var(--acid);border-color:var(--green)}
.archive-view button{color:#c1e3cd;border-color:#5d9d77}.archive-view button[aria-pressed=true]{background:var(--green);color:var(--brand-ink);border-color:var(--green)}
#archive-count,.archive-caption small,.archive-end p{color:#b8dfc7}.archive-end a{border-color:var(--green)}
.archive-image{background:linear-gradient(140deg,#08784e,#00ac66);color:#d6ffea}
.archive-project:nth-child(4n+2) .archive-image{background:linear-gradient(140deg,#006c48,#00a566)}
.archive-project:nth-child(4n+3) .archive-image{background:linear-gradient(140deg,#005642,#198d5f)}
.archive-project:nth-child(4n+4) .archive-image{background:linear-gradient(140deg,#008454,#00be71)}
.archive-open{color:var(--acid)}
.hello-mark{background:linear-gradient(140deg,#72f1b6,#00d279);border-color:#64d79e;color:var(--brand-ink)}
.contact-ticket{background:radial-gradient(ellipse at 15% 15%,#00d27935,transparent 70%),linear-gradient(145deg,#00573d,#003b2f);border:1px solid #418561;color:#effff6}
.contact-ticket p,.ticket-note{color:#bbdfc7}.ticket-note{border-color:#4b916a}
.direct-contact>a,.direct-contact>div{border-color:#44845f}.direct-contact small{color:#b2ddc1}
.contact-studio form{background:linear-gradient(145deg,#075f43,#004334);border-color:#4a956d}
.contact-studio input,.contact-studio select,.contact-studio textarea{background:#e0f8eb;color:#003b2f;border-color:#81bc9a;color-scheme:light}
.contact-studio input::placeholder,.contact-studio textarea::placeholder{color:#426d57;opacity:1}
.contact-studio .button{background:linear-gradient(115deg,#00d279,#72f1b6);color:#003b2f}
.contact-studio .form-hint{color:#c0dfcb}.contact-studio :is(input,select,textarea):focus{outline-color:#72f1b6}
.brief-notes,.brief-notes p{border-color:#40835c}.brief-notes em,.brief-notes p>span{color:var(--acid)}
dialog{background:linear-gradient(145deg,#00543b,#003b2f);color:#effff6;border:1px solid #438660}
.dialog-close{color:#effff6}.dialog-navigation button{color:#effff6;border-color:#6daf87}
.dialog-navigation button:hover:not(:disabled){background:#00d279;color:#003b2f}
/* A closer rhythm: more content per screen, without compressing typography. */
.studio-stage{min-height:490px;padding-block:30px 35px}.growth-canvas{height:425px}
.studio-top{padding-block:16px}.growth-controls button{padding-block:17px}
.studio-manifesto{padding-block:75px;gap:30px}.studio-work{padding-block:60px 30px}
.studio-section-head{margin-bottom:30px}.studio-services{padding-block:75px;gap:70px}
.studio-service-list summary{padding-block:22px}.studio-finder{padding-block:60px}
.studio-process{padding-block:75px;gap:70px}.studio-process li{padding-block:23px}
.studio-outro{padding-top:45px}.studio-outro .wrap>a{padding-bottom:35px}
.chapter-heading{padding-block:42px;gap:40px}.chapter-bottom{padding-block:20px;gap:30px}
.about-orbit{max-width:330px}.about-editorial{padding-block:75px;gap:75px}
.values-section{padding-block:60px}.values-layout{gap:70px}.value-panel{min-height:375px;padding:35px}
.service-book{padding-top:40px;gap:50px}.service-chapter{padding-bottom:35px}
.service-chapter-body{padding-top:23px;gap:25px}.service-chapter p{margin-top:15px}
.services-page .faq{padding-block:45px 65px}.work-stack{height:290px}
.archive-section{padding-top:30px}.archive-toolbar{margin-bottom:30px;padding-bottom:20px}
.archive-grid{gap:35px 28px}.archive-grid[data-layout=gallery] .archive-project:nth-child(3n+2){margin-top:40px}
.archive-end{margin-top:35px;padding-block:35px 55px}.contact-studio{gap:55px;padding-bottom:60px}
.brief-notes{padding-block:40px 55px}.contact-ticket{padding:28px}.ticket-mark{margin-bottom:20px}
footer{padding-top:40px}.footer-grid{padding-block:15px 40px}
@media(max-width:1100px){.studio-stage{min-height:470px}.growth-canvas{height:395px}.chapter-heading{gap:25px}.about-editorial,.values-layout{gap:40px}.service-book{gap:30px}.contact-studio{gap:30px}.studio-services,.studio-process{gap:40px}}
@media(max-width:720px){
 nav{background:#003b2f;border-bottom:1px solid #4a8b65}
 .studio-stage{min-height:0;padding-block:25px 16px}.growth-canvas{height:280px;margin-top:8px}
 .growth-flower{transform:rotate(var(--scroll-turn,0deg)) scale(.58)}.orbit-type{font-size:46px}
 .growth-controls button{padding-block:12px}.growth-tag{bottom:18%}
 .studio-copy p{margin-top:16px}.studio-kicker{margin-bottom:12px}
 .studio-manifesto{padding-block:42px;gap:18px}.studio-work{padding-block:40px 25px}
 .studio-section-head{margin-bottom:22px}.work-navigation{margin-top:20px}
 .studio-services{padding-block:42px;gap:25px}.studio-service-list summary{padding-block:20px}
 .studio-finder{padding-block:42px}.finder{gap:23px}.finder-result{min-height:0}
 .studio-process{padding-block:42px;gap:23px}.studio-process li{padding-block:20px}
 .studio-outro{padding-top:30px}.studio-outro .wrap>a{padding-bottom:27px}
 .chapter-meta{padding-block:15px}.chapter-heading{padding-block:27px 22px;gap:18px}
 .chapter-lead{margin-top:16px}.chapter-bottom{padding-block:18px;gap:14px}
 .about-orbit{width:195px}.about-orbit .orbit-word{font-size:60px}.about-orbit>i{font-size:46px}
 .about-editorial{padding-block:42px;gap:28px}.about-editorial p{margin-top:16px}
 .values-section{padding-block:40px}.values-layout{gap:24px}.value-panel{min-height:305px;padding:25px}
 .value-switches{margin-top:20px}.value-panel h3{margin-top:12px}.value-panel p{margin-top:12px}
 .service-count{width:155px;height:155px;margin-block:0 8px}.service-count>span{font-size:106px;letter-spacing:-10px;margin-left:-10px}.service-count>b{width:42px;height:42px;font-size:30px}.service-count>small{margin-top:8px}
 .service-book{padding-top:23px}.service-index{margin-bottom:23px}.service-index>a{border-color:#448663}
 .service-index>a[aria-current=true]{background:#006547;color:var(--acid)}
 .service-chapter{padding-bottom:28px}.service-chapter-body{gap:14px;padding-top:20px}.service-chapter ul{padding-block:14px}
 .services-page .faq{padding-block:30px 45px}.work-stack{height:245px}
 .archive-section{padding-top:25px}.archive-toolbar{gap:16px 12px;margin-bottom:24px}.archive-grid{gap:28px}
 .archive-grid[data-layout=gallery] .archive-project:nth-child(3n+2){margin-top:0}
 .archive-end{padding-block:25px 40px;margin-top:28px}
 .hello-mark{width:125px;height:125px}.hello-mark>span{font-size:80px}.hello-mark>small{font-size:9px}
 .contact-studio{gap:25px;padding-bottom:40px}.contact-ticket{padding:25px}.ticket-mark{font-size:55px;margin-bottom:15px}
 .contact-ticket p{margin-top:12px}.ticket-progress{margin-top:22px}.direct-contact{margin-top:22px}
 .brief-notes{padding-block:30px 40px;gap:20px}.footer-grid{padding-bottom:25px}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.growth-flower{scale:.58}}