@charset "UTF-8";
:root{color-scheme:dark;--bg:#131715;--panel:#1a201c;--ink:#f1f3ed;--muted:#a4ada5;--accent:#92e9c3;--line:#303832;--font:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}img,svg{display:block;max-width:100%}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;left:24px;top:-100px;background:var(--accent);color:var(--bg);z-index:100;padding:12px 20px}.skip-link:focus{top:16px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center}.brand span{font-size:29px;line-height:1;letter-spacing:-1.8px;font-weight:700}.header nav{display:flex;gap:42px;align-items:center;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--accent)}.nav-contact{display:flex;gap:20px;align-items:center}.nav-contact>span{color:var(--accent);font-size:22px}.eyebrow{margin:0 0 28px;text-transform:uppercase;letter-spacing:1.7px;font:11px/1.7 var(--mono);display:flex;gap:12px;align-items:center}.tiny-pixel{width:7px;height:7px;background:var(--accent);display:inline-block;flex:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;column-gap:40px;padding-top:85px}.hero-copy{position:relative;z-index:1;padding-bottom:70px}.hero .eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(76px,7.7vw,110px);line-height:1.01;letter-spacing:-7px;font-weight:500;margin-bottom:30px}h1>span{color:var(--accent)}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);margin-bottom:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;border:1px solid var(--accent);background:var(--accent);color:#14271d;border-radius:3px;padding:13px 20px;min-height:48px;font-size:13px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,border-color .2s}.button:hover{background:#b0f3d8;border-color:#b0f3d8;transform:translateY(-2px)}.button>span{font-size:20px;line-height:1}.button-secondary{background:transparent;border-color:#6a786f;color:var(--ink)}.button-secondary:hover{background:#28352d;border-color:#92a398}.pixel-art{position:relative;align-self:center;aspect-ratio:1;margin-top:-30px;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#303d342e 1px,transparent 1px),linear-gradient(to bottom,#303d342e 1px,transparent 1px);background-size:calc(100% / 9) calc(100% / 9);mask-image:radial-gradient(ellipse at center,black 25%,transparent 72%)}.cross{position:absolute;color:#526659;font:19px/1 var(--mono)}.cross-tl{top:0;left:0}.cross-tr{top:0;right:0}.cross-bl{bottom:30px;left:0}.cross-br{bottom:30px;right:0}.pixel-cluster{position:absolute;inset:12% 14% 20%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px}.pixel{display:block;background:var(--accent);border:1px solid #c1f6d8;box-shadow:inset 0 0 24px #e8ffed12;animation:assemble 1.4s cubic-bezier(.16,1,.3,1) both}.pixel-one{grid-column:3;grid-row:1;--from-x:14px;--from-y:-24px;background:#b2f4d4}.pixel-two{grid-column:2;grid-row:2;--from-x:-10px;--from-y:-14px;background:#86d4ad;animation-delay:80ms}.pixel-three{grid-column:3;grid-row:2;--from-x:30px;--from-y:10px;background:#9ae9c2;animation-delay:140ms}.pixel-four{grid-column:1;grid-row:3;--from-x:-30px;--from-y:20px;background:#68ab89;animation-delay:220ms}.pixel-five{grid-column:2;grid-row:3;--from-x:0px;--from-y:30px;background:#7cc69f;animation-delay:280ms}.art-baseline{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#8b9b8e;font:9px/1 var(--mono);letter-spacing:1.4px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 0;font-size:11px;color:var(--muted);letter-spacing:.2px}.hero-bottom>a{font-size:25px;color:var(--accent);line-height:1;padding:6px 10px}.section{border-top:1px solid var(--line);padding-block:100px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-heading .eyebrow,.contact .eyebrow{margin-bottom:30px}.section-number{color:#6f8275}h2{font-size:48px;letter-spacing:-2.3px;line-height:1.13;font-weight:500;margin-bottom:26px}.studio-content{padding-top:49px;color:var(--muted);font-size:16px}.lead{font-size:24px;line-height:1.45;letter-spacing:-.6px;color:var(--ink);margin-bottom:22px}.principles{margin-top:36px}.principles>div{position:relative;border-top:1px solid var(--line);padding:19px 0 20px 35px}.principles>div>span{position:absolute;left:0;top:22px;font:10px/1 var(--mono);color:#7a8d7f}.principles h3{font-size:15px;font-weight:500;margin:0 0 3px;color:var(--ink)}.principles p{font-size:13px;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:84px}.contact>div>p:last-child{color:var(--muted);font-size:15px;margin-bottom:0}.contact-link{align-self:center;display:grid;justify-items:start;gap:15px;font-size:clamp(19px,2.4vw,31px);letter-spacing:-1px;width:fit-content}.contact-link>span:nth-child(2){border-bottom:1px solid #526f5c;padding-bottom:5px;transition:color .2s,border-color .2s}.contact-link:hover>span:nth-child(2){color:var(--accent);border-color:var(--accent)}.contact-icon{font-size:50px;line-height:1.1;color:var(--accent)}.contact-link .contact-label{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-block:38px 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.footer .brand span{font-size:25px}.footer-note{font-size:13px;color:var(--muted)}.footer-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:28px;font-size:11px;color:var(--muted)}.footer-bottom small{font-size:11px}.footer nav{display:flex;gap:22px;flex-wrap:wrap}.footer a:hover,.footer button:hover{color:var(--accent)}.footer button,.privacy-links button{border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left}.footer button{text-decoration:underline;text-underline-offset:4px}.privacy-banner{position:fixed;z-index:15;right:24px;bottom:24px;width:428px;padding:26px;background:#1d2720;border:1px solid #566b5b;border-radius:5px;box-shadow:0 12px 55px #0006}.privacy-caption{display:flex;align-items:center;gap:10px;font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:1.3px;color:#b4c5b9;margin-bottom:14px}.privacy-banner h2{font-size:26px;letter-spacing:-.8px;margin-bottom:10px}.privacy-banner p{font-size:13px;line-height:1.65;color:#c0ccc3;margin-bottom:20px}.privacy-actions{display:flex;gap:10px}.privacy-actions .button{flex:1;padding:12px 10px;font-size:12px;min-height:44px}.privacy-links{display:flex;justify-content:space-between;margin-top:17px;font-size:11px;color:#c0ccc3}.privacy-links a,.privacy-links button{text-decoration:underline;text-underline-offset:4px}.privacy-dialog{position:fixed;inset:0;max-width:580px;max-height:calc(100dvh - 40px);width:calc(100% - 32px);margin:auto;background:#1a241d;color:var(--ink);border:1px solid #596e5f;border-radius:5px;padding:36px;overflow-y:auto;box-shadow:0 20px 100px #0008}.privacy-dialog::backdrop{background:#070c09cc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;padding:4px 10px;color:var(--muted);font-size:28px;line-height:1}.privacy-dialog>.eyebrow{font-size:10px;color:var(--muted);margin-bottom:12px}.privacy-dialog h2{font-size:29px;letter-spacing:-1px;margin-bottom:20px}.privacy-dialog>p:not(.eyebrow){font-size:14px;color:var(--muted)}.settings-row{display:flex;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line);font-size:13px}.settings-row h3,.settings-row strong{font-size:14px;margin:0 0 7px;display:block;font-weight:600}.settings-row p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:0}.settings-status{white-space:nowrap;border:1px solid #536159;border-radius:3px;font-size:9px;padding:3px 7px;color:#bbcabf}.settings-choice{cursor:pointer;justify-content:space-between}.settings-choice>span>span{display:block;color:var(--muted);font-size:12px}.settings-choice input{flex:none;width:22px;height:22px;accent-color:var(--accent);cursor:pointer}.settings-details a{text-decoration:underline;text-underline-offset:3px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.settings-actions .button{font-size:12px;gap:8px;flex:1;white-space:nowrap}.status-message{position:fixed;z-index:30;bottom:24px;left:24px;max-width:420px;margin:0;padding:16px 20px;border:1px solid #5b7563;border-radius:3px;background:#23382a;color:var(--ink);font-size:13px;box-shadow:0 8px 30px #0004}.status-message:empty{display:none}.noscript-note{border-top:1px solid var(--line);padding:20px;font-size:13px;color:var(--muted);text-align:center}.noscript-note a{text-decoration:underline}.legal-header{height:104px}.back-link{font-size:13px;color:var(--muted)}.back-link:hover{color:var(--accent)}.legal{max-width:850px;padding-block:75px 100px}.legal h1{font-size:64px;letter-spacing:-3px;line-height:1.1;margin-bottom:24px;overflow-wrap:anywhere}.legal>.eyebrow{color:var(--accent)}.legal-intro{font-size:16px;color:var(--muted);max-width:660px}.legal-nav{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:18px 0 24px;font-size:13px}.legal-nav a[aria-current=page]{color:var(--accent)}.legal section{margin-top:42px}.legal h2{font-size:26px;letter-spacing:-.7px;margin-bottom:16px}.legal h3{font-size:17px;letter-spacing:-.2px;margin:25px 0 10px}.legal p,.legal li,.legal address{color:#b7c0b8;font-size:15px;line-height:1.85}.legal address{font-style:normal}.legal a:not(.legal-nav a){color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal code{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.legal ul{padding-left:22px}.storage-table{width:100%;border-collapse:collapse;font-size:13px;margin-block:25px}.storage-table th,.storage-table td{border-bottom:1px solid var(--line);padding:13px 12px;text-align:left;vertical-align:top}.storage-table th{font-weight:500;color:var(--muted);width:30%}.storage-table code{font-size:11px}.legal .button{color:#14271d}.print-note{font-size:12px;color:var(--muted)}
.privacy-banner:not([hidden])~.status-message{top:24px;bottom:auto}
@keyframes assemble{from{opacity:0;transform:translate(var(--from-x),var(--from-y))}to{opacity:1;transform:translate(0,0)}}
@media(min-width:1600px){.hero{padding-top:105px}.hero-copy{padding-bottom:95px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{column-gap:22px;padding-top:65px}.hero .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:88px;letter-spacing:-5.5px}.hero-description{font-size:15px}.studio,.contact{gap:54px}h2{font-size:40px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.pixel-cluster{inset:15% 8% 21%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{gap:9px}.brand span{font-size:25px}.brand img{width:26px;height:26px}.header nav{gap:22px;font-size:12px}.nav-contact{gap:8px}.nav-contact>span{font-size:18px}.hero{padding-top:55px;grid-template-columns:1fr}.hero-copy{padding-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:.9px;margin-bottom:26px}h1{font-size:clamp(64px,14vw,100px);letter-spacing:-4.5px;line-height:1.02;margin-bottom:25px}.hero-description{font-size:15px}.hero .button{font-size:12px}.pixel-art{width:min(90%,360px);justify-self:center;margin:20px 0 38px;aspect-ratio:1.05}.pixel-cluster{inset:9% 12% 22%;gap:6px}.hero-bottom{font-size:9px;padding-block:17px}.section{padding-block:65px}.studio,.contact{grid-template-columns:1fr;gap:24px}h2{font-size:39px;letter-spacing:-1.8px}.section-heading .eyebrow,.contact .eyebrow{margin-bottom:24px}.section-heading h2{margin-bottom:0}.studio-content{padding-top:0;font-size:15px}.lead{font-size:22px;margin-bottom:18px}.principles{margin-top:28px}.contact{gap:36px}.contact h2{margin-bottom:20px}.contact-link{font-size:26px;gap:12px}.contact-icon{font-size:38px}.footer-top{margin-bottom:30px}.footer-note{font-size:11px}.footer nav{gap:14px 20px}.footer-bottom{font-size:11px}.privacy-banner{right:12px;bottom:12px;width:min(428px,calc(100% - 24px));padding:21px;max-height:calc(100dvh - 24px);overflow:auto}.privacy-banner h2{font-size:25px}.privacy-dialog{padding:30px 22px}.privacy-dialog h2{font-size:25px}.settings-row{gap:14px}.settings-status{font-size:8px;padding:3px 5px}.settings-actions{flex-direction:column}.settings-actions .button{width:100%;white-space:normal}.status-message{bottom:12px;left:12px;right:12px;max-width:none}.legal-header{height:86px}.back-link{font-size:11px}.legal{padding-block:50px 65px}.legal h1{font-size:clamp(36px,9vw,54px);letter-spacing:-1.5px}.legal h2{font-size:24px}.legal-nav{gap:17px;font-size:12px}.storage-table th,.storage-table td{padding:10px 6px}}
@media(max-width:360px){.header nav{gap:12px}.brand span{font-size:23px}.header nav>a:first-child{display:none}.hero .eyebrow{font-size:7px}.contact-link{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:#fff;color:#111}.header,.footer,.privacy-banner,.privacy-dialog,.status-message,.skip-link,.legal-nav{display:none!important}.wrap{width:100%;max-width:none}.legal{padding:0}.legal p,.legal li,.legal address,.legal-intro,.legal a{color:#111!important}.legal h1{font-size:32px}.legal h2{font-size:22px}.legal section{break-inside:avoid}.storage-table th,.storage-table td{border-color:#ccc}}
