/* 707: editorial typography, phosphor accents and tactile console controls. */
:root{--phosphor:#bfd9a7;--display:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--glow:0 0 18px #b4d38c35,0 0 44px #a4c5841a}
.eyebrow,.service-category,.service-detail,.contact-method{font-family:var(--mono)}
.header{gap:1.5rem}
.console-nav{gap:.7rem}
.console-nav a{position:relative;min-height:48px;justify-content:center;gap:.6rem;padding:.7rem 1rem;border:1px solid #bfd9a738;border-top-color:#bfd9a767;border-radius:5px;background:linear-gradient(180deg,#34432c55,#11190fbb);color:#e3ecd9;font:500 .75rem/1.2 var(--mono);letter-spacing:-.025em;box-shadow:inset 0 1px 0 #f6ffeb14,inset 0 -3px 0 #0005,0 3px 0 #080c08,0 0 20px #adc79109;transition:background .2s,box-shadow .2s,transform .2s;text-decoration:none}
.console-nav a:hover,.console-nav a:focus-visible{background:linear-gradient(180deg,#445736a6,#1c291ac9);box-shadow:inset 0 1px 0 #f6ffeb33,inset 0 -2px 0 #0004,0 3px 0 #080c08,0 0 22px #afdb7840;text-shadow:0 0 9px #d5ffb477}
.console-nav a:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #0008}
.key-light{width:5px;height:5px;border-radius:1px;background:#9bb985;box-shadow:0 0 6px #b9fa8f66;flex:none}
.console-nav .nav-primary{border-color:#b4d19172;color:#d7ecc1}
.nav-primary .key-light{background:#d7fbb2;box-shadow:0 0 9px #b9fa8f}
.hero-promises{gap:2.5rem;margin:2.1rem 0 2.4rem;align-items:flex-end}
.hero-promises li{gap:.75rem}
.hero-promises strong{font-weight:400;display:flex;align-items:baseline;gap:.5rem;line-height:1;color:var(--phosphor);white-space:nowrap}
.hero-promises strong small{font:italic 1.25rem/1 var(--display);letter-spacing:-.04em}
.hero-promises .offer-number{font:400 clamp(3rem,4.6vw,4.6rem)/.95 var(--display);letter-spacing:-.07em;color:var(--phosphor);text-shadow:var(--glow);margin:0}
.hero-promises .offer-caption{font:400 .75rem/1.5 var(--mono);letter-spacing:.025em;color:#cfbfbe;margin:0}
.hero-copy>.button{background:linear-gradient(180deg,#c1d4ab,#a1bb86);border:1px solid #cfdfbc;border-bottom:3px solid #637a50;border-radius:4px;box-shadow:0 3px 0 #14200e,0 0 28px #aedb781a;font-size:.9rem;min-height:56px}
.hero-copy>.button:hover{box-shadow:0 3px 0 #14200e,0 0 28px #aedb7836}
.hero-contact{color:#cbbdbf}
.services{grid-template-columns:.9fr 1.1fr;gap:5rem;padding-block:7rem}
.services .section-heading h2{font-size:clamp(2.7rem,4.6vw,4.8rem);letter-spacing:-.065em;line-height:1.08}
.section-heading h2 em,.contact-heading h3 em{font-family:var(--display);font-weight:400;color:var(--phosphor);text-shadow:var(--glow)}
.services .section-heading>p:last-child{font-size:1rem;line-height:1.8;color:#d7cacc;max-width:27rem;margin-top:2rem}
.service-list article{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:1.6rem;border-top:1px solid #bbd1a63b;padding-top:2rem}
.service-list article+article{margin-top:2.6rem;padding-top:2.4rem}
.service-index{font:italic 1.5rem/1 var(--display);color:#b8cba0;opacity:.75;padding-top:.2rem}
.service-list .service-category{font-size:.75rem;letter-spacing:.12em;color:#c3d2ad;margin-bottom:1.2rem}
.service-list h3{font-size:clamp(1.9rem,2.7vw,2.65rem);font-weight:400;line-height:1.14;letter-spacing:-.045em;margin:0 0 1.15rem}
.service-list h3 em{font-family:var(--display);font-weight:400;color:#d6dec7}
.service-list article p:not(.service-category){font-size:.97rem;line-height:1.8;color:#dbcfd0;max-width:33rem}
.service-detail{display:flex;flex-wrap:wrap;gap:.25rem .8rem;font-size:.75rem;line-height:1.6;margin-top:1.4rem;color:#cbbbbb}
.service-detail strong{font-weight:400;color:var(--phosphor);text-shadow:0 0 10px #c6e0a94d}
.enquiry{gap:4rem;align-items:start}
.enquiry .section-heading h2{font-size:clamp(2.5rem,3.7vw,4rem);line-height:1.12}
.enquiry .section-heading>p:last-child{font-size:1rem;color:#d7cacc;line-height:1.8}
.contact-card{padding:2.25rem;background:linear-gradient(145deg,#ffffff04,#14201222);border:1px solid #bfd9a73b;border-top-color:#bfd9a766;border-radius:4px;box-shadow:inset 0 1px 0 #ffffff05}
.contact-heading .eyebrow{font-size:.7rem;letter-spacing:.12em;margin-bottom:1.2rem}
.contact-heading h3{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 1rem}
.contact-heading>p:last-child{font-size:.9rem;color:#d4c6c8;margin-bottom:2rem}
.contact-options{border-top:1px solid #bfd9a72d}
.contact-option{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;padding:1.35rem .15rem;border-bottom:1px solid #bfd9a72d;text-decoration:none;transition:background .2s}
.contact-method{grid-column:1;font-size:.75rem;letter-spacing:.1em;color:#c1d3ae}
.contact-value{grid-column:1;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.4;letter-spacing:-.035em;overflow-wrap:anywhere}
.contact-arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--phosphor);font-size:1.25rem}
.contact-option:hover{text-decoration:none;background:#bfd9a709}
.contact-option:hover .contact-value{text-shadow:0 0 16px #c0d99f66}
.contact-card .contact-note{font-size:.83rem;line-height:1.7;color:#d6c8ca;margin:1.5rem 0}
.contact-card .contact-location{font:400 .75rem/1.9 var(--mono);color:#b9c9aa;margin:0}
.contact-location span{padding-inline:.3rem;opacity:.6}
.studio-composition figcaption{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.8rem}
.computer-toggle{flex-shrink:0;border:0;border-bottom:1px solid #bfd9a749;background:transparent;color:#c4d8b2;font:400 .7rem/1.6 var(--mono);padding:4px 0;cursor:pointer}
.computer-toggle:hover{color:#ecffda;text-shadow:0 0 12px #b7e49166}
.computer-toggle[hidden]{display:none}
.boot-logo{opacity:1;transition:opacity .6s}
.boot-logo image{filter:drop-shadow(0 0 3px #a7d18544)}
.boot-label{font:8px var(--mono);letter-spacing:1.1px;fill:#9cbd83}
.boot-rule{stroke:#b7d69e;stroke-width:2;stroke-dasharray:108;stroke-dashoffset:108}
.boot-running .boot-rule{animation:boot-load 2s ease forwards}
.code-screen{opacity:0;transition:opacity .5s}
.boot-running[data-phase="code"] .boot-logo{opacity:0}
.boot-running[data-phase="code"] .code-screen{opacity:1}
.code-lines{font:10px var(--mono);fill:#b9d99f;letter-spacing:.15px;filter:drop-shadow(0 0 2px #b9d99f33)}
.code-lines tspan:nth-child(3n){fill:#86a76f}
.code-lines tspan:last-child{fill:#e0f5cf}
.boot-paused .boot-rule{animation-play-state:paused}
@keyframes boot-load{to{stroke-dashoffset:0}}
@media(max-width:1100px){.header{align-items:center}.console-nav{gap:.5rem}.console-nav a{padding:.7rem .8rem}.services{gap:3rem}.enquiry{gap:2.5rem}.contact-card{padding:1.6rem}}
@media(max-width:760px){.header{padding-block:1.5rem;gap:1.5rem}.console-nav{gap:.6rem}.console-nav a{font-size:.75rem;padding:.7rem .8rem}.services{grid-template-columns:1fr;gap:3.2rem;padding-block:4.5rem}.services .section-heading h2{font-size:clamp(2.6rem,7vw,4rem)}.services .section-heading>p:last-child{margin-top:1.5rem}.service-list article{grid-template-columns:2rem minmax(0,1fr);gap:1.2rem}.service-list h3{font-size:clamp(2rem,5.3vw,2.8rem)}.hero-promises .offer-number{font-size:3.6rem}.enquiry{grid-template-columns:1fr;gap:2.5rem}.contact-card{padding:2rem}.contact-value{font-size:1.45rem}.contact-heading h3{font-size:2.3rem}}
@media(max-width:560px){.header{align-items:flex-start}.console-nav{width:100%;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:.5rem}.console-nav a{padding:.65rem .4rem;font-size:.75rem;min-height:47px;gap:.35rem}.console-nav .key-light{width:4px;height:4px}.hero-promises{gap:2rem}.hero-promises strong small{font-size:1.1rem}.hero-promises .offer-number{font-size:3.35rem}.hero-promises .offer-caption{font-size:.7rem}.contact-card{padding:1.4rem}.contact-heading h3{font-size:2rem}.contact-value{font-size:1.3rem}.studio-composition figcaption{font-size:.72rem}.computer-toggle{font-size:.7rem}}
@media(max-width:360px){.hero-promises{gap:1.3rem}.hero-promises .offer-number{font-size:2.8rem}.hero-promises strong small{font-size:.9rem}.console-nav a{font-size:.7rem}.console-nav .key-light{display:none}.contact-card{padding:1.15rem}.contact-value{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.boot-logo{opacity:1!important}.code-screen{display:none}.boot-rule{stroke-dashoffset:0;animation:none}.computer-toggle{display:none}.console-nav a,.contact-option{transition:none}}