:root{--paper:#102238;--ink:#edf3fa;--blue:#a8f0d2;--line:#ffffff24;--soft:#142a43;--muted:#adbed0;--coral:#ffac8f}
body{background:#080f20 radial-gradient(ellipse at 52% 42%,#1c3653 0%,#111f37 38%,#080f20 77%) fixed;color:var(--ink)}header,main,footer{max-width:1500px}header{border-bottom:0;gap:25px}.mark{border:1px solid var(--blue);border-radius:50%;background:transparent;color:var(--blue);width:36px;height:36px}.edition{color:var(--muted)}nav{gap:5px;padding:5px;border:1px solid var(--line);border-radius:40px;background:#09132680}nav a{padding:10px 17px;border-radius:25px;font-size:12px;transition:background .2s}nav a:last-child{color:var(--blue)}nav a:hover{background:#ffffff12}
.hero{position:relative;isolation:isolate;grid-template-columns:1.2fr 1fr;min-height:730px;padding:62px 5% 100px;gap:1%}.hero:before{content:'';position:absolute;width:540px;height:540px;max-width:75vw;border:1px solid #a8f0d210;border-radius:50%;right:4%;top:80px;z-index:-1;box-shadow:0 0 0 65px #a8f0d204,0 0 0 130px #a8f0d203}.intro{position:relative;z-index:2}.eyebrow{color:var(--blue);letter-spacing:.17em}.dot{box-shadow:0 0 14px #a8f0d2}h1{font-size:clamp(56px,6.4vw,92px);line-height:.99;margin-bottom:32px}h1 em{background:linear-gradient(110deg,#c5f7e5,#82d6dd);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:360px;font-size:16px;line-height:1.8;color:var(--muted)}.button{align-items:center;gap:40px;color:#0c2230;padding:15px 18px 15px 23px;border-radius:40px;font-size:12px;font-weight:600;transition:transform .2s}.button span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #0c223050;border-radius:50%;font-size:17px}.button:hover{filter:none;background:#cbffe9;transform:translateY(-3px)}.caption{font-size:10px;color:var(--muted)}
.drawing{color:#9bddd7;transform:rotate(-7deg);border:1px solid #92c9df36;border-radius:10px;background:linear-gradient(145deg,#25476699,#101c3199);box-shadow:25px 40px 90px #02071366;backdrop-filter:blur(8px);margin-left:-25px;margin-top:25px}.drawing svg{filter:drop-shadow(0 0 8px #a8f0d220)}.drawing-top,.drawing-bottom{padding:16px 20px;font-size:8px;letter-spacing:.12em;color:#bfd7e9;border-color:var(--line)}.sticker{right:-12px;bottom:30px;background:var(--coral);color:#282337;border:0;padding:22px 25px;transform:rotate(13deg);box-shadow:0 10px 30px #0003;border-radius:3px}
.work{padding:70px 5% 100px}.section-heading{margin-bottom:45px}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.055em}.section-heading>p,.notes p{color:var(--muted);font-size:13px;line-height:1.8}.projects{grid-template-columns:1.2fr .8fr;gap:6%;align-items:start}.projects article{min-width:0}.projects article:nth-child(2){margin-top:145px}.project-art{height:360px;border-radius:8px;border:1px solid #ffffff1c}.art-one{background:radial-gradient(ellipse at 50% 60%,#284e5c,#142d3d 72%);color:#aff7de}.art-two{height:290px;background:radial-gradient(ellipse at 40% 45%,#534454,#252a40 75%);color:var(--coral)}.project-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:30px 30px}.slot,.art-label{font-size:8px;letter-spacing:.12em;left:22px;z-index:1}.slot{top:23px}.art-label{bottom:22px;color:#d4e7ed}.rings{height:190px;width:190px;filter:drop-shadow(0 0 16px #aff7de40)}.rings i{box-shadow:inset 0 0 30px #a8f0d208,0 1px 0 #a8f0d240}.steps i{background:#333247;box-shadow:12px 12px 0 #453b4e;width:60px;height:80px}.project-title{gap:10px}h3{font-size:24px}.badge{border-color:#ffffff35;color:#b9cbdb;padding:6px 9px}article>p,details ul{color:var(--muted)}article>p{font-size:13px;line-height:1.85}details{font-size:11px;padding:18px 0}summary{gap:15px}summary span{color:var(--blue);font-size:16px}.honest{color:var(--muted);line-height:1.7;margin-top:40px}
.about{margin:0 5%;padding:60px 0;background:transparent;grid-template-columns:.9fr 1.1fr;gap:10%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about>div:first-child{position:relative;padding-bottom:85px}.about>div:first-child:after{content:'↗';position:absolute;bottom:0;font:70px 'Space Grotesk',sans-serif;color:var(--coral)}.about-lead{font-size:26px;line-height:1.45}.about p:not(.eyebrow):not(.about-lead){color:var(--muted);font-size:13px;line-height:1.85}.about-fields{gap:19px;margin-top:35px}.about-fields span{gap:15px;border-color:var(--line);padding-bottom:15px;color:var(--blue)}.about-fields b{color:var(--muted)}
.notes{padding:90px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;border-top:0}.empty-note{position:relative;margin:0;padding:36px;border:1px solid var(--line);border-radius:8px;gap:22px;flex-wrap:wrap;background:#ffffff03;transform:rotate(3deg)}.empty-note:before{content:'';position:absolute;inset:8px -8px -8px 8px;border:1px solid #ffffff12;border-radius:8px;z-index:-1}.note-icon{color:var(--coral)}.empty-note .badge{margin-left:65px}
.contact{position:relative;margin:15px 5% 65px;padding:55px 5%;border:1px solid #a8f0d23a;border-radius:12px;background:radial-gradient(ellipse at 95% 80%,#25616a50,transparent 70%),#10283b80;color:var(--ink);overflow:hidden}.contact:before{content:'';position:absolute;right:-100px;top:-150px;width:440px;height:440px;border:1px solid #a8f0d21c;border-radius:50%;box-shadow:0 0 0 45px #a8f0d205,0 0 0 90px #a8f0d204;pointer-events:none}.contact em{color:var(--blue)}.contact h2>span{color:var(--coral)}.contact>p:not(.eyebrow){color:var(--muted);font-size:13px}.contact-note{opacity:1}footer{color:var(--muted);font-size:10px}.skip{color:#0b1929}:focus-visible{outline-color:var(--coral)}
@media(max-width:1000px){.edition{display:none}h1{font-size:65px}.hero{min-height:650px}.drawing{margin-left:0}.projects{gap:4%}.project-title{align-items:start;flex-direction:column}.notes{gap:5%}.empty-note{padding:25px}.empty-note .badge{margin-left:0}}
@media(max-width:760px){header{flex-wrap:wrap;align-items:center;gap:20px}nav{margin-left:auto}nav a{font-size:11px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:40px 6% 80px;gap:40px;min-height:0;overflow:hidden}h1{font-size:clamp(47px,10vw,70px)}.hero:before{top:380px;right:-50px}.drawing{max-width:450px;margin:0 8px 0 5px;transform:rotate(-4deg)}.sticker{padding:16px;font-size:16px;right:0}.work{padding:45px 6% 65px}.projects{grid-template-columns:1fr;gap:40px}.projects article:nth-child(2){margin-top:0}.project-art,.art-two{height:290px}.project-title{flex-direction:row;align-items:center}.about{grid-template-columns:1fr;margin:0 6%;padding:45px 0;gap:30px}.about>div:first-child{padding-bottom:0}.about>div:first-child:after{display:none}.notes{grid-template-columns:1fr;padding:55px 6%;gap:25px}.empty-note{transform:rotate(1deg)}.contact{padding:33px 7%;margin:15px 6% 40px}.contact h2{font-size:clamp(40px,8vw,60px)}.contact h2>span{font-size:55px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}