/* Ashen's Toolbox. Original responsive design, no frameworks or remote assets. */
:root{color-scheme:dark;--bg:#0c1019;--panel:#121926;--panel2:#171f2d;--ink:#f3f6fa;--muted:#a2aebd;--line:#293244;--mint:#6bdbfb;--mint2:#b1edff;--radius:18px;--max:1192px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #82dcff;outline-offset:4px}svg{width:18px;height:18px;vertical-align:middle;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:20px;background:white;color:#12141a;padding:10px;z-index:100}.skip:focus{top:10px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.site-head{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff10;background:#0c1019f0;backdrop-filter:blur(18px)}.site-nav{min-height:86px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand img,.footer-mark img{border-radius:11px;object-fit:cover}.brand strong{display:block;font-size:15px;font-weight:750;letter-spacing:-.02em;white-space:nowrap}.brand small{font-size:11px;display:block;color:#96a7b6;letter-spacing:.03em;margin-top:1px}.nav-links{display:flex;gap:27px;align-items:center;margin-left:auto}.nav-links a{font-size:13px;color:#a8b5c5;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:white}.nav-links svg{width:12px;height:12px}.nav-contact{border:1px solid #505c71;border-radius:100px;padding:9px 17px;display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:650;transition:background .2s}.nav-contact:hover{background:#1c2838}.nav-contact svg{width:15px;height:15px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:min(9vw,114px);align-items:center;padding-top:108px;padding-bottom:116px}.eyebrow,.kicker{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--mint);letter-spacing:.15em;font-size:10px;font-weight:700}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.spark,.light{width:7px;height:7px;background:#61dafa;border-radius:50%;display:inline-block;box-shadow:0 0 17px #61dafa6f}.eyebrow-line{height:1px;background:#425266;flex:1;max-width:30px}.hero h1{font-weight:730;line-height:1.02;letter-spacing:-.068em;font-size:clamp(60px,6.1vw,98px);margin:27px 0 28px}.hero h1 em,.value-grid h2 em,.about-hero h1 em,.contact-page h1 em{font-style:normal;color:var(--mint)}.lead{color:#b1bdca;font-size:clamp(16px,1.45vw,19px);max-width:545px;line-height:1.73}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;gap:20px;justify-content:center;align-items:center;padding:14px 20px;border-radius:11px;font-size:14px;font-weight:670;min-height:50px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--mint);color:#08202a}.button-primary:hover{background:#a6eaff}.button-quiet{border:1px solid #344052;background:#111a26;color:#e4ebf3}.button-quiet:hover{background:#1b2839}.hero-fine{display:flex;align-items:center;flex-wrap:wrap;gap:19px;font-size:12px;color:#91a2b5;margin-top:44px}.hero-fine span:first-child{display:inline-flex;align-items:center;gap:9px}.hero-fine>span+span:before{content:'·';margin-right:19px;color:#42546d}.hero-art{min-height:490px;border-radius:22px;position:relative;overflow:hidden;background:#142538;background-image:radial-gradient(ellipse at 72% 17%,#20516a91 0,transparent 55%),linear-gradient(140deg,#132033,#172d42);border:1px solid #41647a66;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:27px}.art-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 27px,#ffffff0b 28px),repeating-linear-gradient(90deg,transparent 0,transparent 27px,#ffffff0b 28px);opacity:.36;pointer-events:none}.art-top,.art-bottom{z-index:2;display:flex;align-items:center;justify-content:space-between;letter-spacing:.1em;font:11px ui-monospace,monospace;color:#bdd6e4}.art-bottom{letter-spacing:0;font-size:14px}.art-bottom strong{color:#81e4ff;font-size:23px}.hero-image{display:flex;justify-content:center;align-items:center;flex:1;position:relative;z-index:2}.hero-image img{width:min(72%,317px);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:6px;box-shadow:0 22px 80px #0007;transform:rotate(-3deg)}.art-orbit{position:absolute;border:1px solid #7ae8ff2e;border-radius:50%;pointer-events:none}.orbit-one{width:400px;height:400px;left:-130px;bottom:-210px}.orbit-two{width:370px;height:370px;right:-180px;top:-170px}.section-wrap{padding-bottom:119px;scroll-margin-top:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-heading h2,.value-grid h2,.contact-copy h2,.about-values h2{font-size:clamp(36px,4.4vw,61px);line-height:1.1;letter-spacing:-.055em;font-weight:700;margin:20px 0 16px}.period{color:var(--mint)}.section-heading p{color:#9cabbc;max-width:650px;margin:0}.project-counter{display:flex;gap:12px;align-items:center;color:#95a4b5;white-space:nowrap}.project-counter strong{font-size:59px;font-weight:650;color:#eaf4fa;line-height:.95;letter-spacing:-.06em}.project-counter span{font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em}.filters{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #334054;color:#9fb2c6;border-radius:99px;font-size:12px;padding:8px 14px}.filter:hover,.filter.active{background:#d0f2ff;color:#12303b;border-color:#d0f2ff}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #334054;border-radius:10px;padding:0 12px;min-height:40px;color:#96a9bc;background:#111822}.search-field svg{width:16px;height:16px}.search-field input{width:167px;max-width:55vw;border:0;outline:0;color:#fff;background:transparent;font-size:13px}.search-field:focus-within{outline:2px solid var(--mint)}.search-field input::placeholder{color:#8b9daf}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{min-height:338px;display:flex;flex-direction:column;border:1px solid #283348;background:linear-gradient(135deg,#172233 0,#111824 75%);border-radius:17px;padding:25px;transition:border-color .2s,transform .2s}.project-card:hover{transform:translateY(-3px);border-color:#567189}.card-upper{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-index,.state{font:10px ui-monospace,monospace;letter-spacing:.075em;color:#94a9bb;text-transform:uppercase}.state{display:inline-flex;align-items:center;gap:8px;background:#ffffff06;border:1px solid #40516a;border-radius:99px;padding:6px 10px;white-space:nowrap}.state-live{color:#9feacf;border-color:#275d53}.state-code{color:#c6c4e4;border-color:#4c4969}.state-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.card-icon{font-size:37px;font-family:ui-monospace,monospace;color:#75dcfa;line-height:1;margin-top:23px;height:47px}.project-card h3{font-size:24px;letter-spacing:-.035em;margin:10px 0 8px;font-weight:670}.project-card>p{font-size:14px;color:#a5b5c5;line-height:1.65;max-width:480px;margin:0 0 20px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;color:#a9bdd0;background:#223041;border:1px solid #324357;padding:5px 9px;border-radius:7px}.card-actions{border-top:1px solid #29364b;margin-top:25px;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:20px}.card-actions a{display:inline-flex;align-items:center;gap:8px;font-weight:620;font-size:12px}.card-primary{color:#9ae4fb}.card-details{color:#a5b6c7}.card-actions svg{width:14px;height:14px}.empty{border:1px dashed #475365;padding:25px;text-align:center;color:#b3c7d4;border-radius:12px}.results-status{font-size:12px;color:#8092a5;margin:18px 4px}.value-section{background:linear-gradient(90deg,#141e2d,#0f1723);border-top:1px solid #243145;border-bottom:1px solid #243145}.value-grid{padding-top:83px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1fr;gap:110px}.value-grid h2{margin-bottom:0}.value-copy{padding-top:28px}.value-copy p{font-size:20px;line-height:1.7;color:#b0c0cf;margin:0 0 25px}.text-link{font-size:13px;display:inline-flex;gap:11px;align-items:center;color:var(--mint);font-weight:660}.text-link svg{width:16px}.contact-banner{margin-top:117px;margin-bottom:92px;display:grid;grid-template-columns:.92fr 1.08fr;min-height:395px;background:#d5f3fb;color:#09202b;border-radius:21px;overflow:hidden}.contact-art{padding:28px;position:relative;overflow:hidden;background:#6bd2f0;display:flex;flex-direction:column;justify-content:space-between}.contact-art>span{z-index:2;font:11px ui-monospace,monospace;letter-spacing:.15em;font-weight:700}.contact-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:260px;font-weight:400;color:#0d3246;line-height:1;user-select:none}.contact-copy{padding:54px clamp(28px,5vw,70px)}.contact-copy .kicker{color:#174d65}.contact-copy h2{font-size:clamp(36px,4vw,57px);margin:16px 0}.contact-copy p{font-size:15px;color:#385463;line-height:1.7;max-width:485px}.banner-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}.contact-banner .button-primary{background:#0b2c3c;color:white}.contact-banner .button-primary:hover{background:#17445a}.email-link{font-size:13px;color:#1e4b5a;font-weight:650;text-decoration:underline;text-underline-offset:4px}.outro{border-top:1px solid #293549;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0 80px}.outro>span{font:12px ui-monospace,monospace;color:#98aabd}.outro div{display:flex;flex-wrap:wrap;gap:24px}.outro a{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:6px}.outro a svg{width:13px;height:13px;color:var(--mint)}.footer{border-top:1px solid #263245;background:#0a0e15}.footer-grid{padding:46px 0;display:flex;justify-content:space-between;gap:50px}.footer-mark{display:flex;gap:11px;align-items:center;font-size:15px}.footer-grid p{color:#8fa0b3;font-size:13px;margin-top:16px}.footer-links{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.footer-links a,.footer-line{font-size:12px;color:#90a4b6}.footer-links a:hover,.footer-line a:hover{text-decoration:underline}.footer-line{border-top:1px solid #253143;padding:19px 0 27px;display:flex;justify-content:space-between;gap:15px}.inner-main{min-height:65vh;padding-top:56px;padding-bottom:130px}.back{color:#a4bacc;font-size:13px}.back:hover{color:white}.inner-hero{margin-top:69px;max-width:790px}.inner-hero>.state{margin-top:23px;display:table}.inner-hero h1,.about-hero h1,.contact-page h1{font-size:clamp(54px,7vw,105px);letter-spacing:-.065em;line-height:1.05;margin:17px 0 23px;font-weight:700}.inner-lead{color:#b1c0cf;font-size:clamp(17px,2vw,22px);line-height:1.6;max-width:800px}.inner-hero .button{margin-top:20px}.detail-layout{border-top:1px solid #304054;margin-top:80px;padding-top:48px;display:grid;grid-template-columns:1fr .55fr;gap:70px}.detail-layout h2{font-size:28px;margin:0 0 12px}.detail-layout p{color:#adbbca;line-height:1.8}.detail-layout aside{border:1px solid #344255;border-radius:14px;padding:25px;background:#151f2c;min-width:0}.detail-layout aside strong{font-size:14px}.detail-layout aside p{font-size:13px}.detail-layout aside a{font-size:12px;color:var(--mint);overflow-wrap:anywhere}.detail-layout aside svg{width:12px}.about-hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:90px;margin-top:78px}.about-hero>img{width:100%;height:auto;border:1px solid #395169;border-radius:20px;box-shadow:0 28px 100px #0008}.about-hero p:not(.inner-lead){color:#98aabd;max-width:660px}.about-values{margin-top:130px;border-top:1px solid #253449;padding-top:40px}.about-values>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-values article{background:#141d2a;border:1px solid #27364b;border-radius:14px;padding:24px}.about-values article span{font:12px ui-monospace,monospace;color:var(--mint)}.about-values article h3{font-size:21px;margin:12px 0}.about-values article p{font-size:14px;color:#9eb2c3}.contact-page{max-width:870px;margin-top:73px}.contact-mail-card{background:#162434;border:1px solid #344f63;border-radius:18px;padding:30px;margin:50px 0 24px}.contact-mail-card>span{font:11px ui-monospace,monospace;color:var(--mint);letter-spacing:.13em;text-transform:uppercase}.contact-mail-card>a{display:block;width:fit-content;font-size:clamp(18px,3vw,32px);font-weight:680;letter-spacing:-.025em;margin:8px 0;overflow-wrap:anywhere}.contact-mail-card>a svg{width:20px}.contact-mail-card p,.contact-note{color:#9baec1;font-size:13px}.contact-list{display:flex;flex-wrap:wrap;gap:18px}.contact-list>a{border:1px solid #344457;border-radius:10px;padding:12px 17px;font-size:13px}.contact-list svg{width:14px}.contact-note{margin-top:35px}.footer a:hover{color:white}
@media(max-width:1050px){.hero{gap:40px;padding-top:70px}.hero-art{min-height:415px}.nav-links{gap:15px}.brand{min-width:auto}.hero h1{font-size:clamp(51px,7vw,84px)}.value-grid{gap:50px}}@media(max-width:760px){.wrap{width:min(100% - 36px,var(--max))}.site-nav{min-height:75px;flex-wrap:wrap;gap:8px;padding-block:10px}.brand{margin-right:auto}.nav-links{order:3;width:100%;justify-content:space-between;gap:11px;padding-top:10px}.nav-links a{font-size:12px}.nav-contact{font-size:12px;padding:8px 11px}.hero{grid-template-columns:1fr;padding-top:64px;padding-bottom:88px;gap:34px}.hero h1{font-size:clamp(52px,11vw,75px);margin-block:22px}.hero-art{min-height:350px}.hero-image img{width:min(58%,260px)}.hero-fine{margin-top:25px;gap:9px}.hero-fine>span+span:before{margin-right:9px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:330px}.section-heading{align-items:start}.project-counter{display:none}.value-grid{grid-template-columns:1fr;gap:15px;padding-block:58px}.value-copy{padding-top:0}.value-copy p{font-size:17px}.contact-banner{grid-template-columns:1fr;margin-block:75px 60px}.contact-art{min-height:150px}.contact-glyph{font-size:180px}.contact-copy{padding:34px 28px 42px}.footer-grid,.outro{flex-direction:column;align-items:flex-start}.about-hero{grid-template-columns:1fr;gap:25px;margin-top:56px}.about-hero img{max-width:250px}.about-values>div{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr;gap:20px}.inner-main{padding-top:30px;padding-bottom:90px}.inner-hero{margin-top:45px}.inner-hero h1,.about-hero h1,.contact-page h1{font-size:clamp(48px,10vw,77px)}}@media(max-width:430px){.brand img{width:37px;height:37px}.brand strong{font-size:13px}.nav-links{gap:6px;justify-content:space-around}.nav-links a{font-size:11px}.nav-contact{padding:7px 10px}.hero h1{font-size:51px}.hero-art{min-height:315px}.eyebrow{font-size:9px}.card-actions{flex-wrap:wrap}.filter-group{gap:6px}.filter{padding:7px 11px}.search-field{width:100%}.search-field input{width:100%;max-width:none}.contact-mail-card{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}