:root{--ink:#11100e;--paper:#f7f2e8;--chalk:#fffdf7;--acid:#d9ff39;--blue:#234eff;--pink:#ff5798;--red:#ff3b2f;--shadow:0 16px 50px #11100e21;--bp-tablet:900px;--bp-phone:560px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 17% 19%,#d9ff396b,#0000 19rem),radial-gradient(circle at 83% 72%,#ff579847,#0000 18rem),linear-gradient(120deg,#fffaf1 0%,#efe5d2 100%);margin:0;font-family:Impact,Haettenschweiler,Arial Black,Helvetica Neue,Arial,sans-serif;overflow-x:clip}body:before{z-index:-1;pointer-events:none;content:"";opacity:.36;background-image:linear-gradient(#11100e14 1px,#0000 1px),linear-gradient(90deg,#11100e14 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}.menu-lock{overflow:hidden}.site-header{inset:max(24px, env(safe-area-inset-top)) max(26px, env(safe-area-inset-right)) auto max(26px, env(safe-area-inset-left));z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute}.wordmark{border-bottom:4px solid var(--ink);pointer-events:auto;text-align:center;text-transform:uppercase;letter-spacing:.12em;transform-origin:50%;grid-column:2;gap:0;width:min-content;padding-bottom:4px;font-size:clamp(1rem,2.3vw,2.2rem);line-height:.78;display:grid;transform:scaleX(1.35)}.menu-control{top:max(24px, env(safe-area-inset-top));right:max(26px, env(safe-area-inset-right));border:3px solid var(--ink);cursor:pointer;background:#fffdf7c7;border-radius:50%;align-content:center;gap:5px;width:52px;height:52px;display:grid;position:fixed}.menu-control span{background:var(--ink);width:23px;height:3px;margin:0 auto;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s;display:block}.menu-toggle{z-index:50;pointer-events:auto}.menu-toggle.is-open{background:var(--chalk)}.menu-toggle.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mega-menu{--menu-fade:.38s;--menu-stagger:80ms;--menu-items:4;z-index:35;background:var(--chalk);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--menu-fade) ease calc((var(--menu-items) - 1) * var(--menu-stagger) + .14s), visibility var(--menu-fade) ease calc((var(--menu-items) - 1) * var(--menu-stagger) + .14s);grid-template-rows:repeat(4,1fr);gap:.25rem;padding:clamp(4rem,7vh,7rem) clamp(.35rem,1vw,.75rem) clamp(1rem,3vh,2rem);display:grid;position:fixed;inset:0;overflow:hidden}.mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.mega-link{width:100%;min-height:0;color:var(--ink);text-transform:uppercase;letter-spacing:0;opacity:0;transition:opacity .46s cubic-bezier(.22, 1, .36, 1) calc((var(--menu-items) - 1 - var(--item)) * var(--menu-stagger)), transform .52s cubic-bezier(.22, 1, .36, 1) calc((var(--menu-items) - 1 - var(--item)) * var(--menu-stagger)), background .12s ease 0s;align-items:stretch;padding:0;font-size:clamp(4.6rem,13vw,13.6rem);font-weight:900;line-height:.75;display:flex;transform:translate(-4.5rem)}.mega-menu.is-open .mega-link{opacity:1;transition:opacity .46s cubic-bezier(.22, 1, .36, 1) calc(var(--menu-fade) + var(--item) * var(--menu-stagger)), transform .52s cubic-bezier(.22, 1, .36, 1) calc(var(--menu-fade) + var(--item) * var(--menu-stagger)), background .12s ease 0s;transform:translate(0)}.mega-link.is-active{background:var(--pink)}.mega-menu.is-open .mega-link.is-active{cursor:pointer}.mega-link:hover{background:var(--acid)}@media (prefers-reduced-motion:reduce){.menu-control span,.mega-menu,.mega-link{transition:none}}.mega-word{grid-template-columns:repeat(var(--letters), minmax(0, 1fr));align-items:center;width:100%;height:100%;display:grid}.mega-letter{justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.mega-letter-glyph{transform-origin:50%;line-height:inherit;display:inline-block}.category-rail{z-index:12;gap:.55rem;display:grid;position:fixed;top:48vh;left:clamp(.9rem,2vw,1.7rem);transform:translateY(-50%)}.category-dot{border:2px solid var(--ink);background:var(--chalk);border-radius:50%;align-items:center;width:16px;height:16px;display:flex;position:relative;box-shadow:0 0 0 3px #fffdf7b3}.dot-number{font-size:.54rem;line-height:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dot-label{border:2px solid var(--ink);background:var(--acid);text-transform:uppercase;letter-spacing:.05em;opacity:0;pointer-events:none;width:max-content;padding:.14rem .45rem;font-size:clamp(.78rem,1.4vw,1.15rem);transition:opacity .18s,transform .18s;position:absolute;left:1.5rem;transform:translate(-.5rem)rotate(-2deg)}.category-dot:hover .dot-label,.category-dot:focus-visible .dot-label{opacity:1;transform:translate(0)rotate(-3deg)}.home-page{min-height:100vh}.home-hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 2rem;display:flex}.home-cta{z-index:1;justify-content:center;margin-top:-6rem;padding:0 2rem 2rem;display:flex;position:relative}.enter-portfolio-btn{border:4px solid var(--ink);background:var(--acid);text-transform:uppercase;letter-spacing:.14em;transform-origin:50%;box-shadow:6px 7px 0 var(--ink);border-radius:2px 18px 4px 14px;justify-content:center;align-items:center;padding:.9rem 2rem .75rem 1.85rem;font-size:clamp(1rem,2.2vw,1.45rem);line-height:1;transition:background .22s,transform .32s cubic-bezier(.22,1,.36,1),box-shadow .22s;display:inline-flex;transform:rotate(-4deg)}.enter-portfolio-btn:hover{background:var(--pink);box-shadow:8px 9px 0 var(--ink);transform:rotate(2.5deg)translateY(-3px)}.enter-portfolio-btn:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.animated-mark{aspect-ratio:1.45;width:min(58vw,720px);max-width:100%}.animated-mark svg{fill:none;width:100%;height:100%;stroke:var(--ink);stroke-linecap:round;stroke-width:8px;overflow:visible}.animated-mark circle{fill:var(--chalk);stroke-width:6px}.ghost-lines{opacity:.18}.line{stroke-dasharray:1500;stroke-dashoffset:1500px;animation:5.8s ease-in-out infinite draw-line}.line.two{animation-delay:.28s}.line.three{animation-delay:.55s}.line.four{animation-delay:.82s}.line.five{animation-delay:1.1s}.line.six{animation-delay:1.38s}@keyframes draw-line{0%,10%{stroke-dashoffset:1500px}44%,72%{stroke-dashoffset:0}to{stroke-dashoffset:-1500px}}.placeholder-frame{border:5px solid var(--ink);background:var(--paper);min-height:clamp(18rem,44vw,38rem);box-shadow:var(--shadow);place-items:center;display:grid;position:relative;overflow:hidden;transform:rotate(-1deg)}.placeholder-frame.ink{background:var(--ink);color:var(--chalk)}.placeholder-frame.white{background:var(--chalk)}.placeholder-frame span{z-index:1;text-align:center;text-transform:uppercase;letter-spacing:.08em;max-width:70%;font-size:clamp(1.15rem,3vw,3rem);line-height:.9}.placeholder-frame i{opacity:.2;border:4px solid;border-radius:48% 52% 39% 61%;display:block;position:absolute}.placeholder-frame i:nth-child(2){width:34%;height:42%;top:17%;left:8%;transform:rotate(22deg)}.placeholder-frame i:nth-child(3){width:46%;height:30%;bottom:13%;right:9%;transform:rotate(-11deg)}.placeholder-frame i:nth-child(4){width:22%;height:56%;top:12%;right:30%;transform:rotate(9deg)}.portfolio-page{min-height:100vh;padding:10rem clamp(1.4rem,5vw,5.5rem) 5rem clamp(4.5rem,8vw,8rem);container-type:inline-size}.page-title{text-transform:uppercase;letter-spacing:0;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:manual;hyphens:manual;max-width:100%;margin:0 0 3rem;font-size:min(14.2rem,max(2.5rem,17.8571cqi));line-height:.85}.portfolio-grid{gap:clamp(3rem,8vw,8rem);display:grid}.work-card{grid-template-columns:minmax(2.8rem,.18fr) minmax(16rem,1.2fr) minmax(14rem,.75fr);align-items:center;gap:clamp(1.2rem,4vw,4rem);min-height:74vh;scroll-margin-top:8rem;display:grid;container-type:inline-size}.work-card:nth-child(2n){grid-template-columns:minmax(2.8rem,.18fr) minmax(14rem,.75fr) minmax(16rem,1.2fr)}.work-card:nth-child(2n) .placeholder-frame{order:3}.work-index{writing-mode:vertical-rl;text-orientation:mixed;margin:0;font-size:clamp(3rem,9vw,8rem);line-height:.8}.work-card h2{text-transform:uppercase;overflow-wrap:normal;word-break:keep-all;max-width:100%;margin:0 0 1rem;font-size:min(5rem,max(1.75rem,26.3158cqi));line-height:.85}.work-card p:not(.work-index){margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.45}.about-page,.contact-page{min-height:100vh;padding:7rem clamp(1.3rem,5vw,5rem) 4rem;container-type:inline-size}.about-page{grid-template-columns:minmax(4rem,.22fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,4rem);display:grid}.vertical-title,.contact-vertical{text-transform:uppercase;justify-items:center;gap:.04em;line-height:.78;display:grid}.vertical-title{font-size:clamp(3.5rem,9vw,8.5rem)}.about-stage{grid-template-columns:minmax(18rem,.78fr) minmax(18rem,.9fr);align-items:center;gap:clamp(1.6rem,5vw,5rem);display:grid}.about-text{max-width:42rem}.about-text h1,.contact-center h1{text-transform:uppercase;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:manual;hyphens:manual;max-width:100%;margin:0 0 1rem;font-size:min(7.6rem,max(2rem,23.8095cqi));line-height:.85}.about-text p{font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.48}.contact-page{place-items:center;display:grid;position:relative;overflow:hidden}.contact-center{text-align:center;gap:1rem;display:grid}.contact-center a{letter-spacing:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1.25rem,3.4vw,3rem);font-weight:900;display:block}.contact-center a:hover{text-decoration:underline;text-decoration-thickness:.16em}.contact-vertical{--contact-vertical-height:calc(100dvh - 11rem);font-size:calc(var(--contact-vertical-height) / 5.58);align-content:center;gap:.02em;position:absolute;top:7rem;bottom:4rem;right:clamp(.2rem,2.2vw,1.5rem)}@media (max-width:900px){.site-header{inset:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) auto max(16px, env(safe-area-inset-left))}.menu-control{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right))}.mega-link{font-size:clamp(3.2rem,11vw,7.8rem)}.work-card,.work-card:nth-child(2n),.about-stage{grid-template-columns:1fr}.work-card{min-height:auto;scroll-margin-top:6rem}.work-index{writing-mode:horizontal-tb;text-orientation:initial;margin-bottom:.5rem;font-size:clamp(2rem,8vw,4rem)}.work-card:nth-child(2n) .placeholder-frame{order:initial}.portfolio-page{padding-left:3.8rem}.about-page{grid-template-columns:1fr;padding-top:9rem}.about-stage .placeholder-frame{min-height:clamp(14rem,50vw,28rem)}.vertical-title{justify-content:center;gap:.15em;font-size:clamp(3.2rem,18vw,7rem);display:flex}.category-rail{left:max(.8rem, env(safe-area-inset-left))}.category-dot{width:44px;height:44px}.page-title{font-size:min(7.8rem,max(2.25rem,17.8571cqi))}}@media (max-width:560px){.wordmark{font-size:.95rem}.menu-control{width:46px;height:46px}.menu-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.home-hero{padding-inline:1rem}.home-cta{margin-top:-3rem}.animated-mark{width:78vw}.category-rail{display:none}.portfolio-page,.about-page,.contact-page{padding-left:clamp(1rem,4vw,1.4rem);padding-right:1rem}.page-title{font-size:min(5.5rem,max(2rem,17.2414cqi))}.about-text h1,.contact-center h1{font-size:min(4.5rem,max(1.85rem,22.2222cqi))}.work-card h2{font-size:min(3.5rem,max(1.65rem,27.7778cqi))}.contact-vertical{display:none}.contact-center{width:min(100%,22rem)}.contact-center a{overflow-wrap:anywhere}}