/* Public studio identity. Layers: sticky header 3, mobile menu 4, skip link 5.
   Radius system: panels 10px, controls 6px. No illustration or external media. */
@font-face{font-family:'Jakarta';src:url('/assets/plus-jakarta-sans-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
.site-public.studio-site{--bg:#f5f7f5;--ink:#202923;--primary:#265f45;--muted:#536259;--line:#d5ddd7;--soft:#e9eeea;--surface:#fcfdfb;--accent:#d6e9dd;--accent-ink:#21563e;background:var(--bg);color:var(--ink);font:400 15px/1.7 'Jakarta',Arial,sans-serif;overflow-x:clip;color-scheme:light dark}
.studio-site *, .studio-site *::before,.studio-site *::after{box-sizing:border-box}
.studio-site [hidden]{display:none!important}
.studio-site a{color:inherit;text-underline-offset:5px}
.studio-site h1,.studio-site h2,.studio-site h3{font-family:inherit;font-weight:550;letter-spacing:-.055em;line-height:1.12;color:var(--ink);text-wrap:balance}
.studio-site p{color:var(--muted);line-height:1.75}
.studio-site h1{font-size:clamp(42px,4.3vw,64px)}
.studio-site h2{font-size:clamp(32px,3.35vw,48px)}
.studio-site h3{font-size:25px}
.studio-site a:focus-visible,.studio-site button:focus-visible,.studio-site summary:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
.studio-site .skip{position:fixed;top:-100px;left:20px;z-index:5;background:var(--ink);color:var(--bg);padding:12px 22px}
.studio-site .skip:focus{top:10px}
.studio-site .public-main{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,76px)}
.studio-site .public-header{max-width:none;height:96px;min-height:0;padding:22px clamp(22px,5vw,76px);margin:0;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;background:var(--bg)}
.studio-site .public-header .wordmark{display:inline-flex;align-items:center;gap:8px;font-size:27px;font-weight:650;letter-spacing:-.06em;flex-shrink:0;text-decoration:none}
.studio-site .wordmark svg{width:25px;height:24px;fill:currentColor}
.studio-site .wordmark span{font:inherit;letter-spacing:inherit}
.studio-site .site-menu{margin-left:auto;border:0;background:none;padding:0}
.studio-site .site-menu>summary{min-height:44px;list-style:none;border:1px solid var(--line);padding:9px 16px;border-radius:6px;cursor:pointer;font-size:13px}
.studio-site .site-menu>summary::-webkit-details-marker{display:none}
.studio-site .site-menu>summary::after{content:' +';margin-left:14px}
.studio-site .site-menu[open]>summary::after{content:' −'}
.studio-site .public-header nav{display:flex;align-items:center;gap:23px;margin:0;flex-wrap:nowrap}
.studio-site .public-header nav a{font-size:12px;font-weight:550;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap;color:var(--ink)}
.studio-site .public-header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.studio-site .public-header nav .secondary{border-color:var(--line);padding:10px 17px;background:var(--surface)}
.studio-site .primary,.studio-site .secondary,.studio-site .quiet{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:6px;font:550 13px/1.5 'Jakarta',Arial,sans-serif;min-height:48px;padding:14px 22px;white-space:normal;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.studio-site .primary{background:var(--primary);border:1px solid var(--primary);color:#f6faf7}
.studio-site .primary:disabled{opacity:.6;cursor:wait;transform:none}
.studio-site .secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.studio-site .quiet{background:transparent;border:0;padding-inline:0;color:var(--ink);justify-content:flex-start}
.studio-site .button-row{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px}
.studio-site .primary:active,.studio-site .secondary:active{transform:scale(.98)}
.studio-site .studio-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:6%;align-items:center;min-height:600px;padding:70px 0 85px}
.studio-site .studio-hero h1{font-size:clamp(42px,4.5vw,66px);font-weight:550;letter-spacing:-.06em;line-height:1.12;margin:0;max-width:none;text-wrap:initial}
.studio-site .studio-hero h1 span{color:var(--primary)}
.studio-site .studio-hero .hero-copy>.intro-label{font-size:12px;font-weight:550;margin:0 0 25px;color:var(--muted)}
.studio-site .studio-hero .hero-copy>p:not(.intro-label){font-size:15px;max-width:440px;margin-top:26px;line-height:1.85}
.studio-site .project-stage{min-width:0;padding:0;position:relative}
.studio-site .preview-selector{display:flex;gap:5px;align-items:center;margin:0 0 22px;flex-wrap:wrap}
.studio-site .preview-selector button{border:1px solid transparent;color:var(--muted);background:transparent;min-height:42px;border-radius:6px;padding:8px 14px;font:500 12px/1.5 inherit;cursor:pointer;font-family:inherit;font-size:12px}
.studio-site .preview-selector button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.studio-site .preview-stack{position:relative;padding-bottom:12px;isolation:isolate}
.studio-site .preview-stack::before,.studio-site .preview-stack::after{content:'';position:absolute;inset:14px 12px 0;background:var(--soft);border:1px solid var(--line);border-radius:10px;z-index:-1;transform:rotate(-3deg)}
.studio-site .preview-stack::after{inset:5px -6px 16px;transform:rotate(2deg);background:var(--surface)}
.studio-site .project-preview{display:block;overflow:hidden;text-decoration:none;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 16px 38px #2445330d}
.studio-site .preview-bar{display:flex;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.studio-site .preview-bar span:first-child{color:var(--ink);font-weight:600}
.studio-site .project-preview img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.studio-site .preview-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 18px;font-size:10px;color:var(--muted)}
.studio-site .preview-caption span:last-child{color:var(--primary);white-space:nowrap;font-weight:600}
.studio-site .preview-note{font-size:10px;text-align:right;margin:21px 0 0}
.studio-site .studio-statement{border-block:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1.6fr auto;gap:24px;align-items:center}
.studio-site .studio-statement p:first-child{font-size:12px;max-width:22ch}
.studio-site .studio-statement p:nth-child(2){font-size:20px;letter-spacing:-.03em;line-height:1.6;color:var(--ink)}
.studio-site .studio-statement a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center}
.studio-site .studio-services,.studio-site .studio-work,.studio-site .studio-method,.studio-site .studio-products{padding:100px 0}
.studio-site section[id]{scroll-margin-top:120px}
.studio-site .section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start;margin:0 0 45px}
.studio-site .section-heading>p,.studio-site .section-heading>div>p{font-size:15px;max-width:42ch;margin:5px 0 0}
.studio-site .section-heading .quiet{margin-top:14px}
.studio-site .service-rows{border-top:1px solid var(--line)}
.studio-site .service-row{display:grid;grid-template-columns:1.1fr 1fr auto;gap:28px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);text-decoration:none;position:relative}
.studio-site .service-row h3{font-size:30px}
.studio-site .service-row p{font-size:13px;max-width:38ch}
.studio-site .service-row>span{font-size:11px;color:var(--primary);white-space:nowrap}
.studio-site .studio-work{border-top:1px solid var(--line);padding-top:95px}
.studio-site .work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px 35px;align-items:start}
.studio-site .work-item:nth-child(2){padding-top:76px}
.studio-site .work-image{display:block;background:var(--soft);padding:28px;border-radius:10px;overflow:hidden}
.studio-site .work-image img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.studio-site .work-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}
.studio-site .work-info p{font-size:11px;margin-bottom:6px}
.studio-site .work-info h3{font-size:24px;letter-spacing:-.035em}
.studio-site .work-info a{text-decoration:none}
.studio-site .work-info>span{font-size:10px;padding:4px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.studio-site .work-wide{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;padding:45px;background:var(--soft);border-radius:10px}
.studio-site .work-wide h3{font-size:34px}
.studio-site .work-wide p{font-size:13px;margin:22px 0 8px;max-width:36ch}
.studio-site .work-wide .fineprint{font-size:10px;margin-top:18px}
.studio-site .work-wide .work-image{padding:0}
.studio-site .work-wide .work-image img{aspect-ratio:16/10}
.studio-site .demo-disclaimer{margin-top:24px;font-size:11px}
.studio-site .studio-method{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:start}
.studio-site .method-heading{position:sticky;top:140px}
.studio-site .method-heading p{margin-top:25px;max-width:36ch;font-size:14px}
.studio-site .method-heading a{margin-top:22px}
.studio-site .method-steps article{padding:12px 0 42px 28px;border-left:2px solid var(--line);position:relative;transition:border-color .25s ease}
.studio-site .method-steps article+article{padding-top:28px}
.studio-site .method-steps article:last-child{padding-bottom:12px}
.studio-site .method-steps article.is-current{border-color:var(--primary)}
.studio-site .method-steps span{display:block;font-size:11px;margin-bottom:12px;color:var(--primary)}
.studio-site .method-steps h3{font-size:27px}
.studio-site .method-steps p{font-size:13px;margin-top:17px;max-width:46ch}
.studio-site .studio-products{border-bottom:1px solid var(--line)}
.studio-site .section-heading .product-status{font-size:11px;margin-top:20px;padding:10px 14px;border-left:2px solid var(--primary);background:var(--soft)}
.studio-site .product-list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.studio-site .product-list article{padding:23px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}
.studio-site .product-list h3{font-size:21px;letter-spacing:-.035em}
.studio-site .product-list p{font-size:13px;max-width:42ch}
.studio-site .studio-contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 0;align-items:start;border:0;scroll-margin-top:120px}
.studio-site .studio-contact>div>h2{font-size:clamp(36px,3.8vw,54px)}
.studio-site .studio-contact>div>p{font-size:15px;max-width:40ch;margin-top:25px}
.studio-site .contact-person{margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}
.studio-site .contact-person strong,.studio-site .contact-person span{display:block;font-size:13px}
.studio-site .contact-person span{color:var(--muted);font-size:11px;margin-top:5px}
.studio-site .contact-person a{display:inline-block;margin-top:25px;font-size:14px}
.studio-site .contact-direct{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:32px;min-width:0}
.studio-site .contact-direct h3{font-size:24px;margin-bottom:14px}
.studio-site .studio-contact .contact-direct>p{font-size:13px;margin:0 0 26px;max-width:none}
.studio-site .contact-direct form{display:block}
.studio-site form label{font-size:12px;font-weight:550;margin-bottom:18px;color:var(--ink)}
.studio-site .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.studio-site input,.studio-site select,.studio-site textarea{font:400 14px/1.5 'Jakarta',Arial,sans-serif;background:var(--bg);border:1px solid #85978c;border-radius:6px;padding:12px 14px;color:var(--ink);width:100%;min-height:46px}
.studio-site input:focus,.studio-site select:focus,.studio-site textarea:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}
.studio-site .checkbox{display:flex;gap:12px;line-height:1.7;font-weight:400}
.studio-site .checkbox input{width:18px;height:18px;min-height:18px;margin:2px 0 0;flex:none;accent-color:var(--primary)}
.studio-site .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.studio-site .contact-direct form .primary{width:100%;margin-top:20px}
.studio-site .contact-direct .fineprint{font-size:10px;line-height:1.9;color:var(--muted);margin:8px 0 18px}
.studio-site .muted{color:var(--muted)}
.studio-site #contact-status,.studio-site #contact-error{font-size:12px;margin-top:14px}
.studio-site #contact-error{color:#952523;background:#fff2ef;border-left:2px solid #952523;padding:12px}
.studio-site #contact-error:empty,.studio-site #contact-status:empty{display:none}
.studio-site .contact-success{padding:24px;background:var(--soft);border-radius:6px}
.studio-site .contact-alternative{border-top:1px solid var(--line);margin-top:25px!important;padding-top:20px;font-size:11px!important}
.studio-site .brand-footer{display:block;max-width:none;margin:0;padding:50px clamp(22px,5vw,76px) 28px;background:var(--soft);border-top:1px solid var(--line);font:inherit;color:var(--ink)}
.studio-site .brand-footer .finner{max-width:1288px;margin:auto;display:grid;grid-template-columns:1fr 1.8fr;gap:14px 10%}
.studio-site .brand-footer .brandrow{display:inline-flex;align-items:center;gap:10px;text-decoration:none;grid-column:1;grid-row:1}
.studio-site .brand-footer .mark{width:25px;height:25px}
.studio-site .brand-footer .wordmark{font:650 28px/1 'Jakarta',Arial,sans-serif;letter-spacing:-.06em}
.studio-site .brand-footer .tagline{font-size:12px;max-width:29ch;grid-column:1;grid-row:2;text-align:left}
.studio-site .brand-footer .nav{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:30px;grid-column:2;grid-row:1/4;text-align:left}
.studio-site .brand-footer .col h2{font:550 12px/1.5 'Jakarta',Arial,sans-serif;letter-spacing:0;margin-bottom:14px}
.studio-site .brand-footer ul{list-style:none;margin:0;padding:0}
.studio-site .brand-footer .col a{display:inline-flex;align-items:center;min-height:33px;font-size:11px;text-decoration:none;color:var(--muted)}
.studio-site .brand-footer .rule{height:1px;background:var(--line);grid-column:1/-1;margin-top:20px}
.studio-site .brand-footer .footrow{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:10px;text-align:left}
.studio-site .brand-footer .legal{font-size:11px;margin:0}
.studio-site .theme-control{font-family:inherit;font-size:11px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);padding:8px 12px;min-height:44px;cursor:pointer}
.studio-site .brand-footer .socials{display:flex;align-items:center;gap:22px}
.studio-site .brand-footer .socials a{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}
.studio-site .brand-footer .socials svg{width:19px;height:19px}
/* Interior pages use the same calm surfaces and real demo previews. */
.studio-site .hero.service-hero{grid-template-columns:1.05fr 1fr;gap:8%;min-height:580px;padding:70px 0 80px}
.studio-site .service-hero h1{font-size:clamp(40px,4.4vw,64px);letter-spacing:-.055em}
.studio-site .service-kicker,.studio-site .about-name{font-size:12px!important;letter-spacing:0;text-transform:none;font-weight:550;color:var(--muted)!important;margin-bottom:24px!important}
.studio-site .service-hero .hero-copy>p:not(.service-kicker){font-size:15px;line-height:1.85;max-width:46ch}
.studio-site .hero-art{transform:none;border-radius:10px;padding:22px;background:var(--soft);border:1px solid var(--line);aspect-ratio:auto!important;overflow:visible}
.studio-site .hero-art img{display:block;aspect-ratio:16/11;object-fit:cover;object-position:top;height:auto;border-radius:6px;border:1px solid var(--line)}
.studio-site .public-section{padding:75px 0}
.studio-site .public-section>h2,.studio-site .public-section>div>h2{font-size:clamp(32px,3.2vw,45px)}
.studio-site .service-lines{display:block;margin-top:36px;border-top:1px solid var(--line)}
.studio-site .service-lines article,.studio-site .service-lines article:first-child,.studio-site .service-lines article:nth-child(2),.studio-site .service-lines article:nth-child(3){display:grid;grid-template-columns:1fr 1fr;gap:8%;min-height:0;padding:28px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.studio-site .service-lines h3{font-size:26px;margin:0}
.studio-site .service-lines p{font-size:14px;margin:0;max-width:48ch}
.studio-site .service-scope aside,.studio-site .about-now,.studio-site .about-direction,.studio-site .service-example,.studio-site .service-next{background:var(--soft);border:1px solid var(--line);border-radius:10px}
.studio-site .service-scope aside h3{font-size:22px}
.studio-site .service-example{padding:40px;margin-top:15px}
.studio-site .service-example h2{font-size:36px!important}
.studio-site .example-art{aspect-ratio:16/11;border:1px solid var(--line);border-radius:6px}
.studio-site .example-art img{object-position:top}
.studio-site .service-next{padding:40px;margin-top:25px}
.studio-site .service-next .primary{flex-shrink:0}
.studio-site .badge{background:var(--surface);border-color:var(--line);color:var(--muted);font-size:11px}
.studio-site .faq summary{font-weight:550}
.studio-site .examples-intro,.studio-site .about-personal{padding:70px 0 80px;align-items:start}
.studio-site .examples-intro h1,.studio-site .about-personal h1{font-size:clamp(42px,4.5vw,64px);letter-spacing:-.055em}
.studio-site .examples-intro>div>p{font-size:16px;max-width:44ch}
.studio-site .examples-intro aside{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:26px}
.studio-site .demo-filters button{font-family:inherit;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;font-size:12px}
.studio-site .demo-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.studio-site .demo-collection-top{margin-bottom:20px}
.studio-site .demo-grid{gap:55px 32px}
.studio-site .demo-card{border-bottom:1px solid var(--line);border-radius:0;background:none}
.studio-site .demo-thumbnail{aspect-ratio:16/10;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:18px}
.studio-site .demo-thumbnail img{border-radius:6px;border:1px solid var(--line);aspect-ratio:16/10}
.studio-site .demo-card h2{font-size:28px!important;font-weight:550;letter-spacing:-.04em}
.studio-site .demo-type{font-size:11px}
.studio-site .demo-card p{font-size:13px}
.studio-site .about-now{padding:32px}
.studio-site .about-now h2{font-size:43px;letter-spacing:-.05em}
.studio-site .about-now dd{color:var(--ink)}
.studio-site .about-journey ol{background:none;border:0;padding:0}
.studio-site .about-journey h2,.studio-site .about-approach h2,.studio-site .about-profiles h2,.studio-site .about-direction h2{font-size:clamp(32px,3.4vw,48px)}
.studio-site .about-journey li{border-left:1px solid var(--line);padding-left:28px}
.studio-site .about-journey h3{font-size:24px;letter-spacing:-.035em}
.studio-site .about-profiles strong{font-size:19px;letter-spacing:-.025em}
.studio-site .about-mail{font-weight:550;letter-spacing:-.04em;font-size:clamp(25px,3.3vw,48px)}
.studio-site.privacy-public .public-main{max-width:1000px;padding-top:70px;padding-bottom:80px}
.studio-site.privacy-public .notice-list{padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:35px}
.studio-site.privacy-public .public-main h1{font-size:clamp(38px,4.3vw,60px)}
.studio-site.privacy-public .public-main h2{font-size:26px;margin-top:36px}
.studio-site.privacy-public .public-main p{font-size:14px;line-height:1.9;color:var(--muted)}
@media(min-width:1101px){.studio-site .site-menu>summary{display:none}}
@media(hover:hover) and (pointer:fine){.studio-site .primary:not(:disabled):hover{transform:translateY(-2px);background:var(--accent-ink)}.studio-site .secondary:hover{background:var(--soft)}.studio-site .service-row:hover h3{transform:translateX(8px);color:var(--primary)}.studio-site .service-row h3{transition:transform .35s cubic-bezier(.16,1,.3,1),color .2s}.studio-site .work-image:hover img{transform:scale(1.035)}.studio-site .quiet:hover,.studio-site .brand-footer a:hover{text-decoration:underline}}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.studio-site .work-item .work-image img{animation:preview-rise linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes preview-rise{from{transform:translateY(12px) scale(.98)}to{transform:none}}}}
@media(max-width:1100px){.studio-site .public-header{height:82px}.studio-site .site-menu>summary{display:block}.studio-site .public-header nav{position:absolute;top:calc(100% + 8px);left:22px;right:22px;width:auto;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 32px #24453314}.studio-site .public-header nav a{font-size:13px}.studio-site .public-header nav .secondary{grid-column:1/-1;margin-top:10px;justify-content:center}.studio-site .studio-hero{gap:5%;padding:55px 0 65px;min-height:540px}.studio-site .studio-hero h1{font-size:clamp(36px,4.6vw,51px)}.studio-site .studio-hero .hero-copy>p:not(.intro-label){font-size:14px}.studio-site .preview-caption{font-size:9px;gap:12px}.studio-site .preview-caption span:first-child{max-width:20ch}.studio-site .studio-statement{grid-template-columns:.8fr 1.5fr auto}.studio-site .studio-statement p:nth-child(2){font-size:17px}.studio-site .service-row{grid-template-columns:1fr 1.2fr;gap:16px}.studio-site .service-row>span{grid-column:2}.studio-site .service-row h3{grid-row:span 2}.studio-site .studio-contact{gap:6%}.studio-site .contact-direct{padding:26px}.studio-site .brand-footer .finner{gap:15px 5%;grid-template-columns:1fr 2fr}}
@media(max-width:767px){.studio-site .public-main{padding-inline:22px}.studio-site .public-header{display:flex;padding:16px 22px;height:78px}.studio-site .public-header .wordmark{font-size:26px}.studio-site .studio-hero{grid-template-columns:1fr;gap:42px;padding:45px 0 50px;min-height:0}.studio-site .studio-hero h1{font-size:clamp(34px,8.7vw,58px);line-height:1.15}.studio-site .intro-label{margin-bottom:22px;font-size:11px}.studio-site .studio-hero .hero-copy>p:not(.intro-label){font-size:14px;margin-top:22px;max-width:42ch}.studio-site .button-row{margin-top:25px;gap:10px 22px;align-items:center;flex-direction:row}.studio-site .primary,.studio-site .secondary,.studio-site .quiet{font-size:12px}.studio-site .primary{padding:14px 17px;gap:15px}.studio-site .preview-selector{margin-bottom:18px}.studio-site .preview-caption{font-size:10px;gap:12px}.studio-site .preview-caption span:first-child{max-width:none}.studio-site .preview-note{font-size:9px;margin-top:17px}.studio-site .studio-statement{grid-template-columns:1fr;gap:16px;padding:25px 0}.studio-site .studio-statement p:first-child{max-width:none;font-size:11px}.studio-site .studio-statement p:nth-child(2){font-size:20px}.studio-site .studio-statement a{min-height:36px}.studio-site .studio-services,.studio-site .studio-work,.studio-site .studio-method,.studio-site .studio-products{padding:58px 0}.studio-site .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.studio-site .section-heading h2{font-size:34px}.studio-site .section-heading>p,.studio-site .section-heading>div>p{font-size:14px;max-width:43ch}.studio-site .service-row{grid-template-columns:1fr;gap:14px;padding:28px 0}.studio-site .service-row h3{font-size:27px;grid-row:auto}.studio-site .service-row>span{grid-column:auto}.studio-site .service-row p{font-size:13px;max-width:42ch}.studio-site .work-grid{grid-template-columns:1fr;gap:26px}.studio-site .work-item:nth-child(2){padding-top:0}.studio-site .work-image{padding:20px}.studio-site .work-image img{aspect-ratio:16/11}.studio-site .work-info{padding:20px 0}.studio-site .work-info h3{font-size:24px}.studio-site .work-wide{grid-template-columns:1fr;gap:25px;padding:26px}.studio-site .work-wide h3{font-size:29px}.studio-site .work-wide .work-image{padding:0}.studio-site .studio-method{grid-template-columns:1fr;gap:35px}.studio-site .method-heading{position:static}.studio-site .method-heading p{max-width:43ch}.studio-site .method-steps article{padding-left:24px}.studio-site .method-steps h3{font-size:25px}.studio-site .product-list article{grid-template-columns:1fr;gap:12px;padding:24px 0}.studio-site .product-list h3{font-size:22px}.studio-site .studio-contact{grid-template-columns:1fr;gap:35px;padding:58px 0;scroll-margin-top:100px}.studio-site .studio-contact>div>h2{font-size:38px}.studio-site .contact-person{margin-top:28px;padding-top:22px}.studio-site .contact-direct{padding:25px 20px}.studio-site .contact-direct h3{font-size:25px}.studio-site .form-grid{grid-template-columns:1fr;gap:0}.studio-site input,.studio-site select,.studio-site textarea{font-size:16px}.studio-site .contact-direct .fineprint{font-size:11px}.studio-site .brand-footer{padding:38px 22px 24px}.studio-site .brand-footer .finner{grid-template-columns:1fr;gap:18px}.studio-site .brand-footer .brandrow{grid-row:1}.studio-site .brand-footer .tagline{grid-row:2;max-width:36ch}.studio-site .brand-footer .nav{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:12px}.studio-site .brand-footer .c3{grid-column:1/-1}.studio-site .brand-footer .c3 ul{columns:2;column-gap:18px}.studio-site .brand-footer .col a{min-height:42px}.studio-site .brand-footer .footrow{flex-wrap:wrap;gap:15px;padding-top:0}.studio-site .brand-footer .socials{gap:18px}.studio-site .hero.service-hero{display:grid;grid-template-columns:1fr;gap:35px;padding:45px 0 55px;min-height:0}.studio-site .service-hero h1{font-size:clamp(36px,8.8vw,54px)}.studio-site .hero-art{width:100%;padding:16px;max-height:none}.studio-site .service-hero .button-row{flex-direction:row;gap:10px 24px}.studio-site .public-section{padding:48px 0}.studio-site .service-lines article,.studio-site .service-lines article:first-child,.studio-site .service-lines article:nth-child(2),.studio-site .service-lines article:nth-child(3){grid-template-columns:1fr;gap:16px;padding:25px 0}.studio-site .service-scope aside{margin-top:28px;padding:26px}.studio-site .service-example{padding:26px}.studio-site .service-example h2{font-size:31px!important}.studio-site .example-art{aspect-ratio:16/11}.studio-site .service-next{padding:26px}.studio-site .examples-intro,.studio-site .about-personal{padding:45px 0 55px}.studio-site .examples-intro h1,.studio-site .about-personal h1{font-size:clamp(36px,9.2vw,54px)}.studio-site .examples-intro>div>p{font-size:15px}.studio-site .examples-intro aside{margin-top:28px;padding:23px}.studio-site .demo-collection-top{display:block}.studio-site .demo-collection-top>p{margin-top:18px}.studio-site .demo-grid{gap:35px}.studio-site .demo-thumbnail{padding:12px}.studio-site .about-now{padding:26px;margin-top:35px}.studio-site .about-journey li{padding-left:23px}.studio-site .about-direction{padding:26px}.studio-site .about-profiles a{min-width:0}.studio-site.privacy-public .public-main{padding-top:45px;padding-bottom:55px}.studio-site.privacy-public .notice-list{padding:24px}.studio-site.privacy-public .public-main h1{font-size:38px}}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .site-public.studio-site{--bg:#171f1b;--ink:#e8eeea;--primary:#9cd2b3;--muted:#b0bdb5;--line:#3b4b42;--soft:#222e27;--surface:#1c2720;--accent:#345442;--accent-ink:#aedfc1}html:not([data-theme=light]) .studio-site .primary{color:#17281d}html:not([data-theme=light]) .studio-site #contact-error{color:#ffc6bc;background:#422520}}
html[data-theme=dark] .site-public.studio-site{--bg:#171f1b;--ink:#e8eeea;--primary:#9cd2b3;--muted:#b0bdb5;--line:#3b4b42;--soft:#222e27;--surface:#1c2720;--accent:#345442;--accent-ink:#aedfc1}
html[data-theme=dark] .studio-site .primary{color:#17281d}
html[data-theme=dark] .studio-site #contact-error{color:#ffc6bc;background:#422520}
@media(prefers-reduced-motion:reduce){.studio-site *,.studio-site *::before,.studio-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-site .work-image img{transform:none!important}}
/* Demo screenshots keep their complete interface, including left-hand navigation. */
.studio-site .project-preview img,.studio-site .hero-art img,.studio-site .work-image img,.studio-site .work-wide .work-image img{aspect-ratio:16/9;object-fit:contain;object-position:top}
.studio-site .demo-thumbnail img,.studio-site .example-art img{object-fit:contain;object-position:top}