:root {
    --bg: #111111;
    --canvas: #d4d4d2;
    --paper: #f4f3ee;
    --ink: #111111;
    --muted: #686862;
    --line: rgba(17, 17, 17, 0.16);
    --dark-line: rgba(244, 243, 238, 0.14);
    --accent: #ff493f;
    --white: #f7f7f4;
    --pixel: 'Pixelify Sans', sans-serif;
    --body: 'Inter', sans-serif;
    --mono: 'Space Mono', monospace;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --gutter: clamp(20px, 5vw, 72px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--white)}
.skip-link{position:fixed;left:16px;top:-100px;z-index:999;padding:10px 14px;background:var(--accent);color:var(--white);font-family:var(--mono);font-size:11px}.skip-link:focus{top:16px}
.site-nav{position:fixed;z-index:100;top:0;left:0;width:100%;height:74px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:var(--ink);opacity:0;transform:translateY(-100%);pointer-events:none;transition:transform .45s var(--ease),opacity .35s ease,background .4s var(--ease),color .4s var(--ease)}.site-nav.scrolled{opacity:1;transform:translateY(0);pointer-events:auto;background:rgba(17,17,17,.9);color:var(--white);border-bottom:1px solid var(--dark-line);backdrop-filter:blur(14px)}
.brand{font-family:var(--pixel);font-size:19px;font-weight:700;letter-spacing:-.04em}.brand span{font-family:var(--body);font-size:9px;margin-left:2px}.nav-links{display:flex;gap:28px;font-family:var(--mono);font-size:10px;text-transform:uppercase}.nav-links a,.mobile-menu a{transition:color .25s ease}.nav-links a:hover,.mobile-menu a:hover{color:var(--accent)}.menu-toggle{display:none;border:0;background:transparent;color:inherit;font-family:var(--mono);font-size:10px;cursor:pointer}.mobile-menu{display:none}
.hero{min-height:100vh;padding:0;background:var(--canvas)}.hero-canvas{position:relative;min-height:100vh;overflow:hidden;background:var(--canvas);border:0;width:100vw;margin:0}.hero-canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.hero-corner{position:absolute;z-index:4;top:28px;display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:8px;line-height:1.4;letter-spacing:.04em}.hero-corner-left{left:30px}.hero-corner-right{right:30px;text-align:right;color:var(--muted)}.asterisk{font-size:13px;line-height:1}
.hero-center{position:absolute;z-index:2;top:50%;left:50%;width:min(920px,80%);transform:translate(-50%,-50%);text-align:center}.hero-kicker{margin-bottom:20px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted)}.hero h1{font-family:var(--pixel);font-size:clamp(56px,7.2vw,104px);font-weight:600;line-height:.84;letter-spacing:-.065em}.hero h1>span{display:block}.hero h1 .dot{color:var(--accent)}.hero-intro{max-width:500px;margin:30px auto 22px;font-family:var(--body);font-size:15px;line-height:1.5}.hero-cta{display:inline-flex;align-items:center;gap:9px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.08em;transition:color .25s ease,border-color .25s ease,gap .3s var(--ease)}.hero-cta:hover{color:var(--accent);border-color:var(--accent);gap:14px}
.hero-card{position:absolute;z-index:5;left:50%;top:51%;width:280px;min-height:238px;padding:18px 19px;transform:translate(-50%,-50%) rotate(-2deg);background:rgba(255,73,63,.7);color:var(--white);box-shadow:18px 24px 50px rgba(0,0,0,.15);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:none}.hero-card:hover{transform:translate(-50%,-50%) scale(1.025)}.hero-card-top,.hero-card-footer{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:7px;letter-spacing:.08em}.hero-card-top{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3)}.hero-emoji{margin-top:23px;font-size:36px;line-height:1}.hero-card p{width:205px;margin-top:15px;font-size:11px;line-height:1.35}.card-line{display:block;width:100%;height:1px;margin-top:23px;background:rgba(255,255,255,.3)}.hero-card-footer{margin-top:11px}.hero-bottom{position:absolute;z-index:4;left:30px;right:30px;bottom:26px;display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:7px;letter-spacing:.08em}.hero-rule{flex:1;height:1px;background:rgba(17,17,17,.2)}.scroll-cue{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 0;color:#666;font-family:var(--mono);font-size:8px;letter-spacing:.08em}
.section-dark,.section-light{padding:clamp(90px,11vw,160px) var(--gutter)}.section-dark{background:var(--bg);color:var(--white)}.section-light{background:var(--paper);color:var(--ink)}
.section-label{margin-bottom:50px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--muted)}.section-dark .section-label{color:#777770}
.about-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(50px,10vw,150px);align-items:end}.display-copy{max-width:900px;font-family:var(--body);font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:-.055em}.display-copy em,.section-heading-row em,.process-heading em,.contact h2 em{color:#777770;font-style:normal}.body-copy{max-width:590px;margin-top:36px;color:#a2a29c;font-size:14px;line-height:1.8}.portrait-panel{justify-self:end;width:min(100%,340px)}.portrait-frame{overflow:hidden;aspect-ratio:1/1;background:#202020;border:1px solid #2e2e2e}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .8s var(--ease),filter .5s ease}.portrait-frame:hover img{transform:scale(1.03);filter:grayscale(0)}.portrait-caption{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--mono);font-size:7px;color:#777770}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:75px}.about-tags span{padding:9px 11px;border:1px solid #343430;border-radius:999px;font-family:var(--mono);font-size:8px;color:#999991}
.section-heading-row{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:70px}.section-heading-row h2,.process-heading h2{font-family:var(--body);font-size:clamp(42px,5.6vw,82px);line-height:.9;letter-spacing:-.06em;font-weight:600}.section-heading-row p{max-width:300px;justify-self:end;font-size:12px;line-height:1.6;color:var(--muted)}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:76px 28px}.project-card{display:block;cursor:pointer}.project-visual{position:relative;aspect-ratio:16/10;overflow:hidden;margin-bottom:17px;transition:transform .55s var(--ease)}.project-card:hover .project-visual{transform:translateY(-5px)}.project-meta{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:8px;color:#777770;letter-spacing:.05em}.project-card h3{margin-top:10px;font-family:var(--body);font-size:clamp(22px,2.2vw,31px);line-height:1;letter-spacing:-.045em}.project-card h3 span{display:inline-block;margin-left:5px;font-family:var(--body);font-size:15px;transition:transform .3s var(--ease)}.project-card:hover h3 span{transform:translate(5px,-4px)}.project-card p{max-width:500px;margin-top:9px;color:#696962;font-size:11px;line-height:1.6}
.visual-campaign{background:#171717;color:var(--white)}.visual-label{position:absolute;top:16px;left:18px;font-family:var(--body);font-size:46px;color:#f4f3ee}.visual-node{position:absolute;padding:11px 14px;border:1px solid #555;font-family:var(--mono);font-size:8px;background:#202020}.node-a{left:12%;top:48%}.node-b{left:44%;top:28%;background:var(--accent);border-color:var(--accent)}.node-c{right:10%;bottom:17%}.visual-connection{position:absolute;left:22%;top:50%;width:53%;height:1px;background:#777;transform:rotate(-13deg);transform-origin:left center}
.visual-system{background:#e7e7e3;border:1px solid #c8c8c2}.system-word{position:absolute;left:8%;top:40%;font-family:var(--body);font-size:clamp(30px,4vw,58px)}.system-word.right{right:7%;left:auto;top:58%}.system-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:var(--accent)}.system-grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:55px 55px}
.visual-teacher{display:grid;place-items:center;background:#c9d8cc}.ui-window{width:72%;padding:18px;background:#f3f3ef;box-shadow:18px 18px 0 rgba(17,17,17,.08)}.ui-bar{width:28%;height:4px;margin-bottom:24px;background:#111}.ui-title{margin-bottom:12px;font-family:var(--mono);font-size:7px;color:#777}.ui-row{display:grid;grid-template-columns:55px 1fr 24px;align-items:center;padding:12px 0;border-top:1px solid #d6d6d0;font-size:9px}.ui-row i{font-family:var(--mono);font-size:7px;font-style:normal;text-align:right}
.visual-admissions{background:#e7e0d3}.admit-number{position:absolute;left:8%;top:10%;font-family:var(--body);font-size:96px;line-height:1;color:#2a2824}.admit-card{position:absolute;left:29%;top:29%;width:42%;padding:18px;background:#fbfaf6;box-shadow:16px 16px 0 rgba(17,17,17,.07)}.admit-card.offset{left:43%;top:49%;transform:rotate(3deg)}.admit-card span,.admit-card small{display:block;font-family:var(--mono);font-size:6px;color:#777}.admit-card strong{display:block;margin:16px 0 13px;font-family:var(--body);font-size:26px}
.visual-type{background:#111;color:#f4f3ee}.type-a{position:absolute;left:8%;top:12%;font-family:var(--body);font-size:96px}.type-b{position:absolute;right:8%;top:20%;font-family:var(--mono);font-size:12px;color:var(--accent)}.type-c,.type-d,.type-e{position:absolute;font-family:var(--body);font-size:40px;color:#555}.type-c{left:13%;bottom:12%}.type-d{left:49%;bottom:12%;color:#777}.type-e{right:12%;bottom:12%;color:#aaa}
.visual-revenue{background:#d8d8d2}.revenue-value{position:absolute;left:8%;top:10%;font-family:var(--body);font-size:78px}.revenue-line{position:absolute;left:28%;right:9%;top:46%;height:2px;background:#111;transform:rotate(-6deg)}.revenue-bars{position:absolute;left:28%;right:9%;bottom:14%;height:30%;display:flex;align-items:end;gap:10px}.revenue-bars i{display:block;flex:1;background:#111}.revenue-bars i:nth-child(1){height:35%}.revenue-bars i:nth-child(2){height:54%}.revenue-bars i:nth-child(3){height:45%}.revenue-bars i:nth-child(4){height:72%;background:var(--accent)}.revenue-bars i:nth-child(5){height:90%}.visual-revenue>span:last-child{position:absolute;right:9%;top:12%;font-family:var(--mono);font-size:7px}
.process-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.process-heading p{max-width:330px;color:#999991;font-size:13px;line-height:1.7}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}.process-grid article{min-height:250px;padding:25px;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}.process-grid article:nth-child(2){margin-top:55px}.process-grid article:nth-child(3){margin-top:110px}.process-grid span{font-family:var(--mono);font-size:9px;color:#777770}.process-grid h3{margin-top:65px;font-family:var(--body);font-size:30px;letter-spacing:-.04em}.process-grid p{max-width:260px;margin-top:10px;color:#999991;font-size:11px;line-height:1.6}
.experience-list{border-top:1px solid #c8c7c0}.experience-row{display:grid;grid-template-columns:.7fr 1fr 1.35fr .55fr;gap:25px;align-items:center;padding:22px 0;border-bottom:1px solid #c8c7c0;font-size:12px}.experience-row .year,.experience-row span:last-child{font-family:var(--mono);font-size:8px;color:#777770}.experience-row strong{font-family:var(--body);font-size:24px;font-weight:600}.experience-row span:nth-child(3){color:#666660}.experience-row span:last-child{text-align:right}
.contact{min-height:78vh}.contact-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-kicker{font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:#777770}.contact h2{margin-top:24px;font-family:var(--body);font-size:clamp(58px,10vw,145px);line-height:.82;letter-spacing:-.07em}.contact-links{display:flex;gap:25px;margin-top:55px}.contact-links a{padding-bottom:7px;border-bottom:1px solid #555;font-family:var(--mono);font-size:9px;letter-spacing:.08em;transition:color .25s ease,border-color .25s ease}.contact-links a:hover{color:var(--accent);border-color:var(--accent)}.site-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:80px;font-family:var(--mono);font-size:7px;color:#777770}
@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:block}.site-nav{height:64px;padding:0 20px}.hero-canvas{min-height:100vh}.hero-center{width:min(700px,88%)}.about-layout,.section-heading-row,.process-heading{grid-template-columns:1fr}.portrait-panel{justify-self:start;margin-top:50px}.section-heading-row p{justify-self:start}.process-grid{grid-template-columns:1fr;margin-top:60px}.process-grid article:nth-child(2),.process-grid article:nth-child(3){margin-top:0}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-row{grid-template-columns:.7fr 1fr 1.2fr .5fr}}
@media(max-width:700px){.site-nav{height:60px}.hero-canvas{min-height:100vh}.hero-corner-left{left:20px}.hero-corner-right{right:20px}.hero-bottom{left:20px;right:20px;bottom:20px}.hero-center{width:88%}.hero h1{font-size:clamp(50px,15vw,78px)}.hero-card{width:240px;min-height:215px}.section-dark,.section-light{padding:90px 20px}.projects-grid{grid-template-columns:1fr;gap:55px}.experience-row{grid-template-columns:1fr 1fr;gap:8px}.experience-row span:nth-child(3){grid-column:1/-1}.experience-row span:last-child{text-align:left}.contact h2{font-size:clamp(42px,14vw,72px);max-width:100%;overflow-wrap:break-word}.contact-links{flex-wrap:wrap;justify-content:center}.site-footer{gap:20px;flex-wrap:wrap}}