:root{
  color-scheme:dark;
  --color-raw-coffee-950:#180f09;
  --color-raw-coffee-900:#281d13;
  --color-raw-coffee-850:#332619;
  --color-raw-coffee-800:#3e3023;
  --color-raw-sand-100:#f2eade;
  --color-raw-sand-300:#c3b9a9;
  --color-raw-sand-500:#9b8c7c;
  --color-raw-sand-700:#5f5347;
  --color-raw-terra-400:#e78a45;
  --color-raw-terra-300:#f2a26a;
  --color-raw-gold-300:#e3be80;
  --color-raw-gold-200:#f4d29b;
  --color-raw-error-300:#feac9e;
  --color-raw-error-900:#3c201b;
  --color-semantic-surface-base:var(--color-raw-coffee-950);
  --color-semantic-surface-section:var(--color-raw-coffee-900);
  --color-semantic-surface-card:var(--color-raw-coffee-850);
  --color-semantic-surface-hover:var(--color-raw-coffee-800);
  --color-semantic-text-primary:var(--color-raw-sand-100);
  --color-semantic-text-secondary:var(--color-raw-sand-300);
  --color-semantic-border-default:var(--color-raw-sand-700);
  --color-semantic-border-control:var(--color-raw-sand-500);
  --color-semantic-action-primary:var(--color-raw-terra-400);
  --color-semantic-action-hover:var(--color-raw-terra-300);
  --color-semantic-action-text:var(--color-raw-coffee-950);
  --color-semantic-accent:var(--color-raw-gold-300);
  --color-semantic-focus:var(--color-raw-gold-300);
  --color-semantic-error-text:var(--color-raw-error-300);
  --color-semantic-error-surface:var(--color-raw-error-900);
  --component-card-background:var(--color-semantic-surface-card);
  --component-button-background:var(--color-semantic-action-primary);
  --component-button-text:var(--color-semantic-action-text);
  --component-input-background:var(--color-semantic-surface-base);
  --component-input-border:var(--color-semantic-border-control);
  --paper:var(--color-semantic-surface-base);
  --white:var(--color-semantic-surface-card);
  --ink:var(--color-semantic-text-primary);
  --muted:var(--color-semantic-text-secondary);
  --deep:var(--color-semantic-surface-section);
  --sage:var(--color-semantic-surface-section);
  --blue:var(--color-semantic-surface-section);
  --dark-text:var(--color-semantic-text-primary);
  --green:var(--color-semantic-accent);
  --orange:var(--color-semantic-action-primary);
  --line:var(--color-semantic-border-default);
  --focus:var(--color-semantic-focus);
  --serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;
  --anchor-offset:106px;--gutter:clamp(1.125rem,3.6vw,3.5rem);
  --section-space:clamp(4rem,3rem + 3vw,7rem);--radius:8px;
}
@supports(color:oklch(.5 .1 60)){:root{
  --color-raw-coffee-950:oklch(0.18 0.02 60);
  --color-raw-coffee-900:oklch(0.24 0.025 62);
  --color-raw-coffee-850:oklch(0.28 0.03 65);
  --color-raw-coffee-800:oklch(0.32 0.03 65);
  --color-raw-sand-100:oklch(0.94 0.018 80);
  --color-raw-sand-300:oklch(0.79 0.025 80);
  --color-raw-sand-500:oklch(0.65 0.03 70);
  --color-raw-sand-700:oklch(0.45 0.025 65);
  --color-raw-terra-400:oklch(0.72 0.14 55);
  --color-raw-terra-300:oklch(0.78 0.12 55);
  --color-raw-gold-300:oklch(0.82 0.09 80);
  --color-raw-gold-200:oklch(0.88 0.08 80);
  --color-raw-error-300:oklch(0.82 0.1 30);
  --color-raw-error-900:oklch(0.28 0.045 30);
}}
/* END GENERATED TOKENS */
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:var(--anchor-offset)}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.75 var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none;touch-action:manipulation}
button{cursor:pointer;touch-action:manipulation}
button:disabled{cursor:default;opacity:.55}
img{max-width:100%;height:auto}
p,h1,h2,h3,figure,dl,dd{margin:0}
p{color:var(--muted)}
.hero-context,.section-heading>p,.note-copy>p{text-wrap:pretty}
h1,h2,h3{font-weight:500;line-height:1.13;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word}
h2{font-size:clamp(2.15rem,1.5rem + 2.5vw,3.75rem)}
h3{font-size:1.5rem}
em{font-family:var(--serif);font-weight:400}
h2 em{color:var(--color-semantic-accent)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
::selection{background:var(--green);color:var(--ink)}
.container{width:min(1280px,calc(100% - 2 * var(--gutter)));margin-inline:auto}
.section-space{padding-block:var(--section-space)}
.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:end;margin-bottom:2.75rem}
.section-heading>p{max-width:46ch;font-size:1rem;line-height:1.85}
.kicker,.eyebrow{font:650 .6875rem/1.65 var(--sans);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:1.4rem}
.kicker.light{color:var(--green)}
.skip-link{position:fixed;left:1rem;top:-150px;z-index:100;background:var(--white);color:var(--ink);border:2px solid var(--deep);padding:1rem}
.skip-link:focus{top:1rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:56px;padding:1rem 1.5rem;border:1px solid transparent;border-radius:4px;font-size:.875rem;font-weight:650;line-height:1.5;text-align:center;transition:background .16s,color .16s,border-color .16s}
.button-orange{background:var(--orange);color:var(--ink);border-color:var(--color-semantic-border-default)}
.button-orange:hover{background:var(--color-semantic-action-hover);border-color:var(--color-semantic-border-default)}
.button-dark{background:var(--deep);color:var(--ink)}
.button-dark:hover{background:var(--color-semantic-surface-hover)}
.button-lime{background:var(--green);color:var(--ink)}
.button-lime:hover{background:var(--color-semantic-action-hover)}
.button-outline{border-color:var(--color-semantic-border-control);background:transparent}
.button-outline:hover{background:var(--color-semantic-surface-hover)}
.text-link{display:inline-flex;align-items:center;gap:1rem;background:none;border:0;padding:.65rem 0;min-height:44px;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;line-height:1.6}
.text-link:hover{text-decoration-thickness:2px}
/* Navigation: HTML links and disclosure, with a visible current-section cue. */
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line);transition:box-shadow .16s}
.site-header.is-scrolled{box-shadow:0 5px 18px #09060440}
.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.7rem;flex-shrink:0}
.brand-wordmark{font:600 1.55rem/1.05 var(--sans);letter-spacing:-.045em;white-space:nowrap}
.brand-sites{font-weight:400}.brand-wordmark b{color:var(--color-semantic-accent)}
.brand-mark{display:grid;grid-template-columns:repeat(2,1fr);width:28px;height:28px;gap:2px;flex-shrink:0}
.brand-mark i{background:var(--deep);border-radius:60% 0 0 0}
.brand-mark i:nth-child(2){background:#52778a;transform:rotate(90deg)}
.brand-mark i:nth-child(3){background:var(--color-semantic-accent);transform:rotate(-90deg)}
.brand-mark i:nth-child(4){background:#637d40;transform:rotate(180deg)}
.main-nav{display:flex;gap:clamp(.8rem,1.6vw,1.6rem);font-size:.8125rem}
.main-nav a{position:relative;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.main-nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--deep);transform:scaleX(0);transform-origin:left;transition:transform .16s}
.main-nav a:hover:after,.main-nav a[aria-current=location]:after{transform:scaleX(1)}
.header-cta{display:inline-flex;gap:1.4rem;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1.1rem;border:1px solid var(--deep);border-radius:4px;background:var(--deep);color:var(--ink);font-size:.8125rem;font-weight:600;white-space:nowrap}
.header-cta:hover{background:var(--color-semantic-surface-hover)}
.menu-toggle{display:none}
/* Opening: real projects and a deliberate type scale. */
.hero-editorial{padding-top:clamp(2.5rem,4vw,4.5rem);padding-bottom:0;background:var(--paper)}
.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero-copy,.hero-work{min-width:0}
.eyebrow{display:flex;align-items:center;gap:.65rem;font-size:.625rem;letter-spacing:.13em;color:var(--ink);margin-bottom:1.65rem}
.eyebrow>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--color-semantic-accent)}
.hero h1{font-size:clamp(2.6rem,1.6rem + 3.8vw,5rem);line-height:1.04;letter-spacing:-.055em}
.hero h1 em{color:var(--color-semantic-accent);display:inline-block}
.hero-service-line{display:block;font:500 clamp(1.2rem,1rem + .35vw,1.45rem)/1.5 var(--sans);letter-spacing:-.025em;margin-top:1.4rem;color:var(--ink)}
.hero-context{font-size:1.0625rem;line-height:1.85;max-width:48ch;margin-top:1rem}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:1.65rem 0 .9rem}
.hero-reassurance{font-size:.8125rem;line-height:1.75;max-width:49ch}
.hero-evidence{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.25rem}
.hero-person{display:flex;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.6}
.hero-person img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--color-semantic-border-default)}
.hero-person strong,.hero-person small{display:block}
.hero-person small{font-size:.75rem;color:var(--muted)}
.hero-person:hover strong{text-decoration:underline;text-underline-offset:4px}
.hero-evidence>a:last-child{max-width:142px;font-size:.75rem;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.hero-work{position:relative}
.work-label{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.625rem;letter-spacing:.08em;font-weight:600;margin-bottom:1rem}
.work-main{display:block;border:1px solid var(--color-semantic-border-default);border-radius:6px;background:var(--white);box-shadow:0 16px 34px #09060440;overflow:hidden}
.work-browser,.capture-bar{display:flex;align-items:center;gap:5px;padding:12px 15px;background:var(--color-semantic-surface-section);color:var(--muted);font-size:.625rem;border-bottom:1px solid var(--line)}
.work-browser i,.capture-bar i{display:block;width:5px;height:5px;background:var(--muted);border-radius:50%}
.work-browser>span,.capture-bar>span{margin-left:9px;flex:1}
.work-browser b,.capture-bar b{font-weight:400;font-size:.875rem}
.work-main img,.work-inset img,.portfolio-capture img{display:block;width:100%;aspect-ratio:1265/712;object-fit:cover;object-position:top}
.work-secondary{display:grid;grid-template-columns:1.15fr 1fr;gap:1.75rem;align-items:center;margin:-32px 18px 0 28px;position:relative}
.work-inset{display:block;padding:8px;background:var(--white);border:1px solid var(--color-semantic-border-default);border-radius:5px;box-shadow:0 12px 24px #09060440}
.work-inset img{border-radius:2px}
.work-inset>span{display:flex;justify-content:space-between;gap:.5rem;padding:9px 3px 3px;font-size:.6875rem;color:var(--ink)}
.work-side-note{padding-top:2rem;font-size:.8125rem;line-height:1.7}
.work-side-note em{font-size:clamp(1.25rem,1rem + .5vw,1.6rem);line-height:1.3;color:var(--color-semantic-accent)}
.hero-work figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-semantic-border-default);padding-top:1.2rem;margin-top:1.6rem}
.hero-work figcaption strong,.hero-work figcaption small{display:block}
.hero-work figcaption strong{font-size:.875rem;font-weight:600}
.hero-work figcaption small{font-size:.75rem;line-height:1.7;color:var(--muted);margin-top:4px}
.hero-work figcaption>a{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid var(--color-semantic-border-default);border-radius:50%;font-size:1.35rem}
.hero-work figcaption>a:hover{background:var(--color-semantic-surface-hover)}
.hero-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-top:3rem}
.hero-principles>a{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.25rem;font-size:.875rem;border-right:1px solid var(--line)}
.hero-principles>a:first-child{padding-left:0}.hero-principles>a:last-child{border-right:0;padding-right:0}
.hero-principles>a>span:first-child{font:italic 1.4rem/1 var(--serif);color:var(--color-semantic-accent)}
.hero-principles>a>span:last-child{margin-left:auto}
.hero-principles small{display:block;font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:5px}
/* Portfolio components adapt to their container, independently of viewport. */
.portfolio-feature{padding-top:4rem}
.portfolio-stage{container:portfolio / inline-size;background:var(--deep);padding:1.75rem;border-radius:8px}
.portfolio-stage-top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.25rem}
.portfolio-stage-top p{font-size:.6875rem;letter-spacing:.06em;color:var(--dark-text)}
.stage-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1.5rem}
.stage-controls button{min-width:0;padding:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;border:2px solid var(--color-semantic-border-default);background:var(--paper);border-radius:5px;transition:border-color .16s}
.stage-controls button img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;object-position:top}
.project-thumb-copy{padding:.8rem;display:flex;flex-direction:column;gap:4px}
.project-thumb-copy strong{font-size:.9375rem;font-weight:600;line-height:1.4}
.project-thumb-copy small{font-size:.75rem;line-height:1.5;color:var(--muted)}
.stage-controls button[aria-pressed=true]{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange);background:var(--white)}
.stage-controls button:hover{border-color:var(--ink)}
.portfolio-grid{display:grid;gap:1.5rem}
.portfolio-card{min-width:0;display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;background:var(--white);padding:1.65rem;border-radius:5px}
.portfolio-capture{display:block;position:relative;min-width:0;border:1px solid var(--color-semantic-border-default);border-radius:5px;overflow:hidden;background:var(--paper)}
.stage-open{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-top:1px solid var(--line);font-size:.75rem;font-weight:600;color:var(--ink)}
.portfolio-capture:hover .stage-open{background:var(--sage)}
.portfolio-info>span{font-size:.625rem;color:var(--color-semantic-accent);letter-spacing:.08em;font-weight:650}
.portfolio-info h3{font-size:clamp(1.85rem,1.4rem + 1vw,2.6rem);margin:.85rem 0 1rem}
.portfolio-info>p{font-size:.9375rem;line-height:1.8}
.case-decisions{display:grid;gap:1rem;margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.case-decisions dt{font-size:.75rem;font-weight:650;line-height:1.6;margin-bottom:.25rem}
.case-decisions dd{font-size:.875rem;line-height:1.75;color:var(--muted)}
.portfolio-info>a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:650;text-decoration:underline;text-underline-offset:5px;margin-top:1rem}
.case-reference{display:block;min-height:44px;padding:.7rem 1rem;font-size:.75rem;border:1px solid var(--color-semantic-border-control);background:transparent;border-radius:4px;margin-top:.6rem}
.case-reference:hover{background:var(--sage)}
.carousel-footer{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;border-top:1px solid var(--color-semantic-border-default);margin-top:1.4rem;padding-top:1.2rem}
.carousel-footer p{color:var(--dark-text);font-size:.8125rem;line-height:1.75;max-width:65ch}
.carousel-arrows{display:flex;gap:.6rem;flex-shrink:0}
.carousel-arrows button{min-height:46px;min-width:95px;padding:.7rem 1rem;border:1px solid var(--color-semantic-border-default);color:var(--ink);background:transparent;border-radius:4px;font-size:.8125rem}
.carousel-arrows button:hover{background:var(--color-semantic-surface-hover)}
@container portfolio (max-width:58rem){.portfolio-card{grid-template-columns:1fr;gap:1.5rem}.portfolio-info{max-width:65ch}.carousel-footer{align-items:stretch;flex-direction:column}.carousel-arrows{align-self:flex-end}}
@container portfolio (max-width:32rem){.stage-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-stage-top{align-items:flex-start}.portfolio-stage-top p{font-size:.625rem}.project-thumb-copy{padding:.7rem}.project-thumb-copy strong{font-size:.875rem}.project-thumb-copy small{font-size:.6875rem}.portfolio-card{padding:1rem}.carousel-arrows{align-self:stretch}.carousel-arrows button{flex:1}}
/* Offers, native guidance and scope. */
#servicos{background:var(--white);border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary>span[aria-hidden=true]{flex-shrink:0;transition:transform .16s}
details[open]>summary>span[aria-hidden=true]{transform:rotate(45deg)}
.project-guide{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);margin-bottom:2rem}
.project-guide>summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;min-height:82px;padding:1.35rem 1.5rem}
.project-guide>summary b{display:block;font-size:1.1rem;font-weight:600;line-height:1.5}
.project-guide>summary small{display:block;font-size:.75rem;color:var(--muted);margin-top:.25rem}
.project-guide>summary>span:last-child{font-size:1.5rem}
.guide-body{padding:0 1.5rem 1.5rem}
.guide-body fieldset{border:0;padding:0;margin:0;min-width:0}
.guide-body legend{font-size:.875rem;font-weight:600;margin:.5rem 0 1rem}
.guide-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.guide-options label{display:flex;align-items:flex-start;gap:.6rem;padding:1rem;min-height:76px;font-size:.8125rem;line-height:1.65;border:1px solid var(--color-semantic-border-default);border-radius:4px;background:var(--white);cursor:pointer}
.guide-options input{margin-top:.35rem;accent-color:var(--deep);width:17px;height:17px;flex-shrink:0}
.guide-options label:has(input:checked){background:var(--color-semantic-surface-hover);border-color:var(--deep)}
.guide-options label:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.guide-result{display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;align-items:center;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem}
.guide-label{font-size:.625rem;letter-spacing:.1em;margin-bottom:.5rem}
.guide-result h3{font-size:1.6rem;margin-bottom:.75rem}
.guide-result p{font-size:.875rem;max-width:65ch}
.guide-result>small{grid-column:1/-1;color:var(--muted);font-size:.75rem}
.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.service-card{display:flex;flex-direction:column;padding:1.85rem;border-right:1px solid var(--line);min-width:0;background:var(--white);transition:background .16s}
.service-card:last-child{border-right:0}
.service-card:hover{background:var(--color-semantic-surface-hover)}
.service-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}
.service-top>span:last-child{font-size:1.25rem}
.service-fit{font-size:.625rem;letter-spacing:.09em;font-weight:650;margin-bottom:.65rem}
.service-card h3{font-size:1.75rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:1rem}
.service-card>p:not(.service-fit){font-size:.9375rem;line-height:1.8}
.service-card ul{padding-left:1.1rem;margin:1.25rem 0 1.5rem;font-size:.875rem;color:var(--muted);line-height:1.8}
.service-card li+li{margin-top:.3rem}
.service-card>a{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;font-weight:600;min-height:60px;border-top:1px solid var(--line);margin-top:auto;padding-top:1rem}
.service-card>a:hover{text-decoration:underline;text-underline-offset:5px}
.service-graphic{position:relative;height:100px;flex-shrink:0;border:1px solid var(--color-semantic-border-default);border-radius:4px;background:var(--color-semantic-surface-hover);overflow:hidden;margin:1.4rem 0}
.service-graphic:before{content:'';position:absolute;inset:14px 0 auto;border-top:1px solid var(--color-semantic-border-default)}
.landing i:first-child{position:absolute;left:14px;top:30px;width:42%;height:11px;background:var(--color-semantic-accent)}
.landing i:nth-child(2){position:absolute;left:14px;top:52px;width:32%;height:5px;background:var(--color-semantic-accent)}
.landing i:last-child{position:absolute;right:22px;bottom:0;width:25%;height:64%;background:var(--orange);border-radius:60px 60px 0 0}
.blue .service-graphic{background:var(--color-semantic-surface-hover)}
.institutional i{position:absolute;bottom:0;width:22%;background:var(--color-semantic-accent);height:56%;left:8%}
.institutional i:nth-child(2){left:39%;height:70%}.institutional i:nth-child(3){left:70%;height:56%}
.orange .service-graphic{background:var(--color-semantic-surface-hover)}
.catalog i{position:absolute;top:30px;left:8%;width:23%;height:38px;background:var(--color-semantic-accent);border:1px solid var(--color-semantic-border-default)}
.catalog i:nth-child(2){left:39%}.catalog i:nth-child(3){left:70%;width:23%;border-radius:50%;background:var(--color-semantic-accent);border-color:var(--color-semantic-border-default)}
.models-scope{font-size:.8125rem;line-height:1.8;margin-top:1rem;max-width:90ch}
.advanced-models{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-top:2rem}
.advanced-models>summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 1.75rem}
.advanced-models>summary b{display:block;font-size:1.45rem;font-weight:500;letter-spacing:-.025em;line-height:1.35}
.advanced-models>summary small{display:block;font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:.4rem}
.advanced-models>summary>span:last-child{font-size:1.5rem}
.advanced-body{padding:0 1.75rem 1.75rem}
.advanced-body>p{font-size:.9375rem;line-height:1.8;max-width:90ch;margin-bottom:1.75rem}
.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}
.advanced-grid article{display:flex;flex-direction:column;border-top:2px solid var(--color-semantic-border-default);padding-top:1.5rem;min-width:0}
.advanced-grid .kicker{font-size:.625rem;margin-bottom:.8rem}
.advanced-grid h3{font-size:1.5rem;margin-bottom:1rem;line-height:1.25}
.advanced-grid article>p:not(.kicker){font-size:.9375rem;line-height:1.8;margin-bottom:1rem}
.advanced-grid .text-link{margin-top:auto}
.redesign-option{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--line);padding:2.25rem 0}
.redesign-option>div{max-width:72ch}
.redesign-option .kicker{margin-bottom:.75rem}
.redesign-option h3{font-size:1.6rem;margin-bottom:1rem}
.redesign-option p:not(.kicker){font-size:.9375rem}
.redesign-option .button{flex-shrink:0}
.service-start{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;margin-top:2rem;background:var(--sage);border:1px solid var(--color-semantic-border-default);border-radius:var(--radius)}
.service-start>div{max-width:65ch}.service-start .kicker{margin-bottom:.75rem}.service-start h3{font-size:1.6rem;margin-bottom:.85rem;line-height:1.3}.service-start p:not(.kicker){font-size:.9375rem;line-height:1.85}.service-start .button{flex-shrink:0}
.tailored-note{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;padding-top:3rem}
.tailored-note h3{font-size:clamp(2rem,1.6rem + 1vw,3rem);line-height:1.15}
.tailored-note p:not(.kicker){font-size:1rem;line-height:1.9}
.tailored-note ul{list-style:none;padding:0;margin:1.5rem 0 .5rem;color:var(--muted);font-size:.9375rem}
.tailored-note li{padding:.8rem 0;border-top:1px solid var(--line)}
.tailored-note strong{color:var(--ink);font-weight:600}
/* Delivery: editorial layouts vary with the content rather than repeating cards. */
.process{background:var(--sage);border-block:1px solid var(--line)}
.process>.container{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5rem;align-items:start}
.process .section-heading{display:block;position:sticky;top:120px;margin:0}
.process .section-heading>p{margin-top:1.75rem;max-width:43ch}
.process-list{border-top:1px solid var(--color-semantic-border-default)}
.process-list article{display:grid;grid-template-columns:48px 1fr;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--color-semantic-border-default)}
.process-list article>span{font:italic 2rem/1.2 var(--serif);color:var(--color-semantic-accent)}
.process-list h3{font-size:1.6rem;margin-bottom:.8rem}
.process-list p{font-size:.9375rem;line-height:1.8}
.process-list .process-outcome{margin-top:.85rem}
.process-outcome b{color:var(--ink);font-weight:600}
.catalog-grid,.access-grid,.cost-grid,.continuity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem}
.catalog-grid article,.access-grid article{border-top:1px solid var(--line);padding-top:1.4rem}
.catalog-grid h3,.access-grid h3,.cost-grid h3,.continuity-grid h3{font-size:1.5rem;line-height:1.3;margin-bottom:.9rem}
.catalog-grid p,.access-grid p,.cost-grid p,.continuity-grid p{font-size:.9375rem;line-height:1.85}
.quality-details{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin-top:2.25rem}
.quality-details>summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;min-height:72px;font-size:1rem;font-weight:600;line-height:1.65}
.quality-details>summary>span{font-size:1.5rem;font-weight:400}
.quality-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.5rem;padding:.3rem 1.5rem 1.5rem}
.quality-checks>div{border-top:1px solid var(--line);padding-top:1.25rem}
.quality-checks h3{font-size:1.25rem;margin-bottom:.75rem}
.quality-checks p{font-size:.875rem;line-height:1.85}
.quality-limit{font-size:.8125rem;line-height:1.85;border-top:1px solid var(--line);margin:0 1.5rem 1.5rem;padding-top:1.25rem}
.autonomy-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:.85rem 3rem;border-top:1px solid var(--line);padding-top:2rem;margin-top:2.5rem}
.autonomy-note h3{font-size:1.75rem;line-height:1.25;grid-column:1}
.autonomy-note>p{grid-column:1;font-size:.9375rem}
.autonomy-note ul{list-style:none;padding:0;margin:0;grid-column:2;grid-row:1/4;font-size:.9375rem;color:var(--muted)}
.autonomy-note li{padding:1rem 0;border-bottom:1px solid var(--line)}
.autonomy-note li:first-child{padding-top:0}.autonomy-note strong{color:var(--ink);font-weight:600}
.autonomy-note>a{grid-column:1;align-self:start}
.access-section{background:var(--white);border-block:1px solid var(--line)}
.access-grid article>span{font-size:.6875rem;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:1rem}
.access-statement{border-top:1px solid var(--line);margin-top:2.5rem}
.access-statement>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0;font-size:.9375rem;font-weight:600;line-height:1.7}
.access-statement>summary>span{font-size:1.5rem;font-weight:400}
.access-statement>div{max-width:88ch;padding-bottom:.5rem}
.access-statement p{font-size:.9375rem;line-height:1.85;margin-bottom:1rem}
.access-date{font-size:.75rem!important}
.project-note{background:var(--deep);color:var(--ink)}
.project-note-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.creator-card{max-width:370px;border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:1.75rem;min-width:0}
.creator-card>.kicker{font-size:.625rem;color:var(--muted);margin-bottom:1.3rem}
.creator-portrait{display:block;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:4px;margin-bottom:1.5rem}
.creator-name{font-size:1.8rem;line-height:1.25;letter-spacing:-.03em;color:var(--ink);margin-bottom:.75rem}
.creator-qualification{font-size:.9375rem;line-height:1.75}
.creator-location{font-size:.8125rem;line-height:1.7;margin-top:1rem}
.creator-card>a{display:inline-flex;align-items:center;font-size:.875rem;min-height:44px;margin-top:.8rem;text-decoration:underline;text-underline-offset:5px}
.note-copy h2{color:var(--ink);max-width:18ch}
.note-copy h2 em{color:var(--green)}
.note-copy>p:not(.kicker){color:var(--dark-text);font-size:1.0625rem;line-height:1.9;margin-top:1.5rem;max-width:60ch}
.note-copy .kicker{color:var(--green)}
.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-top:1px solid var(--color-semantic-border-default);padding-top:1.75rem;margin-top:2.2rem}
.note-grid b{display:block;font-size:.625rem;letter-spacing:.1em;color:var(--green);margin-bottom:.75rem}
.note-grid span{font-size:.8125rem;line-height:1.75;color:var(--dark-text);display:block}
.investment{background:var(--blue);border-bottom:1px solid var(--color-semantic-border-default)}
.investment-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.investment-grid h2{margin-bottom:1.5rem}
.investment-grid>div:first-child>p:not(.kicker){font-size:1rem;line-height:1.85;max-width:50ch}
.investment-grid .button{margin-top:1.6rem}
.investment-grid .investment-note{font-size:.8125rem!important;margin-top:1.25rem}
.investment-panel{border:1px solid var(--color-semantic-border-default);border-radius:var(--radius);padding:2rem;background:var(--white)}
.investment-panel>span{font-size:.625rem;letter-spacing:.1em;font-weight:600}
.investment-panel ul{padding:0;margin:1.5rem 0;list-style:none}
.investment-panel li{display:flex;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1rem}
.investment-panel li b{font:italic 1.1rem/1.6 var(--serif);color:var(--color-semantic-accent)}
.investment-panel>p{font-size:.875rem;line-height:1.8}
.cost-grid{border-top:1px solid var(--color-semantic-border-default);margin-top:3rem;padding-top:2rem}
.cost-grid article>span,.continuity-grid article>span{display:block;font-size:.625rem;letter-spacing:.08em;color:var(--muted);margin-bottom:1rem}
.continuity-grid{padding:.3rem 1.5rem 1.6rem;gap:1.75rem}
.continuity-grid article{border-top:1px solid var(--line);padding-top:1.25rem}
/* Request: native controls, short first path and explicit review. */
.briefing{background:var(--deep);color:var(--ink)}
.briefing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.briefing-grid>div:first-child{position:sticky;top:120px}
.briefing h2{color:var(--ink);margin-bottom:1.5rem}
.briefing h2 em{color:var(--green)}
.briefing-grid>div:first-child>p:not(.kicker){color:var(--dark-text);font-size:1.0625rem;line-height:1.85;max-width:46ch}
.briefing-assurance{display:grid;grid-template-columns:24px 1fr;gap:.8rem 1rem;margin-top:2rem}
.briefing-assurance>span{color:var(--green);font:italic 1.15rem/1.7 var(--serif)}
.briefing-assurance p{color:var(--dark-text);font-size:.875rem;line-height:1.8}
.briefing-assurance b{color:var(--ink);font-weight:600}
.briefing-direct{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--green);text-decoration:underline;text-underline-offset:5px;margin-top:1.5rem}
.briefing-direct{padding:.85rem 1rem;border:1px solid var(--color-semantic-border-default);border-radius:4px;text-decoration:none;line-height:1.6}
.briefing-direct:hover{background:var(--color-semantic-surface-hover);text-decoration:underline;text-underline-offset:4px}
.request-after{border-top:1px solid var(--color-semantic-border-default);margin-top:1.5rem}
.request-after>summary{display:flex;justify-content:space-between;gap:1rem;min-height:54px;padding:1rem 0;font-size:.875rem}
.request-after p{color:var(--dark-text);font-size:.875rem;line-height:1.85;padding-bottom:.5rem}
.briefing-form{min-width:0;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:var(--radius);background:var(--white);color:var(--ink);padding:2.25rem}
.form-header{display:flex;justify-content:space-between;gap:1rem;font-size:.625rem;line-height:1.7;letter-spacing:.09em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:1.3rem}
.request-path{display:flex;justify-content:space-between;gap:.75rem;list-style:none;padding:1.4rem 0;margin:0;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.request-path li{display:flex;gap:.5rem;align-items:center}
.request-path li>span{display:grid;place-items:center;border:1px solid var(--color-semantic-border-control);border-radius:50%;width:22px;height:22px;flex-shrink:0;font-size:.6875rem}
.request-path [aria-current=step]{color:var(--ink);font-weight:600}
.request-path [aria-current=step]>span{background:var(--deep);color:var(--ink);border-color:var(--deep)}
.form-welcome{font-size:.875rem;line-height:1.8;margin:1.5rem 0 1.8rem}
.step-status:empty{display:none}.step-status{font-size:.8125rem;color:var(--color-semantic-accent);margin-top:1.5rem}
.brief-section{padding:0;margin:0;min-width:0;border:0}
.brief-section>legend{font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:1.5rem}
.briefing-form label{display:block;font-size:.875rem;font-weight:600;line-height:1.7;margin-bottom:1.25rem}
.required-label,.optional-label{display:block;font-size:.75rem;line-height:1.7;font-weight:400;color:var(--muted);margin:.25rem 0 .45rem}
.briefing-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.briefing-form textarea,.briefing-form select{display:block;width:100%;min-height:48px;padding:.8rem .9rem;border:1px solid var(--color-semantic-border-control);border-radius:4px;background:var(--white);font-size:1rem;line-height:1.6;letter-spacing:normal;margin-top:.5rem}
.briefing-form textarea{resize:vertical;min-height:108px}
.briefing-form .help-choice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--color-semantic-border-default);border-radius:4px;background:var(--paper);cursor:pointer;margin:.5rem 0 1.25rem;font-weight:400}
.help-choice input{accent-color:var(--deep);width:18px;height:18px;flex-shrink:0;margin-top:.25rem}
.help-choice strong{display:block;font-size:.875rem;font-weight:600;line-height:1.6}.help-choice small{display:block;color:var(--muted);font-size:.75rem;line-height:1.75;margin-top:.2rem}
.briefing-form .help-choice:has(input:checked){background:var(--color-semantic-surface-hover);border-color:var(--deep)}
.help-choice:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.briefing-form [aria-invalid=true]{border-color:var(--color-semantic-error-text)!important;box-shadow:0 0 0 1px var(--color-semantic-error-text)}
.briefing-form fieldset fieldset{border:0;padding:0;margin:0;min-width:0}
.briefing-form fieldset fieldset>legend{font-size:.875rem;line-height:1.7;font-weight:600;margin:1rem 0}
.form-extra{border-block:1px solid var(--line);margin:1.3rem 0}
.form-extra>summary{padding:1rem 0;font-size:.8125rem;line-height:1.8;min-height:54px}
.form-extra>summary:before{content:'+';display:inline-block;width:1.25rem;font-weight:600}
.form-extra[open]>summary:before{content:'−'}
.form-extra>summary>span{font-size:.75rem;color:var(--muted);margin-left:.3rem}
.form-extra>div,.form-extra>fieldset{padding-top:.5rem!important}
.check-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.check-options label{display:flex;align-items:flex-start;gap:.6rem;border:1px solid var(--color-semantic-border-default);border-radius:4px;background:var(--paper);font-size:.8125rem;line-height:1.65;font-weight:400;min-height:50px;padding:.8rem;margin:0;cursor:pointer}
.check-options input{accent-color:var(--deep);width:17px;height:17px;margin-top:.2rem;flex-shrink:0}
.check-options label:has(input:checked){background:var(--color-semantic-surface-hover);border-color:var(--deep)}
.check-options label:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.field-help{font-size:.75rem;line-height:1.8;margin:.7rem 0 1.2rem}
.project-selection,.reference-selection{border-left:3px solid var(--color-semantic-accent);background:var(--color-semantic-surface-hover);padding:.9rem 1rem;font-size:.8125rem;line-height:1.8;margin:1.3rem 0}
.reference-selection p{font-size:.8125rem}
.reference-selection button{background:none;border:0;min-height:44px;padding:.5rem 0;text-decoration:underline;font-size:.75rem;text-underline-offset:4px}
.model-shortcut .button{width:100%;margin:.3rem 0 .5rem}
.model-shortcut p{font-size:.75rem;line-height:1.8;margin-bottom:1rem}
.request-expectations{font-size:.8125rem;line-height:1.85;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.form-privacy{font-size:.75rem;line-height:1.85;margin:1rem 0 1.5rem}
.form-privacy a{text-decoration:underline;text-underline-offset:3px}
.form-submit{width:100%}
.form-errors{border-left:3px solid var(--color-semantic-error-text);color:var(--color-semantic-error-text);background:var(--color-semantic-error-surface);padding:1rem;margin:1.5rem 0;font-size:.875rem;line-height:1.8}
.no-script{background:var(--sage);color:var(--ink);padding:1rem;font-size:.875rem;margin:1.5rem 0}
.no-script a{text-decoration:underline}
.form-result{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem}
.form-result h3{font-size:1.75rem;line-height:1.25;margin-bottom:.85rem}
.form-result>p{font-size:.875rem;line-height:1.85;margin-bottom:1.25rem}
.request-recipient{border:1px solid var(--line);padding:1rem;border-radius:4px;background:var(--paper);display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.3rem}
.request-recipient>span{font-size:.75rem;line-height:1.7;color:var(--muted)}
.request-recipient strong{font-size:.9375rem;font-weight:600}
.review-summary{display:grid;gap:1rem;margin:1.3rem 0}
.review-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 1rem;border-bottom:1px solid var(--line);padding-bottom:.85rem}
.review-summary dt{font-size:.75rem;font-weight:600;margin-bottom:.3rem}
.review-summary dd{grid-column:1;font-size:.9375rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
.review-summary .review-action{grid-column:2;grid-row:1/3;align-self:start}
.review-change{min-height:44px;padding:.4rem 0 .4rem .5rem;background:none;border:0;font-size:.8125rem;color:var(--deep);text-decoration:underline;text-underline-offset:4px}
.review-change:hover{text-decoration-thickness:2px}
.raw-summary{border-block:1px solid var(--line);margin-top:1.3rem}
.raw-summary summary{font-size:.8125rem;line-height:1.8;padding:1rem 0;text-decoration:underline;text-underline-offset:4px}
.raw-summary textarea{min-height:250px;font-size:.875rem;margin-bottom:1rem}
.result-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}
.result-actions .button{flex:1;font-size:.8125rem;padding:.9rem 1rem}
.download-brief{display:block;background:none;border:0;min-height:44px;padding:.8rem 0;font-size:.8125rem;text-decoration:underline;text-underline-offset:4px}
#copy-status{font-size:.8125rem;line-height:1.8}
.edit-brief{font-size:.8125rem}
/* Questions and closing. */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start}
.faq-grid>div:first-child{position:sticky;top:120px}
.faq-grid>div:first-child>p:not(.kicker){font-size:.9375rem;margin-top:1.5rem;max-width:35ch}
.faq-list{border-top:1px solid var(--color-semantic-border-default)}
.faq-list details{border-bottom:1px solid var(--color-semantic-border-default)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.3rem 0;min-height:64px;font-size:1rem;font-weight:600;line-height:1.65}
.faq-list summary span{font-size:1.5rem;font-weight:400;flex-shrink:0;transition:transform .16s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{font-size:.9375rem;line-height:1.85;padding-bottom:1.4rem;max-width:68ch}
.faq-list a{text-decoration:underline;text-underline-offset:4px}
.closing{background:var(--color-semantic-surface-hover);border-block:1px solid var(--color-semantic-border-default);padding-block:4rem}
.closing>.container{display:flex;justify-content:space-between;align-items:center;gap:2.5rem}
.closing p{font-size:.6875rem;letter-spacing:.12em;color:var(--ink);margin-bottom:1.25rem}
.closing h2{font-size:clamp(2rem,1.5rem + 2vw,3.5rem);max-width:25ch}
.closing .button{flex-shrink:0}
.site-footer{background:var(--paper);color:var(--paper);padding:4rem 0 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:4rem}
.site-footer .brand-wordmark{font-size:2rem}.site-footer .brand-mark{width:32px;height:32px}
.footer-grid>div:first-child p{font-size:.875rem;line-height:1.85;color:var(--muted);max-width:36ch;margin-top:1.5rem}
.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;font-size:.8125rem;gap:.25rem}
.footer-grid nav a{min-height:36px;padding:.3rem 0}
.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.footer-grid>div:last-child>span{font-size:.625rem;letter-spacing:.1em;color:var(--muted)}
.footer-contact{font-size:1.25rem;min-height:44px}
.footer-grid small{font-size:.8125rem;color:var(--muted);line-height:1.8}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-top:1px solid var(--color-semantic-border-default);padding-top:1.4rem;margin-top:2.75rem;font-size:.75rem;color:var(--muted)}
.footer-bottom a{min-height:44px;display:flex;align-items:center}
.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
/* Layout changes are driven by content fit. Typography keeps a rem component. */
@media(max-width:1100px){
 .header-inner{gap:1rem}.main-nav{gap:.9rem;font-size:.75rem}.brand-wordmark{font-size:1.35rem}
 .hero-grid{gap:2rem}.hero-evidence{flex-wrap:wrap}.hero-evidence>a:last-child{max-width:none}
 .hero-principles>a{gap:.75rem;padding-inline:.85rem}.service-card{padding:1.5rem}
 .process>.container,.briefing-grid,.faq-grid{gap:2.5rem}.investment-grid{gap:2.5rem}
 .guide-options{grid-template-columns:repeat(2,minmax(0,1fr))}.project-note-grid{gap:2.5rem}
 .work-secondary{gap:1rem;margin-left:15px;margin-right:0}.work-side-note em{font-size:1.25rem}
 .footer-grid{gap:2rem}
}
@media(max-width:800px){
 :root{--anchor-offset:94px;--gutter:1.5rem}
 .header-inner{height:74px}.brand-wordmark{font-size:1.3rem}.header-cta{margin-left:auto;font-size:.75rem;gap:.7rem}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:11px;border:1px solid var(--color-semantic-border-control);border-radius:3px;background:transparent;order:3;flex-shrink:0}
 .menu-toggle span{width:20px;height:1px;background:var(--ink);display:block}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem var(--gutter);background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #09060440;flex-direction:column;gap:0;align-items:stretch;font-size:.9375rem}
 .main-nav.open{display:flex}.main-nav a{padding:.6rem .5rem;min-height:48px}.main-nav a:after{bottom:4px;right:auto;width:34px;left:.5rem}
 .hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-copy{max-width:640px}.hero h1{font-size:clamp(2.8rem,2rem + 3.5vw,4.4rem)}
 .portfolio-card{grid-template-columns:1fr}.carousel-footer{flex-direction:column;align-items:stretch}
 .hero-context{max-width:55ch}.hero-work{max-width:640px;width:100%;margin-inline:auto}
 .hero-evidence{flex-wrap:nowrap}.hero-evidence>a:last-child{max-width:160px}
 .hero-principles{margin-top:2.5rem}.hero-principles>a{flex-wrap:wrap;align-items:flex-start;gap:.65rem}.hero-principles>a>span:last-child{display:none}.hero-principles small{font-size:.6875rem}
 .section-heading{grid-template-columns:1fr;gap:1.3rem}.section-heading>p{max-width:60ch}
 .model-grid{grid-template-columns:1fr;gap:1.25rem;border:0;overflow:visible}
 .service-card{border:1px solid var(--line)!important;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;padding:1.75rem}
 .service-top{grid-column:1/-1;margin-bottom:1rem}.service-graphic{grid-column:2;grid-row:2/6;height:155px;margin:0;align-self:center}
 .service-fit,.service-card h3,.service-card>p,.service-card ul{grid-column:1}.service-card>a{grid-column:1/-1}
 .advanced-grid{grid-template-columns:1fr;gap:1.75rem}.advanced-grid article>p:not(.kicker){max-width:65ch}.advanced-grid .text-link{align-self:flex-start}
 .redesign-option{align-items:flex-start;flex-direction:column;gap:1.5rem}.tailored-note{grid-template-columns:1fr;gap:1.75rem}
 .service-start{align-items:flex-start;flex-direction:column;gap:1.5rem}
 .process>.container{display:block}.process .section-heading{position:static;margin-bottom:2.5rem}.process .section-heading>p{max-width:60ch}
 .catalog-grid,.access-grid{gap:1.5rem}.autonomy-note{grid-template-columns:1fr;gap:1rem}.autonomy-note h3,.autonomy-note>p,.autonomy-note>a,.autonomy-note ul{grid-column:auto;grid-row:auto}
 .autonomy-note ul{margin-top:.5rem}.project-note-grid{grid-template-columns:1fr;gap:2.5rem}
 .creator-card{max-width:none;display:grid;grid-template-columns:130px 1fr;column-gap:1.5rem;align-items:start}
 .creator-card>.kicker{grid-column:1/-1}.creator-portrait{grid-column:1;grid-row:2/6;margin:0}.creator-name,.creator-qualification,.creator-location{grid-column:2}.creator-location{margin-top:.5rem}.creator-card>a{grid-column:1/-1;border-top:1px solid var(--line);margin-top:1.2rem;padding-top:.75rem}
 .note-copy h2{max-width:22ch}.investment-grid,.briefing-grid,.faq-grid{grid-template-columns:1fr;gap:2.5rem}
 .briefing-grid>div:first-child,.faq-grid>div:first-child{position:static}.briefing-grid>div:first-child>p:not(.kicker){max-width:60ch}
 .briefing-assurance{max-width:65ch}.closing>.container{align-items:flex-start;flex-direction:column}
}
@media(max-width:580px){
 :root{--gutter:1.125rem;--anchor-offset:90px;--section-space:3.75rem}
 .header-inner{height:70px;gap:.65rem}.brand{gap:.5rem}.brand-wordmark{font-size:1.2rem}.brand-mark{width:25px;height:25px}
 .header-cta{font-size:.6875rem;min-height:44px;padding:.6rem .75rem}.header-cta>span{display:none}
 .hero-editorial{padding-top:2.1rem}.eyebrow{font-size:.5625rem;letter-spacing:.08em;margin-bottom:1.5rem}
 .hero h1{font-size:clamp(2.4rem,1.2rem + 5.5vw,3.4rem);letter-spacing:-.045em;line-height:1.08}
 .hero-service-line{font-size:1.25rem;margin-top:1.2rem}.hero-context{font-size:1rem;line-height:1.85}
 .hero-actions{gap:1rem;margin-top:1.5rem}.hero-actions .button{width:100%}.hero-actions .text-link{font-size:.875rem}
 .hero-evidence{flex-wrap:wrap;gap:.85rem}.hero-evidence>a:last-child{max-width:none;font-size:.75rem}.hero-reassurance{font-size:.75rem}
 .work-label{font-size:.5625rem;letter-spacing:.06em}.work-secondary{margin:-18px 0 0 12px;gap:1rem;grid-template-columns:1.2fr 1fr}
 .work-inset{padding:6px}.work-inset>span{font-size:.625rem;padding:8px 0 2px}.work-side-note{font-size:.6875rem;padding-top:1.5rem}.work-side-note em{font-size:1.2rem}
 .hero-work figcaption strong{font-size:.8125rem}.hero-work figcaption small{font-size:.6875rem}
 .hero-principles{grid-template-columns:1fr;margin-top:2.25rem}
 .hero-principles>a{padding:1rem 0!important;border-right:0;border-bottom:1px solid var(--line);flex-wrap:nowrap;align-items:center;gap:1rem}
 .hero-principles>a:last-child{border-bottom:0}.hero-principles>a>span:last-child{display:block}.hero-principles small{font-size:.75rem}
 h2{font-size:clamp(2rem,1.4rem + 2.5vw,2.6rem)}.section-heading{margin-bottom:2rem}
 .portfolio-feature{padding-top:3.25rem}.portfolio-stage{padding:1rem}.portfolio-stage-top{gap:1rem}
 .stage-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-arrows button{flex:1}.portfolio-card{padding:1rem}
 .service-card{display:flex;gap:0;padding:1.6rem}.service-top{margin-bottom:0}.service-graphic{height:95px;width:100%;margin:1.3rem 0}
 .service-card h3{font-size:1.75rem}.service-card ul{margin-top:1rem}.service-card>a{margin-top:auto}
 .service-start{padding:1.5rem}.service-start .button{width:100%}
 .guide-options{grid-template-columns:1fr}.project-guide>summary{padding:1.25rem}.guide-body{padding:0 1.25rem 1.25rem}
 .guide-options label{min-height:56px;padding:.9rem}.guide-result{grid-template-columns:1fr}.guide-result .button{width:100%}
 .advanced-models>summary{padding:1.4rem}.advanced-models>summary b{font-size:1.3rem}.advanced-body{padding:0 1.4rem 1.4rem}
 .process-list article{grid-template-columns:34px 1fr;gap:1rem;padding:1.5rem 0}.process-list article>span{font-size:1.75rem}.process-list h3{font-size:1.5rem}
 .catalog-grid,.access-grid,.cost-grid,.continuity-grid,.quality-checks{grid-template-columns:1fr;gap:1.6rem}
 .quality-details>summary{padding:1.1rem;font-size:.9375rem}.quality-checks{padding:0 1.1rem 1.25rem}.quality-limit{margin:0 1.1rem 1.25rem}
 .continuity-grid{padding:0 1.1rem 1.25rem}.cost-grid{margin-top:2rem;padding-top:1.6rem}.cost-grid article+article{border-top:1px solid var(--color-semantic-border-default);padding-top:1.5rem}
 .creator-card{grid-template-columns:90px 1fr;column-gap:1.2rem;padding:1.5rem}.creator-name{font-size:1.6rem}.creator-qualification{font-size:.8125rem}.creator-location{font-size:.75rem}
 .note-grid{grid-template-columns:1fr;gap:1.3rem}.note-grid>div{display:grid;grid-template-columns:110px 1fr;gap:1rem}.note-grid b{margin:0}
 .investment-panel{padding:1.5rem}.investment-panel li{font-size:.9375rem}
 .briefing-form{padding:1.5rem 1.1rem}.form-header{flex-direction:column;gap:.3rem}.request-path{font-size:.6875rem;gap:.5rem}
 .request-path li{gap:.4rem}.request-path li>span{width:20px;height:20px}.brief-section>legend{font-size:1.65rem}
 .check-options{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .button{width:100%}
 .faq-list summary{font-size:.9375rem}.closing{padding-block:3.25rem}
 .footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}.footer-grid>div:first-child{grid-column:1/-1}.footer-contact{font-size:1rem;overflow-wrap:anywhere}
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem}
}
@media(max-width:360px){
 :root{--gutter:.9375rem}.header-inner{gap:.4rem}.brand-wordmark{font-size:1.05rem}.brand-mark{width:23px;height:23px}
 .header-cta{font-size:.625rem;padding:.5rem .6rem}.menu-toggle{width:42px}.hero h1{font-size:2.35rem}
 .work-side-note em{font-size:1.05rem}.creator-card{grid-template-columns:75px 1fr;padding:1.1rem;gap:0 1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){
 .button,.header-cta,.work-main,.work-inset,.portfolio-stage,.service-card,.creator-card,.briefing-form{border:1px solid CanvasText}
 .stage-controls button[aria-pressed=true]{outline:3px solid Highlight;outline-offset:2px}
 .main-nav a[aria-current=location]{text-decoration:underline}.hero-editorial{background:Canvas}
}
@media print{
 .site-header,.hero-actions,.stage-controls,.carousel-arrows,.briefing,.closing{display:none!important}
 body{background:white;color:black}.section-space{padding-block:1.5rem}.container{width:100%}
 .process .section-heading,.faq-grid>div:first-child{position:static}.portfolio-card[hidden]{display:grid!important}
 .portfolio-stage,.project-note,.investment{background:white;color:black}.note-copy h2,.note-copy p,.note-grid span{color:black!important}
 a[href^=https]:after{content:' (' attr(href) ')';font-size:.7rem}img{max-height:260px;object-fit:contain}
}

/* Tema café: aplicação dos aliases de componente e superfícies tonais. */
.button-orange,.header-cta{background:var(--component-button-background);color:var(--component-button-text);border-color:var(--component-button-background)}
.button-orange:hover,.header-cta:hover{background:var(--color-semantic-action-hover);border-color:var(--color-semantic-action-hover);color:var(--component-button-text)}
.button-lime{background:var(--color-semantic-accent);color:var(--color-semantic-action-text)}
.button-lime:hover{background:var(--color-raw-gold-200);color:var(--color-semantic-action-text)}
.button-dark,.button-outline{color:var(--ink)}
.site-footer{color:var(--ink)}
.brand{min-height:48px}
:where(a,button,input,select,textarea,summary){scroll-margin-block-start:calc(var(--anchor-offset) + .75rem);scroll-margin-block-end:1.5rem}
.creator-card>a,.briefing-direct{min-height:48px}
.brand-mark i:first-child{background:var(--color-raw-gold-300)}
.brand-mark i:nth-child(2){background:var(--color-raw-terra-400)}
.brand-mark i:nth-child(3){background:var(--color-raw-sand-500)}
.brand-mark i:nth-child(4){background:var(--color-raw-gold-200)}
.hero-evidence>a:last-child{min-height:48px;display:flex;align-items:center}
.main-nav a:after{background:var(--color-semantic-accent)}
.site-header,.briefing-form,.investment-panel,.creator-card,.service-card,.quality-details{border-color:var(--line)}
.portfolio-stage{background-color:var(--paper);background-image:url('assets/grain.svg');border:0;padding:0;container:portfolio/inline-size}
.portfolio-bento .bento-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:1.5rem;align-items:start}
.portfolio-bento .portfolio-card{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);background:var(--component-card-background);border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 16px 44px #09060425}
.portfolio-bento .portfolio-capture{border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--paper);width:100%}
.portfolio-bento .portfolio-capture img{height:auto;aspect-ratio:1265/712;object-fit:cover}
.portfolio-bento .capture-bar{background:var(--color-semantic-surface-section);color:var(--muted)}
.portfolio-bento .stage-open{font-size:.8125rem;min-height:48px;align-items:center;background:var(--color-semantic-surface-section);color:var(--ink)}
.portfolio-bento .stage-open:hover{background:var(--color-semantic-surface-hover)}
.case-copy{padding:1.5rem;min-width:0;width:100%;display:flex;flex-direction:column}
.case-copy>span{font-size:.625rem;letter-spacing:.1em;color:var(--color-semantic-accent);font-weight:650}
.case-copy h3{font-size:clamp(1.65rem,1.3rem + 1vw,2.35rem);margin:.8rem 0 1rem;line-height:1.18}
.case-copy>p{font-size:.9375rem;line-height:1.85;max-width:63ch}
.case-copy>a{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;margin-top:.75rem;font-weight:600}
.case-copy .case-reference{color:var(--ink);border-color:var(--color-semantic-border-control);min-height:48px;font-size:.8125rem;text-align:left;padding:.75rem 1rem;align-self:stretch}
.case-context{border-block:1px solid var(--line);margin-top:1.25rem}
.case-context>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:54px;padding:.8rem 0;font-size:.8125rem;line-height:1.7}
.case-context>summary>span{font-size:1.5rem;flex-shrink:0}
.case-context .case-decisions{border:0;padding:0 0 1.25rem;margin-top:.5rem}
.portfolio-note{font-size:.8125rem;line-height:1.85;margin-top:1.5rem;max-width:85ch;color:var(--muted)}
@container portfolio (min-width:65rem){.portfolio-bento .bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.portfolio-bento .portfolio-card{grid-column:span 5}.portfolio-bento .portfolio-card:first-child,.portfolio-bento .portfolio-card:nth-child(4){grid-column:span 7}}
@container portfolio (max-width:42rem){.portfolio-bento .bento-grid{grid-template-columns:1fr;gap:1.5rem}.case-copy{padding:1.25rem}.case-copy h3{font-size:1.8rem}}
#servicos>.container{container:offers/inline-size}
@supports(grid-template-rows:subgrid){@container offers (min-width:56rem){.model-grid{grid-auto-rows:auto;row-gap:0}.model-grid .service-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 7;row-gap:0}.model-grid .service-graphic{width:100%}.model-grid .service-card>a{align-self:end;margin-top:0}}}
/* Espaço suficiente para acionar controles; links no corpo mantêm fluxo de leitura. */
.menu-toggle{min-width:48px;min-height:48px}.header-cta,.main-nav a,.text-link,.case-reference,.carousel-arrows button,.review-change,.download-brief,.reference-selection button,.footer-grid nav a,.footer-contact,.footer-bottom a{min-height:48px}
.review-change{min-width:48px}.hero-work figcaption>a{width:48px;height:48px;flex-basis:48px}
.briefing-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.briefing-form textarea,.briefing-form select{background:var(--component-input-background);border-color:var(--component-input-border);color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.help-choice input,.check-options input,.guide-options input{accent-color:var(--color-semantic-action-primary)}
.briefing-form .help-choice:has(input:checked),.check-options label:has(input:checked),.guide-options label:has(input:checked){background:var(--color-semantic-surface-hover);border-color:var(--color-semantic-accent)}
.request-path [aria-current=step]>span{background:var(--color-semantic-accent);color:var(--color-semantic-action-text);border-color:var(--color-semantic-accent)}
.draft-controls{border-top:1px solid var(--line);padding-top:1.25rem;margin-top:1.25rem}
.briefing-form .draft-choice{display:flex;align-items:flex-start;gap:.7rem;font-weight:500;cursor:pointer;margin:0;min-height:48px}
.draft-choice input{width:18px;height:18px;margin-top:.3rem;accent-color:var(--color-semantic-action-primary);flex-shrink:0}
.draft-controls>p,.draft-controls>div>p{font-size:.75rem;line-height:1.85;color:var(--muted)}
.draft-controls #draft-help{margin-bottom:.6rem}
.draft-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}
.draft-controls button{background:transparent;border:0;padding:.6rem 0;min-height:48px;font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;color:var(--color-semantic-accent)}
#draft-recovery{padding:.85rem;border:1px solid var(--line);border-radius:4px;background:var(--paper);margin-top:.75rem}
#draft-status:empty{display:none}#draft-status{margin-top:.5rem}
.draft-choice:focus-within{outline:3px solid var(--focus);outline-offset:3px}
@supports(text-box-trim:trim-both){.case-copy h3{text-box-trim:trim-both;text-box-edge:cap alphabetic}}
@media(max-width:580px){.menu-toggle{width:48px;height:48px}.portfolio-bento .bento-grid{grid-template-columns:1fr}.header-cta{min-height:48px}.draft-actions{gap:.75rem}}
@media(max-width:360px){.menu-toggle{width:48px}.brand-wordmark{font-size:1rem}.header-inner{gap:.35rem}}
@media(forced-colors:active){.portfolio-bento .portfolio-card{border:1px solid CanvasText}.portfolio-stage{background-image:none}}

/* Revisão da publicação: percurso mais curto e leitura móvel. */
.hero-direct{display:inline-flex;align-items:center;gap:.65rem;min-height:48px;padding:.5rem 0;color:var(--green);font-size:.8125rem;text-decoration:underline;text-underline-offset:4px}
.editorial-disclosure{border:1px solid var(--line);border-radius:6px;background:var(--paper);margin-top:2rem}
.editorial-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;min-height:64px}
.editorial-disclosure summary b{display:block;font-size:1.125rem;font-weight:550;line-height:1.45}
.editorial-disclosure summary small{display:block;color:var(--muted);font-size:.8125rem;line-height:1.7;margin-top:.35rem}
.editorial-disclosure summary>span:last-child{font-size:1.5rem;flex-shrink:0}
.disclosure-body{padding:0 1.5rem 1.5rem;line-height:1.8;font-size:.9375rem}
.disclosure-body ul{list-style:none;margin-top:1rem}.disclosure-body li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.delivery-details .catalog-grid{padding:0 1.5rem 1.5rem}.delivery-details .catalog-grid article{padding:1rem}
.quality-details{margin-top:1rem}
@media(max-width:800px){.hero-context{line-height:1.7}.section-space{padding-block:3.5rem}.section-heading{margin-bottom:1.75rem}.section-heading>p{line-height:1.75}.hero-evidence{margin-top:.8rem}.hero-principles{margin-top:1.5rem}.hero-principles>a{padding-block:.85rem!important}.process-list p{line-height:1.7}.process-list article{padding:1.25rem 0}.briefing-assurance{margin-top:1.25rem}.briefing-grid{gap:1.75rem}.advanced-models>summary{padding:1.15rem}.advanced-models>summary b{font-size:1.15rem}.editorial-disclosure>summary{padding:1rem}.disclosure-body,.delivery-details .catalog-grid{padding:0 1rem 1rem}}
@media(max-width:520px){.service-graphic{display:none}.model-grid .service-card{padding:1.25rem}.service-card h3{margin-top:.7rem}.hero-editorial{padding-top:1.75rem;padding-bottom:0}.hero-actions{margin-top:1.1rem;gap:.5rem}.hero-evidence>a:last-child{display:none}.hero-grid{gap:1.75rem}.work-side-note{font-size:.75rem}.hero-principles{display:flex;flex-direction:column}.hero-principles small{margin-top:2px}.hero-work figcaption{margin-top:1rem}.case-copy>p{line-height:1.7}.case-copy h3{margin:.7rem 0}.case-context{margin-top:.8rem}.case-copy{padding:1rem}.briefing-assurance{display:none}.briefing-grid>div:first-child>p:not(.kicker){font-size:1rem;line-height:1.7}.briefing h2{margin-bottom:1rem}.briefing-form{padding:1.25rem 1rem}.request-path{margin-bottom:1.25rem}.brief-section>legend{font-size:1.4rem;margin-bottom:1rem}.editorial-disclosure summary b{font-size:1rem}}

@media(max-width:800px){.main-nav{max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}}