@layer layout {
  .shell{width:min(calc(100% - clamp(1.2rem,4vw,4rem)),var(--shell));margin-inline:auto}
  .section{position:relative;padding:clamp(5rem,9vw,10rem) 0;border-top:1px solid var(--border-subtle)}
  .site-header{position:sticky;top:0;z-index:100;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);transition:box-shadow var(--normal),background-color var(--normal)}
  .site-header.is-scrolled{box-shadow:var(--shadow-raised)}
  .header-inner{min-height:var(--header-h);display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(420px,1fr);align-items:center;gap:1.4rem}
  .desktop-nav{display:flex;justify-content:center;gap:clamp(.7rem,2vw,2rem)}
  .header-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:1rem;min-width:0;margin-left:auto}
  .preference-controls{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:.4rem;margin-left:auto}
  .mobile-nav{padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-top:1px solid var(--border-subtle);background:var(--surface-overlay)}
  .mobile-nav a{display:block;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}
  .hero{position:relative;min-height:calc(var(--viewport-h) - var(--header-h));display:grid;align-items:center;padding:clamp(2rem,5vw,5rem) 0;overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(2rem,4vw,6rem);align-items:center}
  .hero-copy{padding-block:2rem}
  .hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}
  .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
  .hero-facts div{padding:1rem 1rem 1rem 0}
  
  .signal-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-recessed)}
  .signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(2rem,5vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}
  .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle)}
  .project-stage{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);min-height:650px}
  .project-copy-panel{padding:clamp(1.5rem,3vw,3.2rem);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border-standard)}
  .project-image-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}
  .project-image-panel img{width:100%;height:100%;min-height:520px;object-fit:cover}
  .post-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
  .post-card.featured{grid-column:span 8}.post-card:not(.featured){grid-column:span 4}
  .process-list{border-top:1px solid var(--border-standard)}
  .process-step{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(180px,.45fr);gap:2rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--border-standard)}
  .about-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:clamp(3rem,7vw,8rem);align-items:center}
  .testimonial-section{padding:clamp(4rem,8vw,8rem) 0;background:var(--surface-recessed);border-block:1px solid var(--border-standard)}
  .testimonial-grid{display:grid;grid-template-columns:.3fr 1.2fr .35fr;gap:3rem;align-items:start}
  .faq-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(3rem,7vw,9rem)}
  .contact-section{padding:clamp(5rem,9vw,10rem) 0;background:var(--surface-recessed);border-top:1px solid var(--border-standard)}
  .contact-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:clamp(3rem,7vw,8rem);align-items:start}
  .contact-launchers{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
  .site-footer{border-top:1px solid var(--border-standard);background:var(--surface-base)}
  .footer-grid{display:grid;grid-template-columns:1.2fr .55fr .55fr .8fr;gap:clamp(2rem,4vw,5rem);padding-block:4rem}
  .footer-bottom{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:center;padding-block:1.2rem;border-top:1px solid var(--border-subtle)}
  .dialog-shell{width:min(900px,calc(100vw - 2rem));max-height:min(88dvh,900px);display:flex;flex-direction:column;background:var(--surface-overlay);border:1px solid var(--border-standard);box-shadow:var(--shadow-floating);overflow:hidden}
  .dialog-shell.compact{width:min(580px,calc(100vw - 2rem))}.dialog-shell.wide{width:min(1120px,calc(100vw - 2rem))}.dialog-shell.form-shell{width:min(980px,calc(100vw - 2rem))}
  .details-dialog[open],.lightbox-dialog[open],.post-dialog[open],.share-dialog[open],.form-dialog[open],.company-dialog[open],.social-dialog[open]{display:grid;place-items:center;width:100vw;height:100dvh;max-width:none;max-height:none}
  .post-reader{width:min(1220px,100vw);height:min(94dvh,1100px);background:var(--surface-overlay);border:1px solid var(--border-standard);box-shadow:var(--shadow-floating);display:flex;flex-direction:column}
  .post-reader-scroll{overflow:auto;overscroll-behavior:contain}
  .post-content{width:min(820px,calc(100% - 2rem));margin-inline:auto;padding:clamp(2rem,5vw,5rem) 0}
  .company-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;padding:1rem clamp(1rem,3vw,2.5rem) 2rem;overflow:auto}
  .social-list{padding:1rem 1.25rem 1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
  .print-document{display:none}
  @media(max-width:1200px){.header-inner{grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-toggle{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:980px}.hero-dashboard{min-height:620px}.project-stage{grid-template-columns:1fr}.project-copy-panel{border-right:0;border-bottom:1px solid var(--border-standard);min-height:500px}.post-card.featured{grid-column:span 12}.post-card:not(.featured){grid-column:span 6}.footer-grid{grid-template-columns:1.2fr .6fr .6fr}.footer-legal{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr auto}.design-credit{grid-column:1/-1}}
  @media(max-width:850px){.section-head,.about-grid,.faq-grid,.contact-grid,.testimonial-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.process-step{grid-template-columns:50px 1fr}.process-step small{grid-column:2}.contact-launchers{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-legal{grid-column:1/-1}.company-details{grid-template-columns:1fr}.post-card:not(.featured){grid-column:span 12}.post-reader{height:100dvh;border:0}.post-dialog[open]{place-items:stretch}}
  @media(max-width:680px){:root{--header-h:62px}.shell{width:min(calc(100% - 1.1rem),var(--shell))}.preference-controls>.utility-button{width:42px;padding:0}.section{padding:4.5rem 0}.header-inner{gap:.5rem}.brand-copy small{display:none}.preference-controls{gap:.22rem}.utility-button{min-width:42px}.language-button{width:42px}.hero{padding:1.25rem 0 3.5rem}.hero-facts{grid-template-columns:1fr}.hero-facts div+div{border-top:1px solid var(--border-subtle)}.hero-dashboard{min-height:0}.dashboard-metrics{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.project-tabs{overflow:auto;scrollbar-width:none}.project-image-panel img{min-height:320px}.post-grid{display:block}.post-card+.post-card{margin-top:1rem}.process-step{grid-template-columns:42px 1fr;gap:1rem}.metric-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-block,.footer-brand,.footer-legal{grid-column:auto}.footer-bottom{grid-template-columns:1fr}.dialog-shell,.dialog-shell.compact,.dialog-shell.wide,.dialog-shell.form-shell{width:100vw;height:100dvh;max-height:none;border:0}.details-dialog[open],.share-dialog[open],.form-dialog[open],.company-dialog[open],.social-dialog[open]{place-items:stretch}.social-list{grid-template-columns:1fr}.post-reader-header{align-items:flex-start}.post-reader-actions span{display:none}.post-hero{height:46vh}.comment-head{display:block}.comment-controls{margin-top:1rem}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.company-details{padding-bottom:5rem}}
  @media(max-width:370px){.brand-copy{display:none}.brand{gap:0}}
  @media(max-height:520px) and (orientation:landscape){:root{--header-h:54px}.header-inner{min-height:54px}.brand-copy small,.hero{min-height:auto}.hero-grid{grid-template-columns:.85fr 1.15fr;gap:1rem}.hero-copy h1{font-size:clamp(2.4rem,7vw,4rem)}.hero-lead,.hero-facts{display:none}.hero-dashboard{max-height:calc(100dvh - 75px);overflow:auto}.dialog-shell{height:100dvh;max-height:none}.post-reader{height:100dvh}}
}
@layer layout {
  .standalone-post-page .site-header{position:sticky}.post-page-main{padding:clamp(2rem,5vw,5rem) 0 clamp(5rem,9vw,9rem)}.post-page-article{width:min(900px,calc(100% - 1.2rem));margin-inline:auto}.post-page-article .post-hero{margin-bottom:clamp(2rem,5vw,4rem)}.post-page-tools{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 2rem}.post-page-tools button,.post-page-tools a{min-height:42px}.post-page-comments{margin-top:4rem}.post-page-footer{border-top:1px solid var(--border-standard);padding:2rem 0}.post-page-footer .shell{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.65rem;color:var(--text-muted)}
}
