:root{--ink:#151515;--cream:#f6f4ef;--line:#d9d6cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:100vh}.portfolio{padding:5.5vw 4vw 7vw}.intro{max-width:690px;margin:0 0 8vw}.intro>p:first-child,.nav-label,.credit,.project span{font:500 10px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.intro h1{margin:16px 0 23px;font-size:clamp(45px,6vw,92px);line-height:.93;letter-spacing:-.075em;font-weight:600}.intro-copy{max-width:300px;margin:0;color:#5e5e59;font-size:14px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:14px;align-items:start}.project{position:relative;display:flex;min-height:0;aspect-ratio:1;color:#fff;text-decoration:none;overflow:hidden;padding:16px;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .25s ease}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(0,0,0,.28));z-index:-1}.project:hover{transform:scale(.98)}.project strong{max-width:150px;font-size:clamp(15px,1.45vw,21px);line-height:1.05;letter-spacing:-.05em}.project small{font:500 10px 'DM Mono',monospace;text-transform:uppercase}.project.tall{aspect-ratio:3/4}.project.wide{grid-column:span 2;aspect-ratio:2/1}.cover-one{background:radial-gradient(circle at 45% 40%,#f6d0bf 0 10%,#be281d 11% 31%,#241b19 32% 100%)}.cover-two{background:linear-gradient(170deg,#d4e8fb 0 40%,#1129b9 41% 56%,#ee2818 57%)}.cover-three{background:radial-gradient(circle at 50% 51%,#f5df7f 0 17%,#2e280e 18% 36%,#7a5f2a 37% 100%)}.cover-four{background:linear-gradient(125deg,#1f220d 0 40%,#d9e86b 40% 53%,#123f2c 53%)}.cover-five{background:repeating-linear-gradient(30deg,#df823b 0 18px,#54293c 18px 36px,#222263 36px 54px)}.cover-six{background:radial-gradient(ellipse at 50% 20%,#e2e8ef 0 9%,#2d2d33 10% 33%,#050505 34%)}.cover-seven{background:linear-gradient(150deg,#f7f0e2 0 38%,#c61f43 38% 61%,#271c55 61%)}.cover-eight{background:linear-gradient(50deg,#1d4755,#77c1a0 38%,#f6ba46 39% 61%,#b1393f 62%)}.sidebar{position:sticky;top:0;height:100vh;border-left:1px solid var(--line);padding:28px 28px 22px;display:flex;flex-direction:column;background:var(--cream)}.monogram{display:grid;place-items:center;width:68px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-.08em;text-decoration:none}.sidebar nav{margin-top:68px}.sidebar nav div{margin-bottom:29px}.nav-label{margin:0 0 8px;font-weight:700}.sidebar nav a{display:block;width:max-content;max-width:100%;margin:7px 0;color:var(--ink);font-size:12px;text-decoration:none}.sidebar nav a:hover{text-decoration:underline}.about{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;font-size:12px;line-height:1.55}.about p:first-child{margin:0 0 7px;font-weight:700}.about p:last-child{margin:0;color:#5e5e59}.credit{margin:20px 0 0;color:#73736d}.mobile-header{display:none}@media(max-width:760px){.layout{display:block}.portfolio{padding:20px 18px 56px}.sidebar{position:static;height:auto;border-left:0;border-top:1px solid var(--line);padding:26px 18px}.sidebar .monogram{display:none}.sidebar nav{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar nav div{margin-bottom:0}.sidebar nav div:last-child{grid-column:span 2}.about{margin-top:35px}.mobile-header{display:flex;justify-content:space-between;font:500 10px 'DM Mono',monospace;letter-spacing:.06em}.mobile-header a{color:var(--ink);text-decoration:none}.intro{margin:76px 0 62px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project{padding:11px}.project.wide{grid-column:span 2}.project strong{font-size:15px}.project small{font-size:8px}}