@font-face{font-family:'Syne';src:url('../fonts/heading-syne.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'DM Sans';src:url('../fonts/body-dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#EEF1F5;--ink:#17202A;--action:#2864DC;--on-action:#ffffff;--accent:#EF8354;--highlight:#77A88D;--surface:#77A88D44;--focus:#EF8354;--header:72px}

*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--catalog-font-body);line-height:1.55}img{display:block;width:100%;height:auto}a{color:inherit;text-underline-offset:.22em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--bg);padding:.75rem}.site-header{position:relative;z-index:20;min-height:var(--header);border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 72%);background:var(--bg)}.header-in{max-width:1440px;margin:auto;padding:1rem clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem}.brand{font-weight:900;text-decoration:none;letter-spacing:-.03em}.brand small{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.nav{margin-left:auto}.nav ul{display:flex;gap:clamp(.6rem,1.2vw,1.35rem);list-style:none;margin:0;padding:0;font-size:.78rem;text-transform:uppercase}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{min-height:44px;padding:.65rem 1rem;border:1px solid currentColor}.mobile-nav nav{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);background:var(--bg);border:1px solid currentColor;padding:1rem}.mobile-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.book{display:inline-flex;min-height:44px;align-items:center;padding:.65rem 1rem;background:var(--action);color:var(--on-action);text-decoration:none;font-weight:800;border:1px solid var(--action)}main{overflow:clip}.page-shell{max-width:1320px;margin:auto;padding:clamp(3rem,7vw,8rem) clamp(1rem,4vw,4rem)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7vw,7.5rem);line-height:.92;letter-spacing:-.055em;max-width:13ch}h2{font-size:clamp(1.8rem,3.4vw,4rem);line-height:1;letter-spacing:-.035em}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.lede{font-size:clamp(1.05rem,1.7vw,1.35rem);max-width:58ch}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.text-link{display:inline-flex;min-height:44px;align-items:center}.hero{min-height:calc(100svh - var(--header));display:grid;align-items:center}.hero-inner{max-width:1440px;margin:auto;padding:clamp(3rem,7vw,8rem) clamp(1rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:clamp(2rem,6vw,7rem);align-items:center}.hero-art{position:relative}.hero-art img{aspect-ratio:3/2;object-fit:cover}.section{max-width:1320px;margin:auto;padding:clamp(4rem,8vw,9rem) clamp(1rem,4vw,4rem)}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}.section-head p{max-width:48ch}.service-list,.gallery-grid,.people-grid,.review-grid,.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.service,.person,.review,.process-step,.faq-list details{border:1px solid color-mix(in srgb,var(--ink),transparent 70%);padding:1.35rem;background:var(--surface)}.service .price{font-size:1.3rem;font-weight:900;color:var(--action)}.gallery-grid figure{margin:0}.gallery-grid img{aspect-ratio:4/3;object-fit:cover}.gallery-grid figcaption{font-size:.78rem;padding:.7rem 0}.review cite{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.faq-list{display:grid;gap:.75rem}.faq-list summary{cursor:pointer;font-weight:800;min-height:44px;padding:.65rem 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem)}form{display:grid;gap:1rem}.field{display:grid;gap:.4rem}input,textarea,select{width:100%;min-height:46px;padding:.75rem;border:1px solid color-mix(in srgb,var(--ink),transparent 55%);background:var(--bg);color:var(--ink);font:inherit}textarea{min-height:150px}button{min-height:46px;padding:.75rem 1.1rem;border:0;background:var(--action);color:var(--on-action);font-weight:900}.status{min-height:1.5em}.contact-band{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);background:var(--action);color:var(--on-action)}.contact-band>div{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.contact-band .book{background:var(--bg);color:var(--ink);border-color:var(--bg)}.subscribe{padding:2rem clamp(1rem,5vw,5rem);background:var(--surface)}.subscribe form{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr minmax(240px,430px) auto;align-items:end}.site-footer{padding:4rem clamp(1rem,5vw,5rem);border-top:1px solid color-mix(in srgb,var(--ink),transparent 70%)}.footer-in{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.site-footer ul{list-style:none;margin:0;padding:0}.legal{font-size:.7rem;opacity:.7;margin-top:3rem}.page-404 main{min-height:70svh;display:grid;align-items:center}.meta-list{display:grid;gap:.5rem}.meta-list div{display:grid;grid-template-columns:9rem 1fr;border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 80%);padding:.5rem 0}.privacy-copy{max-width:75ch}.privacy-copy section{padding:1.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 80%)}
@media(max-width:850px){.nav{display:none}.mobile-nav{display:block}.header-in>.book{display:none}.hero-inner,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.service-list,.gallery-grid,.people-grid,.review-grid,.process-grid{grid-template-columns:1fr}.section-head,.contact-band>div{display:block}.subscribe form{grid-template-columns:1fr}.footer-in{grid-template-columns:1fr}h1{font-size:clamp(2.7rem,14vw,5.2rem)}.header-in{gap:1rem}.home .hero-inner,.home .section,.home .contact-band{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.home main{max-width:1440px;margin:auto;padding:2rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.home main>.hero{grid-column:1/9;min-height:70svh}.home main>.section{margin:0;padding:2rem;max-width:none;background:var(--surface);border-radius:24px}.home .service-preview{grid-column:9/-1;grid-row:1}.home .gallery-preview{grid-column:1/6}.home .story{grid-column:6/-1}.home .proof{grid-column:1/8}.home .faq-preview{grid-column:8/-1}.home .contact-band{grid-column:1/-1;border-radius:24px}.home .hero-inner{grid-template-columns:1fr;padding:2rem}.service-list,.gallery-grid,.review-grid{grid-template-columns:1fr}.service,.person,.review{border-radius:16px}@media(max-width:850px){.home main{display:block;padding:0}.home main>*{margin-bottom:1rem!important;border-radius:0!important}}

/* DS-18 material identity: one unequal operations canvas. */

.layout-bento{font-family:var(--catalog-font-body)}.layout-bento h1,.layout-bento h2,.layout-bento h3,.layout-bento .brand{font-family:var(--catalog-font-heading)}.layout-bento .site-header{background:#17202a;color:white}.command-chips{display:flex;gap:.4rem;margin-left:auto}.command-chips a{padding:.45rem .7rem;border:1px solid #fff6;border-radius:999px;text-decoration:none;font-size:.72rem}.layout-bento .nav{margin-left:0}
.layout-bento .mobile-nav nav{color:var(--ink)}
.layout-bento.home main{grid-auto-flow:dense}.layout-bento.home main>.hero{background:#fff;border:1px solid #17202a28;border-radius:2rem}.layout-bento.home .service-preview{background:#c9dfd6}.layout-bento.home .gallery-preview{background:#f5d5c7}.layout-bento.home .story{background:#cad8f4}.layout-bento.home .proof{background:#d9e2dd}.layout-bento.home .faq-preview{background:#f3e1bd}.layout-bento.home .section:nth-child(3n){border-radius:4rem 1rem 1rem}.layout-bento.home .section:nth-child(3n+1){border-radius:1rem 4rem 1rem 1rem}.layout-bento .page-shell{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.layout-bento .page-shell>h1,.layout-bento .page-shell>.eyebrow{grid-column:1/-1}.layout-bento .page-shell>*{grid-column:span 6}.layout-bento .page-shell>.service-list,.layout-bento .page-shell>.people-grid,.layout-bento .page-shell>.review-grid,.layout-bento .page-shell>.gallery-grid,.layout-bento .page-shell>.faq-list,.layout-bento .page-shell>.privacy-copy{grid-column:1/-1}.layout-bento .service:nth-child(2n){transform:translateY(2rem)}
@media(max-width:850px){.command-chips{display:none}.layout-bento.home main>*{border-radius:0!important}.layout-bento.home main>.section:nth-of-type(even){margin-left:1rem!important}.layout-bento.home main>.section:nth-of-type(odd){margin-right:1rem!important}.layout-bento .page-shell{display:block}.layout-bento .service:nth-child(2n){transform:none}}

.role-portrait{width:min(100%,220px);aspect-ratio:8/9;object-fit:cover;border:1px solid currentColor}.role-name{font-weight:900;text-transform:uppercase;letter-spacing:.12em}.footer-nav{max-width:1320px;margin:2rem auto 0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.footer-nav a{min-height:44px;display:inline-flex;align-items:center}

@media(prefers-reduced-motion:reduce){.legal{opacity:1}}

/* Inner pages remain part of the same unequal operations canvas. */
.layout-bento:not(.home) .page-shell{align-items:start}
.layout-bento:not(.home) .page-shell>.lede{grid-column:1/8;margin-bottom:2rem}
.layout-bento:not(.home) .service-list,
.layout-bento:not(.home) .gallery-grid,
.layout-bento:not(.home) .people-grid,
.layout-bento:not(.home) .review-grid,
.layout-bento:not(.home) .faq-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}

.page-services .service{transform:none!important;border-radius:1.4rem;background:#fff}
.page-services .service:nth-child(1){grid-column:span 8;background:#c9dfd6;border-radius:1.4rem 4.5rem 1.4rem 1.4rem}
.page-services .service:nth-child(2){grid-column:span 4;background:#f3e1bd}
.page-services .service:nth-child(3){grid-column:span 4;background:#f5d5c7}
.page-services .service:nth-child(4){grid-column:span 8;background:#cad8f4;border-radius:1.4rem 1.4rem 4.5rem 1.4rem}
.page-services .service:nth-child(5),.page-services .service:nth-child(6){grid-column:span 6}
.page-services .service ul{padding-left:1.15rem}

.page-gallery .gallery-grid figure{overflow:hidden;border:1px solid #17202a38;border-radius:1.4rem;background:#fff}
.page-gallery .gallery-grid figure:nth-child(1){grid-column:span 8}
.page-gallery .gallery-grid figure:nth-child(2){grid-column:span 4}
.page-gallery .gallery-grid figure:nth-child(3),.page-gallery .gallery-grid figure:nth-child(4){grid-column:span 4}
.page-gallery .gallery-grid figure:nth-child(5){grid-column:span 8}
.page-gallery .gallery-grid figure:nth-child(6),.page-gallery .gallery-grid figure:nth-child(7){grid-column:span 6}
.page-gallery .gallery-grid figure:nth-child(8){grid-column:1/-1}
.page-gallery .gallery-grid img{height:clamp(220px,28vw,430px);aspect-ratio:auto;object-fit:cover}
.page-gallery .gallery-grid figure:nth-child(8) img{height:clamp(250px,34vw,480px)}
.page-gallery .gallery-grid figcaption{padding:.8rem 1rem;margin:0}

.page-staff .person{grid-column:span 3;display:grid;align-content:start;background:#fff}
.page-staff .person:first-child{grid-column:span 6;background:#c9dfd6;border-radius:1.4rem 4.5rem 1.4rem 1.4rem}
.page-staff .person:last-child{grid-column:1/-1;grid-template-columns:130px minmax(0,1fr);gap:1.25rem;background:#cad8f4}
.layout-bento .role-portrait{width:min(100%,130px);align-self:start}

.page-reviews .review{display:grid;align-content:start;gap:.75rem;background:#fff}
.page-reviews .review:nth-child(1){grid-column:span 8;background:#c9dfd6}
.page-reviews .review:nth-child(2){grid-column:span 4;background:#f3e1bd}
.page-reviews .review:nth-child(3){grid-column:span 4;background:#f5d5c7}
.page-reviews .review:nth-child(4){grid-column:span 8;background:#cad8f4}
.page-reviews .review:nth-child(5),.page-reviews .review:nth-child(6){grid-column:span 6}
.page-reviews .review cite{display:grid;gap:.25rem;margin-top:auto;font-style:normal}

.page-faq .faq-list details{grid-column:span 6;background:#fff;border-radius:1rem}
.page-faq .faq-list details:nth-child(1),.page-faq .faq-list details:nth-child(6){grid-column:span 8;background:#c9dfd6}
.page-faq .faq-list details:nth-child(2),.page-faq .faq-list details:nth-child(5){grid-column:span 4;background:#f3e1bd}
.page-faq .faq-list details:nth-child(4){background:#cad8f4}

.page-contact .page-shell>.contact-grid,.page-about .page-shell>.contact-grid{grid-column:1/-1}
.page-contact .contact-grid{grid-template-columns:5fr 7fr;align-items:start}
.page-contact .contact-grid>div,.page-contact .contact-form{padding:clamp(1.25rem,3vw,2.5rem);border:1px solid #17202a38;border-radius:1.5rem;background:#fff}
.page-contact .contact-grid>div{background:#c9dfd6;border-radius:1.5rem 4.5rem 1.5rem 1.5rem}
.page-contact .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.page-about .contact-grid>div{padding:clamp(1.25rem,3vw,2.5rem);border:1px solid #17202a38;border-radius:1.5rem;background:#fff}
.page-about .contact-grid>div:first-child{background:#c9dfd6}
.page-about .contact-grid img{border-radius:1rem;aspect-ratio:3/2;object-fit:cover}

.layout-bento .footer-in>*{padding:1rem;border:1px solid #17202a20;border-radius:1rem}
.layout-bento.home .gallery-preview{grid-column:1/8}
.layout-bento.home .story{grid-column:8/-1}
.layout-bento.home .gallery-preview .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.layout-bento.home .gallery-preview .gallery-grid img{aspect-ratio:4/3;object-fit:cover}
.page-staff .person:last-child{display:block;min-height:0}
.page-staff .person:last-child .role-portrait{float:left;margin:0 1.25rem .75rem 0}
@media(max-width:1100px) and (min-width:851px){.layout-bento .nav,.layout-bento .command-chips{display:none}.layout-bento .mobile-nav{display:block;margin-left:auto}.layout-bento .header-in>.book{display:none}}
@media(max-width:850px){
  .layout-bento:not(.home) .service-list,.layout-bento:not(.home) .gallery-grid,.layout-bento:not(.home) .people-grid,.layout-bento:not(.home) .review-grid,.layout-bento:not(.home) .faq-list{grid-template-columns:1fr}
  .layout-bento:not(.home) .service-list>*,.layout-bento:not(.home) .gallery-grid>*,.layout-bento:not(.home) .people-grid>*,.layout-bento:not(.home) .review-grid>*,.layout-bento:not(.home) .faq-list>*{grid-column:1!important}
  .layout-bento.home .gallery-preview .gallery-grid{grid-template-columns:1fr}
  .page-staff .person:last-child .role-portrait{width:100px}
  .page-contact .field-row{grid-template-columns:1fr}
  .page-contact .contact-grid,.page-about .contact-grid{grid-template-columns:1fr}
  .page-gallery .gallery-grid img,.page-gallery .gallery-grid figure:nth-child(8) img{height:auto;aspect-ratio:4/3}
}
@media(max-width:430px){.page-staff .person:last-child .role-portrait{float:none;margin:0 0 1rem}.layout-bento .role-portrait{width:100px}}
/* Catalogue typography identity — headings and reading text. */
:root{--catalog-font-heading:'Syne', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;--catalog-font-body:'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif}
html body,input,select,textarea,button{font-family:var(--catalog-font-body)}
h1,h2,h3,h4,h5,h6,.display,.disp,.brand,.logo{font-family:var(--catalog-font-heading)}

/* aajwebz-mailto-nowrap — an address is one token, never split across lines */
a[href^="mailto:"] {
  overflow-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}
@media (max-width: 380px) {
  a[href^="mailto:"] { font-size: 0.88em; }
}