:root{color-scheme:dark;--bg:#0b0b0e;--ink:#fff1c7;--pink:#ff0077;--cyan:#00c5ef;--violet:#742adb;background:var(--bg);color:var(--ink);font-family:Outfit,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--cyan);outline-offset:7px}::selection{background:var(--pink);color:var(--bg)}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:var(--pink);color:var(--bg);z-index:5}.skip:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;padding:27px 5vw;border-bottom:3px solid var(--pink);gap:30px}.brand{display:block;width:200px;flex-shrink:0}.logo{display:block;aspect-ratio:13888/2046;background:var(--ink);mask:url('stonerautist.svg') no-repeat center/contain;-webkit-mask:url('stonerautist.svg') no-repeat center/contain}nav{display:flex;gap:30px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}nav a{padding:12px 0}nav a:hover{color:var(--cyan)}.hero{position:relative;overflow:hidden;border-bottom:3px solid var(--cyan);isolation:isolate}.hero:before{content:'';position:absolute;right:-60px;bottom:-100px;width:45%;height:90%;background:radial-gradient(var(--violet) 2.5px,transparent 3px) 0 0/17px 17px;mask-image:linear-gradient(115deg,transparent,#000);opacity:.75;z-index:-1}.hero-inner{padding:60px 5vw 85px;max-width:1600px;margin:auto}.tag{display:inline-block;padding:9px 13px;background:var(--pink);color:var(--bg);font-size:11px;letter-spacing:.13em;font-weight:600;transform:rotate(-2deg);margin:0 0 32px}.hero-logo{width:100%;margin:12px 0 60px;filter:drop-shadow(4px 4px 0 var(--pink))}.hero-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;align-items:end}h2,h3{font-family:Syne,Arial,sans-serif;font-weight:800;letter-spacing:-.055em}h2{margin:0;font-size:clamp(42px,5.5vw,85px);line-height:1.03}.hero h2{font-size:clamp(40px,6.7vw,100px);line-height:.98}.hero h2 span{color:var(--pink)}.hero h2 em{font-style:normal;color:var(--cyan)}.intro{max-width:430px;padding-bottom:7px}.intro p,.section-body p{font-size:21px;line-height:1.65;color:#e1dbe4;margin:0 0 30px}.button{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--pink);color:var(--bg);padding:19px 24px;font-weight:600;font-size:16px;box-shadow:5px 5px 0 var(--cyan);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--cyan)}.button span{font-size:25px}.print-stripe{height:17px;background:repeating-linear-gradient(120deg,var(--pink) 0 25px,var(--bg) 25px 50px,var(--cyan) 50px 75px,var(--bg) 75px 100px)}.section{padding:95px 5vw;max-width:1600px;margin:auto}.work{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.work-list{border-top:3px solid var(--cyan)}.work-list>div{display:grid;grid-template-columns:30px 1fr;gap:10px 15px;padding:28px 0;border-bottom:1px solid #fff1c74a}.work-list span{font-size:11px;color:var(--pink);padding-top:8px}.work-list h3{font-size:26px;margin:0}.work-list p{grid-column:2;margin:0;color:#c4becb;font-size:16px;line-height:1.6}.updates{border-top:3px solid var(--pink)}.section-body{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end}.section-body h2 span{color:var(--cyan)}.text-link{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:2px solid var(--cyan);font-size:17px;font-weight:500}.text-link span{color:var(--pink)}.text-link:hover{color:var(--cyan)}.support{border-top:3px solid var(--cyan)}.support h2{color:var(--pink)}footer{padding:25px 5vw;border-top:3px solid var(--pink);display:flex;justify-content:space-between;font-size:12px;color:#c4becb}footer a{color:var(--cyan)}
@media(max-width:760px){header{padding:20px 6vw;gap:20px}.brand{width:120px}nav{gap:14px;font-size:9px;letter-spacing:0}.hero-inner{padding:38px 6vw 60px}.tag{font-size:9px;margin-bottom:22px}.hero-logo{margin:10px 0 45px}.hero-bottom{grid-template-columns:1fr;gap:35px}.hero h2{font-size:10.5vw}.intro{max-width:100%}.intro p,.section-body p{font-size:17px}.hero:before{width:70%;height:75%;opacity:.4}.section{padding:60px 6vw}.work,.section-body{grid-template-columns:1fr;gap:35px}h2{font-size:10vw}.work-list h3{font-size:22px}.button{font-size:15px;padding:17px 20px}.work-list p{font-size:14px}footer{padding:24px 6vw;gap:20px}}
@media(max-width:370px){.brand{width:100px}nav{gap:9px;font-size:8px}.hero h2{font-size:10vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}