/* Glass is reserved for packages and the inquiry; the portfolio keeps its open flow. */
:root{--glass-fill:linear-gradient(135deg,#c7ddf516,#142131b8 45%,#0c1420e0);--glass-edge:#d3e3f538;--glass-shadow:inset 0 1px 0 #17263814,inset 1px 0 0 #17263806,inset 0 -1px 0 #1726380a,0 18px 48px #17263812;--glass-radius:26px}
.offer{border-radius:var(--glass-radius);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.offer{background:var(--glass-fill);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.offer,.offer+.offer{padding:30px 26px;min-width:0;border:1px solid var(--glass-edge)}
.offer-grid{border-top:0;gap:24px}
.offer h3{overflow-wrap:normal}
.offer details{border-top-color:#7b8da429}
.offer .text-cta{border-radius:999px;padding:12px 18px;border:1px solid #7b8da459;background:linear-gradient(140deg,#e5edf812,#eef3fa55);box-shadow:inset 0 1px 0 #1726380b;min-height:48px;gap:15px}
.offer .text-cta:hover{border-color:#1d4ed8;background:#dbe7ff16}
.site-header{background:#f7f9fcc9;border-bottom:1px solid #7b8da426;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header nav a,.site-header nav a:hover,.site-header nav a[aria-current]{border-radius:0;background:transparent;box-shadow:none}
.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:#1d4ed8}
.campaign-controls{gap:18px;flex-wrap:wrap}
.direction-options,.device-options,.service-starts{display:flex;flex-wrap:wrap;gap:5px}
.campaign-controls button,.service-starts button{border:1px solid #7b8da433;border-radius:999px;padding:11px 17px;background:transparent;color:#172638}
.campaign-controls button[aria-pressed=true],.service-starts button[aria-pressed=true]{border-color:#1d4ed888;background:#dbe7ff12;color:#1d4ed8}
.sample-cta,.mock-button,.feature-open,.motion-toggle{border-radius:999px}
#project-modal{border-radius:28px}#project-modal .close{border-radius:50%;width:42px;height:42px}#project-modal .solid-button{border-radius:999px}
@media(max-width:700px){:root{--glass-radius:22px}.offer,.offer+.offer{padding:26px 22px}.campaign-controls button{padding:10px 12px}.site-header nav{background:#eef3faf5;border-radius:0 0 22px 22px}}
@supports not (backdrop-filter:blur(1px)){.offer,.site-header{background:#eef3fa}}
@media(prefers-reduced-transparency:reduce){.offer,.site-header{background:#eef3fa;backdrop-filter:none;-webkit-backdrop-filter:none}}

.value-intro{max-width:780px;color:#172638;font-size:17px;line-height:1.8;margin:24px 0 30px}.value-comparison{overflow-x:auto;margin:25px 0}.value-comparison table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.value-comparison th,.value-comparison td{padding:22px 20px 22px 0;border-bottom:1px solid #7b8da42b;vertical-align:top;font-size:15px;line-height:1.7;color:#172638}.value-comparison thead th{color:#1d4ed8;font-size:12px;letter-spacing:.06em}.value-comparison th:first-child{width:23%;color:#172638}.value-proof{max-width:900px;line-height:1.8}.real-work .jeffers-project-detail{line-height:1.8;margin-top:20px}.real-work .jeffers-project-detail b{font-weight:500;color:#1d4ed8}
@media(max-width:700px){.value-comparison table{min-width:650px}.value-intro{font-size:16px}.value-comparison th,.value-comparison td{padding-right:20px}.value-comparison:focus-visible{outline:2px solid #1d4ed8;outline-offset:3px}}

/* Open wordmark layout: transparent links with a gentle, visible hover lift. */
.social-connections{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:60px;padding-bottom:60px;border-top:1px solid #7b8da426}
.social-connections h2{font:500 clamp(28px,3vw,44px)/1.2 var(--display);letter-spacing:-.04em;margin:16px 0}
.social-connections p{color:#172638;max-width:430px;font-size:15px;line-height:1.7}
.social-connections nav{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:22px 28px;margin:0}
.social-connections nav .brand-link{display:flex;align-items:center;justify-content:center;flex:0 0 148px;min-height:72px;padding:9px 0;border:0;background:transparent}
.social-connections .brand-logo{display:grid;place-items:center;width:148px;height:54px;background:transparent;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease}
.social-connections .brand-logo img{display:block;width:130px;height:32px;object-fit:contain}
.social-connections .brand-etsy img{width:88px;height:44px}
.social-connections .brand-link:focus-visible .brand-logo{transform:translateY(-6px) scale(1.06);filter:brightness(1.18)}
@media(hover:hover){.social-connections .brand-link:hover .brand-logo{transform:translateY(-6px) scale(1.06);filter:brightness(1.18)}}
@media(max-width:700px){.social-connections{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:40px}.social-connections nav{position:static;display:flex;gap:18px 20px;box-shadow:none;background:transparent;padding:0;transform:none;visibility:visible;opacity:1}.social-connections nav .brand-link{flex-basis:130px}.social-connections .brand-logo{width:130px}}
@media(prefers-reduced-motion:reduce){.social-connections .brand-logo{transition:none}.social-connections .brand-link:hover .brand-logo,.social-connections .brand-link:focus-visible .brand-logo{transform:none}}


/* One starting price and a direct path to a personal project quote. */
.quote-section .quote-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:10%;padding:34px 0 30px;scroll-margin-top:120px}
.quote-section h2{font:500 clamp(34px,4.2vw,56px)/1.12 var(--display);letter-spacing:-.045em;margin:0 0 24px}
.quote-section .quote-copy>p{font-size:17px;line-height:1.8;color:#172638;max-width:560px;margin:0 0 28px}
.quote-section .solid-button{min-height:52px;border-radius:999px;padding:16px 24px;font:600 15px/1.5 var(--font)}
.quote-section .solid-button:focus-visible{outline:2px solid #1d4ed8;outline-offset:5px}
.quote-section .quote-starting-price{border-top:2px solid #7b8da455;padding-top:24px}
.quote-section .quote-starting-price>span{display:block;color:#172638;font-size:15px;line-height:1.7}
.quote-section .quote-starting-price>strong{display:block;color:#1d4ed8;font:500 clamp(80px,9vw,128px)/1.2 var(--display);letter-spacing:-.06em;margin:12px 0}
.quote-section .quote-starting-price>p{font-size:13px;line-height:1.8;color:#172638;margin:0}
.quote-section .quote-platforms{font-size:13px;line-height:1.8;color:#172638;margin:18px 0 0;max-width:900px}
@media(max-width:700px){.quote-section .quote-layout{grid-template-columns:1fr;gap:30px;padding-top:26px;scroll-margin-top:96px}.quote-section .quote-starting-price{order:-1}.quote-section .quote-copy>p{font-size:16px}.quote-section h2{font-size:34px}.quote-section .quote-starting-price>strong{font-size:88px}.quote-section .quote-platforms{margin-top:10px}}

/* Readable native quote-form options and an optional callback number. */
#inquiry-form select{color-scheme:dark;background-color:#eef3fa;color:#172638}
#inquiry-form select option{background-color:#eef3fa;color:#172638}
#inquiry-form select option:checked{background-color:#dbe7ff;color:#172638}
#inquiry-form .phone-field{grid-column:1 / -1}
@media(max-width:700px){#inquiry-form input:not(.honeypot),#inquiry-form select,#inquiry-form textarea{font-size:16px}}

/* Native checkboxes keep contact preferences accessible by touch and keyboard. */
#inquiry-form .contact-preferences{grid-column:1 / -1;min-width:0;margin:0;padding:0;border:0}
#inquiry-form .contact-preferences legend{padding:0;color:#172638;font-size:12px;font-weight:600;letter-spacing:.04em}
#inquiry-form .contact-preferences p{color:#172638;font-size:12px;line-height:1.7;margin:8px 0 12px}
#inquiry-form .contact-preference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#inquiry-form .contact-preference-options label{grid-column:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 10px;border:1px solid #7b8da478;border-radius:12px;cursor:pointer;font-size:14px;letter-spacing:0;background:#eef3fa70}
#inquiry-form .contact-preferences input[type=checkbox]{appearance:auto;display:inline-block;flex:0 0 20px;width:20px;height:20px;min-height:0;padding:0;margin:0;border-radius:4px;box-shadow:none;accent-color:#1d4ed8;color-scheme:dark;cursor:pointer}
#inquiry-form .contact-preference-options label:has(input:checked){border-color:#1d4ed8;background:#dbe7ff17;color:#1d4ed8}
#inquiry-form .contact-preferences input:focus-visible{outline:2px solid #1d4ed8;outline-offset:4px}
@media(max-width:360px){#inquiry-form .contact-preference-options{gap:6px}#inquiry-form .contact-preference-options label{gap:6px;padding-inline:6px;font-size:13px}}

.quote-section .quote-starting-price .text-cta{margin-top:22px;min-height:48px}

/* A visible review entry in the sticky header, including outside the mobile menu. */
.site-header .nav-review-mobile{display:none}
#free-review{scroll-margin-top:120px}
@media(min-width:701px) and (max-width:1100px){.site-header{gap:12px;padding-inline:4%}.site-header .wordmark{gap:8px}.site-header .wordmark>span:last-child{font-size:10px}.site-header nav{gap:0}.site-header nav a{font-size:13px;padding-inline:7px}.site-header .nav-contact{font-size:12px;gap:10px}}
@media(max-width:700px){.site-header>.nav-contact:not(.nav-review-mobile){display:none}.site-header .nav-review-mobile{display:flex;margin-left:auto;margin-right:10px;padding:10px 12px;color:#1d4ed8;border:1px solid #1d4ed888;border-radius:999px;font-size:13px}#free-review{scroll-margin-top:96px}}
#inquiry-form .review-link-fields{grid-column:1 / -1;display:grid;gap:18px;min-width:0;border:0;margin:0;padding:0}
#inquiry-form .review-link-fields[hidden]{display:none!important}
#inquiry-form .review-link-fields legend{color:#172638;font-size:12px;font-weight:600;letter-spacing:.04em;padding:0;margin-bottom:8px}
#inquiry-form .review-link-fields>p{color:#172638;font-size:12px;line-height:1.7;margin:0}
#inquiry-summary dd{overflow-wrap:anywhere;white-space:pre-wrap}

/* Palette B local working model: cool paper, navy type and blue interaction. */
:root{color-scheme:light;--glass-fill:linear-gradient(135deg,#ffffffed,#edf3fbe8 65%,#e3ecf8ed);--glass-edge:#a7bad2;--glass-shadow:inset 0 1px 0 #fff,0 18px 48px #17263814}
body{background:var(--bg);color:var(--text)}
::selection{background:#1d4ed8;color:#fff}
.site-header{background:rgba(247,249,252,.94);border-bottom-color:#c6d2e3}
.site-header nav a,.nav-contact,.menu-toggle b{color:var(--text)}.menu-toggle span{background:#172638}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--copper);border-bottom-color:var(--copper)}
.site-header .nav-review-mobile{color:var(--copper);background:#fff;border-color:#1d4ed8}
.hero-visual{opacity:1}.hero-visual img{opacity:.32}
.visual-shade{background:linear-gradient(90deg,#f7f9fcf5 0%,#f7f9fcdb 38%,#f7f9fc75 75%),linear-gradient(0deg,#f7f9fc,transparent 45%)}
.hero:after{background:linear-gradient(transparent,#f7f9fc 94%)}
.hero h1,.outline-word{color:var(--text)}.hero .work-word{color:#10265f}
.hero-bottom p,.hero-footer,.art-coordinate,.art-coordinate span{color:#3e4e63}
/* Dark hero copy remains readable over the visible silver sculpture. */
.hero .hero-bottom p{color:#090e16}
.art-coordinate{background:#f7f9fce8;padding:6px 10px;z-index:2}
/* The invitation stays transparent when pressed; its text is not selectable. */
.hero-actions .studio-invitation,.studio-invitation .invitation-copy,.hero-actions .studio-invitation:hover,.hero-actions .studio-invitation:active{color:var(--text);background:none}
.hero-actions .studio-invitation{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.hero-actions .studio-invitation:focus:not(:focus-visible){outline:none}
.hero-actions .studio-invitation.pointer-activated:focus{outline:none!important}
.studio-invitation .invitation-seal{background:linear-gradient(135deg,#93b6ff,#1d4ed8 48%,#668fff 51%,#153393)!important;box-shadow:5px 6px 0 #153393,8px 10px 18px #17263826}
.studio-invitation .invitation-seal i{color:#fff;text-shadow:none}
.studio-invitation small,.text-cta{color:var(--copper)}
.nav-contact>span:before,.feature-open>span:before,.project-open:before{background:#1d4ed8!important}
.depth-type{-webkit-text-stroke-color:#506eac88}
.personal-intro-image img{object-position:50% 24%}.portrait-photo img{object-position:50% 25%}
.solid-button,#contact-modal .solid-button,.workflow-demo .demo-next{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:inset 0 1px 0 #ffffff33,0 8px 24px #1d4ed817}
.solid-button:hover,#contact-modal .solid-button:hover,.workflow-demo .demo-next:hover{background:#173eae;color:#fff;filter:none}
.campaign-controls button,.service-starts button,.workflow-demo button{color:#172638;border-color:#7b8da4}
.campaign-controls button[aria-pressed=true],.service-starts button[aria-pressed=true],.workflow-demo button[aria-pressed=true]{color:#1d4ed8;background:#e6edff;border-color:#1d4ed8}
.workflow-demo .demo-next{color:#fff;background:#1d4ed8;border-color:#1d4ed8;transition:none}
.workflow-demo button:disabled{color:#526174;background:transparent;box-shadow:none;opacity:1}
/* Existing creative studies keep their open layout and imagery on light paper. */
.campaign-board,.campaign[data-direction=graphic] .campaign-board{--paper:#172638;--ink:#172638;color:#172638}
.campaign-board .sample-label,.campaign-board .identity-context,.identity-tagline,.social-sample>p,.landing-nav>span,.landing-footer{color:#526174}
.campaign-logo i,.social-headline i,.landing-body h4 i{color:#1d4ed8}
.campaign[data-direction=graphic] .campaign-logo i,.campaign[data-direction=graphic] .social-headline i,.campaign[data-direction=graphic] .landing-body h4 i{color:#43576d}
.social-art:before{background:linear-gradient(90deg,#f7f9fcf5 0%,#f7f9fccc 52%,#f7f9fc26 100%),url('tablet-campaign.webp?v=daylight-2') center/cover}
.social-art .social-headline,.social-art .social-caption,.social-art .social-eyebrow,.landing-preview{color:#172638;text-shadow:none}
.campaign-board .social-eyebrow,.campaign-board .landing-eyebrow{color:#526174}
.campaign-button{color:#172638;border-color:#526174}
.campaign-board .landing-body p{color:#526174}.sample-cta{color:#1d4ed8;border-color:#1d4ed8}
.landing-product strong,.campaign[data-direction=graphic] .landing-product strong{color:#172638;text-shadow:none;background:#f7f9fcf5;border-radius:6px}
.landing-product small{color:#526174}
.stillwater-scene .mock-nav{color:#172638;background:#f7f9fcf5}
.stillwater-scene .mock-content{color:#f1f3f6;background:#071521ed;box-shadow:0 0 0 10px #071521ed;border-radius:4px}
.mock-site .micro{color:#d1e2e8}.stillwater-scene .mock-bottom{color:#f1f3f6}
.stillwater-scene .art-corner,.stillwater-scene .feature-open{color:#172638;background:#f7f9fcf5;padding:6px 10px;border-radius:999px}
.mock-bottom{background:#071521ed;padding:5px 8px;border-radius:4px}
/* Light, translucent inquiry with opaque readable fields and native options. */
dialog,#contact-modal{color:#172638;background:linear-gradient(135deg,#fffffff7,#eef3faf7);border-color:#a7bad2;box-shadow:inset 0 1px 0 #fff,0 30px 100px #17263838}
dialog::backdrop,#contact-modal::backdrop{background:#17263866}
#contact-modal .close{background:#fff;color:#172638;border-color:#7b8da4}
#contact-modal .close:hover{color:#1d4ed8;border-color:#1d4ed8}
#inquiry-form label,#inquiry-form legend{color:#172638}
#inquiry-form input:not(.honeypot),#inquiry-form select,#inquiry-form textarea{background:#fff;color:#172638;border-color:#7b8da4;box-shadow:inset 0 1px 2px #1726380a;color-scheme:light}
#inquiry-form input::placeholder,#inquiry-form textarea::placeholder{color:#526174;opacity:1}
#inquiry-form input:not(.honeypot):focus,#inquiry-form select:focus,#inquiry-form textarea:focus{border-color:#1d4ed8;background:#fff}
#inquiry-form select option{background:#fff;color:#172638}
#inquiry-form select option:checked{background:#1d4ed8;color:#fff}
#inquiry-form input[readonly]{background:#e6edff;color:#1d4ed8;border-color:#1d4ed8}
#inquiry-form .contact-preference-options label{background:#fff;border-color:#7b8da4;color:#172638}
#inquiry-form .contact-preferences input[type=checkbox]{accent-color:#1d4ed8;color-scheme:light}
#inquiry-form .contact-preference-options label:has(input:checked){background:#e6edff;border-color:#1d4ed8;color:#1d4ed8}
.inquiry-mark{background:linear-gradient(135deg,#d6e4ff,#1d4ed8);border-color:#6b91ed;box-shadow:inset 0 2px 0 #fff9,0 16px 34px #17263826;color:#172638}.inquiry-mark span{color:#fff}
.form-privacy a{text-decoration:underline;text-underline-offset:3px}#contact-modal .solid-button>span{color:inherit}#contact-modal .solid-button:disabled{color:#526174;background:#e6edff;border-color:#7b8da4;box-shadow:none;cursor:default}
#inquiry-summary dd,#project-description,#project-points{color:#172638}
#inquiry-form .form-privacy,#inquiry-form .contact-preferences p,#inquiry-form .review-link-fields>p,#submission-status{color:#526174}
.material-ground{background:radial-gradient(ellipse,#1d4ed81f,transparent 68%);border-bottom-color:#1d4ed833}
.material-ad-footer{background:linear-gradient(transparent,#f7f9fc 25%)}
.material-dock-campaign .material-ad-footer{background:linear-gradient(transparent,#f7f9fc 25%)}
.material-dock-campaign .material-ad-footer>span{color:#526174}.material-dock-campaign .material-ad-footer button{color:#1d4ed8;border-color:#1d4ed8}
.material-face{border-color:#1d4ed8;background:linear-gradient(135deg,#e5edff,#94b4f0);box-shadow:inset 0 0 0 4px #1d4ed818}
.material-face:after{border-color:#1d4ed844}.material-face small,.material-face strong{color:#172638}
.material-back,.material-left,.material-right{background:linear-gradient(135deg,#d9e4f4,#91a8c2)}
.material-top,.material-bottom{background:#c8d8f5}
:where(button,a,summary,input,select,textarea):focus-visible{outline:2px solid #1d4ed8;outline-offset:5px}
#inquiry-form input:focus-visible,#inquiry-form select:focus-visible,#inquiry-form textarea:focus-visible,#inquiry-form .contact-preferences input:focus-visible,.quote-section .solid-button:focus-visible{outline:2px solid #1d4ed8;outline-offset:4px}
@media(max-width:360px){.hero .art-coordinate{bottom:18px!important;font-size:10px}.hero .art-coordinate span{font-size:10px}}
@media(max-width:700px){.site-header nav{background:#f7f9fcfa}.visual-shade{background:linear-gradient(90deg,#f7f9fcf0,#f7f9fcaa),linear-gradient(0deg,#f7f9fc,transparent 55%)}.hero-visual img{opacity:.28}}
@supports not (backdrop-filter:blur(1px)){.offer,.site-header,#contact-modal{background:#f7f9fc}}
@media(prefers-reduced-transparency:reduce){.offer,.site-header,#contact-modal{background:#f7f9fc;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Daylight art direction: retain the original open composition and sculptural detail. */
.depth-type{color:#1d4ed809;-webkit-text-stroke:1.5px #506eac88}
/* Quiet light behind the copy, with sculptural definition retained on the right. */
.hero-visual img{opacity:.72}
.hero .visual-shade{background:linear-gradient(90deg,#f7f9fcf2 0%,#f7f9fccc 30%,#f7f9fc66 55%,#f7f9fc14 80%,transparent 100%),linear-gradient(0deg,#f7f9fc,transparent 38%)}
@media(max-width:700px){.hero-visual img{opacity:.68}.hero .visual-shade{background:linear-gradient(90deg,#f7f9fce6 0%,#f7f9fc99 45%,#f7f9fc26 100%),linear-gradient(0deg,#f7f9fc,transparent 38%)}}
.text-cta span:before{background:#1d4ed8!important}
.social-art:before{background:linear-gradient(90deg,#f7f9fc70,transparent 65%),url('tablet-campaign.webp?v=daylight-2') center/cover;mask-image:radial-gradient(ellipse at 56% 50%,#000 35%,#000e 60%,transparent 78%)}
.social-art .social-headline{max-width:58%}.social-art .social-caption{max-width:45%}
.reserve-image{border-radius:8px!important}.reserve-image:after{background:none}.reserve-halo{border-color:#6b8ed066}
.landing-product strong,.campaign[data-direction=graphic] .landing-product strong{background:transparent;color:#172638;text-shadow:0 2px 12px #f7f9fc}
.landing-product>.reserve-edition{background:#f7f9fce8;color:#1d4ed8}
.stillwater-scene .water-landscape:after{background:linear-gradient(90deg,#f7f9fce8, #f7f9fc99 35%,transparent 65%)}
.stillwater-scene .mock-content{background:transparent;box-shadow:none;color:#172638}
.mock-content strong{color:#172638;text-shadow:none}.mock-site .micro{color:#526174}
.mock-content .mock-button{color:#1d4ed8;text-shadow:none;border-color:#1d4ed8}
.stillwater-scene .mock-nav{background:transparent;color:#172638}
.stillwater-scene .mock-bottom{background:transparent;color:#172638}
.stillwater-scene .art-corner,.stillwater-scene .feature-open{border-radius:0;background:#f7f9fce8}
@media(max-width:700px){.social-art:before{background:linear-gradient(90deg,#f7f9fce6,#f7f9fc44),url('tablet-campaign.webp?v=daylight-2') 62% center/cover}.social-art .social-headline{max-width:90%}.social-art .social-caption{max-width:75%}.stillwater-scene .water-landscape:after{background:linear-gradient(90deg,#f7f9fce8,#f7f9fc80 65%,#f7f9fc20)}.depth-type{-webkit-text-stroke-width:1px}}

.campaign .swatches span:nth-child(2){background:#1d4ed8}

@media(max-width:700px){.stillwater-scene .mock-bottom{bottom:70px}}

/* Review refinements: translucent navigation and softly rounded campaign controls. */
.site-header{background:rgba(247,249,252,.48)!important;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid #ffffff80;box-shadow:0 4px 24px #17263808}
.site-header .menu-toggle,.site-header .nav-contact,.campaign .sample-cta,.campaign .campaign-button{box-sizing:border-box;border:1px solid #ffffffd9!important;border-radius:999px!important;background:linear-gradient(135deg,#ffffffb8,#e3ecf866)!important;box-shadow:inset 0 1px 1px #fff,0 4px 16px #17263810!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:#1d4ed8;min-height:44px;padding:12px 18px;text-decoration:none}
.site-header .menu-toggle{width:auto;min-width:64px;align-items:center;justify-content:center;gap:5px}
.campaign .sample-cta,.campaign .campaign-button{display:inline-flex;align-items:center;justify-content:center;line-height:1.5;max-width:100%;white-space:normal}
.campaign .sample-cta:before,.campaign .sample-cta:after{display:none!important}
.site-header .menu-toggle:hover,.site-header .nav-contact:hover,.campaign .sample-cta:hover{background:#ffffffde!important}
@media(prefers-reduced-transparency:reduce){.site-header{background:#f7f9fc!important;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Independent transparent stationery layers, driven by native scroll progress. */
.stationery-layers{position:absolute;inset:-12% -6% -10%;overflow:clip;pointer-events:none;isolation:isolate}
.stationery-layers>span{position:absolute;display:block;width:78%;aspect-ratio:1;background-image:url('stationery-animation-layers.png');background-size:300% 100%;background-repeat:no-repeat;transform-origin:center;will-change:transform}
.stationery-book{left:0;top:8%;z-index:2;background-position:0 0;transform:translateY(var(--book-y,0px)) rotate(var(--book-r,-8deg))}
.stationery-pen{left:35%;top:15%;z-index:3;background-position:50% 0;transform:translateY(var(--pen-y,0px)) rotate(var(--pen-r,18deg))}
.stationery-layers>.stationery-paper{width:65%;z-index:1;background-position:100% 0}
.paper-one{left:0;top:0;transform:translateY(var(--paper-one-y,10px)) rotate(var(--paper-one-r,-20deg))}
.paper-two{right:0;top:12%;transform:translateY(var(--paper-two-y,90px)) rotate(var(--paper-two-r,18deg))}
.paper-three{left:12%;top:20%;transform:translateY(var(--paper-three-y,160px)) rotate(var(--paper-three-r,-8deg))}
.motion-paused .stationery-layers>span{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.stationery-layers>span{transform:none;will-change:auto}}

/* Let the full stationery sequence remain in view for two viewport scrolls. */
.motion-enabled .reserve-scene{height:auto!important;padding-bottom:0!important}
.motion-enabled .reserve-scene:after,.motion-enabled .reserve-scene:has([data-device-view=mobile]):after{content:"";display:block!important;height:200svh!important}
.motion-enabled .reserve-scene>.landing-shell,.motion-enabled .reserve-scene>[data-device-view=mobile]{position:sticky!important;top:var(--stationery-pin-top,100px)!important}

/* Reserve headroom for the entire book and pen throughout their descent. */
.stationery-layers{inset:0}
.stationery-layers>.stationery-book,.stationery-layers>.stationery-pen{width:min(70%,34svh);top:26%}
.stationery-book{left:8%}
.stationery-pen{left:42%}

/* A larger notebook, with neighbouring sprite fragments excluded from the pen. */
.stationery-layers>.stationery-book{width:min(88%,42svh);top:14%;left:4%}
.stationery-layers>.stationery-pen{clip-path:inset(0 34% 0 34%);left:46%}

/* Blue glass review button with bright silver lettering. */
.site-header .nav-review-mobile{background:linear-gradient(145deg,#096dde,#0750b6)!important;color:#f1f5fa!important;border:1px solid #a9c7f6!important;box-shadow:inset 0 1px 2px #ffffff91,0 5px 16px #1648bf24!important}
.site-header .nav-review-mobile:hover{background:linear-gradient(145deg,#075fc8,#06469f)!important}

/* Agreed project details, presented alongside the invitation to get in touch. */
#contact>.project-expectations{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 6%;margin-top:36px}
.project-expectations>div{border-top:1px solid var(--line);padding-top:20px}
.project-expectations h3{font:500 21px/1.35 var(--display);letter-spacing:-.4px;margin:0 0 12px;color:var(--text)}
.project-expectations p{font-size:16px;line-height:1.75;color:#526174;margin:0;max-width:560px}
@media(max-width:700px){#contact>.project-expectations{grid-template-columns:1fr;gap:25px;margin-top:30px}}