:root { --paper:#f5f1e9; --paper-deep:#ece7dc; --ink:#27383a; --muted:#687573; --line:rgba(39,56,58,.2); --gold:#aa8e5d; --teal:#0d747c; --dark:#20383b; --serif:"Noto Serif SC",Georgia,serif; --sans:"Noto Sans SC",Arial,sans-serif; --display:"Manrope","Noto Sans SC",Arial,sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button{font:inherit}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.6'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:20;min-height:90px;padding:0 clamp(24px,9vw,138px);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:rgba(245,241,233,.95);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:13px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--gold);color:var(--gold);font:800 11px/1 var(--display);letter-spacing:-.8px}.brand-name{font:600 16px/1 var(--serif);letter-spacing:1px}.brand-name small{display:block;margin-top:5px;color:var(--muted);font:700 8px/1 var(--display);letter-spacing:1.3px}.site-nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,38px)}.site-nav a{position:relative;padding:34px 0 29px;color:#53605f;font-size:14px;white-space:nowrap}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:1px;background:var(--ink);transform:scaleX(0);transition:transform .25s ease}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1)}.header-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 17px;margin-left:10px;color:#f7f3ea;background:var(--dark);font-weight:600;font-size:14px;transition:background .2s ease,transform .2s ease}.header-cta:hover{background:var(--teal);transform:translateY(-2px)}.bubble{width:15px;height:13px;border:1.5px solid currentColor;border-radius:55% 55% 55% 3px;position:relative}.bubble:after{content:"";position:absolute;bottom:-4px;left:1px;width:5px;height:5px;border-left:1.5px solid currentColor;transform:skew(-22deg)}.menu-toggle{display:none;border:0;padding:8px 0;color:var(--ink);background:transparent;cursor:pointer}.menu-toggle span{margin-right:8px;font-size:13px;font-weight:700}.menu-toggle i,.menu-toggle i:after{display:inline-block;content:"";width:19px;height:1px;vertical-align:middle;background:var(--teal)}.menu-toggle i:after{transform:translateY(6px)}
.section-tag{display:flex;align-items:center;gap:12px;color:var(--ink);font:700 10px/1 var(--display);letter-spacing:1.5px;text-transform:uppercase}.section-tag span{color:var(--gold)}.section-tag i{display:inline-block;width:36px;height:1px;background:currentColor}.section-tag em{font-style:normal}.section-tag.light{color:#d9dfd9}.section-tag.light span{color:#9ac6bb}.eyebrow,.hero-kicker{color:var(--teal);font:700 10px/1.3 var(--display);letter-spacing:1.7px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);min-height:660px;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(68px,9vw,140px) clamp(24px,9vw,138px);display:flex;flex-direction:column;align-items:flex-start}.hero-kicker{margin:81px 0 25px}.hero h1{margin:0;color:var(--ink);font:600 clamp(53px,6.7vw,98px)/1.18 var(--serif);letter-spacing:-5px}.hero h1 span,.hero h2 span,.about-lead,.section-heading h2 span,.principle-content h2 span,.contact-content h2 span{color:var(--teal)}.hero-lead{max-width:420px;margin:29px 0 0;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:44px}.primary-button,.outline-button{display:inline-flex;align-items:center;gap:17px;padding:15px 20px;color:#f7f3ea;background:var(--dark);font-size:14px;transition:background .2s ease,transform .2s ease}.primary-button:hover,.outline-button:hover{background:var(--teal);transform:translateY(-2px)}.primary-button span,.outline-button span{font-size:18px}.text-link{display:inline-flex;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:14px;transition:color .2s ease,gap .2s ease}.text-link span{color:var(--teal);font:20px/1 var(--display)}.text-link:hover{gap:19px;color:var(--teal)}.hero-portrait{position:relative;min-height:660px;display:flex;justify-content:center;padding:37px 70px 37px 54px;overflow:hidden;background:var(--dark)}.hero-portrait:before{content:"";position:absolute;width:450px;height:450px;left:-180px;bottom:-240px;border:1px solid rgba(238,221,188,.3);border-radius:50%}.hero-portrait img{width:100%;max-width:410px;object-fit:cover;object-position:center;border:1px solid rgba(238,221,188,.5);filter:saturate(.9)}.portrait-label,.portrait-meta{position:absolute;z-index:2;color:#e9dfcc;font:700 9px/1 var(--display);letter-spacing:1.4px}.portrait-label{left:32px;top:34px}.portrait-label span{margin-left:10px;color:#9cc5bd}.portrait-meta{right:34px;bottom:26px;display:flex;gap:14px;writing-mode:vertical-rl}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;margin:0 auto;padding:46px 24px 51px}.stats-strip>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border-right:0}.stats-strip strong{color:var(--ink);font:600 clamp(31px,3.2vw,48px)/1 var(--display);letter-spacing:-2px}.stats-strip strong span{color:var(--teal)}.stats-strip p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.section{padding:clamp(86px,10vw,158px) clamp(24px,9vw,138px);border-top:1px solid var(--line)}.about-grid,.journey-content,.expertise-content{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(50px,9vw,145px);margin-top:70px}.about-aside h2,.section-heading h2,.principle-content h2{margin:0;font:500 clamp(34px,3.7vw,56px)/1.48 var(--serif);letter-spacing:-2px}.aside-fact{margin-top:40px;color:var(--muted);font:400 14px/1.5 var(--serif)}.about-body{max-width:620px}.about-body p,.section-heading>p:last-child,.journey-card>p:last-child,.expertise-card>p,.principle-intro{margin:0 0 27px;color:var(--muted);font-size:15px;line-height:2}.about-body .about-lead{font:500 clamp(23px,2.25vw,32px)/1.65 var(--serif);letter-spacing:-1px}.about-body .text-link{margin-top:16px}.journey-section,.expertise-section{background:var(--paper-deep)}.journey-content,.expertise-content{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr)}.section-heading .eyebrow{margin:0 0 23px}.journey-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.journey-card{min-height:245px;padding:24px 26px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s ease}.journey-card:hover{background:rgba(255,255,255,.38)}.journey-top{display:flex;justify-content:space-between;color:var(--teal);font:700 11px/1.2 var(--display)}.journey-top time{color:var(--ink)}.journey-en{margin:31px 0 11px!important;color:var(--gold)!important;font:700 8px/1 var(--display)!important;letter-spacing:1.1px}.journey-card h3{margin:0 0 13px;font-size:21px;font-weight:600}.journey-card>p:last-child{font-size:13px;line-height:1.85}.expertise-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expertise-card{padding:25px 22px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s ease}.expertise-card:hover{background:rgba(255,255,255,.42)}.card-head{display:flex;justify-content:space-between;gap:10px;color:var(--teal);font:700 10px/1 var(--display)}.card-head p{margin:0;max-width:145px;text-align:right;font-size:8px;letter-spacing:.8px}.expertise-card h3{margin:37px 0 14px;font-size:20px;font-weight:600}.expertise-card>p{font-size:13px;line-height:1.85}.expertise-card ul{display:grid;gap:9px;margin:25px 0 0;padding:17px 0 0;border-top:1px solid var(--line);list-style:none;color:var(--muted);font-size:11px}.expertise-card li:before{content:"—";margin-right:8px;color:var(--gold)}.section-note{margin:29px 0 0;color:var(--teal);font-size:12px}
.mid-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:clamp(65px,7vw,100px) clamp(24px,9vw,138px);background:#e5ddd0}.mid-cta h2{margin:17px 0 9px;font:500 clamp(30px,3.7vw,55px)/1.3 var(--serif)}.mid-cta p:last-child{margin:0;color:var(--muted);font-size:14px}.outline-button{background:transparent;border:1px solid var(--ink);color:var(--ink);white-space:nowrap}.outline-button:hover{color:#fff;border-color:var(--teal)}
.global-section{padding:clamp(86px,11vw,170px) clamp(24px,9vw,138px);background:var(--dark);color:#f1eee6;overflow:hidden}.global-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-top:80px}.global-content .section-heading h2{font-size:clamp(38px,4.6vw,68px)}.global-content .section-heading>p:last-child{max-width:420px;color:#bdcbc5}.connection-visual{position:relative;min-height:340px;margin-top:23px}.connection-line{position:absolute;height:1px;background:rgba(154,198,187,.62);transform-origin:left center}.line-a{left:13%;top:58%;width:31%;transform:rotate(-23deg)}.line-b{left:39%;top:44%;width:30%;transform:rotate(23deg)}.line-c{left:43%;top:44%;width:35%;transform:rotate(49deg)}.connection-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.connection-node b{display:grid;place-items:center;width:65px;height:65px;border:1px solid #9ac6bb;border-radius:50%;color:#9ac6bb;font:700 9px/1 var(--display);letter-spacing:.6px}.connection-node strong{font-size:15px;font-weight:600}.connection-node small{color:#a9bbb4;font-size:10px}.connection-node.source{left:0;top:43%}.connection-node.connect{left:36%;top:18%}.connection-node.deliver{right:0;top:54%}.connection-node.connect b{background:rgba(154,198,187,.12)}.global-footnote{max-width:680px;margin:44px 0 0 33%;padding-top:24px;border-top:1px solid rgba(221,234,226,.25);color:#bdcbc5;font-size:13px;line-height:1.9}
.principle-section{background:var(--paper)}.principle-content{max-width:1010px;margin:70px auto 0}.quote-mark{height:35px;margin:0;color:var(--gold);font:100px/.65 Georgia,serif}.principle-content h2{font-size:clamp(38px,4.6vw,70px)}.principle-intro{margin-top:26px!important}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:58px;padding-top:25px;border-top:1px solid var(--line)}.principles article{padding-right:24px;border-right:1px solid var(--line)}.principles article:last-child{border-right:0}.principles article>span{color:var(--teal);font:700 11px/1 var(--display)}.principles h3{margin:26px 0 7px;font-size:21px}.principle-en{margin:0 0 15px!important;color:var(--gold)!important;font:700 8px/1 var(--display)!important;letter-spacing:1px}.principles p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.contact-section{padding:clamp(85px,10vw,150px) clamp(24px,9vw,138px) 58px;background:var(--teal);color:#f4f0e8}.contact-content{display:grid;grid-template-columns:.35fr 1.65fr;gap:40px}.contact-content .eyebrow{color:#bad8ce}.contact-content h2{margin:23px 0 25px;font:500 clamp(38px,5vw,76px)/1.32 var(--serif);letter-spacing:-2px}.contact-intro{max-width:520px;margin:0 0 36px;color:#c4ddd3;font-size:15px;line-height:1.9}.contact-link{display:inline-flex;gap:20px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(244,240,232,.65);font:700 clamp(25px,3.6vw,52px)/1.2 var(--display);letter-spacing:-2px}.contact-link span{color:#dbeadf;font-size:.55em}.contact-caption{margin:18px 0 0;color:#c4ddd3;font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:21px clamp(24px,9vw,138px);color:#809291;background:#1b2d30;font:700 9px/1.5 var(--display);letter-spacing:1px}.site-footer a{color:#d6e2dd}
@media(max-width:1050px){.site-header{padding:0 30px}.site-nav{gap:16px}.site-nav a{font-size:13px}.hero-portrait{padding-right:35px;padding-left:35px}.about-grid,.journey-content,.expertise-content{gap:50px}.global-footnote{margin-left:0}}
@media(max-width:820px){.site-header{min-height:75px;padding:0 24px}.menu-toggle{display:block}.site-nav{position:absolute;top:74px;left:0;right:0;max-height:0;overflow:hidden;display:grid;gap:0;padding:0 24px;background:var(--paper);border-bottom:1px solid transparent;transition:max-height .28s ease,padding .28s ease,border-color .28s ease}.site-nav.is-open{max-height:360px;padding:10px 24px 16px;border-color:var(--line)}.site-nav a{padding:14px 0;border-bottom:1px solid var(--line)}.site-nav a:after{bottom:0}.header-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:590px;padding:70px 24px 60px}.hero-kicker{margin-top:62px}.hero-portrait{min-height:530px;padding:34px 24px}.hero-portrait img{max-width:350px}.stats-strip{padding:37px 18px 40px}.stats-strip>div{gap:10px}.stats-strip strong{font-size:30px}.stats-strip p{font-size:10px}.about-grid,.journey-content,.expertise-content{grid-template-columns:1fr;margin-top:48px}.about-aside h2,.section-heading h2{font-size:39px}.about-body{max-width:none}.journey-list{grid-template-columns:repeat(2,1fr)}.expertise-list{grid-template-columns:1fr}.expertise-card{padding:26px 22px}.global-content{grid-template-columns:1fr;gap:20px}.connection-visual{margin-top:20px}.principle-content{margin-top:50px}.contact-content{grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.brand-name{font-size:14px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-portrait{min-height:470px}.hero-portrait img{max-width:290px}.portrait-label{left:24px;top:25px}.portrait-meta{right:17px;bottom:21px;font-size:7px}.stats-strip{grid-template-columns:1fr;gap:19px;max-width:280px;margin:0 0 0 24px;padding-left:0}.stats-strip>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);padding-bottom:16px}.stats-strip>div:last-child{border-bottom:0}.section{padding:76px 24px}.about-grid,.journey-content,.expertise-content{margin-top:40px}.about-aside h2,.section-heading h2{font-size:34px}.about-body p,.section-heading>p:last-child,.journey-card>p:last-child,.expertise-card>p,.principle-intro{font-size:14px;line-height:1.9}.about-body .about-lead{font-size:23px}.journey-list{grid-template-columns:1fr}.journey-card{min-height:0}.expertise-card h3{font-size:22px}.mid-cta{align-items:flex-start;flex-direction:column;padding:69px 24px}.global-section{padding:76px 24px}.global-content{margin-top:52px}.global-content .section-heading h2{font-size:38px}.connection-visual{min-height:310px;transform:scale(.9);transform-origin:left top;margin-bottom:-25px}.global-footnote{font-size:13px}.principle-content{margin-top:48px}.principle-content h2{font-size:38px;letter-spacing:-1px}.principles{grid-template-columns:1fr;gap:28px;margin-top:45px}.principles article{padding:0 0 27px;border-right:0;border-bottom:1px solid var(--line)}.principles article:last-child{border-bottom:0}.contact-content h2{font-size:40px}.contact-link{font-size:27px;letter-spacing:-1px}.site-footer{display:grid;grid-template-columns:1fr 1fr;padding:20px 24px;font-size:8px}.site-footer a{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Mobile touch refinement */
html { scroll-padding-top: 82px; }
body { overflow-x: hidden; }
a, button { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.primary-button, .outline-button, .header-cta { min-height: 44px; }
.text-link { min-height: 44px; }

@media (max-width: 820px) {
  .site-header {
    min-height: 76px;
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }
  .brand { min-height: 44px; }
  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 48px;
    margin-right: -8px;
    padding: 8px;
  }
  .menu-toggle i, .menu-toggle i::after { width: 20px; }
  .site-nav {
    top: 76px;
    z-index: 25;
    max-height: 0;
    padding-left: max(24px, env(safe-area-inset-left));
    padding-right: max(24px, env(safe-area-inset-right));
    box-shadow: 0 18px 32px rgba(32,56,59,.08);
  }
  .site-nav.is-open { max-height: 380px; }
  .site-nav a {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 12px 0;
    font-size: 15px;
  }
  .site-nav a::after { bottom: 0; height: 2px; }
  .hero-copy { min-height: 570px; }
  .hero-actions { width: 100%; }
  .primary-button { justify-content: center; min-width: 128px; }
  .hero-portrait { min-height: 500px; }
  .hero-portrait img { width: min(78vw, 350px); max-width: 350px; }
  .stats-strip { width: 100%; }
  .journey-card, .expertise-card, .principles article { touch-action: manipulation; }
}

@media (max-width: 560px) {
  .site-header { min-height: 72px; }
  .site-nav { top: 72px; }
  .hero-copy { min-height: 560px; padding-top: 58px; }
  .hero-kicker { max-width: 260px; margin-top: 57px; line-height: 1.5; }
  .hero h1 { max-width: 320px; font-size: clamp(45px, 13.5vw, 58px); line-height: 1.22; }
  .hero-lead { max-width: 320px; margin-top: 24px; font-size: 14px; line-height: 1.9; }
  .hero-actions { gap: 8px; margin-top: 28px; }
  .primary-button { width: 132px; padding: 12px 16px; }
  .text-link { padding-top: 7px; }
  .hero-portrait { min-height: 458px; padding: 44px 20px 24px; }
  .hero-portrait img { width: min(76vw, 290px); max-width: 290px; }
  .portrait-label { left: 20px; top: 24px; font-size: 8px; }
  .portrait-meta { right: 11px; bottom: 20px; font-size: 7px; }
  .stats-strip { max-width: 100%; margin: 0; padding: 30px 24px 34px; }
  .stats-strip > div { min-height: 49px; gap: 14px; }
  .stats-strip strong { min-width: 78px; font-size: 29px; }
  .stats-strip p { font-size: 10px; }
  .section { scroll-margin-top: 80px; }
  .section-tag { min-height: 24px; }
  .journey-card, .expertise-card { padding: 24px 20px 26px; }
  .journey-card h3, .expertise-card h3 { font-size: 21px; }
  .journey-card > p:last-child, .expertise-card > p { font-size: 13px; }
  .mid-cta { gap: 28px; }
  .outline-button { min-width: 122px; justify-content: center; }
  .global-section { overflow: hidden; }
  .connection-visual { width: 118%; margin-left: -3%; transform: scale(.78); transform-origin: left top; }
  .contact-link { min-height: 52px; align-items: center; }
  .site-footer { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  .site-nav { transition: none; }
}

@media (max-width: 820px) {
  body.menu-open { overflow: hidden; }
}


/* Language and dark-mode controls */
html { color-scheme: light; }
.header-tools { display: flex; align-items: center; gap: 7px; margin-left: 4px; }
.lang-toggle, .theme-toggle { display: inline-grid; place-items: center; min-width: 40px; min-height: 40px; padding: 8px; border: 1px solid var(--line); color: var(--ink); background: transparent; cursor: pointer; font: 700 10px/1 var(--display); letter-spacing: .8px; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.theme-toggle { font-size: 17px; letter-spacing: 0; }
.lang-toggle:hover, .theme-toggle:hover { border-color: var(--teal); color: var(--teal); background: rgba(13,116,124,.08); }
html[data-theme="dark"] { color-scheme: dark; --paper: #111b1c; --paper-deep: #182627; --ink: #e9efeb; --muted: #a9b8b2; --line: rgba(233,239,235,.2); --dark: #0a1213; }
html[data-theme="dark"] .site-header { background: rgba(17,27,28,.95); }
html[data-theme="dark"] .mid-cta { background: #1f3031; }
html[data-theme="dark"] .hero-portrait { background: #0b2022; }
html[data-theme="dark"] .site-nav { background: var(--paper); }
html[data-theme="dark"] .journey-card:hover, html[data-theme="dark"] .expertise-card:hover { background: rgba(255,255,255,.05); }
html[data-theme="dark"] .outline-button { color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] .outline-button:hover { color: #fff; border-color: var(--teal); }
html[data-theme="dark"] .grain { opacity: .06; }
@media (max-width: 820px) {
  .header-tools { gap: 4px; margin-left: 2px; }
  .lang-toggle, .theme-toggle { min-width: 42px; min-height: 42px; }
}
@media (max-width: 560px) {
  .header-tools { margin-right: -5px; }
  .header-tools .lang-toggle, .header-tools .theme-toggle { min-width: 38px; min-height: 40px; }
  .theme-toggle { font-size: 16px; }
}


/* Center the desktop navigation between the brand and action controls */
@media (min-width: 821px) {
  .site-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
  .header-cta { margin-left: auto; }
}


/* Contact form and dark-first presentation */
:root {
  --paper: #101819;
  --paper-deep: #182526;
  --ink: #eef4ef;
  --muted: #aebdb7;
  --line: rgba(238,244,239,.2);
  --gold: #c6aa72;
  --teal: #49b6b0;
  --dark: #081011;
}
html[data-theme="light"] {
  color-scheme: light;
  --paper: #f5f1e9;
  --paper-deep: #ece7dc;
  --ink: #27383a;
  --muted: #687573;
  --line: rgba(39,56,58,.2);
  --gold: #aa8e5d;
  --teal: #0d747c;
  --dark: #20383b;
}
html:not([data-theme="light"]) .site-header { background: rgba(16,24,25,.95); }
html:not([data-theme="light"]) .mid-cta { background: #1b2b2c; }
html:not([data-theme="light"]) .journey-card:hover, html:not([data-theme="light"]) .expertise-card:hover { background: rgba(255,255,255,.06); }
html:not([data-theme="light"]) .site-nav { background: var(--paper); }
.contact-form { max-width: 690px; margin-top: 47px; padding-top: 30px; border-top: 1px solid rgba(244,240,232,.25); }
.contact-form label { display: block; margin-bottom: 18px; color: #d7e5dd; font-size: 12px; }
.contact-form label > span { display: block; margin-bottom: 8px; color: #b8d9cd; font: 700 9px/1 var(--display); letter-spacing: 1.2px; text-transform: uppercase; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid rgba(244,240,232,.3); border-radius: 0; padding: 14px 15px; color: #f5f2ea; background: rgba(0,0,0,.14); font: 14px/1.6 var(--sans); outline: none; transition: border-color .2s ease, background .2s ease; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: rgba(220,232,225,.56); }
.contact-form input:focus, .contact-form textarea:focus { border-color: #b8d9cd; background: rgba(0,0,0,.24); }
.contact-form textarea { resize: vertical; min-height: 132px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-submit { display: inline-flex; align-items: center; gap: 15px; min-height: 48px; margin-top: 4px; padding: 13px 18px; border: 1px solid #dbeadf; color: #163235; background: #dbeadf; cursor: pointer; font: 700 13px/1 var(--sans); transition: background .2s ease, color .2s ease, transform .2s ease; }
.form-submit span { font-size: 18px; }
.form-submit:hover { color: #fff; background: transparent; transform: translateY(-2px); }
.form-note { margin: 15px 0 0; color: #b8d9cd; font-size: 11px; line-height: 1.7; }
html[data-theme="light"] .contact-form input, html[data-theme="light"] .contact-form textarea { color: #f5f2ea; }
@media (max-width: 560px) {
  .form-grid { grid-template-columns: 1fr; gap: 0; }
  .contact-form { margin-top: 38px; padding-top: 24px; }
  .contact-form input, .contact-form textarea { min-height: 48px; font-size: 16px; }
  .form-submit { width: 100%; justify-content: center; min-height: 52px; }
}

html { color-scheme: dark; }