/* Website Sprint three-page demonstration sites: standalone and mobile-friendly. */
html { scroll-behavior:smooth; }
body.asd-demo { margin:0!important; font-family:"Instrument Sans",Arial,sans-serif!important; background:#fff; font-size:16px; line-height:1.6; }
.asd-demo * { box-sizing:border-box; }
.asd-demo a { text-decoration:none; }
.asd-demo :focus-visible { outline:3px solid #2f78ff; outline-offset:3px; }
.asd-demo .asd-container { width:min(1200px,calc(100% - 56px)); margin-inline:auto; }
.asd-demo .asd-demo-label { background:#0b1724; color:#eaf3fc; font-size:12px; line-height:1.5; position:relative; z-index:10; }
.asd-demo .asd-demo-label .asd-container { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.asd-demo .asd-demo-label strong { letter-spacing:.12em; color:#a8d5ff; }
.asd-demo .asd-demo-label a { color:#fff; font-weight:700; border-bottom:1px solid #7da8ca; white-space:nowrap; }
.asd-demo .asd-site { --asd-bg:#f8fafb; --asd-surface:#fff; --asd-ink:#17202a; --asd-muted:#576373; --asd-primary:#c76534; --asd-primary-text:#fff; --asd-line:#d4dce1; background:var(--asd-bg); color:var(--asd-ink); }
.asd-demo.asd-forge .asd-site { --asd-bg:#f3f2ed; --asd-surface:#fff; --asd-ink:#192124; --asd-muted:#4b595e; --asd-primary:#bd4b24; --asd-line:#cdd0cd; }
.asd-demo.asd-still .asd-site { --asd-bg:#f9f5ee; --asd-surface:#fffefa; --asd-ink:#303b32; --asd-muted:#5d665b; --asd-primary:#425c46; --asd-line:#dadbd0; }
.asd-demo.asd-vale .asd-site { --asd-bg:#f6f8f9; --asd-surface:#fff; --asd-ink:#182a40; --asd-muted:#53667c; --asd-primary:#244c74; --asd-line:#d3dde5; }
.asd-demo .asd-header { border-bottom:1px solid var(--asd-line); background:var(--asd-surface); }
.asd-demo .asd-header-row { display:flex; align-items:center; justify-content:space-between; min-height:100px; gap:28px; }
.asd-demo .asd-brand { color:var(--asd-ink); display:flex; align-items:center; gap:13px; }
.asd-demo .asd-brand-symbol { display:grid; place-items:center; width:52px; height:52px; border:1px solid var(--asd-primary); background:var(--asd-ink); color:#fff; font-size:15px; font-weight:750; letter-spacing:-.03em; flex:none; }
.asd-demo.asd-still .asd-brand-symbol { border-radius:50%; font-family:Georgia,serif; font-size:31px; font-weight:400; background:#e6e7db; color:var(--asd-ink); }
.asd-demo.asd-vale .asd-brand-symbol { background:#19314a; font:700 13px Georgia,serif; color:#f4dfaa; border-color:#ddc280; }
.asd-demo .asd-brand strong { display:block; font-size:17px; line-height:1.1; letter-spacing:.045em; text-transform:uppercase; color:var(--asd-ink); }
.asd-demo.asd-still .asd-brand strong, .asd-demo.asd-vale .asd-brand strong { font-family:Georgia,serif; font-size:21px; font-weight:500; letter-spacing:-.03em; text-transform:none; }
.asd-demo .asd-brand small { display:block; margin-top:5px; color:var(--asd-muted); font-size:11px; letter-spacing:.09em; text-transform:uppercase; }
.asd-demo .asd-nav { display:flex; align-items:center; gap:26px; margin-left:auto; }
.asd-demo .asd-nav a { padding:8px 1px; color:var(--asd-ink); font-size:14px; font-weight:600; border-bottom:2px solid transparent; }
.asd-demo .asd-nav a:hover,.asd-demo .asd-nav a[aria-current="page"] { border-bottom-color:var(--asd-primary); }
.asd-demo .asd-button { display:inline-flex; align-items:center; justify-content:center; background:var(--asd-primary); color:var(--asd-primary-text); border:0; border-radius:3px; padding:14px 22px; font:700 13px/1.4 "Instrument Sans",Arial,sans-serif; letter-spacing:.02em; cursor:pointer; transition:filter .2s,transform .2s; text-align:center; }
.asd-demo .asd-button:hover { filter:brightness(1.1); transform:translateY(-2px); }
.asd-demo .asd-text-link { display:inline-flex; align-items:center; color:var(--asd-ink); border-bottom:1px solid var(--asd-primary); font-weight:700; font-size:14px; padding-bottom:4px; }
.asd-demo .asd-eyebrow { font-size:11px!important; font-weight:750!important; letter-spacing:.17em; text-transform:uppercase; color:var(--asd-primary)!important; margin:0 0 18px; }
.asd-demo .asd-hero { display:grid; grid-template-columns:1.08fr .92fr; gap:5%; align-items:center; padding-block:85px 80px; }
.asd-demo .asd-hero-copy h1,.asd-demo .asd-page-intro h1 { margin:0; max-width:640px; color:var(--asd-ink); font-size:clamp(45px,5.6vw,88px); font-weight:750; letter-spacing:-.065em; line-height:1.03; }
.asd-demo.asd-still .asd-hero-copy h1,.asd-demo.asd-still .asd-page-intro h1 { font:normal clamp(50px,6.5vw,98px)/1.02 Georgia,serif; letter-spacing:-.06em; }
.asd-demo.asd-vale .asd-hero-copy h1,.asd-demo.asd-vale .asd-page-intro h1 { font:normal clamp(44px,5.7vw,80px)/1.08 Georgia,serif; letter-spacing:-.06em; }
.asd-demo .asd-lead { font-size:clamp(17px,1.7vw,20px); line-height:1.75; color:var(--asd-muted); margin:25px 0 0; max-width:560px; }
.asd-demo .asd-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:35px; }
.asd-demo .asd-hero-photo { position:relative; height:515px; overflow:hidden; background:#d8d9d4; }
.asd-demo .asd-hero-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.asd-demo.asd-forge .asd-hero-photo { clip-path:polygon(9% 0,100% 0,100% 100%,0 100%); }
.asd-demo.asd-still .asd-hero-photo { border-radius:48% 48% 2px 2px; }
.asd-demo.asd-vale .asd-hero-photo { border-radius:2px; border:9px solid #fff; box-shadow:0 20px 55px #162f4b20; }
.asd-demo .asd-proof { background:var(--asd-ink); color:#fff; }
.asd-demo .asd-proof-inner { display:grid; grid-template-columns:repeat(3,1fr); }
.asd-demo .asd-proof-inner > div { display:flex; align-items:center; gap:17px; padding:30px 0; border-right:1px solid #ffffff30; }
.asd-demo .asd-proof-inner > div + div { padding-left:30px; }
.asd-demo .asd-proof-inner > div:last-child { border:0; }
.asd-demo .asd-proof span { color:#ffbd94; font:700 12px monospace; }
.asd-demo .asd-proof strong { font-size:14px; font-weight:650; color:#fff; }
.asd-demo.asd-still .asd-proof span { color:#d9c1a1; }
.asd-demo.asd-vale .asd-proof span { color:#f0d198; }
.asd-demo .asd-simple-section { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding-block:100px; }
.asd-demo .asd-simple-section h2,.asd-demo .asd-services-cta h2 { color:var(--asd-ink); font-size:clamp(31px,3.5vw,51px); line-height:1.13; letter-spacing:-.045em; margin:0; }
.asd-demo .asd-simple-section p:not(.asd-eyebrow),.asd-demo .asd-services-cta p:not(.asd-eyebrow) { color:var(--asd-muted); font-size:18px; line-height:1.8; margin:0 0 23px; }
.asd-demo .asd-page-intro { padding-block:88px 50px; }
.asd-demo .asd-page-intro h1 { max-width:790px; }
.asd-demo .asd-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:19px; padding-bottom:100px; }
.asd-demo .asd-service-card { background:var(--asd-surface); border:1px solid var(--asd-line); padding:39px 33px; min-height:310px; display:flex; flex-direction:column; }
.asd-demo .asd-service-card > span { color:var(--asd-primary); font:700 13px monospace; }
.asd-demo .asd-service-card h2 { color:var(--asd-ink); font-size:27px; line-height:1.14; letter-spacing:-.035em; margin:30px 0 12px; }
.asd-demo.asd-still .asd-service-card h2,.asd-demo.asd-vale .asd-service-card h2 { font-family:Georgia,serif; font-weight:400; font-size:31px; }
.asd-demo .asd-service-card p { font-size:15px; line-height:1.75; color:var(--asd-muted); }
.asd-demo .asd-service-card a { margin-top:auto; padding-top:25px; color:var(--asd-primary); font-size:13px; font-weight:700; }
.asd-demo .asd-services-cta { display:flex; justify-content:space-between; align-items:center; gap:35px; border-top:1px solid var(--asd-line); padding-block:65px 100px; }
.asd-demo .asd-services-cta p:not(.asd-eyebrow) { font-size:16px; margin-top:14px; }
.asd-demo .asd-contact-intro { padding-bottom:35px; }
.asd-demo .asd-contact-layout { display:grid; grid-template-columns:.73fr 1.27fr; gap:9%; padding-bottom:105px; }
.asd-demo .asd-contact-aside { padding-top:38px; }
.asd-demo .asd-contact-aside h2 { color:var(--asd-ink); font-size:34px; letter-spacing:-.04em; margin:0 0 20px; }
.asd-demo .asd-contact-aside p:not(.asd-eyebrow) { font-size:16px; color:var(--asd-muted); line-height:1.8; }
.asd-demo .asd-small-note { display:block; padding:13px; margin-top:24px; border-left:3px solid var(--asd-primary); color:var(--asd-muted); font-size:13px; background:var(--asd-surface); }
.asd-demo .asd-form { background:var(--asd-surface); border:1px solid var(--asd-line); padding:40px; }
.asd-demo .asd-form h2 { font-size:28px; color:var(--asd-ink); letter-spacing:-.03em; margin:0 0 4px; }
.asd-demo .asd-form-note { font-size:13px; color:var(--asd-muted); margin:0 0 24px; }
.asd-demo .asd-form label { display:block; font-size:13px; font-weight:700; color:var(--asd-ink); margin:20px 0 7px; }
.asd-demo .asd-form label span { color:#ad381c; }
.asd-demo .asd-form input,.asd-demo .asd-form textarea { width:100%; display:block; background:#fff; color:#1d2c36; border:1px solid #a4b3c1; border-radius:3px; padding:13px 14px; font:16px/1.5 "Instrument Sans",Arial,sans-serif; }
.asd-demo .asd-form input:focus-visible,.asd-demo .asd-form textarea:focus-visible { outline:2px solid var(--asd-primary); border-color:var(--asd-primary); }
.asd-demo .asd-form button { margin-top:24px; }
.asd-demo .asd-success { background:#e9f6f0; color:#194a32; border:1px solid #8dbba3; padding:18px; margin-top:20px; }
.asd-demo .asd-success strong,.asd-demo .asd-success p { color:#194a32; }
.asd-demo .asd-success p { margin:6px 0 0; font-size:14px; }
.asd-demo .asd-footer { background:var(--asd-ink); color:#fff; padding-block:40px; }
.asd-demo .asd-footer-inner { display:flex; justify-content:space-between; align-items:center; gap:26px; }
.asd-demo .asd-footer strong { display:block; color:#fff; font-size:15px; }
.asd-demo .asd-footer span { color:#d2d9df; font-size:13px; }
.asd-demo .asd-footer p { color:#c3ced7; font-size:12px; max-width:400px; text-align:right; }
.asd-demo .asd-footer a { color:#fff; text-decoration:underline; }
@media(max-width:1020px){.asd-demo .asd-header-cta{display:none}.asd-demo .asd-hero { gap:4%; }.asd-demo .asd-hero-photo {height:420px;}.asd-demo .asd-hero-copy h1{font-size:clamp(42px,6vw,64px);}}
@media(max-width:740px){.asd-demo .asd-container { width:min(100% - 34px,1200px); }.asd-demo .asd-demo-label .asd-container {flex-direction:column; align-items:flex-start; gap:5px; padding-block:11px;}.asd-demo .asd-demo-label a{white-space:normal}.asd-demo .asd-header-row{flex-wrap:wrap; min-height:0; padding-block:17px; gap:18px;}.asd-demo .asd-nav{width:100%; justify-content:space-between; gap:18px; margin:0; border-top:1px solid var(--asd-line); padding-top:6px;}.asd-demo .asd-brand-symbol{width:45px;height:45px;}.asd-demo .asd-hero{grid-template-columns:1fr;padding-block:55px 50px;gap:30px;}.asd-demo .asd-hero-photo{height:340px; order:-1;}.asd-demo .asd-hero-copy h1,.asd-demo.asd-still .asd-hero-copy h1{font-size:clamp(43px,10vw,67px);}.asd-demo .asd-proof-inner {grid-template-columns:1fr;}.asd-demo .asd-proof-inner > div,.asd-demo .asd-proof-inner > div + div{padding:17px 0;border-right:0;border-bottom:1px solid #ffffff30;}.asd-demo .asd-simple-section,.asd-demo .asd-contact-layout{grid-template-columns:1fr;gap:25px;}.asd-demo .asd-simple-section{padding-block:64px;}.asd-demo .asd-page-intro{padding-block:62px 40px;}.asd-demo .asd-service-grid{grid-template-columns:1fr;padding-bottom:65px;}.asd-demo .asd-service-card{min-height:0;padding:28px;}.asd-demo .asd-services-cta{flex-direction:column;align-items:flex-start;padding-block:50px 70px;}.asd-demo .asd-contact-aside{padding-top:0;}.asd-demo .asd-contact-layout{padding-bottom:70px;}.asd-demo .asd-form{padding:24px;}.asd-demo .asd-footer-inner{flex-direction:column;align-items:flex-start;}.asd-demo .asd-footer p{text-align:left;}.asd-demo .asd-lead{font-size:17px;}}
@media(prefers-reduced-motion:reduce){.asd-demo .asd-button{transition:none}.asd-demo .asd-button:hover{transform:none}}