@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap');

:root{--paper:#252522;--surface:#2d2d29;--ink:#f1ede4;--muted:#aaa59c;--line:#4b4943;--accent:#c56a4f;--cream:#383731;--dark:#171716}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:15px;top:15px;background:var(--ink);color:#fff;padding:10px 14px;z-index:20}
.topbar{border-bottom:1px solid var(--line);background:rgba(37,37,34,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.topbar-inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{font-family:"Space Grotesk";font-size:1.05rem;font-weight:600;letter-spacing:-.08em}.logo span{color:var(--accent);padding-left:3px}
nav{display:flex;gap:30px;font:500 .72rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em}nav a:hover{color:var(--accent)}.location{text-align:right;font:400 .65rem "DM Mono",monospace;text-transform:uppercase;color:var(--muted)}
.intro{padding:clamp(75px,11vw,150px) 0 95px;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.eyebrow,.section-marker,.type,.label{font:500 .68rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em}
.eyebrow{color:var(--accent);margin:0 0 28px}.intro h1{font:600 clamp(4.2rem,10vw,9.4rem)/.82 "Space Grotesk",sans-serif;letter-spacing:-.095em;margin:0}.intro h1 span{font-weight:500;color:var(--accent)}
.intro-side{max-width:440px}.big-copy{font-size:1.25rem;line-height:1.3;margin:0 0 35px}.intro-rule{border-top:2px solid var(--ink);margin-bottom:18px}.micro{font:.72rem/1.55 "DM Mono",monospace;color:var(--muted);max-width:380px}
.work{padding:85px 0 105px}.section-marker{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:11px 0 35px;margin-bottom:25px}.project-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-card{position:relative;background:var(--surface);border:1px solid var(--line);display:grid;overflow:hidden}.card-one{grid-column:1/-1;grid-template-columns:1.15fr .85fr}.number{position:absolute;top:17px;left:18px;font:500 .7rem "DM Mono",monospace;z-index:2}
.art{position:relative;min-height:390px;overflow:hidden}.card-one .art{min-height:500px}.art-identity{background:#24231f;color:#f1ede4;display:grid;place-items:center}.monogram{font:500 14rem/.7 "Space Grotesk";letter-spacing:-.13em;transform:translateX(-8px)}.orbit{position:absolute;border:1px solid #817b70;border-radius:50%;width:330px;height:330px}.orbit-a{transform:rotate(24deg) scaleX(.34)}.orbit-b{transform:rotate(-27deg) scaleX(.34)}.caption{position:absolute;right:20px;bottom:18px;font:500 .63rem/1.3 "DM Mono";letter-spacing:.08em;text-align:right;color:#bcb6ac}
.art-campaign{background:var(--accent);color:#f7efe7}.campaign-type{font:600 clamp(3rem,6vw,5.8rem)/.82 "Space Grotesk";letter-spacing:-.09em;transform:rotate(-8deg);margin-left:8%}.slash{position:absolute;width:150%;height:2px;background:#e7c4b8;transform:rotate(-28deg);top:45%;left:-20%}.small-block{position:absolute;right:17px;bottom:17px;border:1px solid #f0d2c7;padding:8px;font:500 .58rem/1.3 "DM Mono"}
.art-digital{background:#3a3934;display:grid;place-items:center}.ui-panel{width:58%;background:#e9e4da;border:1px solid #8d8981;padding:18px;transform:rotate(-2deg);box-shadow:18px 20px 0 rgba(21,21,20,.12)}.ui-label{font:500 .52rem "DM Mono";color:#77736c;margin-bottom:25px}.ui-head{height:27px;width:75%;background:var(--ink);margin-bottom:25px}.ui-grid{display:grid;grid-template-columns:2fr 1fr;gap:8px}.ui-grid i{height:58px;background:#77736b}.ui-grid i:first-child{background:var(--accent)}.ui-line{height:7px;background:#67635c;margin-top:17px;width:90%}.ui-line.short{width:55%;margin-top:7px}.cursor{position:absolute;right:17%;top:18%;font:500 3rem "DM Mono"}
.project-meta{padding:30px}.project-meta .type{color:var(--accent);margin:0 0 13px}.project-meta h2{font:600 clamp(1.65rem,3vw,2.65rem)/.98 "Space Grotesk";letter-spacing:-.055em;margin:0 0 16px}.project-meta p:not(.type){color:var(--muted);max-width:560px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tags span{border:1px solid var(--line);padding:5px 8px;font:500 .58rem "DM Mono";text-transform:uppercase}
.content-gap{display:grid;grid-template-columns:auto 1fr;gap:20px;margin-top:22px;padding:16px 18px;background:var(--cream);font-size:.82rem}.content-gap strong{font:500 .65rem "DM Mono";text-transform:uppercase;color:var(--accent)}.content-gap span{color:var(--ink)}
.method{background:var(--dark);color:#f2eee6;padding:90px 0 105px}.method .section-marker{border-color:#66615a}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.method-heading h2{font:500 clamp(2.6rem,5.2vw,5.5rem)/.9 "Space Grotesk";letter-spacing:-.075em;margin:20px 0}.method-list{border-top:1px solid #66615a}.method-item{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid #66615a}.method-item>span{font:500 .65rem "DM Mono";color:#a7a096}.method-item h3{font:500 1.25rem "Space Grotesk";margin:0}.method-item p{color:#c0bbb2;margin:5px 0 0}
.capabilities{padding:80px 0 95px;background:#292925.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.capability-strip>div{padding:25px;border-right:1px solid var(--line)}.capability-strip>div:last-child{border:0}.capability-strip span{font:600 1.25rem "Space Grotesk"}.capability-strip p{font-size:.85rem;color:var(--muted);margin-bottom:0}
.experience{background:#302f2b;padding:85px 0 105px}.experience-list{border-top:1px solid #a9a49b}.experience-list article{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid #a9a49b}.year{font:500 .68rem "DM Mono";color:var(--accent)}.experience h2{font:600 clamp(1.6rem,3vw,2.7rem)/1 "Space Grotesk";letter-spacing:-.06em;margin:0}.company{font:500 .72rem "DM Mono";text-transform:uppercase;margin:7px 0 18px}.experience-list article>div:last-child>p:last-child{max-width:820px;color:#5e5a53;margin-bottom:0}
.credentials{padding:80px 0;background:#20201e.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.label{color:var(--accent)}.credentials h2{font:600 clamp(1.8rem,3vw,3rem)/1 "Space Grotesk";letter-spacing:-.06em;margin:14px 0 7px}.credentials p,.credentials li{color:var(--muted);font-size:.9rem}.credentials ul{padding-left:18px;margin-top:15px}
.contact{background:var(--accent);color:#fff5ed;padding:75px 0 100px}.contact .section-marker{border-color:#dfad9c}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.contact h2{font:600 clamp(3.2rem,8vw,8.3rem)/.83 "Space Grotesk";letter-spacing:-.095em;margin:15px 0}.contact h2 em{font-weight:500;color:#2a211d}.contact-details{display:grid;gap:8px;font-size:.9rem}.contact-details strong{font:500 1.2rem "Space Grotesk"}.contact-details a{width:max-content;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}.contact-details span{margin-top:8px;font:500 .65rem "DM Mono";text-transform:uppercase}
footer{background:var(--dark);color:#9f9990;padding:20px 0;font:500 .6rem "DM Mono";text-transform:uppercase;letter-spacing:.06em}footer .wrap{display:flex;justify-content:space-between}
@media(max-width:850px){.topbar-inner{grid-template-columns:1fr auto}.location{display:none}.intro-grid,.method-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.project-board{grid-template-columns:1fr}.card-one{grid-column:auto;grid-template-columns:1fr}.card-one .art{min-height:350px}.capability-strip{grid-template-columns:1fr 1fr}.capability-strip>div:nth-child(2){border-right:0}.capability-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.experience-list article{grid-template-columns:1fr;gap:8px}.credential-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}nav{gap:12px;font-size:.58rem}.intro{padding:70px 0 75px}.intro h1{font-size:clamp(3.6rem,18vw,5.5rem)}.big-copy{font-size:1.05rem}.project-card,.card-one{display:block}.art,.card-one .art{min-height:290px}.monogram{font-size:9rem}.project-meta{padding:23px}.project-meta h2{font-size:1.75rem}.capability-strip{grid-template-columns:1fr}.capability-strip>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.capability-strip>div:last-child{border-bottom:0!important}.content-gap{grid-template-columns:1fr;gap:7px}.method-item{grid-template-columns:45px 1fr}.contact h2{font-size:clamp(3.2rem,17vw,5.5rem)}footer .wrap{display:grid;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-details .resume-link{margin-top:10px;font:500 .68rem "DM Mono";text-transform:uppercase;letter-spacing:.04em}

/* Palette revision: darker studio-art-direction treatment */