:root{--bg:#0b0b0b;--ink:#f5f2e9;--muted:#aaa89f;--accent:#c7ff18;--accent-ink:#0b0b0b;--line:rgba(255,255,255,.18);--pad:clamp(20px,4vw,64px);--radius:clamp(18px,2.2vw,32px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body[data-palette="blue"]{--accent:#1d7cff;--accent-ink:#fff}body[data-palette="orange"]{--accent:#ff5a1f;--accent-ink:#0b0b0b}button,a{color:inherit}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:99;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.11em}.wordmark{font-size:1.15rem;letter-spacing:-.04em;text-decoration:none}.wordmark span{font-size:.55rem;vertical-align:top;margin-left:3px}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.25s}.site-header nav a:hover:after{transform:scaleX(1)}.palette{display:flex;gap:8px}.swatch{width:17px;height:17px;border:1px solid white;border-radius:50%;padding:0;background:#c7ff18;cursor:pointer}.swatch:nth-child(2){background:#1d7cff}.swatch:nth-child(3){background:#ff5a1f}.swatch.is-active{outline:2px solid white;outline-offset:3px}.hero{min-height:calc(100vh - 78px);padding:24px var(--pad) 36px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.hero-bottom{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.15em}.hero h1{font-size:clamp(6.2rem,21.2vw,22rem);line-height:.66;letter-spacing:-.085em;margin:6vh 0 0;font-weight:900;text-align:center;position:relative;z-index:1}.hero h1 span{display:block}.hero-stack{position:absolute;inset:14% 0 auto;height:55%;z-index:3;pointer-events:none}.floating-card{position:absolute;border:0;padding:0;background:none;cursor:pointer;box-shadow:0 22px 60px rgba(0,0,0,.45);pointer-events:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.floating-card img{width:100%;height:100%;display:block;object-fit:cover}.floating-card:hover{z-index:5!important}.card-a{width:clamp(150px,20vw,330px);aspect-ratio:1.25;left:17%;top:34%;transform:rotate(-8deg)}.card-a:hover{transform:rotate(-2deg) scale(1.06)}.card-b{width:clamp(130px,17vw,280px);aspect-ratio:.82;left:42%;top:8%;transform:rotate(5deg)}.card-b:hover{transform:rotate(0) scale(1.06)}.card-c{width:clamp(150px,20vw,330px);aspect-ratio:1.25;right:15%;top:40%;transform:rotate(9deg)}.card-c:hover{transform:rotate(2deg) scale(1.06)}.hero-role{font-weight:900;font-size:clamp(2.5rem,7.2vw,7.7rem);line-height:.88;letter-spacing:-.065em;margin:5vh 0 4vh;color:#545452;position:relative;z-index:2}.hero-role em,.section-heading em,.about-copy em,.contact em{font-style:normal;color:var(--accent)}.hero-bottom{align-items:flex-end}.hero-bottom p{font-size:clamp(.8rem,1.1vw,1rem);line-height:1.4;max-width:320px;margin:0;text-transform:none;letter-spacing:0;font-weight:400}.hero-bottom a{text-decoration:none}.hero-bottom a span{font-size:1.3rem;color:var(--accent)}.ticker{background:var(--accent);color:var(--accent-ink);overflow:hidden;padding:13px 0;font-weight:900;font-size:clamp(1.1rem,2vw,2rem);white-space:nowrap;transform:rotate(-1.4deg);width:102%;margin-left:-1%}.ticker div{width:max-content;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section-pad{padding:clamp(90px,12vw,180px) var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:clamp(65px,10vw,140px)}.section-heading p,.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.section-heading h2{font-size:clamp(3rem,8vw,8.5rem);line-height:.9;letter-spacing:-.065em;margin:0}.project{min-height:82vh;border-radius:var(--radius);overflow:hidden;margin:0 0 clamp(28px,5vw,70px);display:grid;grid-template-columns:.9fr 1.6fr;color:#111;cursor:pointer;position:relative}.project-copy{padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;position:relative;z-index:2}.project-copy>p:first-of-type{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:700;margin:50px 0 0}.project-index{font-size:.7rem;font-weight:700}.project h3{font-size:clamp(4.5rem,9vw,10rem);line-height:.76;letter-spacing:-.075em;margin:auto 0 30px}.project-summary{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.45;max-width:450px}.open-label{margin-top:30px;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.project-visual{position:relative;overflow:hidden;min-height:540px}.project-visual .cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover .cover{transform:scale(1.035)}.project-blue{background:#79baff}.project-lime{background:#c7ff18}.project-pink{background:#ff72bd}.device{position:absolute;z-index:2;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35));transition:transform .65s cubic-bezier(.2,.8,.2,1)}.device-a{height:90%;right:4%;bottom:-10%;transform:rotate(6deg)}.project:hover .device-a{transform:rotate(2deg) translateY(-2%)}.device-b{height:91%;right:5%;bottom:-8%;transform:rotate(-7deg)}.project:hover .device-b{transform:rotate(-2deg) translateY(-2%)}.poster-word{position:absolute;inset:auto 4% 2% auto;color:#111;font-size:clamp(7rem,17vw,17rem);font-weight:900;line-height:.58;letter-spacing:-.1em;text-align:right;mix-blend-mode:multiply;opacity:.78}.compact{margin-bottom:60px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{aspect-ratio:1;min-height:300px;padding:clamp(22px,3vw,42px);display:flex;flex-direction:column;position:relative;color:#111;transition:transform .3s;border-radius:4px}.mini-card:hover{transform:translateY(-8px) rotate(-1deg)}.mini-card span,.mini-card p{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.mini-card h3{font-size:clamp(2.7rem,5vw,5.8rem);line-height:.77;letter-spacing:-.07em;margin:auto 0}.mini-card p{margin:0}.mini-card i{position:absolute;right:26px;top:24px;font-size:1.4rem;font-style:normal}.mini-dark{background:#242424;color:white}.mini-orange{background:#ff5a1f}.mini-white{background:#f0eee7}.mini-blue{background:#1d7cff}.mini-pink{background:#ff72bd}.mini-lime{background:#c7ff18}.provisional-note{font-size:.76rem;color:var(--muted);max-width:600px;line-height:1.5;margin:24px 0 0}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(280px,.9fr) 2fr;gap:clamp(40px,8vw,130px)}.about-photo{position:relative}.photo-frame{background:var(--accent);overflow:hidden;aspect-ratio:.78;border-radius:var(--radius)}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:grayscale(1);mix-blend-mode:multiply}.about-photo>p{font-size:.75rem;line-height:1.5;text-transform:uppercase;letter-spacing:.14em}.about-copy h2{font-size:clamp(3rem,6.8vw,7.3rem);line-height:.92;letter-spacing:-.06em;margin:40px 0 60px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;color:#cbc9c1;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.skills{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:30px 0 0;margin:35px 0 0;border-top:1px solid var(--line)}.skills li{border:1px solid var(--line);border-radius:99px;padding:10px 15px;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.contact{min-height:100vh;background:var(--accent);color:var(--accent-ink);padding:var(--pad);display:flex;flex-direction:column;justify-content:center;position:relative}.contact>p{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700}.contact h2{font-size:clamp(5rem,16vw,17rem);line-height:.72;letter-spacing:-.085em;margin:10vh 0}.contact em{-webkit-text-stroke:2px var(--accent-ink);color:transparent}.contact-mail{font-size:clamp(1.1rem,2.2vw,2.5rem);text-decoration:none;border-bottom:2px solid;padding-bottom:9px;align-self:flex-start}.contact-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.1em}.project-modal{width:min(1100px,calc(100% - 24px));max-height:calc(100vh - 24px);background:#121212;color:white;border:1px solid #444;padding:0;border-radius:22px}.project-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.modal-close{position:sticky;display:block;top:18px;margin:18px 18px 0 auto;z-index:5;background:white;color:#111;border:0;border-radius:99px;padding:10px 16px;cursor:pointer}.modal-inner{padding:10px clamp(24px,6vw,80px) 70px}.modal-meta{display:flex;gap:30px;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;color:#aaa}.modal-inner>h2{font-size:clamp(4rem,11vw,9rem);line-height:.8;letter-spacing:-.07em;margin:40px 0}.modal-inner>p{font-size:clamp(1.25rem,2.4vw,2.3rem);line-height:1.25;max-width:850px;color:var(--accent)}.modal-image{height:min(60vw,620px);overflow:hidden;margin:60px 0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-details{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.modal-details h3{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.modal-details p,.modal-details li{color:#bbb;line-height:1.6}.modal-details ul{list-style:none;padding:0}.modal-details li{padding:9px 0;border-bottom:1px solid #333}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}
@media(max-width:800px){.site-header nav{display:none}.hero{min-height:850px}.hero h1{font-size:26vw;margin-top:65px}.hero-stack{top:21%;height:45%}.card-a{left:4%;top:35%;width:42vw}.card-b{left:31%;top:7%;width:37vw}.card-c{right:3%;top:45%;width:40vw}.hero-role{font-size:14vw;margin-top:auto}.hero-bottom p{display:none}.section-heading{grid-template-columns:1fr}.project{grid-template-columns:1fr;min-height:0}.project-copy{min-height:520px}.project-visual{min-height:560px}.work-grid{grid-template-columns:1fr 1fr}.mini-card{min-height:240px}.about{grid-template-columns:1fr}.about-photo{max-width:480px}.contact h2{font-size:22vw}.contact-bottom{gap:20px}.modal-details{grid-template-columns:1fr;gap:30px}}
@media(max-width:520px){.eyebrow span:last-child{display:none}.hero{min-height:760px}.hero-bottom{justify-content:flex-end}.section-pad{padding-left:20px;padding-right:20px}.project-copy{min-height:430px}.project h3{font-size:20vw}.project-visual{min-height:420px}.device-a,.device-b{height:84%}.work-grid{grid-template-columns:1fr}.mini-card{aspect-ratio:1.15}.about-columns{grid-template-columns:1fr}.contact-mail{font-size:1rem}.contact-bottom span:first-child{display:none}.contact-bottom{justify-content:flex-end}}