:root{
  --navy:#071b38;
  --gold:#b99a6a;
  --paper:#f7f6f2;
  --blue:#145da0;
  --ink:#101820;
  --muted:#56616e;
  --white:#fff;
  --surface:#fff;
  --surface-ink:#101820;
  --surface-muted:#56616e;
  --motion-duration:320ms;
  --font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-heading:var(--font-body);
  --font-ja:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",YuGothic,Meiryo,system-ui,sans-serif;
  --hero-overlay:.86;
  --hero-focal-x:68%;
  --hero-focal-y:50%;
  --line:#d9d5cc;
  --radius:.9rem;
  --shadow:0 18px 46px rgba(7,27,56,.10);
  --content:76rem;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.18em}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.skip-link{position:fixed;z-index:1000;left:1rem;top:1rem;transform:translateY(-180%);padding:.72rem 1rem;background:var(--navy);color:var(--white);border-radius:.45rem;text-decoration:none;font-weight:800;transition:transform var(--motion-duration) ease}
.skip-link:focus{transform:translateY(0)}
.container{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}
section[id]{scroll-margin-top:6rem}
.site-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid rgba(7,27,56,.08)}
.header-inner{min-height:5.1rem;display:flex;align-items:center;gap:1.5rem}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand img{width:10.2rem;height:auto;aspect-ratio:920/475;object-fit:contain}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(.9rem,2.2vw,1.7rem)}
.desktop-nav a,.language-link{font-size:.94rem;font-weight:750;text-decoration:none;color:var(--navy)}
.desktop-nav a{position:relative;padding:.35rem 0}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:.08rem;height:2px;background:var(--gold);transition:right var(--motion-duration) ease}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{right:0}
.language-link{border:1px solid rgba(7,27,56,.22);border-radius:999px;padding:.42rem .72rem;white-space:nowrap}
.mobile-menu{display:none;margin-left:auto;position:relative}
.mobile-menu summary{list-style:none;display:grid;place-items:center;width:2.85rem;height:2.85rem;border:1px solid rgba(7,27,56,.18);border-radius:.55rem;cursor:pointer;color:var(--navy);font-weight:900}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary::before{content:"☰";font-size:1.25rem;line-height:1}
.mobile-menu[open] summary::before{content:"×";font-size:1.7rem}
.mobile-panel{position:absolute;right:0;top:3.35rem;width:min(19rem,calc(100vw - 2rem));padding:.8rem;background:var(--surface);border:1px solid rgba(7,27,56,.12);border-radius:.8rem;box-shadow:var(--shadow);display:grid;gap:.2rem}
.mobile-panel a{padding:.75rem .85rem;border-radius:.45rem;text-decoration:none;color:var(--navy);font-weight:750}
.mobile-panel a:hover{background:var(--paper)}
.hero{position:relative;isolation:isolate;min-height:clamp(34rem,74vh,46rem);overflow:hidden;background:var(--navy);display:grid;align-items:center}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media picture,.hero-media img{width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:var(--hero-focal-x) var(--hero-focal-y)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 44%,transparent 100%);opacity:var(--hero-overlay)}
.hero-copy{width:min(47rem,64%);padding-block:clamp(5rem,9vw,8.5rem);color:var(--white)}
.kicker{margin:0 0 .7rem;color:var(--gold);font-size:.78rem;line-height:1.3;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3{font-family:var(--font-heading);font-weight:850;letter-spacing:-.025em;text-wrap:balance}
h1{margin:0;max-width:13ch;font-size:clamp(2.45rem,5.8vw,5.5rem);line-height:.99}
.hero-copy>p:not(.kicker){max-width:37rem;margin:1.2rem 0 1.65rem;font-size:clamp(1.04rem,1.6vw,1.24rem);color:rgba(255,255,255,.9)}
.actions{display:flex;gap:.8rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.78rem 1.05rem;border-radius:.55rem;text-decoration:none;font-weight:850;line-height:1.15;border:1px solid transparent;transition:transform var(--motion-duration) ease,box-shadow .18s ease,background-color .18s ease}
.button-primary{background:var(--gold);color:var(--navy);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.button-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.52);color:var(--white)}
.button:hover{transform:translateY(-2px)}
.trust-strip{background:var(--navy);color:var(--white);border-top:1px solid rgba(255,255,255,.12)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:1.35rem clamp(.8rem,2vw,1.4rem);border-right:1px solid rgba(255,255,255,.12)}
.trust-item:last-child{border-right:0}
.trust-item strong{display:block;color:var(--gold);font-size:1.06rem}
.trust-item span{display:block;margin-top:.12rem;color:rgba(255,255,255,.78);font-size:.9rem}
.section{padding-block:clamp(4.4rem,8vw,7rem)}
.section-white{background:var(--surface);color:var(--surface-ink)}
.section-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:2.4rem}
.section-heading h2{margin:0;color:var(--navy);font-size:clamp(2rem,4vw,3.75rem);line-height:1.06;max-width:16ch}
.section-heading p:last-child{margin:0;color:var(--muted);font-size:1.04rem;max-width:44rem}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.card{position:relative;background:var(--surface);color:var(--surface-ink);border:1px solid var(--line);border-radius:var(--radius);padding:1.55rem;box-shadow:0 1px 0 rgba(7,27,56,.02);transition:transform var(--motion-duration) ease,box-shadow .18s ease,border-color .18s ease}
.card::before{content:"";display:block;width:2.7rem;height:.28rem;border-radius:999px;background:var(--gold);margin-bottom:1.15rem}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(185,154,106,.55)}
.card h3{margin:0 0 .6rem;color:var(--navy);font-size:1.2rem;line-height:1.2}
.card p{margin:0;color:var(--surface-muted)}
.control-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.control-copy h2{margin:.25rem 0 1rem;color:var(--navy);font-size:clamp(2rem,4vw,3.75rem);line-height:1.06}
.control-copy>p:last-of-type{color:var(--muted);max-width:42rem}
.control-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);color:var(--surface-ink)}
.control-grid div{padding:1.3rem;min-height:8.2rem}
.control-grid div:nth-child(odd){border-right:1px solid var(--line)}
.control-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.control-grid strong{display:block;color:var(--blue);font-size:1.13rem;margin-bottom:.3rem}
.control-grid span{color:var(--surface-muted);font-size:.92rem}
.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.package{display:flex;flex-direction:column;min-height:21rem;background:var(--surface);color:var(--surface-ink);border:1px solid var(--line);border-radius:var(--radius);padding:1.55rem;position:relative;overflow:hidden}
.package::after{content:"";position:absolute;inset:0 auto 0 0;width:.32rem;background:var(--gold)}
.package .label{font-size:.77rem;letter-spacing:.13em;font-weight:900;color:var(--blue)}
.package h3{margin:.45rem 0 .75rem;color:var(--navy);font-size:1.45rem}
.package p{margin:0 0 1.1rem;color:var(--surface-muted)}
.package ul{margin:.3rem 0 1.25rem;padding-left:1.15rem;color:var(--surface-muted)}
.package li+li{margin-top:.28rem}
.package a{margin-top:auto;color:var(--blue);font-weight:850}
.package-featured{background:var(--navy);border-color:var(--navy);color:var(--white);box-shadow:var(--shadow)}
.package-featured .label,.package-featured h3,.package-featured a{color:var(--gold)}
.package-featured p,.package-featured ul{color:rgba(255,255,255,.82)}
.process{background:var(--navy);color:var(--white)}
.process .section-heading h2{color:var(--white)}
.process .section-heading p:last-child{color:rgba(255,255,255,.75)}
.process-list{counter-reset:steps;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden}
.process-list div{counter-increment:steps;background:var(--navy);padding:1.3rem;min-height:9.5rem}
.process-list div::before{content:"0" counter(steps);display:block;color:var(--gold);font-weight:900;font-size:.9rem;margin-bottom:1.25rem}
.process-list strong{font-size:1.05rem}
.contact{background:var(--surface)}
.contact-box{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:1.1rem;overflow:hidden;box-shadow:var(--shadow)}
.contact-copy{background:var(--navy);color:var(--white);padding:clamp(2rem,5vw,4.25rem)}
.contact-copy h2{margin:.2rem 0 1rem;font-size:clamp(2.1rem,4vw,3.75rem);line-height:1.05}
.contact-copy p:not(.kicker){color:rgba(255,255,255,.78);max-width:37rem}
.contact-links{display:grid;align-content:center;gap:.8rem;padding:clamp(2rem,5vw,4.25rem)}
.contact-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.65rem;text-decoration:none;color:var(--navy);font-weight:850;transition:border-color .18s ease,transform .18s ease}
.contact-link span:last-child{color:var(--blue)}
.contact-link:hover{border-color:var(--gold);transform:translateX(2px)}
.site-footer{background:#041226;color:rgba(255,255,255,.76);padding-block:2rem}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}
.footer-links a{color:var(--white)}
.legal{padding-block:clamp(3.5rem,7vw,6rem)}
.legal article{max-width:52rem;background:var(--surface);color:var(--surface-ink);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3.25rem);box-shadow:var(--shadow)}
.legal h1{color:var(--navy);font-size:clamp(2.2rem,5vw,4rem);max-width:none;margin-bottom:1.4rem}
.legal h2{color:var(--navy);font-size:1.35rem;margin:2rem 0 .5rem}
.legal p,.legal li{color:var(--surface-muted)}
.legal-note{border-left:4px solid var(--gold);padding-left:1rem}
@media (max-width:1080px){
  .services-grid,.packages-grid{grid-template-columns:repeat(2,1fr)}
  .section-heading{grid-template-columns:1fr;gap:1rem;align-items:start}
  .section-heading h2{max-width:22ch}
  .process-list{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .desktop-nav,.header-inner>.language-link{display:none}
  .mobile-menu{display:block}
  .brand img{width:9.5rem}
  .hero{min-height:39rem;align-items:end}
  .hero::after{background:linear-gradient(0deg,var(--navy) 0%,var(--navy) 49%,transparent 100%)}
  .hero-media img{object-position:62% 50%}
  .hero-copy{width:100%;padding-block:7.5rem 3.8rem}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(2){border-right:0}
  .trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .control-panel,.contact-box{grid-template-columns:1fr}
  .process-list{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .container{width:min(calc(100% - 1.25rem),var(--content))}
  .header-inner{min-height:4.65rem}
  .brand img{width:8.9rem}
  .hero{min-height:38rem}
  h1{font-size:clamp(2.4rem,12vw,3.75rem)}
  .hero-copy>p:not(.kicker){font-size:1rem}
  .actions{display:grid;grid-template-columns:1fr}
  .button{width:100%}
  .trust-grid,.services-grid,.packages-grid,.process-list{grid-template-columns:1fr}
  .trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .trust-item:last-child{border-bottom:0}
  .control-grid{grid-template-columns:1fr}
  .control-grid div{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:auto}
  .control-grid div:last-child{border-bottom:0!important}
  .package{min-height:auto}
  .footer-inner{align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.custom-section{padding-block:clamp(3rem,6vw,5.5rem);background:var(--paper)}
.custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.custom-block{border-left:.28rem solid var(--gold);padding:1.4rem 1.45rem;background:var(--surface);color:var(--surface-ink);border-radius:var(--radius);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.custom-block .kicker{margin-bottom:.35rem}.custom-block h2{margin:.1rem 0 .65rem;color:var(--navy);font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.12}.custom-block p:last-child{margin:0;color:var(--surface-muted)}
.admin-entry-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (max-width:700px){.custom-grid{grid-template-columns:1fr}}
html[lang="ja"] body{font-family:var(--font-ja);line-height:1.75}
.language-menu{position:relative;flex:0 0 auto}.language-menu summary{list-style:none;cursor:pointer;border:1px solid rgba(7,27,56,.22);border-radius:999px;padding:.42rem .72rem;font-size:.94rem;font-weight:750;color:var(--navy);white-space:nowrap}.language-menu summary::-webkit-details-marker{display:none}.language-panel{position:absolute;right:0;top:calc(100% + .55rem);min-width:10rem;padding:.45rem;background:var(--surface);border:1px solid rgba(7,27,56,.12);border-radius:.7rem;box-shadow:var(--shadow);display:grid;z-index:60}.language-panel a{padding:.58rem .7rem;border-radius:.45rem;text-decoration:none;color:var(--navy);font-weight:700}.language-panel a:hover,.language-panel a[aria-current="true"]{background:var(--paper)}.mobile-languages{border-top:1px solid var(--line);padding-top:.45rem;margin-top:.35rem;display:grid}.mobile-languages a{font-size:.93rem}.legal .language-menu{margin-left:auto}
@media(max-width:820px){.header-inner>.language-menu{display:none}}

.preview-admin-bar{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;background:#071b38;color:#fff;padding:.55rem .9rem;font:600 14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.preview-admin-bar a{color:#fff;text-decoration:underline}.preview-admin-bar span{color:#d7c29d}


/* visual system, responsive and motion */
body{overflow-x:hidden}
.site-header{transition:background-color var(--motion-duration) ease,border-color var(--motion-duration) ease,min-height var(--motion-duration) ease}
.theme-header-static .site-header{position:relative;top:auto}
.theme-header-compact .header-inner{min-height:4.15rem}.theme-header-compact .brand img{width:8.7rem}
.theme-header-transparent .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom-color:rgba(255,255,255,.18);color:#fff}
.theme-header-transparent .desktop-nav a,.theme-header-transparent .language-menu summary,.theme-header-transparent .mobile-menu summary{color:#fff}
.theme-header-transparent .language-menu summary,.theme-header-transparent .mobile-menu summary{border-color:rgba(255,255,255,.55)}
.theme-header-transparent .desktop-nav a::after{background:var(--gold)}
.theme-logo-center .header-inner{position:relative}.theme-logo-center .brand{position:absolute;left:50%;transform:translateX(-50%)}.theme-logo-center .desktop-nav{margin-left:0;margin-right:auto}.theme-logo-center .language-menu{margin-left:auto}
.hero-align-center .hero-copy{margin-inline:auto;text-align:center;width:min(52rem,90%)}.hero-align-center h1{margin-inline:auto;max-width:16ch}.hero-align-center .hero-copy>p:not(.kicker){margin-inline:auto}.hero-align-center .actions{justify-content:center}
.theme-footer-light .site-footer{background:var(--surface);color:var(--surface-muted);border-top:1px solid var(--line)}.theme-footer-light .footer-links a{color:var(--navy)}
.theme-footer-minimal .site-footer{background:var(--paper);color:var(--muted);border-top:1px solid var(--line);padding-block:1.25rem}.theme-footer-minimal .footer-links a{color:var(--navy)}
.mobile-panel{max-height:calc(100dvh - 5.2rem);overflow:auto}
body.menu-open{overflow:hidden}
.reveal-ready body:not(.animations-off) [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity var(--motion-duration) ease,transform var(--motion-duration) ease}
.reveal-ready body:not(.animations-off).anim-fade [data-reveal]{transform:none}
.reveal-ready body:not(.animations-off).anim-slide-left [data-reveal]{transform:translateX(-24px)}
.reveal-ready body:not(.animations-off).anim-slide-right [data-reveal]{transform:translateX(24px)}
.reveal-ready body:not(.animations-off).anim-zoom [data-reveal]{transform:scale(.985)}
.reveal-ready body:not(.animations-off) [data-reveal].is-visible{opacity:1;transform:none}
.reveal-ready body.anim-stagger [data-reveal].is-visible .reveal-child{animation:absolute-stagger var(--motion-duration) ease both}
.reveal-ready body.anim-stagger [data-reveal].is-visible .reveal-child:nth-child(2){animation-delay:70ms}.reveal-ready body.anim-stagger [data-reveal].is-visible .reveal-child:nth-child(3){animation-delay:140ms}.reveal-ready body.anim-stagger [data-reveal].is-visible .reveal-child:nth-child(4){animation-delay:210ms}.reveal-ready body.anim-stagger [data-reveal].is-visible .reveal-child:nth-child(5){animation-delay:280ms}
@keyframes absolute-stagger{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.breadcrumbs{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;color:var(--muted);font-size:.92rem}.breadcrumbs a{color:var(--blue)}
@media(max-width:1024px){.desktop-nav{gap:.9rem}.desktop-nav a{font-size:.9rem}.brand img{width:9.4rem}.services-grid,.packages-grid{gap:.85rem}}
@media(max-width:820px){
  .theme-logo-center .brand{position:static;transform:none}.mobile-menu{position:static}.mobile-panel{position:fixed;z-index:80;right:.6rem;top:5rem;width:min(24rem,calc(100vw - 1.2rem));max-height:calc(100dvh - 5.6rem);border-radius:1rem;padding:1rem;box-shadow:0 24px 70px rgba(7,27,56,.24)}
  .theme-header-transparent .mobile-panel{background:var(--surface)}.theme-header-transparent .mobile-panel a{color:var(--navy)}
  .hero{min-height:min(46rem,88svh)}.hero-copy{padding-top:8.5rem}.section{padding-block:clamp(3.8rem,8vw,5.5rem)}
}
@media(max-width:430px){.container{width:min(calc(100% - 1rem),var(--content))}.header-inner{min-height:4.4rem}.brand img{width:8.35rem}.mobile-menu summary{width:2.7rem;height:2.7rem}.hero{min-height:36rem}.hero-copy{padding-block:7.6rem 3.2rem}.hero-copy h1{font-size:clamp(2.15rem,11.5vw,3.35rem)}.section-heading h2,.control-copy h2,.contact-copy h2{font-size:clamp(1.8rem,9vw,2.75rem)}.card,.package,.custom-block{padding:1.25rem}.contact-copy,.contact-links{padding:1.5rem}.footer-links{display:grid;gap:.65rem}}
@media(max-width:360px){body{font-size:.96rem}.brand img{width:7.7rem}.hero-copy h1{font-size:2.15rem}.kicker{font-size:.72rem;letter-spacing:.12em}.button{min-height:2.9rem;padding:.7rem .85rem}.trust-item{padding:1rem}.section{padding-block:3.3rem}}
@media(max-width:320px){.container{width:min(calc(100% - .75rem),var(--content))}.header-inner{gap:.6rem}.brand img{width:7.25rem}.mobile-panel{right:.375rem;width:calc(100vw - .75rem)}.hero-copy{padding-top:7rem}.card,.package,.custom-block{padding:1.05rem}}
@media(min-width:1440px){.hero-copy{padding-block:7rem}.services-grid,.packages-grid{gap:1.2rem}}
@media(prefers-reduced-motion:reduce){.reveal-ready body [data-reveal]{opacity:1!important;transform:none!important;animation:none!important}}
.legal-page.theme-header-transparent .site-header{position:relative;background:var(--surface);border-bottom-color:rgba(7,27,56,.08);color:var(--surface-ink)}
.legal-page.theme-header-transparent .language-menu summary{color:var(--navy);border-color:rgba(7,27,56,.22)}
@media(max-width:980px){.theme-logo-center .desktop-nav,.theme-logo-center .header-inner>.language-menu{display:none}.theme-logo-center .mobile-menu{display:block;margin-left:auto}}

/* conversion, forms, map and CTA */
.button-outline{background:transparent;color:var(--color-primary,#071b38);border:1px solid currentColor}.button-text{background:transparent;color:var(--color-primary,#071b38);padding-inline:.2rem;text-decoration:underline;text-underline-offset:.25em}.promo-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:var(--color-accent,#145da0);color:#fff;padding:.32rem .62rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;margin-bottom:.55rem}.smart-form-wrap{margin-top:1.5rem;border:1px solid color-mix(in srgb,var(--color-primary,#071b38) 14%,transparent);border-radius:1rem;background:var(--color-surface,#fff);padding:clamp(1rem,3vw,1.5rem);color:var(--color-primary,#071b38)}.smart-form-heading h3{margin:.1rem 0 .4rem}.smart-form-heading p{margin-top:0;color:var(--color-muted,#56616e)}.smart-form-wrap form{display:grid;gap:1rem}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-progress{height:8px;background:color-mix(in srgb,var(--color-primary,#071b38) 10%,transparent);border-radius:999px;overflow:hidden}.form-progress span{display:block;height:100%;width:0;background:var(--color-accent,#145da0);transition:width .2s ease}.form-step{border:0;padding:0;margin:0;min-width:0}.form-step[hidden]{display:none}.form-step legend{font-weight:800;margin-bottom:1rem;font-size:1.05rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-field{display:grid;gap:.4rem}.form-field.field-textarea,.form-field.field-checkbox,.form-field.field-radio,.form-field.field-yesno,.form-field.field-consent,.form-field.field-file{grid-column:1/-1}.form-field[hidden]{display:none}.form-field label,.field-label{font-weight:700}.form-field input,.form-field textarea,.form-field select{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid color-mix(in srgb,var(--color-primary,#071b38) 28%,#fff);border-radius:.65rem;padding:.72rem .78rem}.form-field textarea{min-height:120px;resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:3px solid color-mix(in srgb,var(--color-accent,#145da0) 26%,transparent);outline-offset:2px}.choice-row{display:flex;gap:.8rem;flex-wrap:wrap}.choice-row.stack{display:grid;gap:.5rem}.choice-row label,.consent-row{display:flex;gap:.5rem;align-items:flex-start;font-weight:500}.choice-row input,.consent-row input{width:auto;margin-top:.2rem}.form-step-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.form-notice{border-left:4px solid var(--color-accent,#145da0);padding:.8rem 1rem;border-radius:.45rem;background:color-mix(in srgb,var(--color-accent,#145da0) 8%,#fff)}.form-notice.success{border-color:#1c7c54}.form-notice.error{border-color:#9b2c2c;background:#fff4f4}.contact .smart-form-wrap{margin-top:2rem}.location-section{background:var(--color-background,#f7f6f2)}.location-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:clamp(1rem,4vw,3rem);align-items:stretch}.location-copy{align-self:center}.map-actions{margin-top:1rem;flex-wrap:wrap}.map-shell{min-height:360px;border-radius:1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary,#071b38) 16%,transparent);background:color-mix(in srgb,var(--color-primary,#071b38) 6%,#fff)}.map-placeholder{width:100%;height:100%;min-height:360px;border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary,#071b38) 8%,#fff),color-mix(in srgb,var(--color-accent,#145da0) 10%,#fff));color:var(--color-primary,#071b38);display:grid;place-content:center;gap:.25rem;font:inherit;font-weight:800;cursor:pointer}.map-placeholder small{font-weight:500;color:var(--color-muted,#56616e)}.map-shell iframe{display:block;width:100%;height:360px;border:0}.floating-whatsapp{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:.7rem 1rem;background:#116b44;color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 8px 26px rgba(0,0,0,.18)}.floating-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:3px}.hide-desktop{display:none}.hide-mobile{display:inline-flex}
@media(max-width:760px){.form-grid,.location-grid{grid-template-columns:1fr}.form-field{grid-column:1/-1}.form-step-actions{justify-content:stretch}.form-step-actions .button{flex:1}.map-shell,.map-placeholder{min-height:300px}.map-shell iframe{height:300px}.hide-desktop{display:inline-flex}.hide-mobile{display:none}}
@media(prefers-reduced-motion:reduce){.form-progress span{transition:none}.floating-whatsapp{scroll-behavior:auto}}

/* modular builder, grids, Bento and commercial collections */
.builder-block{position:relative}
.builder-badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:.28rem .65rem;border:1px solid var(--color-secondary,#b99a6a);border-radius:999px;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.85rem}
.builder-grid{display:grid;gap:1rem;align-items:stretch}
.cols-d-1{grid-template-columns:1fr}.cols-d-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-d-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-d-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-d-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-d-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.trust-grid-dynamic .trust-item{min-width:0}.control-grid-dynamic>div,.process-list-dynamic>div{padding:1.15rem;border-top:1px solid var(--line);display:grid;gap:.25rem}.control-grid-dynamic span{color:var(--muted)}
.collection-section .section-heading{margin-bottom:2rem}.collection-card-body{padding:1.3rem}.project-card,.team-card,.testimonial-card,.credential-card,.gallery-card,.bento-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0}.project-card,.team-card{display:flex;flex-direction:column}.collection-image,.gallery-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.team-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.testimonial-photo{width:4rem;height:4rem;object-fit:cover;border-radius:50%;margin-bottom:1rem}.testimonial-card{padding:1.5rem}.testimonial-card blockquote{margin:0 0 1.2rem;font-size:1.08rem;line-height:1.65}.testimonial-card figcaption{display:grid;gap:.2rem}.testimonial-card figcaption span{color:var(--muted);font-size:.9rem}.project-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-bottom:.65rem}.credential-card{padding:1.5rem}.gallery-card{break-inside:avoid;margin-bottom:1rem}.gallery-card figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.9rem}
.masonry-grid{column-count:3;column-gap:1rem}.masonry-grid>*{width:100%}
.bento-grid{grid-auto-flow:dense}.bento-card{display:flex;flex-direction:column;min-height:13rem}.bento-image{width:100%;height:100%;min-height:10rem;object-fit:cover}.bento-copy{padding:1.3rem;display:grid;gap:.4rem}.bento-value{font-size:clamp(2rem,5vw,4rem);line-height:1}.bento-span-2-1{grid-column:span 2}.bento-span-1-2{grid-row:span 2}.bento-span-2-2{grid-column:span 2;grid-row:span 2}.bento-kind-image .bento-copy{padding-top:.8rem}
.block-animation-none{opacity:1!important;transform:none!important}.reveal-ready body:not(.animations-off) [data-reveal].block-animation-fade{transform:none}.reveal-ready body:not(.animations-off) [data-reveal].block-animation-fade-up{transform:translateY(18px)}.reveal-ready body:not(.animations-off) [data-reveal].block-animation-slide-left{transform:translateX(-24px)}.reveal-ready body:not(.animations-off) [data-reveal].block-animation-slide-right{transform:translateX(24px)}.reveal-ready body:not(.animations-off) [data-reveal].block-animation-zoom{transform:scale(.985)}
@media(min-width:1025px){.hide-on-desktop{display:none!important}}
@media(min-width:601px) and (max-width:1024px){.hide-on-tablet{display:none!important}.cols-t-1{grid-template-columns:1fr}.cols-t-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-t-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-t-4{grid-template-columns:repeat(4,minmax(0,1fr))}.masonry-grid{column-count:2}.bento-span-2-2,.bento-span-2-1{grid-column:span 2}.bento-span-1-2{grid-row:span 1}}
@media(max-width:600px){.hide-on-mobile{display:none!important}.cols-m-1{grid-template-columns:1fr}.cols-m-2{grid-template-columns:repeat(2,minmax(0,1fr))}.masonry-grid{column-count:1}.bento-span-2-1,.bento-span-1-2,.bento-span-2-2{grid-column:span 1;grid-row:span 1}.project-card,.team-card,.testimonial-card,.credential-card{border-radius:calc(var(--radius) * .85)}}

/* per-block responsive editor and universal collection layouts */
.builder-grid>*{min-width:0;overflow-wrap:anywhere}
.builder-grid picture,.builder-grid img,.collection-section picture,.collection-section img{max-width:100%}
.layout-bento .bento-auto{grid-auto-flow:dense}
@media(min-width:1025px){
  .layout-bento .bento-auto>:not(.bento-card):nth-child(6n+1){grid-column:span 2;grid-row:span 2}
  .layout-bento .bento-auto>:not(.bento-card):nth-child(6n+4){grid-column:span 2}
}
@media(min-width:601px) and (max-width:1024px){
  .layout-bento .bento-auto>:not(.bento-card):nth-child(4n+1){grid-column:span 2}
}
@media(max-width:600px){
  .layout-bento .bento-auto>*{grid-column:span 1!important;grid-row:span 1!important}
  .builder-grid>*{max-width:100%}
}
/* visitor preferences */
.theme-picker{display:inline-flex;align-items:center;min-width:0}.theme-picker select{appearance:auto;max-width:9.5rem;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:999px;background:var(--surface);color:var(--surface-ink);padding:.42rem .65rem;font:inherit;font-size:.82rem}.theme-picker select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.language-suggestion{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:.65rem 1rem;background:var(--surface);color:var(--surface-ink);border-bottom:1px solid color-mix(in srgb,var(--navy) 16%,transparent);position:relative;z-index:20}.language-suggestion .btn{min-height:2.25rem;padding:.45rem .75rem}.text-btn{background:transparent!important;color:var(--surface-ink)!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme-mode="dark"] img,html[data-theme="dark"] img{color-scheme:normal}@media(prefers-color-scheme:dark){html[data-theme-mode="auto"]:not([data-theme]) img,html[data-theme="auto"] img{color-scheme:normal}}
@media(max-width:980px){.header-inner>.theme-picker{display:none}.mobile-panel .theme-picker{display:flex;width:100%;margin-top:.4rem}.mobile-panel .theme-picker select{width:100%;max-width:none}}
@media(min-width:981px){.mobile-panel .theme-picker{display:none}}

/* semantic dark-mode compatibility. Brand panels retain the primary color;
   text on dark surfaces uses derived readable tokens. */
html[data-theme-mode="dark"]:not([data-theme]) body,html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme-mode="dark"]:not([data-theme]) .site-header,html[data-theme="dark"] .site-header{border-bottom-color:color-mix(in srgb,var(--surface-ink) 14%,transparent)}
html[data-theme-mode="dark"]:not([data-theme]) .desktop-nav a,
html[data-theme-mode="dark"]:not([data-theme]) .language-menu summary,
html[data-theme-mode="dark"]:not([data-theme]) .mobile-menu summary,
html[data-theme-mode="dark"]:not([data-theme]) .mobile-panel a,
html[data-theme-mode="dark"]:not([data-theme]) .language-panel a,
html[data-theme="dark"] .desktop-nav a,
html[data-theme="dark"] .language-menu summary,
html[data-theme="dark"] .mobile-menu summary,
html[data-theme="dark"] .mobile-panel a,
html[data-theme="dark"] .language-panel a{color:var(--surface-ink);border-color:color-mix(in srgb,var(--surface-ink) 24%,transparent)}
html[data-theme-mode="dark"]:not([data-theme]) .mobile-panel a:hover,
html[data-theme-mode="dark"]:not([data-theme]) .language-panel a:hover,
html[data-theme-mode="dark"]:not([data-theme]) .language-panel a[aria-current="true"],
html[data-theme="dark"] .mobile-panel a:hover,
html[data-theme="dark"] .language-panel a:hover,
html[data-theme="dark"] .language-panel a[aria-current="true"]{background:color-mix(in srgb,var(--surface-ink) 8%,var(--surface))}
html[data-theme-mode="dark"]:not([data-theme]) .section-heading h2,
html[data-theme-mode="dark"]:not([data-theme]) .card h3,
html[data-theme-mode="dark"]:not([data-theme]) .control-copy h2,
html[data-theme-mode="dark"]:not([data-theme]) .package:not(.package-featured) h3,
html[data-theme-mode="dark"]:not([data-theme]) .theme-footer-light .footer-links a,
html[data-theme-mode="dark"]:not([data-theme]) .theme-footer-minimal .footer-links a,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .control-copy h2,
html[data-theme="dark"] .package:not(.package-featured) h3,
html[data-theme="dark"] .theme-footer-light .footer-links a,
html[data-theme="dark"] .theme-footer-minimal .footer-links a{color:var(--surface-ink)}
html[data-theme-mode="dark"]:not([data-theme]) .smart-form-wrap,html[data-theme="dark"] .smart-form-wrap{background:var(--surface);color:var(--surface-ink)}
html[data-theme-mode="dark"]:not([data-theme]) .form-field input,
html[data-theme-mode="dark"]:not([data-theme]) .form-field textarea,
html[data-theme-mode="dark"]:not([data-theme]) .form-field select,
html[data-theme="dark"] .form-field input,
html[data-theme="dark"] .form-field textarea,
html[data-theme="dark"] .form-field select{background:color-mix(in srgb,var(--surface) 92%,var(--surface-ink) 8%);color:var(--surface-ink);border-color:color-mix(in srgb,var(--surface-ink) 28%,var(--surface))}
html[data-theme-mode="dark"]:not([data-theme]) .form-notice,html[data-theme="dark"] .form-notice{background:color-mix(in srgb,var(--blue) 12%,var(--surface))}
html[data-theme-mode="dark"]:not([data-theme]) .form-notice.error,html[data-theme="dark"] .form-notice.error{background:color-mix(in srgb,#9b2c2c 18%,var(--surface));color:var(--surface-ink)}
html[data-theme-mode="dark"]:not([data-theme]) .map-shell,html[data-theme="dark"] .map-shell{background:var(--surface)}
html[data-theme-mode="dark"]:not([data-theme]) .map-placeholder,html[data-theme="dark"] .map-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-ink) 5%,var(--surface)),color-mix(in srgb,var(--blue) 14%,var(--surface)));color:var(--surface-ink)}
html[data-theme-mode="dark"]:not([data-theme]) .map-placeholder small,html[data-theme="dark"] .map-placeholder small{color:var(--surface-muted)}
@media(prefers-color-scheme:dark){
 html[data-theme-mode="auto"]:not([data-theme]) .desktop-nav a,html[data-theme="auto"] .desktop-nav a,
 html[data-theme-mode="auto"]:not([data-theme]) .language-menu summary,html[data-theme="auto"] .language-menu summary,
 html[data-theme-mode="auto"]:not([data-theme]) .mobile-menu summary,html[data-theme="auto"] .mobile-menu summary,
 html[data-theme-mode="auto"]:not([data-theme]) .mobile-panel a,html[data-theme="auto"] .mobile-panel a,
 html[data-theme-mode="auto"]:not([data-theme]) .language-panel a,html[data-theme="auto"] .language-panel a{color:var(--surface-ink)}
 html[data-theme-mode="auto"]:not([data-theme]) .section-heading h2,html[data-theme="auto"] .section-heading h2,
 html[data-theme-mode="auto"]:not([data-theme]) .card h3,html[data-theme="auto"] .card h3,
 html[data-theme-mode="auto"]:not([data-theme]) .control-copy h2,html[data-theme="auto"] .control-copy h2,
 html[data-theme-mode="auto"]:not([data-theme]) .package:not(.package-featured) h3,html[data-theme="auto"] .package:not(.package-featured) h3{color:var(--surface-ink)}
 html[data-theme-mode="auto"]:not([data-theme]) .form-field input,html[data-theme="auto"] .form-field input,
 html[data-theme-mode="auto"]:not([data-theme]) .form-field textarea,html[data-theme="auto"] .form-field textarea,
 html[data-theme-mode="auto"]:not([data-theme]) .form-field select,html[data-theme="auto"] .form-field select{background:color-mix(in srgb,var(--surface) 92%,var(--surface-ink) 8%);color:var(--surface-ink)}
}
/* responsive media */
picture{display:block;max-width:100%}
.builder-grid picture,.collection-section picture,.media-responsive{width:100%;max-width:100%}
.builder-grid picture>img,.collection-section picture>img{width:100%;max-width:100%;height:auto}

/* responsive multimedia: fluid by default, no horizontal overflow. */
.media-video .media-frame{width:min(100%,1120px);margin-inline:auto;aspect-ratio:16/9;background:var(--surface);border-radius:var(--radius);overflow:hidden}
.media-video iframe,.media-video video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}
.external-media-placeholder{height:100%;display:grid;place-content:center;gap:.75rem;text-align:center;padding:clamp(1rem,4vw,3rem);background:var(--surface);color:var(--surface-ink)}
.external-media-placeholder p{margin:0;max-width:42rem;color:var(--surface-muted)}
.media-audio audio{display:block;width:min(100%,760px);max-width:100%;margin-inline:auto}
@media(max-width:600px){.media-video .media-frame{border-radius:max(.5rem,calc(var(--radius)*.75))}}
