@import url('./experience-engraving.css?v=30c0ecccd05873ed');
/* Selected Blue Hour, preserve mode: variance 8 / motion 7 / density 3.
   Original hero; considered editorial sections. The proof never leaves it. */
html[data-selected-home] {--oct-wide:1600px;--oct-accent:#d34b42;scroll-padding-top:30px}
.selected-home .oct-shell{width:calc(100% - var(--gutter)*2);max-width:1600px}
.selected-home .after-hero{position:relative;z-index:3;background:var(--surface)}
.selected-home .hero-link{width:230px}
.selected-home .hero-copy p{font-size:clamp(13px,1.1vw,17px)}
.selected-home .x-header{background:var(--surface)}
/* Keep the engraving below navigation and dissolve it above the hero rule. */
.selected-home .hero-atmosphere{inset:0 0 66px;opacity:.38;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 100px),transparent calc(100% - 16px));-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 100px),transparent calc(100% - 16px))}
.selected-home .blue-about{padding-block:112px}
.selected-home .blue-about h2{font-size:clamp(38px,5vw,76px)}
.selected-home .after-hero>.blue-preview{background:#c7dbe3;min-height:420px}
.selected-home .blue-photo{display:flex;align-items:center;min-width:0;padding:clamp(18px,2.6vw,42px)}
.selected-home .blue-photo>a{display:block;width:100%;overflow:hidden;outline-offset:7px;box-shadow:0 16px 42px #17344020}
.selected-home .blue-photo img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.selected-home .blue-photo>a:hover img{transform:scale(1.025)}}
.selected-home .blue-preview-copy{max-width:580px;padding:clamp(30px,4vw,65px)}
.selected-home .blue-preview h2{font-size:clamp(34px,4vw,62px)}
/* Supporting sections are readable immediately; only the process route grows. */
.selected-home [data-oct-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.selected-home .oct-process{padding-block:90px}
.selected-home .oct-process ol{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.selected-home .oct-process li{position:relative;border:0;padding:30px 30px 0 0;min-width:0}
.selected-home .oct-process li:last-child{padding-right:0}
.selected-home .oct-process li>span:first-child{display:block;font-size:13px;font-weight:500;line-height:1.4;color:var(--muted)}
.selected-home .oct-process h3{font-size:24px;margin:16px 0 12px}
.selected-home .oct-process p{font-size:15px;line-height:1.65;max-width:25ch}
.selected-home .process-ink{position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none}
.selected-home .process-ink span{display:block;position:absolute}
.selected-home .process-track,.selected-home .process-accent{inset:0;height:1px;background:var(--line)}
.selected-home .process-accent{background:var(--oct-accent)}
.selected-home .process-stop{left:-3px;top:-3px;width:7px;height:7px;border:1px solid var(--muted);border-radius:50%;background:var(--surface);transition:background .3s,border-color .3s}
.selected-home .oct-process li[data-process-state="pending"] .process-accent{opacity:0}
.selected-home .oct-process li[data-process-state="playing"] .process-stop,.selected-home .oct-process li[data-process-state="done"] .process-stop{background:var(--oct-accent);border-color:var(--oct-accent)}
.selected-home .oct-process li:last-child .process-track,.selected-home .oct-process li:last-child .process-accent{display:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .selected-home .oct-process[data-process-motion="full"] h3{transition:transform .4s cubic-bezier(.22,.68,.26,1),color .35s}
 .selected-home .oct-process[data-process-motion="full"] li>span:first-child{transition:color .35s}
 .selected-home .oct-process[data-process-motion="full"] .process-stop{transition:transform .4s cubic-bezier(.22,.68,.26,1),box-shadow .4s,background .3s,border-color .3s}
 .selected-home .oct-process[data-process-motion="full"] li:hover h3{transform:translateY(-2px);color:#294f60}
 .selected-home .oct-process[data-process-motion="full"] li:hover>span:first-child{color:var(--oct-accent)}
 .selected-home .oct-process[data-process-motion="full"] li:hover .process-stop{transform:scale(1.5);box-shadow:0 0 0 4px #d34b4214}
}
@media(max-width:1100px){
 .selected-home .oct-process ol{grid-template-columns:1fr!important;gap:0!important;max-width:680px}
 .selected-home .oct-process li,.selected-home .oct-process li:last-child{padding:0 0 38px 42px;min-height:156px}
 .selected-home .oct-process li:last-child{padding-bottom:0;min-height:0}
 .selected-home .oct-process h3{margin:9px 0 10px}
 .selected-home .oct-process p{max-width:48ch}
 .selected-home .process-ink{left:4px;right:auto;top:6px;bottom:-6px;width:1px;height:auto}
 .selected-home .process-track,.selected-home .process-accent{width:1px;height:100%}
 .selected-home .process-stop{left:-3px;top:0}
}
.selected-home .selected-plain{padding:95px 0;border:0;background:transparent;color:var(--ink);overflow:visible}
.selected-home .plain-grid{margin-top:0;gap:60px;grid-template-columns:1fr 1fr}
.selected-home .selected-plain h2{font-size:clamp(38px,5vw,76px);line-height:1.08}
.selected-home .plain-intro{display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}
.selected-home .jargon{font-size:clamp(25px,2.65vw,38px);line-height:1.35;color:var(--muted)}
.selected-home .hand-note{font-family:Manrope,Arial,sans-serif;font-size:clamp(15px,1.25vw,18px);letter-spacing:.04em;transform:none;margin-top:24px;color:var(--red)}
.selected-home .plain-divider{font-size:34px;margin:16px 0}
.selected-home .plain-answer{font-size:clamp(28px,3.2vw,46px);line-height:1.22;letter-spacing:-.045em;max-width:none}
.selected-home .plain-translation{min-width:0;min-height:360px}
.selected-home .oct-close{border-top:1px solid var(--line);padding-block:90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:28px}
.selected-home .oct-close h2{max-width:820px}
.selected-home .oct-close .oct-button{margin:0}
.selected-home .x-footer nav{font-size:13px;gap:25px;flex-wrap:wrap}
.selected-home .x-footer nav a{min-height:44px;display:inline-flex;align-items:center}
.selected-home .x-footer{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"brand details";gap:16px 40px;align-items:center}
.selected-home .x-footer>.brand{grid-area:brand;justify-self:start;align-self:center}
@media(min-width:761px){
 .selected-home .x-footer>.brand{gap:14px}
 .selected-home .x-footer .brand-name{font-size:clamp(44px,4.4vw,64px)}
 .selected-home .x-footer .brand-mark{width:clamp(58px,5.6vw,80px);height:clamp(49px,4.74vw,68px)}
}
.selected-home .footer-details{grid-area:details;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}
.selected-home .footer-bottom{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.selected-home .footer-bottom nav{justify-content:flex-end}
.selected-home .footer-services{grid-area:services;justify-self:end;font-size:13px;margin:0;text-align:right}
.selected-home .footer-contact{grid-area:contact;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;font-size:13px;line-height:1.6;text-align:right}
.selected-home .footer-contact a{display:inline-flex;align-items:center;min-height:36px}
.selected-home .x-footer .copyright{grid-area:copyright;justify-self:end;padding-top:8px}
.selected-home .footer-services a{display:inline-block;padding-block:10px}
.selected-home .copyright{font-size:11px}
.selected-home .oct-button{white-space:normal;min-width:245px}
/* The shared transition stylesheet owns the paper curtain. */
html[data-selected-home]::after{inset:50% auto auto 8vw;background:none;transform:none;transition:none}
@media(min-width:2000px){.selected-home .blue-about,.selected-home .oct-process,.selected-home .selected-plain,.selected-home .oct-close{padding-block:130px}.selected-home .blue-preview{min-height:500px}}
@media(max-width:1000px){.selected-home .blue-about{gap:35px}.selected-home .hero-link{width:195px}.selected-home .oct-process ol{grid-template-columns:1fr 1fr;gap:35px}.selected-home .oct-process p{max-width:36ch}.selected-home .plain-grid{gap:35px}}
@media(max-width:760px){.selected-home .blue-about{padding-block:65px;grid-template-columns:1fr;gap:25px}.selected-home .blue-preview{display:grid;grid-template-columns:1fr;margin-bottom:60px;min-height:0}.selected-home .blue-photo{aspect-ratio:1.65}.selected-home .blue-preview-copy{padding:30px}.selected-home .oct-process{padding-block:60px}.selected-home .selected-plain{padding-block:65px}.selected-home .plain-grid{grid-template-columns:1fr;gap:32px}.selected-home .plain-translation{min-height:330px}.selected-home .selected-plain h2{font-size:44px}.selected-home .oct-close{padding-block:65px}.selected-home .hero-copy p{font-size:13px}.selected-home .x-footer{gap:20px}.selected-home .oct-shell{width:calc(100% - 48px)}}
@media(max-width:400px){.selected-home .oct-process ol{grid-template-columns:1fr}.selected-home .hero-copy h1{font-size:29px}.selected-home .oct-process h3{font-size:22px}}
@media(max-width:760px){
 .selected-home .plain-answer{font-size:clamp(27px,7.3vw,40px)}
 .selected-home .jargon{font-size:clamp(24px,6.5vw,34px)}
 .selected-home .x-footer{grid-template-columns:1fr;grid-template-areas:"brand" "details";gap:16px}
 .selected-home .x-footer>.brand{justify-self:start;align-self:start}
 .selected-home .footer-services,.selected-home .footer-contact,.selected-home .x-footer .copyright{justify-self:start;text-align:left}
 .selected-home .footer-contact{justify-content:flex-start;gap:2px 16px}
 .selected-home .footer-details,.selected-home .footer-bottom{align-items:flex-start}
 .selected-home .footer-bottom nav{justify-content:flex-start}
 .selected-home .x-footer nav{margin-top:6px}
 .selected-home .oct-close{gap:24px}
}
@media(prefers-reduced-motion:reduce){.selected-home [data-oct-reveal]{opacity:1!important;transform:none!important}}