/* 707 / Screen & paper. Shared only by the studio's three main pages. */
:root{--body:'Manrope',Arial,Helvetica,sans-serif;--display:'Instrument Serif',Georgia,serif;--phosphor:#c5dfa9;--glow:0 0 9px #c2e99b32,0 0 28px #9ec86b26,0 0 55px #93bc5c10;--paper-grain:url('/assets/coarse-paper-v22.svg');--ease:cubic-bezier(.22,.68,.2,1)}
body{font-family:var(--body);font-size:1rem;line-height:1.75;background-color:#2f0513;background-image:radial-gradient(ellipse at 12% 8%,#77415315,transparent 55%),url('/assets/crt-grid-v22.svg');background-size:100% 1400px,96px 96px;background-repeat:no-repeat,repeat}body::before{display:none}
.preview-bar{font:400 .75rem/1.65 var(--body);padding:.55rem 1.25rem;color:#dedfd4;background:#101310}.page{isolation:isolate}.header{padding-block:2rem 2.6rem}.brand img{width:190px}.header .brand{transition:filter .4s var(--ease)}
h1,h2,h3{font-kerning:normal;text-wrap:balance;overflow-wrap:normal}p{text-wrap:pretty}h1{font-family:var(--body);font-weight:400;letter-spacing:-.065em}#hero-title{font-size:clamp(3.1rem,5.55vw,5.1rem);line-height:1.07;margin-bottom:1.65rem}#hero-title em{font-family:var(--display);font-size:1.31em;line-height:1.05;font-weight:400;letter-spacing:-.045em;color:var(--phosphor)}.intro{font-size:1rem;line-height:1.85;letter-spacing:-.012em}.hero-copy .intro .desktop-break{display:none}.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;line-height:1.8;color:#bdd2a8}
.section-heading h2,.services-compact .section-heading h2,.enquiry .section-heading h2,.reel-heading h2,.examples-link h2,.pricing-section-heading h2,.pricing-contact h2{font-family:var(--display);font-weight:400;font-size:clamp(2.8rem,4.5vw,4.5rem);line-height:1.03;letter-spacing:-.025em}.section-heading h2 em,.reel-heading h2 em,.examples-link h2 em,.pricing-section-heading h2 em{font-family:var(--display);color:var(--phosphor);text-shadow:var(--glow);letter-spacing:-.02em}.services-hero h1,.gallery-heading h1{font-family:var(--display);font-size:clamp(4.2rem,6.6vw,6.5rem);font-weight:400;line-height:1.01;letter-spacing:-.03em}.services-hero h1 em,.gallery-heading h1 em{font-family:var(--display);color:var(--phosphor);letter-spacing:-.03em}.gallery-heading{max-width:55rem}.gallery-heading>p:last-child,.services-hero>p:last-of-type{font-size:.98rem;line-height:1.85;color:#e3d7da}.services-hero{max-width:950px}.gallery-tier-heading h2{font-family:var(--display);font-size:3.1rem;letter-spacing:-.025em}.gallery-tier-heading>p{font-size:.87rem}.capability-list h3{font-family:var(--body);font-size:1.16rem;font-weight:500;letter-spacing:-.025em;line-height:1.45}.capability-list p{font-size:.88rem;line-height:1.8;color:#dcd0d3}.capability-number{font:italic 1.55rem/1 var(--display);color:#c2d6ac}.capability-list article{padding:1.4rem 0}.hero-promises .offer-number{font-family:var(--display);font-size:clamp(3.6rem,5.2vw,5rem);letter-spacing:-.035em;line-height:.94}.hero-promises strong small{font-family:var(--display);font-size:1.35rem}.hero-promises .offer-caption{font-size:.65rem;letter-spacing:.03em}.stage-word{font-family:var(--display);font-size:clamp(6rem,10vw,10rem);letter-spacing:-.04em}.composition-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em}
/* Crisp light sources with a soft outer phosphor halo. */
.phosphor-ink{text-shadow:var(--glow);transition:color .5s var(--ease),text-shadow .65s var(--ease)}.phosphor-ink.phosphor-lit{animation:phosphor-settle 1.6s var(--ease) both}@keyframes phosphor-settle{0%{text-shadow:0 0 2px #c5dfa91a}35%{text-shadow:0 0 4px #edffc575,0 0 20px #c2ef9160,0 0 48px #9ec66d33}100%{text-shadow:var(--glow)}}.key-light{width:5px;height:5px;background:#bad69f;box-shadow:0 0 3px #defdc69c,0 0 10px #9bcc7166;transition:box-shadow .4s var(--ease),background .4s var(--ease)}.nav-primary .key-light{background:#def6c2;box-shadow:0 0 3px #f2ffdb,0 0 12px #bce79590}.code-lines{filter:drop-shadow(0 0 2px #cbffa94d)}.boot-label{fill:#c9e6ae;filter:drop-shadow(0 0 2px #c9e6ae55)}
/* Lighter, quieter console buttons; every label has room to breathe. */
.console-nav{gap:.65rem}.console-nav a{font:500 .74rem/1.3 var(--body);letter-spacing:0;min-height:47px;padding:.8rem 1rem;gap:.65rem;border-radius:4px;background:linear-gradient(180deg,#303c2b70,#161c13c9);border:1px solid #bdd3a943;box-shadow:inset 0 1px 0 #eef7de14,0 2px 0 #10110c,0 4px 15px #12040b22;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .4s var(--ease),transform .25s var(--ease),color .3s var(--ease);white-space:nowrap}.console-nav a[aria-current=page]{border-color:#bad09b;background:linear-gradient(180deg,#495a374f,#25301ed9)}.console-nav a:active{transform:translateY(1px);box-shadow:inset 0 1px 5px #0005}.button,.hero-copy>.button{font:600 .85rem/1.5 var(--body);padding:1rem 1.2rem;min-height:54px;border-radius:3px;border:1px solid #c3d7aa;background:#b6cea0;color:#26331f;box-shadow:inset 0 1px 0 #f3ffdd88,0 3px 0 #36422c,0 6px 22px #0c160f22;text-decoration:none;transition:background .35s var(--ease),box-shadow .4s var(--ease),transform .3s var(--ease)}.button span,.text-link span,.demo-open span,.contact-arrow{display:inline-block;font-family:Arial,sans-serif;transition:transform .35s var(--ease)}.button:active{transform:translateY(2px)}.text-link{font-family:var(--body);line-height:1.5;min-height:44px;align-items:center}.computer-toggle{min-height:44px;padding:8px 0}.hero-foot a{min-height:48px}.service-jumps a{font-family:var(--body);padding:.8rem 1rem;min-height:46px;background:#1b20163d}.gallery-jumps a{min-height:52px;transition:background .3s,color .3s}.gallery-jumps a:focus-visible,.service-jumps a:focus-visible,.console-nav a:focus-visible{outline:2px solid #d9edbd;outline-offset:4px}
/* Coarse stock on every card; the texture sits behind, never over the text. */
.services-page .starting-grid article,.services-page .pricing-tier,.services-page .creative-row,.services-page .pricing-contact,.examples-page .demo-card,.examples-page .demo-placeholder,.contact-card{background-image:var(--paper-grain);background-size:360px 360px;background-blend-mode:multiply;border:1px solid #c8baa966;box-shadow:inset 0 1px 0 #fff7,0 5px 18px #0a090916;border-radius:3px}
.examples-page .demo-card{background-color:#eee8dd}.examples-page .demo-card:nth-child(even){background-color:#d6dfc9;background-image:var(--paper-grain);background-size:360px 360px;background-blend-mode:multiply}.examples-page .demo-card-copy{padding:1.5rem 1.35rem 1.1rem}.examples-page .demo-card-copy h3{font:500 1.55rem/1.3 var(--body);letter-spacing:-.045em;margin-bottom:.5rem}.examples-page .demo-card-copy .eyebrow{font-size:.59rem;letter-spacing:.14em}.examples-page .concept-note{font-size:.72rem}.examples-page .demo-open{font-weight:500;font-size:.8rem;min-height:48px}.examples-page .demo-placeholder{background-color:#d9d0bc;border-style:dashed;border-color:#80766177;color:#443c30;box-shadow:inset 0 1px 0 #fff5}.examples-page .placeholder-number{font:italic 2.8rem/1 var(--display);color:#566444}.examples-page .demo-placeholder p{font:italic 1.8rem/1.15 var(--display);color:#45352d}.examples-page .demo-placeholder>span:last-child{color:#5a5449;font-size:.72rem;max-width:24ch}
.services-page .starting-grid article{background-color:#eee8dd}.services-page .starting-grid article:nth-child(even){background-color:#d6dfc9;background-image:var(--paper-grain);background-size:360px 360px;background-blend-mode:multiply}.services-page .pricing-tier{background-color:#eee8dd}.services-page .pricing-tier:nth-of-type(even){background-color:#d6dfc9;background-image:var(--paper-grain);background-size:360px 360px;background-blend-mode:multiply}.services-page .starting-grid h3{font:500 1.05rem/1.4 var(--body);letter-spacing:-.025em}.starting-amount{font-family:var(--display);font-size:3.2rem;letter-spacing:-.02em}.starting-amount small{font-size:1.05rem}.services-page .tier-name h3{font:400 2.9rem/1 var(--display);letter-spacing:-.02em}.services-page .tier-name>p{font:italic 1.35rem/1.3 var(--display)}.services-page .tier-scope>p{font-size:.9rem;line-height:1.8}.services-page .tier-scope ul{font-size:.8rem;line-height:1.8}.services-page .tier-price strong{font:400 2rem/1.1 var(--display)}.services-page .creative-row{background-color:#eee8dd;color:#30252a}.services-page .creative-row:nth-of-type(even){background-color:#d6dfc9;background-image:var(--paper-grain);background-size:360px 360px;background-blend-mode:multiply}.services-page .creative-row h3{color:#30252a;font:500 1.25rem/1.3 var(--body)}.services-page .creative-row p{color:#544c50;font-size:.9rem}.services-page .creative-price strong{color:#354630;font:400 2rem/1.1 var(--display);text-shadow:none}.services-page .creative-price .price-label{color:#4a5741}.services-page .pricing-contact{background-color:#d6dfc9;background-image:var(--paper-grain);background-size:360px 360px;background-blend-mode:multiply}.services-page .pricing-contact h2{font-size:3.3rem}.services-page .pricing-contact h2 em{font-family:var(--display);color:#455d39;text-shadow:none}
.contact-card{background-color:#eee8dd;color:#30252a;padding:2.3rem}.contact-heading h3{font:400 clamp(2.4rem,3.6vw,3.5rem)/1.05 var(--display);letter-spacing:-.02em}.contact-heading h3 em{font-family:var(--display);color:#455d39;text-shadow:none}.contact-heading .eyebrow,.contact-method{color:#4a5741}.contact-heading>p:last-child,.contact-card .contact-note{color:#544c50}.contact-options,.contact-option{border-color:#455d3938}.contact-value{font:500 clamp(1.05rem,1.65vw,1.35rem)/1.5 var(--body);color:#30252a;letter-spacing:-.035em}.contact-arrow{color:#455d39}.contact-card .contact-location{color:#4a5741;font-size:.66rem}.contact-option:hover{background:#455d3909}.contact-option:hover .contact-value{text-shadow:none}.contact-note{line-height:1.8}.contact-card a:focus-visible{outline:3px solid #6b714c;outline-offset:3px}
.site-footer{padding:3rem 0 2.5rem;align-items:center;gap:2rem}.site-footer .footer-brand{gap:.65rem;max-width:440px}.footer-logo{width:220px;display:block;line-height:0;margin-bottom:.4rem}.footer-logo img{display:block;width:100%;height:auto}.footer-brand>span{font-size:.77rem;line-height:1.7;color:#d4c8cb}.site-footer .footer-contact{gap:.15rem;align-items:flex-end}.footer-contact a{font-size:.84rem;min-height:44px;display:flex;align-items:center;line-height:1.5;text-decoration-color:#bdd3a966;transition:color .3s,text-shadow .5s}.footer-contact a:last-child{color:#d3e6bc;font-size:.8rem;margin-top:.25rem}.footer-logo:focus-visible{outline-offset:8px}
@media(hover:hover){.header .brand:hover,.footer-logo:hover{filter:drop-shadow(0 0 9px #b0d88820)}.console-nav a:hover,.console-nav a:focus-visible{background:linear-gradient(180deg,#405032ad,#202b19ed);border-color:#c6dfa591;box-shadow:inset 0 1px 0 #f4ffe62b,0 2px 0 #10110c,0 0 26px #a4d77628;text-shadow:0 0 9px #d2f2b650}.console-nav a:hover .key-light{background:#e3facc;box-shadow:0 0 3px #f2ffe1,0 0 14px #cbfa9dc0}.phosphor-ink:hover{color:#e4f7ce;text-shadow:0 0 8px #d4fbb255,0 0 24px #b1d78a44,0 0 50px #a1ce6b1a}.button:hover,.hero-copy>.button:hover{background:#c3d9af;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #36422c,0 0 28px #afd5852b;text-decoration:none}.button:hover span,.text-link:hover span,.demo-open:hover span,.contact-option:hover .contact-arrow{transform:translate(3px,-2px)}.footer-contact a:hover{color:#e3f3d1;text-shadow:0 0 15px #c2dfaa33}}
@media(max-width:1000px){.page{padding-inline:32px}.header{gap:1.4rem}.console-nav a{padding:.75rem .85rem}.pricing-section-heading{gap:1rem 2rem}.contact-card{padding:1.7rem}}
@media(max-width:760px){.page{padding-inline:24px}.header{padding-block:1.6rem 1.8rem}.brand img{width:180px}.hero{padding-top:1.5rem}#hero-title{font-size:clamp(3rem,10.5vw,4.9rem);line-height:1.07}.hero-promises{gap:2.3rem}.hero-promises .offer-number{font-size:4rem}.section-heading h2,.services-compact .section-heading h2,.enquiry .section-heading h2,.reel-heading h2,.examples-link h2,.pricing-section-heading h2{font-size:clamp(2.7rem,8vw,3.8rem)}.services-hero h1,.gallery-heading h1{font-size:clamp(3.8rem,12vw,5rem)}.gallery-tier-heading h2{font-size:2.8rem}.hero-copy>.button{width:100%;gap:1rem}.site-footer{align-items:flex-start}.site-footer .footer-contact{align-items:flex-start;text-align:left}.footer-logo{width:205px}}
@media(max-width:560px){.console-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%}.console-nav a{font:500 .78rem/1.2 var(--body);min-height:49px;padding:.8rem .7rem;white-space:nowrap;gap:.6rem;height:auto}.console-nav .key-light{display:inline-block;width:5px;height:5px}.console-nav .nav-primary{grid-column:1/-1;min-height:49px;background:#b6cea0;color:#26331f;border-color:#c8ddaF;box-shadow:inset 0 1px 0 #eef7de66,0 2px 0 #4d5e3d}.console-nav .nav-primary .key-light{background:#415632;box-shadow:0 0 7px #668d3c55}.console-nav .nav-primary>span:last-child{margin-left:auto}.console-nav .nav-primary{justify-content:flex-start}.header{gap:1.4rem}.hero-promises{gap:1.8rem;margin-block:1.8rem 2rem}.hero-promises .offer-caption{font-size:.6rem}.hero-promises strong small{font-size:1.2rem}.hero-promises .offer-number{font-size:3.8rem}.hero-contact{font-size:.8rem;line-height:1.7}.intro{font-size:.96rem}.contact-card{padding:1.6rem 1.3rem}.contact-heading h3{font-size:2.65rem}.contact-value{font-size:1.18rem}.site-footer{display:grid;grid-template-columns:1fr;gap:1.4rem;padding-block:2.2rem}.footer-brand>span{font-size:.75rem}.service-jumps{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.service-jumps a{font-size:.7rem;justify-content:space-between;gap:.3rem;padding:.7rem .65rem}.services-page .starting-amount{font-size:2.7rem}.services-page .starting-grid h3{font-size:.94rem}.services-page .starting-grid p{font-size:.76rem}.services-page .pricing-contact h2{font-size:2.7rem}.examples-page .demo-placeholder p{font-size:1.5rem}.examples-page .placeholder-number{font-size:2rem}.examples-page .demo-placeholder>span:last-child{font-size:.66rem}.gallery-jumps a{font-size:.76rem}.button{width:100%;gap:.75rem}.services-page .creative-price{align-items:baseline}.services-page .creative-price strong{font-size:1.8rem}}
@media(max-width:360px){.page{padding-inline:20px}.console-nav a{font-size:.71rem;padding-inline:.55rem;gap:.4rem}#hero-title{font-size:2.65rem}.hero-promises{gap:1.2rem}.hero-promises .offer-number{font-size:3.2rem}.contact-value{font-size:1.03rem}.service-jumps a{font-size:.65rem}.footer-brand>span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.phosphor-ink.phosphor-lit{animation:none!important}.console-nav a,.key-light,.button,.button span,.text-link span,.contact-arrow,.phosphor-ink,.footer-contact a{transition:none!important}.button:hover span,.text-link:hover span,.demo-open:hover span,.contact-option:hover .contact-arrow{transform:none}.phosphor-ink{text-shadow:var(--glow)}}