:root{--bg:#101914;--s1:#19241d;--s2:#223228;--tx:#f4f1df;--muted:#b5c0b6;--ac:#cbea75;--orange:#efab71;--bd:#3e5043;--h:'Arial Black','Segoe UI',Arial,sans-serif;--b:Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--tx);background:var(--bg);font:16px/1.65 var(--b)}button,input,textarea{font:inherit}a{color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--h);line-height:1.02;letter-spacing:-.025em}h1,h2{text-transform:uppercase}h2{font-size:clamp(38px,5.6vw,78px);margin-bottom:28px}h3{font-size:27px}p{margin-bottom:20px}.w{max-width:1280px;padding:0 40px;margin:auto}.accent{color:var(--ac)}.muted,.note{color:var(--muted)}.lead{font-size:19px;max-width:45ch}.eyebrow,.chapter{font:500 11px/1.5 var(--b);text-transform:uppercase;letter-spacing:.16em}.eyebrow{color:var(--ac);margin-bottom:25px}.chapter{color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid var(--bd);background:transparent;color:inherit;text-decoration:none;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.btn:hover{background:var(--s2);transform:translateY(-2px)}.btn.p{background:var(--ac);border-color:var(--ac);color:var(--bg);font-weight:600}.btn.p:hover{background:#def69e}.btn:disabled{opacity:.5;cursor:wait}.text-link{display:inline-flex;align-items:center;min-height:48px;text-underline-offset:6px;font-size:14px}.ctas{display:flex;gap:24px;flex-wrap:wrap;align-items:center}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:10px;left:15px;z-index:200;background:var(--ac);color:var(--bg);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}#prog{position:fixed;top:0;height:2px;width:100%;background:var(--ac);transform-origin:left;transform:scaleX(0);z-index:101}header{position:sticky;top:0;z-index:80;background:rgba(16,25,20,.96);border-bottom:1px solid var(--bd);backdrop-filter:blur(14px)}header .w{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mk{text-decoration:none;font:800 26px/1 var(--h);letter-spacing:-.05em}.mk span{display:block;font:500 8px/2 var(--b);letter-spacing:.15em}.hn{display:flex;align-items:center;gap:26px}.hn>a{text-decoration:none;font-size:13px;min-height:44px;display:flex;align-items:center}.hn .nav-contact{color:var(--ac)}.lang{display:flex;border:1px solid var(--bd);padding:3px}.lang button{background:transparent;color:var(--tx);border:0;min-width:38px;min-height:36px;font-size:11px}.lang button[aria-pressed=true]{background:var(--ac);color:var(--bg)}
#hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#314b31 0,transparent 60%)}.hero-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;min-height:670px;padding-top:85px;padding-bottom:95px}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(44px,4.45vw,64px);margin:0 0 30px}h1 span{display:block}.hp{max-width:43ch;color:var(--muted);font-size:17px}.loc{font-size:11px;color:var(--muted);margin:28px 0 0}.hero-art{position:relative;display:block;transform:rotate(-3deg);border:8px solid var(--tx);box-shadow:18px 18px 0 #080e0a;text-decoration:none;margin-top:20px}.hero-art img{width:100%;height:auto}.art-tag{display:flex;justify-content:space-between;background:var(--tx);color:var(--bg);font:800 14px var(--h);padding:18px 12px 10px}.art-tag b{font-size:24px}.orbit-label{position:absolute;right:-12px;top:-32px;transform:rotate(7deg);background:var(--orange);color:var(--bg);font:800 11px var(--h);padding:10px 15px;border:2px solid var(--bg)}.world-strip{padding:18px 20px;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);font:600 clamp(10px,1.4vw,17px) var(--h);letter-spacing:.12em;display:flex;justify-content:space-around;gap:15px;white-space:nowrap}.world-strip span{color:var(--ac)}
#featured{padding:110px 0;background:radial-gradient(#2d3a2b 1px,transparent 1px);background-size:8px 8px}.feature-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin:15px 0 35px;align-items:start}.feature-intro h2{max-width:12ch}.cover-panel{display:block;position:relative;width:100%;padding:0;border:5px solid var(--tx);background:var(--bg);text-align:left;box-shadow:10px 10px 0 #070c09}.cover-panel img{width:100%;height:auto}.panel-label{position:absolute;bottom:0;left:0;background:var(--ac);color:var(--bg);font-size:12px;padding:10px 18px}.story-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;margin:70px 0 24px}.story-heading h3{max-width:15ch;font-size:32px}.story-heading p{color:var(--muted);max-width:42ch}.story-pages{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.page-card{background:var(--tx);border:0;padding:12px;color:var(--bg);text-align:left;box-shadow:7px 7px 0 #070c09}.page-card img{width:100%;height:auto}.page-card span{display:flex;justify-content:space-between;padding:15px 5px 5px;font-size:13px}.feature-end{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-top:45px}.feature-end p{font:600 25px var(--h);margin:0;max-width:26ch}
#gal{padding:100px 0;background:var(--s1)}.gh{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:20px 0 35px}.gh h2{margin:0}.fl{display:flex;flex-wrap:wrap;gap:5px}.fl button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;min-height:44px;padding:8px 12px}.fl button[aria-pressed=true]{color:var(--ac);border-color:var(--ac)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.it{border:0;padding:0;color:var(--tx);background:var(--bg);text-align:left;min-width:0}.it img{width:100%;height:auto}.it.full{grid-column:1/-1}.cap{display:block;padding:20px;font:600 20px var(--h);border-bottom:2px solid var(--bd)}.cap small{display:block;margin-top:7px;font:400 11px var(--b);color:var(--ac)}.it:hover .cap{border-color:var(--ac)}.note{font-size:12px;margin-top:20px}
#ask{padding:110px 0;background:var(--tx);color:var(--bg);position:relative}#ask .eyebrow{color:#3e5e32}#ask h2{max-width:15ch}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:45px}.service-card{border:1px solid #b5bd9f;padding:30px 25px;display:flex;flex-direction:column}.service-no{font-size:12px;color:#496735;margin-bottom:35px}.service-card h3{font-size:33px}.service-card p{font-size:15px}.service-card ul{padding-left:18px;margin:0 0 30px;font-size:14px}.service-card a{margin-top:auto;color:var(--bg);border-color:#87957e}.service-card a:hover{background:#dce3c6}
#process{padding:110px 0}.process-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:45px 0 0}.process-grid li{border-top:1px solid var(--bd);padding-top:22px}.process-grid b{color:var(--ac);font-size:13px}.process-grid h3{font-size:23px;margin:26px 0 15px}.process-grid p{font-size:14px;color:var(--muted)}#about{padding:95px 0;background:var(--s1)}#about .w{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.pt{position:relative;margin:0 18px 15px 0;border:5px solid var(--tx);transform:rotate(-3deg);box-shadow:12px 12px 0 var(--ac)}.pt img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}#about h2{font-size:clamp(35px,4.8vw,65px)}#aTx p{color:var(--muted);font-size:15px}#next{padding:110px 0;text-align:center;background:radial-gradient(ellipse at bottom,#2e4428,transparent 65%)}#next h2 span{display:block}#next h2{font-size:clamp(40px,6.5vw,88px);margin-bottom:35px}#contact{padding:100px 0;background:var(--s1);border-top:1px solid var(--bd)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}#contact h2{font-size:clamp(34px,4vw,56px)}#contact .lead{color:var(--muted);font-size:16px}.contact-status{font-size:12px;color:var(--muted);margin-top:20px}#contact-links{display:flex;flex-wrap:wrap;gap:12px}fieldset{padding:0;margin:0 0 25px;border:0}legend,.f label{font-size:12px;color:var(--muted);margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips label{position:relative}.chips input{position:absolute;opacity:0;inset:0}.chips span{display:block;min-height:44px;padding:10px 14px;border:1px solid var(--bd);font-size:12px;cursor:pointer}.chips input:checked+span{background:var(--ac);color:var(--bg);border-color:var(--ac)}.chips input:focus-visible+span{outline:3px solid var(--orange)}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.f{display:flex;flex-direction:column;margin-bottom:20px;min-width:0}.f input,.f textarea{width:100%;min-height:46px;padding:10px 12px;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:0}.f textarea{min-height:140px;resize:vertical}.f [aria-invalid=true]{border-color:#ffaaaa}.er{color:#ffaaaa;font-size:12px}.hpf{position:absolute;left:-9999px}.bad,.ok{padding:18px;border:1px solid var(--bd);margin-top:20px}.bad{border-color:#ffaaaa}.ok{border-color:var(--ac)}footer{padding:35px 0;font-size:11px;color:var(--muted)}footer .w{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer p{margin:0}footer strong{color:var(--tx)}
dialog{padding:25px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);width:min(1280px,96vw);max-height:94dvh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.92)}body:has(dialog[open]){overflow:hidden}.reader-toolbar{display:flex;justify-content:space-between;align-items:start;gap:20px}.reader-toolbar h3{margin:8px 0 20px;font-size:28px}.reader-toolbar .eyebrow{margin:0}.icon-btn{min-width:44px;min-height:44px;background:var(--s2);color:var(--tx);border:1px solid var(--bd);position:sticky;top:0}.reader-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.reader-controls .btn{font-size:12px;min-height:44px;padding:8px 14px}#dd{font-size:13px;color:var(--muted)}#dm{overflow:auto;background:#080e0b;max-height:72vh;overscroll-behavior:contain}#dm img{width:100%;height:auto;max-height:70vh;object-fit:contain}#dm.zoomed img{max-height:none;width:auto;max-width:none;min-width:100%;margin:auto}.reader-cta{margin-top:15px}.noscript{padding:30px;background:var(--ac);color:var(--bg)}
@media(max-width:950px){.w{padding:0 25px}.hero-layout{gap:30px;min-height:600px;padding-top:60px;padding-bottom:65px}h1{font-size:clamp(42px,6vw,65px)}.hn{gap:18px}.hn a:first-child{display:none}.feature-intro{gap:30px}.service-cards{gap:12px}.service-card{padding:24px 18px}.service-card h3{font-size:28px}.contact-layout{gap:35px}#about .w{gap:45px}.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:85px}.w{padding:0 20px}header .w{height:72px}.mk{font-size:23px}.hn{gap:13px}.hn>a{display:none}.hn .nav-contact{display:flex;font-size:12px}.hero-layout{grid-template-columns:1fr;gap:40px;padding-top:45px;padding-bottom:60px;min-height:auto}h1{font-size:clamp(43px,10.7vw,70px)}.hero-copy .eyebrow{font-size:10px}.hp{font-size:16px}.hero-art{margin:10px 8px 0;transform:rotate(-2deg)}.ctas{gap:12px}.hero-copy .btn{padding:12px 16px}.world-strip{font-size:9px;gap:12px;justify-content:flex-start;overflow:hidden}#featured,#gal,#ask,#process,#about,#next,#contact{padding:65px 0}.feature-intro{grid-template-columns:1fr;gap:0}.feature-intro h2{max-width:15ch}.section-head .chapter{font-size:9px}.lead{font-size:17px}.story-heading{display:block;margin-top:45px}.story-heading h3{max-width:none}.story-pages{gap:15px}.page-card{padding:5px;box-shadow:4px 4px 0 #070c09}.page-card span{font-size:10px;padding:10px 3px}.feature-end{align-items:start;flex-direction:column}.feature-end p{font-size:23px}.gh{align-items:start;flex-direction:column}.grid{gap:18px}.cap{font-size:16px;padding:13px}.service-cards{grid-template-columns:1fr}.service-no{margin-bottom:18px}.service-card h3{font-size:30px}.service-card ul{margin-bottom:20px}.process-grid{gap:18px}#about .w{grid-template-columns:1fr;gap:45px}.pt{max-width:320px;margin-left:8px}.contact-layout{grid-template-columns:1fr;gap:35px}.reader-toolbar h3{font-size:22px}dialog{padding:15px}.reader-controls{gap:6px}.reader-controls .btn{font-size:11px;padding:8px 10px}#reader-count{font-size:12px}.reader-cta{font-size:12px}footer .w{align-items:start}footer p{width:100%;order:3}}
@media(max-width:390px){.hn .nav-contact{display:none}.row{grid-template-columns:1fr;gap:0}.grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.story-pages{grid-template-columns:1fr}.chapter{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} 

#grid .it.portrait img{aspect-ratio:4/5;object-fit:contain;background:#111a15}#grid .it.full img{max-height:700px;object-fit:contain}#dm.zoomed img{width:160%;min-width:160%;height:auto;object-fit:initial}

@media(min-width:351px) and (max-width:390px){.hn .nav-contact{display:flex}}

/* Expressive accents paired with the original, readable sans-serif typography. */
@font-face{font-family:'Kaushan Script';src:url('assets/fonts/KaushanScript-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--brush:'Kaushan Script','Segoe Print',cursive}
#hero h1 .accent{font-family:var(--brush);font-weight:400;text-transform:none;letter-spacing:0;line-height:1.3;font-size:1.15em;padding:0 .08em .1em 0;transform:rotate(-3deg);transform-origin:left center;margin:4px 0 6px}
#next h2 .accent{font-family:var(--brush);font-weight:400;text-transform:none;letter-spacing:0;line-height:1.4;font-size:1.04em;padding:.08em .1em .16em;transform:rotate(-2deg)}
#about h2{font-family:var(--brush);font-weight:400;text-transform:none;letter-spacing:0;line-height:1.3;color:var(--ac)}
.feature-end p{font-family:var(--brush);font-weight:400;font-size:clamp(27px,2.8vw,38px);line-height:1.35;letter-spacing:0;max-width:27ch}
.orbit-label{font-family:var(--brush);font-size:15px;font-weight:400;letter-spacing:0}
@media(max-width:700px){#hero h1 .accent{font-size:1.1em;line-height:1.35}#next h2 .accent{font-size:.95em}.feature-end p{font-size:29px}}
/* Animated pigment: the ragged edge follows the brush across the lettering. */
@property --paint{syntax:'<percentage>';inherits:true;initial-value:0%}
.brush-effect{position:relative;isolation:isolate;--paint:0%;--pigment:var(--ac)}
.brush-effect::after{content:attr(data-brush);position:absolute;inset:0;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;text-align:inherit;padding:inherit;pointer-events:none;color:var(--pigment);clip-path:polygon(0 0,calc(var(--paint) - 10px) 0,calc(var(--paint) + 3px) 9%,calc(var(--paint) - 5px) 18%,calc(var(--paint) + 8px) 29%,calc(var(--paint) - 2px) 42%,calc(var(--paint) + 6px) 54%,calc(var(--paint) - 8px) 65%,calc(var(--paint) + 4px) 79%,calc(var(--paint) - 4px) 92%,var(--paint) 100%,0 100%);opacity:0}
.brush-effect::before{content:'';position:absolute;pointer-events:none;z-index:2;left:calc(var(--paint) - 70px);top:15%;width:140px;height:85%;opacity:0;background:radial-gradient(ellipse at 73% 12%,var(--pigment) 0 2px,transparent 3px),radial-gradient(ellipse at 88% 28%,var(--pigment) 0 3px,transparent 4px),radial-gradient(ellipse at 62% 86%,var(--pigment) 0 2px,transparent 3px),radial-gradient(ellipse at 95% 65%,var(--pigment) 0 1px,transparent 2px),radial-gradient(ellipse at 32% 5%,var(--pigment) 0 1px,transparent 2px),radial-gradient(ellipse at 55% 93%,var(--pigment) 0 3px,transparent 4px),radial-gradient(ellipse at 79% 77%,var(--pigment) 0 1px,transparent 2px)}
.orbit-label.brush-effect{--pigment:var(--bg)}
@media(hover:hover) and (pointer:fine){.brush-effect:hover{color:color-mix(in srgb,var(--pigment) 23%,transparent);animation:brush-fill 1.65s cubic-bezier(.2,.65,.25,1) forwards}.brush-effect:hover::after{opacity:1}.brush-effect:hover::before{animation:brush-splatter 1.65s ease-out forwards}}
@keyframes brush-fill{from{--paint:0%}to{--paint:115%}}
@keyframes brush-splatter{0%,100%{opacity:0;transform:scale(.6) rotate(-8deg)}12%,27%,48%,68%,83%{opacity:.85;transform:scale(1) rotate(7deg)}20%,38%,58%,76%,92%{opacity:.3;transform:scale(.8) rotate(-4deg)}}
.mk{display:block;line-height:1;width:220px;flex-shrink:0}.mk .brand-svg{display:block;width:100%;height:68px;overflow:visible}.mk:hover .brand-svg{filter:drop-shadow(0 0 8px #cbea7533)}
@media(max-width:700px){.mk{width:160px}.mk .brand-svg{height:56px}.hn{gap:9px}}
@media(max-width:390px){.mk{width:145px}.hn .nav-contact{display:none}}
@media(prefers-reduced-motion:reduce){.brush-effect:hover{animation:none;color:var(--pigment)}.brush-effect::before,.brush-effect::after{display:none}}
.orbit-label.brush-effect{position:absolute}.brush-effect::after{content:attr(data-brush) / ""}
#hero h1 .brush-effect,#about h2.brush-effect,.feature-end p.brush-effect{width:fit-content;max-width:100%}#next h2 .brush-effect{width:fit-content;max-width:100%;margin-inline:auto}
