/* cyrillic-ext */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/geologica-0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/geologica-1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/geologica-2.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/geologica-3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/geologica-4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/geologica-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Better-design house-style port. Source of truth: ../DESIGN.md, r2. */
:root,:root[data-theme=dark]{--color-canvas:#000;--color-surface:#161617;--color-surface-raised:#1d1d1f;--color-text:#f5f5f7;--color-text-secondary:#a1a1a6;--color-hairline:rgb(255 255 255 / .1);--color-field-border:#86868b;--color-action:#f5f5f7;--color-on-action:#000;--color-link:#2997ff;--color-focus:#2997ff;--color-danger:#ff453a;--color-success:#30d158;--font-ui:Geologica,-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Roboto,sans-serif;--ease-standard:cubic-bezier(.28,.11,.32,1);--ease-color:cubic-bezier(.25,.1,.25,1);--radius-tile:28px;--radius-card:18px;--radius-field:12px;--radius-pill:9999px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-120:120px;--space-160:160px;--type-hero:80px;--type-headline:56px;--type-title:40px;--type-intro:28px;--type-lead:21px;--type-body:17px;--type-small:14px;--type-caption:12px;color-scheme:dark}
[data-theme=light],:root[data-theme=light]{--color-canvas:#fff;--color-surface:#f5f5f7;--color-surface-raised:#fff;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-hairline:rgb(0 0 0 / .1);--color-action:#1d1d1f;--color-on-action:#fff;--color-link:#0066cc;--color-focus:#0071e3;--color-danger:#d70015;--color-success:#1a7f37;color-scheme:light}
/* Bridge legacy tool variables to the same semantic system in both themes. */
:root,:root[data-theme=dark],:root[data-theme=light],[data-theme=light]{--bg:var(--color-canvas);--white:var(--color-surface);--ink:var(--color-text);--muted:var(--color-text-secondary);--line:var(--color-hairline);--accent:var(--color-link);--pale:var(--color-surface);--lead:var(--color-text-secondary);--button:var(--color-action);--button-hover:var(--color-action);--image-bg:var(--color-surface);--field-border:var(--color-field-border);--error:var(--color-danger);--ui-focus-ring:var(--color-focus)}
body{font:340 var(--type-body)/1.5 var(--font-ui);letter-spacing:0;font-variation-settings:'CRSV' 0,'SHRP' 0,'slnt' 0;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink)}button,input,textarea,select{font-family:var(--font-ui)}h1,h2,h3{font-family:var(--font-ui);font-weight:500}h1{font-size:clamp(48px,7vw,var(--type-hero));line-height:1.05;letter-spacing:-.035em}h2{font-size:clamp(40px,5vw,var(--type-headline));line-height:1.07;letter-spacing:-.03em}h3{font-size:clamp(32px,3.5vw,var(--type-title));line-height:1.1;letter-spacing:-.025em}a{color:inherit}main,.site-header,.site-footer{max-width:1440px;padding-inline:var(--space-48);margin-inline:auto}.site-header{min-height:var(--space-80);gap:var(--space-24);border:0}.brand{flex-shrink:0}.brand .brand-word,.site-header>.brand>span:not(.monogram){font-size:var(--type-lead);font-weight:500;letter-spacing:-.03em;display:block;line-height:1.2}.navigation{gap:var(--space-24);font-size:var(--type-caption);font-weight:400}.navigation a{min-height:44px;display:inline-flex;align-items:center;padding:var(--space-8) 0;color:var(--muted);border:0}.navigation [aria-current=page]{color:var(--ink);border:0}.navigation a:hover{color:var(--ink)}button.theme-control{width:44px;height:44px;border:0;background:var(--color-surface);border-radius:var(--radius-pill)}.theme-control svg{width:var(--space-20);height:var(--space-20)}.menu-toggle{min-height:44px;padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);border:1px solid var(--field-border);font-size:var(--type-small);font-weight:400;display:inline-flex;align-items:center;gap:var(--space-8)}
.button,.filters button{min-height:44px;padding:var(--space-12) 22px;border-radius:var(--radius-pill);font-size:var(--type-body);line-height:1.2;font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8)}.button{border:0;background:var(--color-action);color:var(--color-on-action)}.button:hover{background:var(--color-action);color:var(--color-on-action)}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--field-border)}.button.secondary:hover{background:var(--color-surface);color:var(--ink)}.actions{display:flex;align-items:center;gap:var(--space-24);flex-wrap:wrap;margin-top:var(--space-32)}.text-link{font-size:var(--type-body);font-weight:400;border:0;color:var(--ink);padding:var(--space-8) 0}.small,.eyebrow,.breadcrumb{font-size:var(--type-small);line-height:1.43;color:var(--muted);font-weight:400}.eyebrow{letter-spacing:.005em;text-transform:none;margin-bottom:var(--space-16)}.breadcrumb{padding-block:var(--space-24);gap:var(--space-12)}
/* Home is new composition: type → wide real work → editorial service index. */
.cover{text-align:center;padding:var(--space-80) 0 var(--space-64);max-width:1100px;margin:auto}.cover h1{margin:0}.cover h1>span,.chapter-heading h2>span{color:var(--muted)}.cover-intro{font-size:var(--type-lead);line-height:1.4;color:var(--muted);max-width:640px;margin:var(--space-24) auto 0}.cover .actions{justify-content:center}.cover-location{font-size:var(--type-caption);color:var(--muted);margin:var(--space-24) 0 0}.featured-work{padding:0;max-width:1200px;margin:auto}.work-caption{display:flex;justify-content:space-between;align-items:end;gap:var(--space-24);margin-bottom:var(--space-24)}.work-caption h2{font-size:var(--type-intro);line-height:1.18;margin:var(--space-8) 0 0;letter-spacing:-.01em}.work-caption .small{font-size:var(--type-caption)}.wide-shot{display:block;border-radius:var(--radius-tile);overflow:hidden;background:var(--color-surface);padding:var(--space-32)}.wide-shot img{display:block;width:100%;height:auto;border-radius:var(--radius-field)}.service-index{padding:var(--space-120) 0}.index-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-80);align-items:center;margin-bottom:var(--space-64)}.index-heading h2{margin:0}.index-heading>p{font-size:var(--type-lead);line-height:1.4;color:var(--muted);max-width:40ch;margin:0}.service-rows{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:var(--space-48) 1fr 1fr var(--space-32);gap:var(--space-32);align-items:center;padding:var(--space-40) 0;border-bottom:1px solid var(--line)}.row-no{font-size:var(--type-caption);font-variant-numeric:tabular-nums;color:var(--muted)}.service-row h3{font-size:var(--type-intro);margin:0;letter-spacing:-.025em}.service-row p{font-size:var(--type-small);color:var(--muted);margin:0;max-width:48ch}.row-arrow{font-size:var(--type-intro);line-height:1}.tool-chapter{padding:0 0 var(--space-120)}.chapter-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-80);align-items:end;margin-bottom:var(--space-48)}.chapter-heading h2{margin:0}.chapter-heading>p{color:var(--muted);max-width:40ch;margin:0}.tool-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.tool-tile{border-radius:var(--radius-tile);background:var(--color-surface);padding:var(--space-48) var(--space-40) 0;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-40)}.tool-tile h3{margin:0 0 var(--space-24)}.tool-tile p{font-size:var(--type-body);color:var(--muted);max-width:38ch;margin-bottom:var(--space-16)}.tool-tile img{display:block;width:100%;height:auto;border-radius:var(--radius-field) var(--radius-field) 0 0;margin-top:auto}.author-chapter{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-80);background:var(--bg);color:var(--ink);padding:var(--space-80);border-radius:var(--radius-tile)}.author-chapter h2{margin:var(--space-32) 0 0}.author-intro{font-size:var(--type-intro);line-height:1.4;letter-spacing:-.01em}.author-chapter>div>p:not(.author-intro){color:var(--muted)}.author-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-32);padding-block:var(--space-32);border-block:1px solid var(--line);margin-bottom:var(--space-32)}.author-notes h3{font-size:var(--type-body);font-weight:500;letter-spacing:0;margin-bottom:var(--space-12)}.author-notes p{font-size:var(--type-small);color:var(--muted);margin:0}
/* Shared editorial chapters and portfolio. */
.section{padding:var(--space-80) 0;border-top:0}.section-heading{gap:var(--space-24);align-items:baseline;margin-bottom:var(--space-40)}.inner-hero{padding:var(--space-64) 0 var(--space-80)}.inner-hero h1{max-width:1000px;font-size:clamp(48px,7vw,var(--type-hero));line-height:1.05;margin-bottom:var(--space-24);letter-spacing:-.035em}.inner-hero .hero-lead{font-size:var(--type-lead);line-height:1.4;max-width:760px;color:var(--muted)}.inner-hero .eyebrow{color:var(--muted)}.project{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-64);padding:0;border:0;border-radius:0;background:transparent;align-items:start;margin:var(--space-32) 0 var(--space-64)}.project-image{border-radius:var(--radius-tile);background:var(--color-surface);padding:var(--space-24)}.project-image img{border:0;box-shadow:none;border-radius:var(--radius-field)}.project-content{padding:0}.project h2{font-size:var(--type-title);line-height:1.1}.project dl,.demo-card dl{font-size:var(--type-small);line-height:1.5}.project dt{font-weight:500}.project dd{margin-top:var(--space-4)}.project-check summary{font-weight:400;font-size:var(--type-small);padding-block:var(--space-12)}.project-check p{font-size:var(--type-small)}.demo-projects{grid-template-columns:1fr 1fr;gap:var(--space-24)}.demo-card{border:0;border-radius:var(--radius-tile);background:var(--color-surface)}.demo-copy{padding:var(--space-40)}.demo-copy h2{font-size:var(--type-title);font-weight:500}.filters{gap:var(--space-12);margin-bottom:var(--space-48)}.filters button{font-size:var(--type-small);border:1px solid var(--field-border);background:transparent}.filters [aria-pressed=true]{background:var(--color-action);color:var(--color-on-action);border-color:var(--color-action)}
/* Service options are grouped by their actual scope, never invented price claims. */
.offer-group{padding:var(--space-48) 0;border-bottom:1px solid var(--line)}.offer-group h2{font-size:var(--type-title)}.offer-summary,.intro-note{max-width:70ch;color:var(--muted)}.offer-group .price-grid{gap:var(--space-24);margin-top:var(--space-32)}.services .price-card{padding:var(--space-32);border:0;border-radius:var(--radius-card);background:var(--color-surface)}.price-card h3{font-size:var(--type-intro);line-height:1.18;margin-bottom:var(--space-32)}.services .service-price{font-size:var(--type-title);font-weight:400;line-height:1.1;color:var(--ink);white-space:normal}.services .service-timing{color:var(--muted)}.services p{font-size:var(--type-small)}.offer-actions{gap:var(--space-24);margin-top:var(--space-24)}.callout{border:0;border-radius:var(--radius-field);padding:var(--space-24);background:var(--color-surface);font-size:var(--type-body)}.about,.skills{grid-template-columns:1fr 1.5fr;gap:var(--space-80)}.about .large{font-size:var(--type-lead)}.about h2{font-size:var(--type-title)}.example-preview{gap:var(--space-64)}.example-preview img{border-radius:var(--radius-tile)}.example-preview .button{margin-top:var(--space-24)}.pricing-terms summary{font-weight:400;padding-block:var(--space-8)}.closing{padding:var(--space-120) 0;align-items:center;gap:var(--space-40)}.closing h2{font-size:clamp(48px,7vw,var(--type-hero));font-weight:500;margin:0}.closing .eyebrow{margin-bottom:var(--space-16)}.site-footer{padding-block:var(--space-40);font-size:var(--type-caption);color:var(--muted);border-top:1px solid var(--line)}
.contact-grid{grid-template-columns:1fr 1fr;gap:var(--space-24)}.contact-grid>a,.contact-grid .contact-max,.contact-grid .contact-whatsapp,.contact-grid .contact-primary{background:var(--color-surface);color:var(--ink);border:0;border-radius:var(--radius-tile);padding:var(--space-40);gap:var(--space-24);min-height:0}.contact-grid>a:hover,.contact-grid .contact-max:hover,.contact-grid .contact-whatsapp:hover,.contact-grid .contact-primary:hover{background:var(--color-surface-raised);color:var(--ink)}.contact-grid .eyebrow,.contact-grid .contact-max .eyebrow,.contact-grid .contact-whatsapp .eyebrow,.contact-grid .contact-primary .eyebrow{color:var(--muted)}.contact-grid strong{font-size:var(--type-title);font-weight:400;letter-spacing:-.025em}.contact-grid>a>span:last-child{font-size:var(--type-small);color:var(--ink)}
/* Workspaces: same monochrome system, smaller typography, functioning original tools. */
.demo-panel,.calculation-summary,.order-sheet{padding:var(--space-32);border-radius:var(--radius-card);border:0;background:var(--color-surface)}input,textarea,select,.demo-panel input,.demo-panel textarea,.calculator-section select{background:var(--color-surface-raised);color:var(--ink);border:1px solid var(--field-border);border-radius:var(--radius-field);font-family:var(--font-ui)}input:not([type=checkbox],[type=radio]),select{min-height:44px}.demo-panel label,.order-sheet h3{font-weight:400}.order-sheet h2{font-size:var(--type-intro)}.order-sheet header{border-bottom:1px solid var(--line)}.order-sheet h3{font-size:var(--type-caption)}.demo-panel h2{font-size:var(--type-intro)}.topbar{max-width:1440px;margin:auto;padding:var(--space-24) var(--space-48);background:var(--bg);border-bottom:1px solid var(--line)}.topbar .brand{font-family:var(--font-ui);color:var(--ink);font-weight:500}.topbar nav{gap:var(--space-24);font-size:var(--type-small)}body:has(.topbar) main{padding-inline:var(--space-48);max-width:1440px}body:has(.topbar) .hero{padding:var(--space-64) 0}body:has(.topbar) h1{font-size:clamp(40px,5vw,var(--type-headline));line-height:1.07}body:has(.topbar) h2{font-size:var(--type-intro)}body:has(.topbar) h3{font-size:var(--type-lead)}body:has(.topbar) .input-card,body:has(.topbar) .panel,body:has(.topbar) .example-card{border:0;background:var(--color-surface);border-radius:var(--radius-card)}body:has(.topbar) .hero-notes{color:var(--muted)}body:has(.topbar) .input-grid{gap:var(--space-24)}.table-wrap{max-width:100%;overflow-x:auto}summary{cursor:pointer}[hidden]{display:none!important}
/* Interaction kit: no always-visible outline, and no legacy hover transform. */
a.ui-press,button.ui-press,summary.ui-press{outline:2px solid transparent;outline-offset:2px;transition:transform var(--ui-release) var(--ui-spring-pop),background-color var(--ui-hover) var(--ui-ease-color),color var(--ui-hover) var(--ui-ease-color),filter var(--ui-hover) var(--ui-ease-color)}a.ui-press:focus-visible,button.ui-press:focus-visible,summary.ui-press:focus-visible{outline-color:var(--color-focus)}a.ui-press:hover,button.ui-press:hover,summary.ui-press:hover{transform:scale(1)}a.ui-press[data-pressed],button.ui-press[data-pressed],summary.ui-press[data-pressed]{transform:scale(var(--ui-press-scale,.96));transition-duration:var(--ui-press-down);transition-timing-function:var(--ui-ease-out)}.ui-press:not(.button):hover{color:var(--ink)}.text-link.ui-press:hover{color:var(--muted)}.ui-press--on-dark{--ui-press-brightness:.9;--ui-hover-brightness:.96}.navigation.is-open{animation:menu-in 300ms var(--ease-standard)}@keyframes menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-category]:not([hidden]){animation:content-in 200ms var(--ease-standard)}@keyframes content-in{from{opacity:.4}to{opacity:1}}
@media(min-width:1101px){button.menu-toggle{display:none}}
@media(max-width:1100px){.site-header{padding-block:var(--space-16);min-height:var(--space-80)}.cover{padding-top:var(--space-64)}.navigation{gap:var(--space-16)}.navigation a{padding-inline:var(--space-8)}.index-heading,.chapter-heading{gap:var(--space-40)}.service-row{grid-template-columns:var(--space-32) 1fr 1fr var(--space-24);gap:var(--space-24)}.project{gap:var(--space-32)}.author-chapter{padding:var(--space-48);gap:var(--space-48)}.tool-tile{padding:var(--space-32) var(--space-24) 0}.order-layout,.demo-layout{grid-template-columns:1fr}}
@media(max-width:734px){:root{--type-hero:48px;--type-headline:40px;--type-title:32px;--type-intro:21px;--type-lead:19px}main,.site-header,.site-footer,body:has(.topbar) main{padding-inline:var(--space-24)}.site-header{gap:var(--space-12)}.site-header>.brand>span:not(.monogram){font-size:var(--type-small);max-width:140px}.theme-control{margin-left:auto}.menu-toggle{padding-inline:var(--space-12);font-size:var(--type-caption)}.navigation{grid-template-columns:1fr;gap:var(--space-8)}.cover{padding-top:var(--space-48);padding-bottom:var(--space-48)}.cover h1{font-size:clamp(36px,8.8vw,48px);overflow-wrap:normal}.cover-intro{font-size:var(--type-lead);margin-top:var(--space-24)}.cover .actions{gap:var(--space-16);margin-top:var(--space-24)}.cover .button{font-size:var(--type-small)}.cover .text-link{font-size:var(--type-small)}.cover-location{font-size:var(--type-caption)}.work-caption{display:block;margin-bottom:var(--space-24)}.work-caption .text-link{margin-top:var(--space-12);font-size:var(--type-small)}.work-caption h2{font-size:var(--type-intro)}.wide-shot{padding:var(--space-12);border-radius:var(--radius-card)}.wide-shot img{border-radius:var(--radius-field)}.service-index{padding:var(--space-80) 0}.index-heading,.chapter-heading{grid-template-columns:1fr;gap:var(--space-24);margin-bottom:var(--space-40)}.index-heading p{font-size:var(--type-body)}.service-row{grid-template-columns:var(--space-24) 1fr var(--space-24);gap:var(--space-16);padding:var(--space-32) 0}.service-row h3{font-size:var(--type-intro)}.service-row p{grid-column:2;grid-row:2}.service-row .row-arrow{grid-column:3;grid-row:1}.tool-chapter{padding-bottom:var(--space-80)}.tool-tiles,.project,.about,.skills,.example-preview,.demo-projects,.contact-grid{grid-template-columns:1fr;gap:var(--space-32)}.tool-tile{padding:var(--space-32) var(--space-24) 0;gap:var(--space-32)}.tool-tile h3{font-size:var(--type-title)}.author-chapter{grid-template-columns:1fr;padding:var(--space-32) var(--space-24);gap:var(--space-40)}.author-chapter h2{margin-top:var(--space-16)}.author-chapter h2 br{display:none}.author-notes{grid-template-columns:1fr;gap:var(--space-24)}.author-intro{font-size:var(--type-intro)}.section{padding:var(--space-64) 0}.inner-hero{padding:var(--space-40) 0 var(--space-64)}.inner-hero h1{font-size:40px}.inner-hero .hero-lead{font-size:var(--type-lead)}.section-heading{display:block}.section-heading .small{display:block;margin-top:var(--space-16)}.project h2,.offer-group h2{font-size:var(--type-title)}.project-image{padding:var(--space-16)}.services .price-card,.demo-copy,.demo-panel,.calculation-summary,.order-sheet{padding:var(--space-24)}.services .service-price{font-size:var(--type-title)}.offer-actions{align-items:stretch;gap:var(--space-16)}.actions{gap:var(--space-16)}.actions .button{max-width:100%;white-space:normal}.contact-grid>a{padding:var(--space-32)}.contact-grid strong{font-size:var(--type-intro)}.closing{padding:var(--space-80) 0;align-items:start;flex-direction:column;gap:var(--space-32)}.closing h2{font-size:48px}.topbar{padding:var(--space-24);flex-wrap:wrap;gap:var(--space-16)}.topbar nav{flex-wrap:wrap;gap:var(--space-16)}body:has(.topbar) .hero{padding:var(--space-40) 0}.order-pair{grid-template-columns:1fr}.breadcrumb{flex-wrap:wrap}.related-prices{gap:var(--space-16)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}a.ui-press,button.ui-press,summary.ui-press{transform:none!important;transition-property:color,background-color,filter}.ui-press[data-pressed]{filter:brightness(.85)!important}}

.filters button[aria-pressed=true],.filters button[aria-pressed=true]:hover{color:var(--color-on-action);background:var(--color-action)}

/* r3: concrete cover and compact service pages; retain full package contents. */
:root{--type-cover:64px;--type-service-phone:32px}
.cover h1{font-size:clamp(36px,6vw,var(--type-cover))}
.cover-intro{max-width:760px}
.service-page .inner-hero{padding:var(--space-32) 0 var(--space-40)}
.service-page .inner-hero h1{font-size:var(--type-headline);margin-bottom:var(--space-16)}
.service-page .inner-hero .hero-lead{max-width:70ch;font-size:var(--type-body)}
.service-page .inner-hero .actions{margin-top:var(--space-24)}
.service-page .section{padding:var(--space-40) 0}
.service-page .section-heading{margin-bottom:var(--space-24)}
.service-page .section-heading h2,.service-page #examples>h2{font-size:var(--type-title)}
.service-page .project{gap:var(--space-40);margin:var(--space-24) 0 0}
.service-page .offer-group{padding:var(--space-32) 0}
.service-page .offer-group .price-grid{margin-top:var(--space-24)}
.service-page .price-card h3{margin-bottom:var(--space-16)}
.service-page .services .price-card{padding:var(--space-24)}
.service-page .callout{padding:var(--space-16)}
.service-page .about{gap:var(--space-40)}
.service-page .closing{padding:var(--space-64) 0}
@media(max-width:734px){
 .cover{padding:var(--space-40) 0}
 .cover h1{font-size:36px}
 .cover-intro{font-size:var(--type-body)}
 .service-page .inner-hero{padding:var(--space-24) 0 var(--space-32)}
 .service-page .inner-hero h1{font-size:var(--type-service-phone)}
 .service-page .section{padding:var(--space-32) 0}
 .service-page .section-heading h2,.service-page #examples>h2,.service-page .offer-group h2{font-size:var(--type-intro)}
 .service-page .project,.service-page .about{gap:var(--space-24)}
}

/* Grid items must shrink below their min-content width on narrow phones. */
.project > *{min-width:0}
.project-content{overflow-wrap:anywhere}
/* Buttons and links side by side in demo teasers; longer Kazakh labels wrap with a gap. */
.example-preview .button,.example-preview .text-link{margin:var(--space-8) var(--space-24) 0 0}
/* Footer: brand and location on the left, contact links together on the right. */
.site-footer{flex-wrap:wrap;justify-content:flex-start;column-gap:var(--space-24)}
.site-footer>span:not(.accent-dot){margin-right:auto}
/* Single client project: compact card until there are enough projects for a showcase. */
.project{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-40)}
.project-image img{width:100%;max-height:340px;object-fit:cover;object-position:top}
.project h2{font-size:var(--type-intro)}
@media(max-width:900px){.project{grid-template-columns:1fr}.project-image img{max-height:260px}}