:root{--paper:#f4f1e9;--white:#fbfaf6;--ink:#111711;--muted:#666a63;--line:rgba(17,23,17,.14);--orange:#f04b25;--acid:#dfff00;--blue:#c9dfff;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--orange);color:var(--ink);font-family:Manrope,Arial,sans-serif}.shell{width:min(1520px,calc(100% - 64px));margin:32px auto;background:var(--white);box-shadow:0 20px 80px rgba(18,15,10,.16);overflow:hidden}.nav{height:88px;padding:0 4.5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:rgba(251,250,246,.92);backdrop-filter:blur(14px)}a{color:inherit;text-decoration:none}.identity,.nav nav,.hire{display:flex;align-items:center}.identity{gap:11px;font-size:12px;letter-spacing:.05em}.avatar{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;overflow:hidden;background:var(--acid)}.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.3)}.nav nav{gap:32px;font:500 12px DM Mono,monospace}.nav nav a:hover{color:var(--orange)}.hire{gap:9px;border:1px solid var(--line);padding:10px 14px;border-radius:30px;font:500 11px DM Mono,monospace}.hire i{width:7px;height:7px;background:#31b44b;border-radius:50%;box-shadow:0 0 0 4px rgba(49,180,75,.12)}.grid-bg{background-image:radial-gradient(rgba(17,23,17,.12) .7px,transparent .7px);background-size:16px 16px}.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}.hero-copy{padding:105px 5vw 70px;background:linear-gradient(90deg,rgba(251,250,246,.97) 75%,rgba(251,250,246,.3))}.eyebrow,.kicker,.project-meta,.status-tag,.note,.timeline time,.timeline article>b,.contact-base{font-family:DM Mono,monospace}.eyebrow,.kicker{font-size:11px;letter-spacing:.05em}.eyebrow span{background:var(--acid);padding:7px 9px;border-radius:20px}.hero h1{font-size:clamp(55px,6.4vw,104px);line-height:.91;letter-spacing:-.065em;margin:42px 0 30px;font-weight:700}.hero h1 em,.statement h2 em{font-style:normal;color:#a7aaa4}.intro{font-size:17px;line-height:1.6;max-width:610px;color:var(--muted)}.actions{display:flex;gap:12px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 18px;border:1px solid var(--ink);border-radius:4px;font:600 12px DM Mono,monospace;transition:.25s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--ink);color:white}.button.primary span{color:var(--acid)}.portrait-stage{position:relative;overflow:hidden;min-height:650px;background:#eeeae0}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.portrait-cutout{position:absolute;left:14%;right:8%;bottom:0;height:88%;overflow:hidden;clip-path:polygon(13% 0,100% 0,90% 100%,0 100%);filter:saturate(.82) contrast(1.03)}.portrait-cutout:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -50px 70px rgba(17,23,17,.18)}.portrait-cutout img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.status-tag{position:absolute;right:8%;top:8%;background:var(--acid);padding:8px 11px;border-radius:20px;font-size:10px;z-index:2}.note{position:absolute;z-index:3;background:var(--white);border:1px solid var(--line);padding:13px;font-size:10px;line-height:1.5;box-shadow:5px 5px 0 var(--ink)}.note-one{left:6%;top:36%;transform:rotate(-3deg)}.note-two{right:4%;top:54%;transform:rotate(3deg)}.orbit{position:absolute;width:280px;height:280px;border:1px solid rgba(240,75,37,.7);border-radius:50%;right:-110px;bottom:60px;animation:spin 18s linear infinite}.orbit span{position:absolute;background:var(--orange);color:white;font:9px DM Mono;padding:5px}.orbit span:nth-child(1){left:6px;top:45%}.orbit span:nth-child(2){right:20px;top:15%}.orbit span:nth-child(3){right:0;bottom:18%}@keyframes spin{to{transform:rotate(360deg)}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metrics article{min-height:150px;padding:30px 3.5vw;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{font-size:40px;letter-spacing:-.05em}.metrics sup{color:var(--orange)}.metrics p{font:11px/1.55 DM Mono;color:var(--muted)}.statement{padding:120px 6vw;text-align:center;border-bottom:1px solid var(--line)}.statement h2,.section-head h2,.about h2,.contact h2{font-size:clamp(42px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;margin:28px 0}.statement>p:last-child{max-width:620px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.7}.work,.journey,.testimonials{padding:110px 4.5vw}.section-head{display:grid;grid-template-columns:1fr 330px;gap:30px;align-items:end;margin-bottom:70px}.section-head h2{font-size:clamp(40px,4.5vw,68px);margin-bottom:0}.section-head>p{color:var(--muted);line-height:1.7;font-size:14px}.project{display:block;margin-bottom:28px;padding:28px;border-radius:14px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.project:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(12,15,12,.15)}.project-dark{background:#0d160f;color:white}.project-paper{background:#ece8dd;border:1px solid var(--line)}.project-coral{background:#f7c4b3}.project-blue{background:var(--blue)}.project-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;opacity:.76}.project-copy{display:flex;justify-content:space-between;align-items:end;padding:45px 0 30px}.project-copy h3{font-size:clamp(50px,7vw,108px);line-height:.85;letter-spacing:-.07em;margin:0}.project-copy p{max-width:370px;font-size:14px;line-height:1.55;margin:0}.artboard{height:clamp(430px,56vw,780px);padding:clamp(18px,3vw,50px);border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:24px 24px;background-color:#dedbd1}.project-dark .artboard{background-color:#162219;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}.artboard img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.16));transition:transform .8s var(--ease)}.project:hover .artboard img{transform:scale(1.018)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-small{margin-bottom:28px}.project-small .project-meta span:nth-child(2){margin-left:auto}.project-small .project-copy{display:block;padding-top:35px}.project-small .project-copy h3{font-size:clamp(38px,4.2vw,67px)}.project-small .project-copy p{margin-top:15px}.project-small .artboard{height:500px}.project-concept{background:var(--ink);color:white;padding:30px}.concept-copy{min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background-image:radial-gradient(rgba(223,255,0,.18) 1px,transparent 1px);background-size:19px 19px;border:1px solid rgba(255,255,255,.12);margin-top:25px;padding:5vw}.concept-copy h3{font-size:clamp(60px,9vw,130px);letter-spacing:-.08em;margin:0}.concept-copy p{color:#bec3bb}.breath{justify-self:center;width:230px;height:230px;border:1px solid rgba(223,255,0,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.breath i{position:absolute;inset:18%;background:var(--acid);border-radius:50%;filter:blur(8px);animation:breathe 5s ease-in-out infinite}.breath span,.breath b{position:relative;color:var(--ink);font:10px DM Mono}.breath b{font-size:27px}@keyframes breathe{50%{transform:scale(.55);opacity:.45}}.journey{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline{display:grid;grid-template-columns:150px 1fr}.timeline-rail{position:relative;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;font:10px DM Mono;padding-right:20px}.timeline-rail i{position:absolute;width:9px;height:9px;background:var(--orange);border-radius:50%;right:-5px;top:0;box-shadow:0 0 0 8px rgba(240,75,37,.15);animation:travel 8s ease-in-out infinite alternate}@keyframes travel{to{top:calc(100% - 9px)}}.roles{padding-left:5vw}.roles article{display:grid;grid-template-columns:190px 1fr 120px;gap:25px;align-items:center;border-top:1px solid var(--line);min-height:105px}.roles article:last-child{border-bottom:1px solid var(--line)}.roles time,.roles article>b{font-size:9px}.roles h3{font-size:18px;margin:0 0 4px}.roles p{font:11px DM Mono;color:var(--muted);margin:0}.roles article>b{text-align:right;color:var(--orange)}.about{padding:110px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;border-bottom:1px solid var(--line)}.about-visual{position:relative;background:var(--acid);min-height:610px;overflow:hidden;clip-path:polygon(0 4%,95% 0,100% 95%,5% 100%)}.about-visual img{width:100%;height:100%;position:absolute;object-fit:cover;filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply}.about-visual span{position:absolute;bottom:30px;left:30px;right:30px;background:var(--ink);color:white;padding:12px;font:9px DM Mono;text-align:center}.about-copy>p:not(.kicker){font-size:16px;line-height:1.75;color:var(--muted)}.skills{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.skills span{border:1px solid var(--line);border-radius:30px;padding:9px 12px;font:10px DM Mono;background:var(--white)}.text-link{font:600 12px DM Mono;border-bottom:1px solid}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quote-grid blockquote{margin:0;background:var(--paper);border:1px solid var(--line);padding:45px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.quote-grid blockquote span{font-size:70px;color:var(--orange);height:40px}.quote-grid blockquote p{font-size:22px;line-height:1.45;letter-spacing:-.02em}.quote-grid footer{font:10px DM Mono}.contact{padding:100px 6vw 40px;text-align:center;position:relative;overflow:hidden}.contact h2{font-size:clamp(52px,8vw,120px);line-height:.9}.contact .button{margin:20px auto 110px}.contact-base{border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;font-size:9px;position:relative;z-index:2}.signature{font-size:clamp(130px,20vw,300px);font-weight:800;line-height:.7;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(240,75,37,.35);margin:80px -5vw -55px}.reveal{opacity:0;transform:translateY(26px)}.reveal.visible{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}@media(max-width:900px){.shell{width:calc(100% - 28px);margin:14px auto}.nav{padding:0 24px}.nav nav{display:none}.hire{font-size:0}.hire:after{content:'AVAILABLE';font-size:9px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.portrait-stage{min-height:600px}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.section-head{grid-template-columns:1fr}.project-copy{display:block}.project-copy p{margin-top:20px}.project-grid{grid-template-columns:1fr}.timeline{grid-template-columns:60px 1fr}.roles{padding-left:4vw}.roles article{grid-template-columns:1fr;gap:7px;padding:22px 0}.roles article>b{text-align:left}.about{grid-template-columns:1fr}.about-visual{min-height:600px}.quote-grid{grid-template-columns:1fr}}@media(max-width:600px){body{background:var(--white)}.shell{width:100%;margin:0;box-shadow:none}.nav{height:70px;padding:0 18px}.identity b{font-size:10px}.hero{min-height:auto}.hero-copy{padding:64px 22px 52px}.hero h1{font-size:50px;line-height:.94}.intro{font-size:14px}.actions{flex-direction:column}.button{width:100%}.portrait-stage{min-height:500px}.portrait-cutout{left:5%;right:2%;height:83%}.note-two{display:none}.metrics article{padding:25px 20px;min-height:130px}.metrics strong{font-size:32px}.statement,.work,.journey,.testimonials,.about{padding:76px 22px}.statement{text-align:left}.statement h2{font-size:38px}.section-head{margin-bottom:42px}.section-head h2{font-size:40px}.project{padding:16px;border-radius:9px}.project-meta span:nth-child(2){display:none}.project-copy{padding:30px 0 22px}.project-copy h3{font-size:49px}.artboard{height:310px;padding:12px}.project-small .artboard{height:340px}.concept-copy{grid-template-columns:1fr;min-height:500px;text-align:center}.breath{width:180px;height:180px}.timeline{grid-template-columns:30px 1fr}.timeline-rail span{display:none}.roles{padding-left:22px}.about-visual{min-height:470px}.quote-grid blockquote{padding:28px;min-height:270px}.quote-grid blockquote p{font-size:18px}.contact{padding:80px 22px 30px}.contact h2{font-size:50px}.contact .button{width:max-content}.contact-base{gap:18px;flex-direction:column}.signature{margin-top:60px}}