:root{--ink:#202426;--dark:#171a1c;--dark-deep:#111416;--paper:#fff;--soft:#f3f4f3;--muted:#62696d;--line:#d9dddc;--champagne:#d4c1a0;--gold-ink:#786144;--on-dark:#c1c5c5;--width:1280px;--gutter:clamp(24px,5.2vw,88px);--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-ink);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;font-weight:500}h2{font-size:clamp(34px,3.25vw,48px);letter-spacing:-.045em}h3{font-size:26px;letter-spacing:-.025em}p+p{margin-top:24px}::selection{background:var(--champagne);color:var(--dark)}.container{max-width:calc(var(--width) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;z-index:100;top:8px;left:16px;background:var(--champagne);padding:10px 18px;color:var(--dark);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:var(--header);position:absolute;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid #ffffff26}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px}.brand{display:inline-flex;color:var(--champagne);padding:12px 0}.wordmark{display:block;position:relative;overflow:hidden;width:178px;aspect-ratio:2011/245;color:inherit}.wordmark>span{display:block;position:absolute;left:-3.829%;top:-97.143%;width:108.006%;height:295.511%;background:currentColor;-webkit-mask:url('assets/juwato-original.png') center/100% 100% no-repeat;mask:url('assets/juwato-original.png') center/100% 100% no-repeat}#navigation{display:flex;align-items:center;gap:38px}#navigation a{font-size:14px;color:#e0e1df;transition:color .2s}#navigation a:hover{color:var(--champagne)}#navigation .nav-contact{border-left:1px solid #ffffff30;padding-left:32px;color:var(--champagne)}.nav-contact span{padding-left:20px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:var(--dark-deep);color:white;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(17,20,22,.91) 0%,rgba(17,20,22,.65) 43%,rgba(17,20,22,.1) 100%),linear-gradient(0deg,rgba(17,20,22,.9),transparent 40%),url('assets/hero-industrial.webp');background-size:cover;background-position:center}.hero-inner{min-height:min(890px,100svh);padding-top:180px;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{max-width:850px;padding-bottom:85px}.eyebrow{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.eyebrow>span:empty{display:block;width:32px;height:1px;background:currentColor}.eyebrow.light{color:var(--champagne)}.hero-wordmark{width:clamp(280px,36vw,510px);margin-top:52px;margin-bottom:34px;color:var(--champagne)}h1{font-size:clamp(30px,4.15vw,61px);font-weight:500;letter-spacing:-.032em;line-height:1.1}.hero-description{max-width:490px;color:#d0d3d2;font-size:18px;line-height:1.6;margin-top:28px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:35px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;padding:14px 24px;font-size:14px;transition:background .2s,transform .2s}.button-primary{color:var(--dark-deep);background:var(--champagne)}.button-primary:hover{background:#e3d4bb;transform:translateY(-2px)}.button span,.text-link span{font-size:21px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;padding-block:14px;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff2c;padding-block:22px;color:#c5c8c6;font-size:12px;letter-spacing:.04em}.hero-bottom>a{display:flex;align-items:center;gap:22px}.scroll-arrow{font-size:24px;color:var(--champagne)}.section{padding-block:96px}.section-label{display:flex;align-items:center;gap:32px;margin-bottom:60px;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:500;color:var(--muted)}.section-label>span:first-child{white-space:nowrap}.label-rule{width:100%;height:1px;background:var(--line)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.subtle{color:#778084}.lead{font-size:21px;line-height:1.65;letter-spacing:-.015em}.experience-copy>p:not(.lead):not(.signature-line){color:var(--muted);max-width:550px}.signature-line{font-size:14px;color:var(--gold-ink);border-left:2px solid var(--champagne);padding-left:18px;margin-top:34px}.experience-number{font-size:130px;letter-spacing:-.07em;line-height:1;color:var(--champagne);display:flex;align-items:flex-end;gap:25px;margin-top:43px}.experience-number>span{font-size:12px;color:var(--muted);letter-spacing:.08em;line-height:1.6;max-width:110px;text-transform:uppercase;padding-bottom:13px}.expertise{background:var(--soft)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:52px}.section-intro>p{color:var(--muted);line-height:1.6}.service{display:grid;grid-template-columns:45px 1fr 1.25fr 30px;column-gap:30px;padding:36px 0 39px;border-top:1px solid #cfd5d3}.service:last-child{border-bottom:1px solid #cfd5d3}.service h3{font-size:clamp(22px,2vw,29px);line-height:1.2}.service>div>p{font-size:16px;color:#525b5f;max-width:520px;line-height:1.65}.service-tags{list-style:none;display:flex;gap:7px 17px;flex-wrap:wrap;padding:0;margin:19px 0 0;font-size:12px;color:#60686b}.service-tags li:before{content:'—';color:#927853;margin-right:7px}.service-mark{font-size:26px;line-height:1;color:var(--gold-ink);justify-self:end}.approach{background:var(--dark);color:white}.approach .section-label{color:var(--on-dark)}.approach .label-rule{background:#ffffff2b}.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.approach-intro>div>p:last-child{color:var(--on-dark);max-width:500px;font-size:16px}.process{padding:0;margin:70px 0 0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}.process li{border-top:1px solid #a48e6d;padding:23px 24px 0 0;min-width:0}.process li+li{padding-left:20px}.step-top{display:flex;justify-content:space-between;align-items:center;color:var(--champagne);font-size:12px;margin-bottom:35px}.step-top span:last-child{font-size:23px}.process h3{font-size:23px}.process p{font-size:14px;color:var(--on-dark);margin-top:18px;line-height:1.7}.values-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}.values-wordmark{width:255px;color:var(--ink)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:58px}.value-grid article{border-top:1px solid var(--line);padding-top:23px}.value-grid h3{font-size:25px;margin-top:24px}.value-grid p{font-size:16px;color:var(--muted);margin-top:18px;line-height:1.65}.brand-statement{max-width:980px;margin:75px auto 0;text-align:center;font-size:clamp(24px,2.5vw,36px);line-height:1.4;letter-spacing:-.025em;border-top:1px solid var(--line);padding-top:55px}.brand-statement .statement-accent{color:var(--gold-ink)}.contact{background:#eae8e2;padding-bottom:100px}.contact .section-label{color:#646660}.contact .label-rule{background:#c7c8c0}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center}.contact h2{font-size:clamp(31px,3vw,44px)}.contact h2>span{color:#687074}.contact p{max-width:485px;font-size:17px;color:#535c60;margin-top:26px}.contact-action{min-width:0}.contact-action .eyebrow{font-size:12px;color:#66665e;letter-spacing:.1em}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;border-bottom:1px solid #90958f;font-size:clamp(25px,2.5vw,36px);letter-spacing:-.035em;transition:color .2s}.contact-email:hover{color:var(--gold-ink)}.contact-email span{font-size:32px}.contact-location{display:block;font-size:14px;color:#616761;margin-top:17px}.site-footer{background:var(--dark-deep);color:#bfc3c4;padding-top:45px;font-size:12px}.footer-main{display:flex;align-items:center;gap:38px;padding-bottom:40px}.footer-main .wordmark{width:150px}.footer-main>p{font-size:12px;letter-spacing:.015em}.back-top{display:flex;align-items:center;gap:20px;margin-left:auto}.back-top span{font-size:22px;color:var(--champagne)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff24;padding-block:22px}.footer-bottom nav{display:flex;gap:27px}.site-footer a:hover{color:var(--champagne)}.legal-body .site-header{position:relative;background:var(--dark-deep)}.legal-main{max-width:960px;margin:auto;padding:70px var(--gutter) 100px}.legal-main .text-link{font-size:14px;color:var(--gold-ink);margin-bottom:32px}.legal-main h1{font-size:clamp(36px,5vw,56px);margin-bottom:36px;overflow-wrap:anywhere}.legal-main h2{font-size:24px;margin:36px 0 14px;letter-spacing:-.025em}.legal-main p,.legal-main li{color:#535c60}.legal-main a:not(.text-link){text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal-note{border-left:3px solid #aa8d63;background:var(--soft);padding:18px 22px;font-size:14px;margin-bottom:35px}.legal-main address{font-style:normal}.legal-main ul{padding-left:22px}
@media(min-width:1600px){.hero-inner{min-height:880px}}@media(max-width:1100px){#navigation{gap:24px}.hero-inner{padding-top:155px;min-height:800px}.hero-copy{padding-bottom:60px}.hero-wordmark{margin-top:42px}.service{grid-template-columns:28px 1fr 1.15fr 24px;gap:22px}.process h3{font-size:20px}.process li{padding-right:16px}.process li+li{padding-left:12px}.value-grid{gap:24px}.value-grid h3{font-size:22px}}
@media(max-width:760px){:root{--header:76px}.header-inner{gap:24px}.brand .wordmark{width:153px}.menu-toggle{display:flex;align-items:center;gap:16px;border:0;background:none;color:#fff;padding:12px 0 12px 12px;min-height:44px;z-index:22}.menu-label{font-size:14px}.menu-icon{width:21px;height:12px;position:relative;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .2s}.menu-open .menu-icon{height:1px;border-bottom:0;transform:rotate(45deg)}.menu-open .menu-icon:after{content:'';position:absolute;inset:-1px 0 auto;height:1px;background:currentColor;transform:rotate(90deg)}#navigation{display:none;position:absolute;left:0;right:0;top:var(--header);padding:25px var(--gutter) 38px;background:var(--dark-deep);border-bottom:1px solid #ffffff30;box-shadow:0 20px 30px #0005;align-items:stretch;gap:0}#navigation.is-open{display:flex;flex-direction:column}#navigation a{font-size:21px;padding:15px 0}#navigation .nav-contact{border-left:0;border-top:1px solid #ffffff30;padding:18px 0 0;margin-top:10px}.hero-inner{padding-top:129px;min-height:775px}.hero-image{background-position:61% center;background-image:linear-gradient(90deg,rgba(17,20,22,.85),rgba(17,20,22,.42)),linear-gradient(0deg,rgba(17,20,22,.8),transparent 60%),url('assets/hero-industrial.webp')}.hero-wordmark{width:80%;max-width:410px;margin-top:45px;margin-bottom:34px}h1{font-size:clamp(27px,5.7vw,43px)}.hero-description{font-size:17px;max-width:440px;margin-top:27px}.hero-copy{padding-bottom:64px}.hero-actions{gap:22px;margin-top:31px}.hero-bottom{font-size:12px;gap:22px;padding-block:19px}.hero-bottom>span{max-width:145px}.hero-bottom>a>span:first-child{display:none}.eyebrow{font-size:12px;letter-spacing:.1em}.section{padding-block:65px}.section-label{margin-bottom:37px;gap:20px;font-size:12px;letter-spacing:.08em}.experience-grid,.approach-intro,.contact-grid{grid-template-columns:1fr;gap:35px}.experience-heading{position:relative}.experience-number{font-size:90px;margin-top:30px;gap:22px}.experience-number>span{font-size:12px;padding-bottom:8px;max-width:130px}.lead{font-size:19px;line-height:1.6}.signature-line{margin-top:28px;font-size:14px}.section-intro{display:block;margin-bottom:34px}.section-intro>p{margin-top:22px;font-size:16px}.service{grid-template-columns:24px 1fr 20px;gap:0 16px;padding:28px 0 30px}.service h3{font-size:25px;line-height:1.22}.service>div{grid-column:2;grid-row:2;margin-top:18px}.service-mark{grid-column:3;grid-row:1;font-size:23px}.service-tags{margin-top:17px;display:block;font-size:12px}.service-tags li+li{margin-top:5px}.process{grid-template-columns:1fr;margin-top:42px}.process li,.process li+li{display:grid;grid-template-columns:35px 1fr;column-gap:18px;position:relative;padding:22px 38px 24px 0;border-color:#ffffff30}.step-top{display:contents}.step-top>span:first-child{grid-column:1;grid-row:1;padding-top:3px;color:var(--champagne);font-size:12px}.step-top>span:last-child{position:absolute;right:0;top:19px;color:var(--champagne);font-size:21px;transform:rotate(90deg)}.process li:last-child .step-top>span:last-child{transform:none}.process h3{grid-column:2;font-size:23px}.process p{grid-column:2;margin-top:10px;font-size:14px}.process p br{display:initial}.values-heading{align-items:start;flex-direction:column;gap:26px}.values-wordmark{width:200px}.value-grid{grid-template-columns:1fr 1fr;gap:32px 26px;margin-top:37px}.value-grid h3{font-size:22px;margin-top:19px;overflow-wrap:anywhere}.value-grid p{font-size:15px;margin-top:16px}.brand-statement{text-align:left;margin-top:42px;padding-top:35px;font-size:26px}.contact h2{font-size:32px}.contact-grid{gap:38px}.contact p{font-size:16px;margin-top:23px}.contact-email{font-size:31px}.site-footer{padding-top:32px}.footer-main{flex-wrap:wrap;gap:17px 25px;padding-bottom:26px}.footer-main>p{order:3;flex-basis:100%;font-size:12px}.footer-main .wordmark{width:140px}.footer-bottom{align-items:start;font-size:12px;padding-block:20px}.footer-bottom nav{gap:20px}.back-top{font-size:12px}.legal-main{padding-top:42px;padding-bottom:70px}.legal-main h1{font-size:38px}.legal-main h2{font-size:23px}.legal-body #navigation{top:var(--header)}}
@media(max-width:380px){h1{font-size:25px}.hero-actions{gap:15px}.hero-actions .button{gap:27px;padding-inline:19px}.hero-actions .text-link{font-size:13px;gap:12px}.hero-inner{min-height:745px}.contact h2{font-size:28px}.contact-email{font-size:28px}.value-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.site-header,.hero-actions,.hero-bottom,.back-top,.menu-toggle{display:none!important}.hero{color:#000;background:#fff}.hero-image{display:none}.hero-inner{min-height:0;padding-top:20px}.hero-copy{padding-bottom:20px}.hero-description{color:#333}.section{padding-block:28px;break-inside:avoid}.section-label{margin-bottom:24px}.approach,.contact,.site-footer{background:#fff;color:#000}.approach p,.process p{color:#333}.service{break-inside:avoid}.wordmark{color:#000!important}a[href^="mailto:"]{text-decoration:underline}}

/* Contrast, direct contact and progressive enhancement. */
.site-header{background:linear-gradient(180deg,#111416dd,#11141665)}
.contact-phone{display:inline-block;font-size:17px;margin-top:19px;text-underline-offset:5px}
.contact-phone:hover{text-decoration:underline}
.service-mark{min-width:44px;min-height:44px;display:flex;align-items:flex-start;justify-content:flex-end}
.service-mark:hover{color:var(--ink)}
@media(max-width:760px){html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header{position:relative;height:auto;background:var(--dark-deep)}html:not(.js) .header-inner{flex-wrap:wrap;padding-block:16px;gap:8px}html:not(.js) #navigation{display:flex;position:static;flex-wrap:wrap;box-shadow:none;border:0;padding:0;gap:8px 22px}html:not(.js) #navigation a{font-size:14px;padding:5px 0}html:not(.js) #navigation .nav-contact{margin:0;border:0}html:not(.js) .hero-inner{padding-top:50px}}
.site-header{position:fixed;background:#14181af2;backdrop-filter:blur(14px)}

/* Technical line icons: consistent geometry, weight and brand colors. */
.line-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.service-icon,
.step-icon,
.value-icon {
  display: inline-flex;
  flex: none;
  width: 36px;
  height: 36px;
  color: var(--gold-ink);
}
.service-icon { margin-top: 1px; }
.service { grid-template-columns: 48px 1fr 1.25fr 30px; }
.step-top { align-items: center; margin-bottom: 28px; }
.step-top .step-icon { width: 40px; height: 40px; color: var(--champagne); }
.value-icon { width: 34px; height: 34px; }
@media (min-width: 761px) and (max-width: 1100px) {
  .service { grid-template-columns: 40px 1fr 1.15fr 24px; }
}
@media (max-width: 760px) {
  .service { grid-template-columns: 34px 1fr 20px; column-gap: 16px; }
  .service-icon { width: 30px; height: 30px; margin-top: 1px; }
  .process li,
  .process li + li { grid-template-columns: 36px 1fr; }
  .step-top > .step-icon:first-child { width: 32px; height: 32px; padding: 0; align-self: center; }
  .process h3 { align-self: center; }
  .value-icon { width: 30px; height: 30px; }
}


/* Image variant: three industrial scenes, each tied to its surrounding content. */
.story-visual { margin: 0; }
.visual-media { overflow: hidden; min-width: 0; background: #252a2c; }
.visual-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.visual-kicker { display: block; font-size: 12px; letter-spacing: .1em; line-height: 1.7; text-transform: uppercase; }
.visual-caption-line { display: block; width: 42px; height: 1px; margin-top: 28px; background: var(--champagne); }
.experience-visual { margin-top: 62px; }
.experience-visual .visual-media { aspect-ratio: 2.8; }
.experience-visual img { object-position: center 57%; }
.experience-visual figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-top: 19px; }
.experience-visual .visual-kicker { color: var(--gold-ink); }
.experience-visual figcaption > span:last-child { font-size: 16px; color: var(--muted); }
.maintenance-visual { display: grid; grid-template-columns: 1.45fr 1fr; align-items: stretch; margin: 52px 0 0; background: #e6e8e5; }
.maintenance-visual .visual-media { aspect-ratio: 1.65; }
.maintenance-visual figcaption { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(28px, 3.5vw, 56px); }
.maintenance-visual .visual-kicker { color: var(--gold-ink); max-width: 220px; }
.maintenance-visual figcaption p { margin-top: 24px; font-size: clamp(28px, 2.5vw, 38px); letter-spacing: -.035em; line-height: 1.2; }
.maintenance-visual .visual-caption-line { background: var(--gold-ink); }
.implementation-visual { display: grid; grid-template-columns: .8fr 1.5fr; margin-top: 76px; background: #202629; }
.implementation-visual figcaption { padding: 42px 38px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.implementation-visual .visual-kicker { color: var(--on-dark); max-width: 200px; }
.implementation-visual figcaption p { margin-top: 26px; font-size: clamp(28px, 2.7vw, 40px); letter-spacing: -.035em; line-height: 1.15; }
.implementation-visual figcaption p span { color: var(--champagne); }
.implementation-visual .visual-media { aspect-ratio: 1.7; }
@media (max-width: 1100px) and (min-width: 761px) {
  .implementation-visual { grid-template-columns: 1fr 1.5fr; }
  .implementation-visual figcaption { padding: 30px; }
  .implementation-visual .visual-media { aspect-ratio: auto; min-height: 325px; }
}
@media (max-width: 760px) {
  .experience-visual { margin-top: 36px; }
  .experience-visual .visual-media { aspect-ratio: 1.5; }
  .experience-visual figcaption { flex-direction: column; gap: 5px; padding-top: 15px; }
  .experience-visual figcaption > span:last-child { font-size: 15px; }
  .maintenance-visual { display: flex; flex-direction: column; margin: 32px 0 0; }
  .maintenance-visual .visual-media { aspect-ratio: 1.5; }
  .maintenance-visual figcaption { padding: 28px; }
  .maintenance-visual figcaption p { font-size: 29px; margin-top: 18px; }
  .visual-caption-line { margin-top: 22px; }
  .implementation-visual { display: flex; flex-direction: column; margin-top: 35px; }
  .implementation-visual .visual-media { order: -1; aspect-ratio: 1.5; }
  .implementation-visual figcaption { padding: 28px; }
  .implementation-visual figcaption p { font-size: 31px; margin-top: 20px; }
  .implementation-visual figcaption p br { display: none; }
}
@media print { .story-visual { break-inside: avoid; } .implementation-visual { color: #000; background: #fff; } }

/* Separate the key statement from its explanation with a quiet paragraph gap. */
.value-grid p + p,
.service > div > p + p,
.contact p + p { margin-top: 8px; }
.experience-copy > .copy-continuation { margin-top: 12px; }

/* Use vector geometry so mobile devices cannot substitute a colored emoji. */
.diagonal-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  flex-shrink: 0;
}

/* Editorial hierarchy: quieter headings and a shared expertise column grid. */
.section h2 { font-size: clamp(28px, 2.8vw, 42px); line-height: 1.16; }
.expertise {
  --service-columns: 48px minmax(0, 1fr) minmax(0, 1.25fr) 30px;
  --service-column-gap: 30px;
}
.expertise .section-intro,
.expertise .service {
  display: grid;
  grid-template-columns: var(--service-columns);
  column-gap: var(--service-column-gap);
}
.expertise .section-intro { align-items: start; row-gap: 18px; margin-bottom: 34px; }
.expertise .section-intro h2 { grid-column: 2; min-width: 0; font-size: clamp(1.625rem, 2.2vw, 2rem); font-weight: 400; line-height: 1.23; letter-spacing: -.015em; }
.expertise .section-intro > p { grid-column: 3; min-width: 0; max-width: 520px; margin: 0; color: #525b5f; font-size: 1rem; line-height: 1.65; }
.expertise .intro-sentence { display: block; }
.expertise .service h3,
.expertise .service > div { min-width: 0; }
.signature-line { line-height: 1.65; }
.maintenance-visual figcaption p { font-size: clamp(27px, 2.25vw, 34px); }
.implementation-visual figcaption p { font-size: clamp(28px, 2.35vw, 36px); }
.logo-heading { display: flex; align-items: center; flex-wrap: wrap; column-gap: 18px; row-gap: 14px; }
.logo-heading .heading-wordmark { width: 5.8em; max-width: 100%; flex: none; color: var(--ink); }
.brand-statement { max-width: 960px; font-size: clamp(22px, 2.15vw, 31px); line-height: 1.55; }
.brand-statement .statement-wordmark { display: inline-block; width: 5.5em; max-width: 100%; margin-right: .12em; vertical-align: -.02em; color: var(--ink); }
.contact-email { font-size: clamp(22px, 1.9vw, 28px); letter-spacing: -.02em; padding-block: 15px; }
.contact-email > span { font-size: 24px; flex: none; }
.footer-claim { display: flex; flex-direction: column; gap: 2px; line-height: 1.5; }
@media (min-width: 761px) and (max-width: 1100px) {
  .expertise { --service-columns: 40px minmax(0, 1fr) minmax(0, 1.15fr) 24px; --service-column-gap: 22px; }
}
@media (max-width: 760px) {
  .expertise { --service-columns: 34px minmax(0, 1fr) 20px; --service-column-gap: 16px; }
  .expertise .section-intro { margin-bottom: 30px; }
  .expertise .section-intro h2 { grid-column: 2 / -1; }
  .expertise .section-intro > p { grid-column: 2 / -1; font-size: 16px; }
  .logo-heading { column-gap: 12px; }
  .brand-statement { font-size: 24px; }
  .contact-email { font-size: 24px; }
}
@media (max-width: 380px) {
  .expertise .service h3 { font-size: 22px; }
  .brand-statement { font-size: 22px; }
  .contact-email { font-size: 22px; }
}

/* Original wordmark in running copy, navigation and copyright lines. */
.wordmark.inline-wordmark {
  display: inline-block;
  width: 5.5em;
  max-width: 100%;
  margin-inline: .04em;
  vertical-align: -.02em;
  font-size: inherit;
  color: inherit;
  flex: none;
}
.wordmark.inline-wordmark > span { font-size: inherit; }
#navigation .nav-about { display: inline-flex; align-items: center; gap: 8px; }
#navigation .nav-about .inline-wordmark { margin-inline: 0; }
.legal-main .text-link { gap: 8px; flex-wrap: wrap; }

/* Contact form: native controls, local submission, accessible feedback. */
.contact-form-block { margin-top: 50px; padding-top: 38px; border-top: 1px solid #c7c8c0; }
.form-intro h3 { font-size: 26px; }
.contact .form-intro p { margin-top: 10px; max-width: none; font-size: 16px; }
.contact-form { position: relative; margin-top: 25px; }
.form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 28px; }
.form-field { min-width: 0; }
.form-field-wide { grid-column: 1 / -1; }
.form-field label { display: block; margin-bottom: 8px; color: var(--ink); font-size: 14px; line-height: 1.5; }
.form-field input,
.form-field textarea { display: block; width: 100%; min-width: 0; border: 1px solid #767e78; border-radius: 0; padding: 13px 14px; background: #ffffffd9; color: var(--ink); font: inherit; font-size: 16px; line-height: 1.5; appearance: none; }
.form-field textarea { min-height: 160px; resize: vertical; }
.form-field input:focus,
.form-field textarea:focus { outline: 2px solid var(--gold-ink); outline-offset: 2px; border-color: var(--gold-ink); }
.form-field [aria-invalid="true"] { border-color: #8b302b; }
.contact-form .form-required { margin: 0 0 18px; max-width: none; color: #59615b; font-size: 13px; }
.contact-form .form-privacy { margin: 22px 0; max-width: 750px; color: #535c60; font-size: 14px; line-height: 1.65; }
.contact-form .form-privacy a { text-decoration: underline; text-underline-offset: 3px; }
.contact-form .button { min-width: 220px; border: 1px solid #ac9775; cursor: pointer; }
.contact-form .button [data-submit-label] { font-size: inherit; line-height: inherit; }
.contact-form .button:disabled { cursor: wait; opacity: .65; transform: none; }
.contact-form .form-feedback { margin: 18px 0 0; max-width: 750px; color: var(--ink); font-size: 15px; }
.contact-form .form-feedback[data-state="error"],
.field-error { color: #8b302b; }
.field-error { display: block; margin-top: 7px; font-size: 13px; line-height: 1.5; }
.contact-form [hidden] { display: none; }
.form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-result-body .legal-main { padding-top: 50px; }
.contact-result-body .contact-form { margin-block: 30px; }
@media (max-width: 760px) {
  .contact-form-block { margin-top: 36px; padding-top: 30px; }
  .form-fields { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .contact-form .button { width: 100%; }
  .form-intro h3 { font-size: 24px; }
}
@media print { .contact-form-block, .contact-form { display: none; } }


/* A dedicated viewport row keeps the shared disclosure visible without covering content. */
body.has-image-notice {
  height: 100vh;
  height: 100dvh;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}
.site-scroll-area {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header) + 20px);
  scroll-padding-bottom: 20px;
}
.has-image-notice.menu-open .site-scroll-area { overflow: hidden; }
.image-notice {
  position: relative;
  z-index: 30;
  padding: 7px max(16px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  border-top: 1px solid #d4c1a033;
  background: #171a1c;
  color: #d4c1a0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.image-notice p { margin: 0; }
@media (prefers-reduced-motion: reduce) {
  .site-scroll-area { scroll-behavior: auto; }
}
@media print {
  body.has-image-notice { display: block; height: auto; overflow: visible; }
  .site-scroll-area { overflow: visible; }
  .image-notice { color: #222; background: #fff; border-top: 1px solid #777; }
}