@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#f1f1ed;font-synthesis:none;background:#090a0d;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#090a0d;min-width:320px;margin:0}a{color:inherit;text-decoration:none}main{position:relative;overflow:hidden}.noise{opacity:.045;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.nav,section,footer{padding-left:clamp(1.5rem,6vw,7rem);padding-right:clamp(1.5rem,6vw,7rem)}.nav{z-index:2;justify-content:space-between;align-items:center;width:100%;height:6.6rem;display:flex;position:absolute}.brand{letter-spacing:-.08em;font-size:1.8rem;font-weight:700}.brand span{color:#ccff43;margin-left:.06em;font-size:.9em}.nav-link,footer a{text-transform:uppercase;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:.7rem}.nav-actions{align-items:center;gap:2rem;display:flex}.nav-portfolio-link{color:#b7bab1}.arrow{margin-left:.35em;transition:transform .2s;display:inline-block}a:hover .arrow,a:focus-visible .arrow{transform:translate(2px,-2px)}a:focus-visible{outline-offset:5px;outline:2px solid #ccff43}.hero{background:radial-gradient(circle at 78% 30%,#20291a 0,#11150f 18%,#0000 43%);border-bottom:1px solid #292b31;flex-direction:column;justify-content:center;min-height:100vh;padding-top:8rem;padding-bottom:3.5rem;display:flex}.eyebrow,.section-label,.coordinates,.capability-number{text-transform:uppercase;letter-spacing:.08em;color:#adb0a8;font:.68rem DM Mono,monospace}.eyebrow{align-items:center;gap:.65rem;margin:0 0 clamp(1.8rem,5vh,4rem);display:flex}.eyebrow span{background:#ccff43;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 15px #ccff43}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;font-weight:500;line-height:.87}h1{max-width:1000px;margin:0;font-size:clamp(5rem,14vw,13.5rem)}em{letter-spacing:-.04em;font-family:Instrument Serif,Georgia,serif;font-weight:400}.hero-bottom{justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(3rem,9vh,7rem);display:flex}.hero-bottom p{color:#b7bab1;max-width:21rem;margin:0;font-size:.95rem;line-height:1.5}.circle-link{text-transform:uppercase;border:1px solid #50534c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:7.5rem;height:7.5rem;font:.7rem DM Mono,monospace;transition:color .25s,background .25s;display:flex}.circle-link:hover{color:#0d0f0a;background:#ccff43;border-color:#ccff43}.coordinates{color:#65685f;align-self:flex-end;margin-top:5rem}.thesis{border-bottom:1px solid #292b31;grid-template-columns:minmax(10rem,.65fr) minmax(0,2fr);gap:2rem;padding-top:clamp(6rem,13vw,12rem);padding-bottom:clamp(6rem,13vw,12rem);display:grid}.section-label{color:#ccff43;margin:.7rem 0 0}h2{max-width:11ch;margin:0;font-size:clamp(3.3rem,7.5vw,7.5rem)}.body-copy{color:#b7bab1;max-width:29rem;margin:3rem 0 0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.portfolio{background:#101213;border-bottom:1px solid #292b31;padding-top:clamp(6rem,11vw,10rem);padding-bottom:clamp(6rem,12vw,11rem)}.portfolio-heading{grid-template-columns:minmax(10rem,.65fr) minmax(0,2fr);gap:2rem;display:grid}.portfolio-heading h2{max-width:none}.portfolio-heading>div>p{color:#b7bab1;max-width:30rem;margin:2.6rem 0 0;font-size:1.05rem;line-height:1.6}.project-list{margin-top:clamp(4.5rem,9vw,8rem)}.project{grid-template-columns:minmax(8rem,.55fr) minmax(18rem,1.3fr) minmax(16rem,.85fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);display:grid}.project-meta{border-top:1px solid #3a3c3e;flex-direction:column;justify-content:space-between;align-self:stretch;min-height:29rem;padding-top:.8rem;display:flex}.project-meta p,.project-kicker{color:#92968d;letter-spacing:.08em;text-transform:uppercase;margin:0;font:.64rem DM Mono,monospace}.project-meta p:last-child{color:#ccff43;writing-mode:vertical-rl;transform:rotate(180deg)}.project-art{isolation:isolate;background:#1b1233;border-radius:.5rem;min-height:31rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17}.project-art:before{content:"";z-index:-1;opacity:.8;background:radial-gradient(circle at 82% 13%,#e4a94f 0 1%,#0000 1.4%) 0 0/45px 45px,radial-gradient(circle at 11% 80%,#e44b86 0 1%,#0000 1.4%) 0 0/61px 61px,linear-gradient(135deg,#251345 0%,#571755 45%,#e74d7f 100%);position:absolute;inset:0}.project-art:after{content:"";z-index:-1;border:1px solid #ffe2a23d;border-radius:.22rem;position:absolute;inset:.65rem}.art-orbit{z-index:-1;border:1px solid #ffd76768;border-radius:50%;position:absolute}.orbit-one{width:33rem;height:33rem;top:-15rem;left:-9rem}.orbit-two{width:25rem;height:25rem;bottom:-13rem;right:-13rem}.art-ribbon{z-index:1;color:#fce7a6;text-align:center;letter-spacing:.26em;white-space:nowrap;background:#311246ba;width:calc(100% + 8rem);padding:.42rem 0;font:.43rem DM Mono,monospace;position:absolute;top:3.2rem;left:-4rem;overflow:hidden;transform:rotate(-5deg);box-shadow:0 1px #ffd55d55,0 -1px #ffd55d55}.art-brand{z-index:2;color:#fff8e9;letter-spacing:-.05em;text-shadow:0 2px #5c1f5f;margin:0;font:clamp(1.5rem,2.8vw,2.5rem)/.8 Instrument Serif,Georgia,serif;position:absolute;top:6%;left:7%}.art-brand span{color:#e9f75c}.art-caption{z-index:4;color:#ffe5a8;position:absolute;top:15%;left:7%}.art-caption span{text-transform:uppercase;letter-spacing:.12em;font:.54rem DM Mono,monospace;display:block}.art-caption strong{margin-top:.25rem;font:1.25rem/.9 Instrument Serif,Georgia,serif;display:block}.reader-device{z-index:3;background:#160d25;border:5px solid #f5e5c5;border-radius:1.85rem 1.85rem 0 0;width:47%;padding:.55rem;position:absolute;bottom:-8%;right:8%;overflow:hidden;transform:rotate(7deg);box-shadow:0 27px 45px #14091d91}.reader-device img{aspect-ratio:1;object-fit:cover;border-radius:1.25rem;width:100%;display:block}.reader-topbar{color:#fff4df;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:.1rem .25rem .45rem;font:.45rem DM Mono,monospace;display:flex}.reader-topbar span:first-child,.reader-topbar span:last-child{color:#f5db6a;font-size:.75rem}.reader-progress{gap:.2rem;padding:.55rem .25rem .1rem;display:flex}.reader-progress *{background:#7d5d8d;border-radius:2rem;flex:1;height:.18rem;display:block}.reader-progress span{background:#e8f75e}.story-card{z-index:2;background:#fff5dd;width:28%;padding:.35rem .35rem .45rem;position:absolute;box-shadow:0 15px 30px #1b0c2980}.story-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.story-card span{color:#552b5b;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .15rem 0;font:.4rem DM Mono,monospace;display:block}.story-card-cover{bottom:8%;left:6%;transform:rotate(-12deg)}.story-card-scene{top:28%;left:29%;transform:rotate(9deg)}.story-note{z-index:5;color:#40216e;background:#fffaf1;border-radius:.8rem;align-items:center;gap:.55rem;padding:.65rem .85rem .65rem .6rem;display:flex;position:absolute;top:27%;right:8%;box-shadow:0 12px 25px #21104459}.story-note>span{background:#e9f75c;border-radius:.5rem;place-items:center;width:1.6rem;height:1.6rem;display:grid}.story-note strong,.story-note small{display:block}.story-note strong{font-size:.68rem}.story-note small{color:#80689a;margin-top:.1rem;font-size:.55rem}.story-seal{z-index:4;color:#3f1b51;background:#eaf75d;border:1px dashed #553067;border-radius:50%;align-items:center;gap:.35rem;width:4.2rem;height:4.2rem;padding:.3rem;display:flex;position:absolute;bottom:6%;right:6%;transform:rotate(12deg);box-shadow:0 7px #3b124c}.story-seal span{border:1px solid #654276;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font:.65rem Instrument Serif,Georgia,serif;display:grid}.story-seal small{text-transform:uppercase;font:.34rem/.95 DM Mono,monospace}.reader-device,.story-card,.story-seal{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project:hover .reader-device{transform:rotate(3deg)translate(-.7rem,-.45rem)}.project:hover .story-card-cover{transform:rotate(-7deg)translate(.35rem,-.5rem)}.project:hover .story-card-scene{transform:rotate(13deg)translate(.4rem,-.35rem)}.project:hover .story-seal{transform:rotate(22deg)translate(-.25rem,-.4rem)}.project-copy{border-top:1px solid #3a3c3e;padding-top:.8rem}.project-copy h3{letter-spacing:-.075em;margin:1.8rem 0 1.3rem;font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:.85}.project-copy>p:not(.project-kicker){color:#b7bab1;margin:0;line-height:1.55}.project-copy ul{border-top:1px solid #3a3c3e;margin:2.2rem 0 0;padding:0;list-style:none}.project-copy li{color:#d0d3cb;border-bottom:1px solid #3a3c3e;padding:.8rem 0;font-size:.78rem}.project-copy li:before{content:"✦";color:#ccff43;margin-right:.65rem;font-size:.65rem}.capabilities{color:#10130d;background:#d4ff45;padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(5rem,10vw,9rem)}.capabilities-heading{justify-content:space-between;gap:2rem;display:flex}.capabilities .section-label{color:#4f6320}.capabilities h2{max-width:none}.capability-list{border-top:1px solid #687d2c;margin-top:clamp(4rem,8vw,7rem)}.capability{border-bottom:1px solid #687d2c;grid-template-columns:.65fr 1.2fr 1fr;gap:1rem;padding:1.6rem 0 2rem;display:grid}.capability-number{color:#536426;margin:.25rem 0 0}.capability h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,2vw,2rem)}.capability p:last-child{color:#455132;max-width:23rem;margin:0;line-height:1.5}.contact{background:radial-gradient(circle at 50% 80%,#1e2716,#0000 38%);padding-top:clamp(7rem,13vw,12rem);padding-bottom:clamp(7rem,13vw,12rem)}.contact h2{max-width:none;margin-top:2.3rem}.email-link{color:#ccff43;letter-spacing:-.04em;border-bottom:1px solid #ccff43;margin-top:4rem;padding-bottom:.5rem;font-size:clamp(1.25rem,2.5vw,2.2rem);display:inline-block}footer{border-top:1px solid #292b31;justify-content:space-between;align-items:center;min-height:7rem;display:flex}footer p{color:#777a72;margin:0;font:.65rem DM Mono,monospace}@media (width<=850px){.project{grid-template-columns:minmax(3rem,.35fr) minmax(0,1.25fr)}.project-copy{grid-column:2;max-width:32rem}.project-meta,.project-art{min-height:25rem}}@media (width<=650px){.nav{height:5rem}.nav-actions{gap:1rem}.nav-portfolio-link{display:none}.hero{min-height:46rem}.hero-bottom{flex-direction:column;align-items:start}.circle-link{width:6.2rem;height:6.2rem}.coordinates{margin-top:3rem}.thesis,.portfolio-heading{grid-template-columns:1fr;gap:2rem}.portfolio-heading>div>p{margin-top:2rem}.project{grid-template-columns:1fr;gap:1.5rem}.project-meta{flex-direction:row;align-items:center;min-height:0;padding:.8rem 0}.project-meta p:last-child{writing-mode:horizontal-tb;transform:none}.project-art{min-height:25rem}.project-copy{grid-column:auto}.capabilities-heading{display:block}.capabilities-heading h2{margin-top:2rem}.capability{grid-template-columns:2.7rem 1fr}.capability p:last-child{grid-column:2}.contact h2{font-size:clamp(2.9rem,13vw,4.2rem)}footer{min-height:6rem}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}