:root{color:#251b13;background:#efe1c2;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #efe1c2;--paper-light: #f5ead2;--gold: #c99a32;--gold-dark: #a97722;--ink: #251b13;--ink-soft: #514537;--green: #405a42;--blue-gray: #53646a;--burgundy: #854a3d;--line: rgba(37, 27, 19, .25);--line-strong: rgba(37, 27, 19, .62);--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background-color:var(--paper);background-image:url(/assets/night-works/paper-texture.png);background-size:620px 620px;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}.site-shell{overflow-x:clip}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.section-pad{padding-block:112px}.site-header{position:sticky;top:0;z-index:50;height:76px;background:#efe1c2f0;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:8px}.brand-name{font-family:Impact,Arial Narrow Bold,Avenir Next Condensed,sans-serif;font-size:21px;line-height:.95;letter-spacing:.025em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:30px}.site-nav>a:not(.button){margin:-8px -10px;padding:8px 10px;color:var(--ink-soft);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:color .13s ease,background .13s ease}.site-nav>a:not(.button):hover{color:var(--paper-light);background:var(--ink)}.menu-button{display:none;border:0;background:transparent;padding:8px}.menu-button svg{width:25px;height:25px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:2px solid var(--ink);border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;transition:background .14s ease,color .14s ease}.button:focus-visible,.faq-item button:focus-visible,.menu-button:focus-visible{outline:3px solid var(--green);outline-offset:4px}.button svg{width:18px;height:18px}.button-primary{background:var(--ink);color:var(--paper-light)}.button-primary:hover{color:var(--ink);background:var(--gold)}.button-secondary{background:transparent;color:var(--ink)}.button-secondary:hover{background:var(--gold)}.button-small{min-height:40px;padding-inline:15px;background:var(--gold);font-size:11px}.hero{position:relative;padding-top:76px;padding-bottom:54px;border-bottom:2px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:650px;gap:44px}.hero-copy{position:relative;z-index:2}.brand-descriptor{margin:0;font-family:Courier New,monospace;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{display:grid;margin:0 0 13px;font-family:Impact,Arial Narrow Bold,Avenir Next Condensed,sans-serif;font-size:clamp(88px,9.5vw,136px);font-weight:900;line-height:.84;letter-spacing:-.035em;text-transform:uppercase}.hero h1 span{color:var(--ink)}.brand-descriptor{width:fit-content;padding:8px 0 6px;color:var(--green);border-block:4px solid var(--gold);font-size:13px}.hero h2{margin:28px 0 14px;max-width:500px;font-size:clamp(31px,3vw,42px);line-height:1;letter-spacing:-.045em}.hero-lede{max-width:570px;margin:0;color:var(--ink-soft);font-size:16px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.compatibility{display:flex;flex-wrap:wrap;gap:0;margin:19px 0 0;color:var(--ink-soft);font-family:Courier New,monospace;font-size:10px;font-weight:700;text-transform:uppercase}.compatibility span+span:before{content:"•";padding-inline:9px;color:var(--gold-dark)}.hero-visual{min-height:650px;position:relative;display:grid;place-items:end center}.hero-visual:focus{outline:none}.hero-visual:focus-visible .gold-field{outline:4px solid var(--green);outline-offset:5px}.gold-field{position:absolute;left:6%;right:-10%;top:18%;bottom:11%;z-index:0;background:var(--gold);border:2px solid var(--ink)}.hero-mascot{position:relative;z-index:1;width:min(670px,106%);max-height:700px;object-fit:contain;object-position:center bottom;filter:drop-shadow(7px 9px 0 rgba(37,27,19,.13))}.speech-bubble{position:absolute;right:-1%;top:7%;z-index:4;width:max-content;max-width:270px;margin:0;padding:15px 18px;color:var(--paper-light);background:var(--ink);border:2px solid var(--ink);font-family:Courier New,monospace;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:-.02em;opacity:0;pointer-events:none;transform:translateY(8px) rotate(1deg);transform-origin:30% 100%;transition:opacity .12s ease,transform .15s ease}.speech-bubble:after{content:"";position:absolute;left:28px;bottom:-14px;width:22px;height:22px;background:var(--ink);clip-path:polygon(0 0,100% 0,18% 100%)}.hero-visual:hover .speech-bubble,.hero-visual:focus .speech-bubble,.hero-visual:focus-visible .speech-bubble{opacity:1;transform:translateY(0) rotate(-1deg)}.section-heading h2{margin:0 0 18px;font-size:clamp(43px,5vw,68px);line-height:.95;letter-spacing:-.055em}.section-heading>p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.65}.scope{background:var(--gold);border-bottom:2px solid var(--ink)}.scope-grid{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);align-items:start;gap:96px}.scope-copy h2{max-width:500px}.scope-copy>p{max-width:450px;color:#251b13c7}.scope-ledger{background:var(--paper-light);border:3px solid var(--ink);box-shadow:9px 11px #251b1338}.scope-ledger-head,.scope-row{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:24px}.scope-ledger-head{min-height:42px;padding-inline:18px;color:var(--paper-light);background:var(--ink);font-family:Courier New,monospace;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scope-ledger-head span:last-child{text-align:right}.scope-group{padding-inline:18px}.scope-group+.scope-group{border-top:2px solid var(--ink)}.scope-group-title{margin:0;padding:16px 0 7px;color:var(--green);font-family:Courier New,monospace;font-size:10px;font-weight:800;text-transform:uppercase}.scope-row{min-height:48px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px;line-height:1.4}.scope-action{justify-self:end;font-family:Courier New,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.scope-action.moves{color:var(--green)}.scope-action.leaves{color:var(--burgundy)}.scope-ledger-footer{display:flex;align-items:flex-start;gap:9px;padding:16px 18px;color:var(--paper-light);background:var(--green);font-family:Courier New,monospace;font-size:9px;line-height:1.5;text-transform:uppercase}.scope-ledger-footer svg{width:17px;height:17px;flex:0 0 auto}.installer{color:var(--paper-light);background:var(--ink);border-bottom:6px solid var(--gold)}.installer-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:80px}.installer-window{overflow:hidden;border:2px solid var(--paper-light);box-shadow:9px 11px 0 var(--gold-dark)}.installer-window img{width:100%;aspect-ratio:3 / 2;object-fit:cover}.installer-copy>p{color:#f5ead2b8}.installer-copy .button{margin-top:28px;color:var(--ink);background:var(--gold);border-color:var(--paper-light)}.faq{background-color:var(--paper-light);background-image:url(/assets/night-works/paper-texture.png);background-size:620px;border-bottom:2px solid var(--ink)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:96px}.faq-heading{position:sticky;top:126px}.faq-list{border-top:3px solid var(--ink)}.faq-item{border-bottom:1px solid var(--line-strong)}.faq-item button{width:calc(100% + 24px);min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-inline:-12px;padding:0 12px;text-align:left;background:transparent;border:0;cursor:pointer;font-size:16px;font-weight:700;transition:color .13s ease,background .13s ease}.faq-item button:hover{color:var(--green);background:#c99a3224}.faq-item button svg{width:18px;height:18px;color:var(--green);transition:transform .18s ease;flex:0 0 auto}.faq-item.is-open button svg{transform:rotate(180deg)}.faq-answer p{margin:0 42px 26px 0;padding-top:8px;color:var(--ink-soft);font-size:14px;line-height:1.7}.final-cta{background:var(--gold)}.cta-layout{display:grid;grid-template-columns:132px 1fr auto;align-items:center;gap:36px}.cta-layout>img{width:124px;height:124px;object-fit:cover;border:3px solid var(--ink);border-radius:18px;box-shadow:7px 8px #251b1333}.cta-layout h2{margin:0;font-size:clamp(38px,4.4vw,58px);line-height:.95;letter-spacing:-.055em}.cta-actions{display:grid;justify-items:center;gap:11px}.cta-actions>span{font-family:Courier New,monospace;font-size:9px;font-weight:700;text-transform:uppercase}.site-footer{padding-block:32px;color:var(--paper-light);background:var(--ink);border-top:1px solid rgba(245,234,210,.3)}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer-grid>p{margin:0;color:#f5ead2ab;font-size:11px}.legal{text-align:right}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}@media(max-width:980px){.section-pad{padding-block:88px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:720px}.hero-visual{min-height:630px;margin-top:10px}.hero-mascot{width:min(680px,90%)}.gold-field{left:11%;right:3%}.scope-grid,.installer-grid,.faq-grid{grid-template-columns:1fr;gap:56px}.scope-copy>p{max-width:620px}.faq-heading{position:static}.cta-layout{grid-template-columns:110px 1fr}.cta-layout>img{width:104px;height:104px}.cta-actions{grid-column:1 / -1;justify-items:stretch}}@media(max-width:840px){.container{width:min(calc(100% - 40px),var(--container))}.site-header{height:68px}.brand img{width:34px;height:34px}.brand-name{font-size:19px}.menu-button{display:grid;place-items:center}.site-nav{position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;color:var(--paper-light);background:var(--ink);border:2px solid var(--gold);box-shadow:7px 9px #251b133d}.site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:14px 12px;color:var(--paper-light)}.site-nav .button{margin-top:6px;color:var(--ink)}.hero{padding-top:68px}.hero-grid{gap:20px}.hero-copy{max-width:660px}.hero-visual{min-height:550px}.hero-mascot{width:min(640px,94%)}.gold-field{left:8%;right:2%}.scope-grid,.installer-grid,.faq-grid{gap:48px}.footer-grid{grid-template-columns:1fr;justify-items:start;gap:14px}.legal{max-width:560px;text-align:left}}@media(max-width:720px){.container{width:min(calc(100% - 32px),var(--container))}.site-nav{left:16px;right:16px}.hero{padding-top:62px}.hero h1{font-size:clamp(84px,27vw,116px)}.hero h2{font-size:30px}.hero-lede{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.compatibility{line-height:1.7}.hero-visual{min-height:430px;margin-inline:-10px}.hero-mascot{width:100%;max-height:490px}.gold-field{left:8%;right:0;top:17%;bottom:8%}.speech-bubble{right:0;top:5%;max-width:235px;font-size:12px}.scope-ledger-head,.scope-row{grid-template-columns:1fr 66px;gap:16px}.installer-window{margin-inline:-6px}.cta-layout{grid-template-columns:82px 1fr;gap:18px}.cta-layout>img{width:78px;height:78px;border-radius:12px}.cta-layout h2{font-size:33px}}@media(max-width:540px){.section-pad{padding-block:78px}.hero h1{font-size:clamp(84px,25vw,104px)}.hero h2{max-width:360px}.scope-ledger{margin-inline:-2px}.scope-group,.scope-ledger-head,.scope-ledger-footer{padding-inline:14px}}@media(max-width:420px){.section-pad{padding-block:72px}.hero h1{font-size:84px}.hero-visual{min-height:390px}.speech-bubble{top:1%;right:-2%;max-width:205px;font-size:11px}.cta-layout{grid-template-columns:1fr}}@media(min-width:1480px){:root{--container: 1260px}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:70px}.hero h1{font-size:140px}.hero-mascot{width:min(700px,104%)}}
