:root{--blue:#2e64b7;--ink:#101114;--muted:#6f7480;--paper:#f7f7f2;--soft:#eaf0f8;--line:#d9dde5;--green:#6c7f42;--sand:#d8d1c4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}img{max-width:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(#101114 0.6px,transparent .6px);background-size:18px 18px;z-index:50}.nav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(247,247,242,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,17,20,.08)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.brand span{width:38px;height:38px;background:var(--blue);color:white;display:grid;place-items:center;font-weight:800}.brand strong{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.nav nav{display:flex;gap:22px}.nav a{color:var(--ink);text-decoration:none;font-size:.84rem}.magazine-panel{margin:28px auto 0;width:min(1440px,94vw);border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#fff 58%,var(--soft) 100%)}.hero{min-height:calc(100svh - 95px);display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch}.hero-copy{padding:clamp(36px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem}.hero h1,.section-heading h2,.reader-top h2,.contact h2,.profile h2{font-family:'Playfair Display',serif;line-height:.95;margin:14px 0;font-weight:700}.hero h1{font-size:clamp(3rem,8.5vw,8.5rem);letter-spacing:-.06em}.lead{font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.65;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{padding:14px 19px;border:1px solid var(--ink);text-decoration:none;color:var(--ink);font-weight:700}.primary{background:var(--ink);color:white}.ghost{background:rgba(255,255,255,.65)}.hero-visual{position:relative;min-height:620px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(1.03) contrast(1.03)}.floating-card{position:absolute;right:24px;bottom:24px;background:rgba(255,255,255,.9);padding:20px 24px;min-width:230px;border-left:6px solid var(--blue);box-shadow:0 22px 70px rgba(0,0,0,.14)}.floating-card span,.floating-card small{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.floating-card strong{display:block;font-family:'Playfair Display',serif;font-size:2rem;margin:5px 0}.intro-grid{width:min(1240px,90vw);margin:80px auto;display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:18px}.stat,.profile,.skills{background:white;border:1px solid var(--line);padding:34px}.stat span{font-family:'Playfair Display',serif;font-size:6rem;color:var(--blue);line-height:.8}.profile p,.skills p{line-height:1.75;color:var(--muted)}.skills b{color:var(--ink);display:block;margin-bottom:4px}.section-heading{width:min(1240px,90vw);margin:70px auto 28px}.section-heading h2,.reader-top h2,.contact h2{font-size:clamp(2.3rem,5vw,5rem)}.project-list{width:min(1240px,90vw);margin:0 auto 100px;display:grid;gap:32px}.project-card{display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid var(--line);overflow:hidden;min-height:520px}.project-card:nth-child(even){grid-template-columns:1.05fr .95fr}.project-card:nth-child(even) .project-cover{order:2}.project-cover{position:relative;overflow:hidden;background:var(--soft)}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project-card:hover img{transform:scale(1.035)}.project-info{padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.project-number{font-family:'Playfair Display',serif;font-size:6rem;line-height:.8;color:var(--blue)}.project-info h3{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,4.5vw,5rem);line-height:.93;margin:18px 0 10px}.meta{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem}.project-info p{line-height:1.75;color:var(--muted);font-size:1rem}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.tags span{border:1px solid var(--line);padding:8px 10px;border-radius:99px;color:#3c424d;background:#fafafa;font-size:.75rem}.project-actions button{padding:13px 16px;background:var(--blue);border:0;color:#fff;font-weight:800;cursor:pointer}.magazine-reader{width:min(1360px,94vw);margin:0 auto 100px;background:#101114;color:white;padding:clamp(22px,4vw,54px);border:1px solid rgba(255,255,255,.1)}.reader-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.reader-controls{display:flex;gap:12px;align-items:center}.reader-controls button{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;font-size:1.2rem}.reader-stage{margin-top:30px;background:#202228;display:grid;place-items:center;max-height:82svh;overflow:hidden}.reader-stage img{max-height:82svh;width:auto;box-shadow:0 30px 90px rgba(0,0,0,.4);cursor:zoom-in}.thumb-strip{display:flex;gap:10px;overflow-x:auto;padding-top:20px}.thumb-strip button{flex:0 0 64px;border:2px solid transparent;background:none;padding:0;opacity:.55;cursor:pointer}.thumb-strip button.active{border-color:var(--blue);opacity:1}.thumb-strip img{height:82px;width:64px;object-fit:cover}.contact{width:min(1240px,90vw);margin:0 auto 60px;padding:60px;background:linear-gradient(135deg,var(--blue),#12386c);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.contact .eyebrow{color:#d9e7ff}.contact-card{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.1);padding:28px;border:1px solid rgba(255,255,255,.18)}.contact-card a,.contact-card span{color:white;text-decoration:none}.modal{position:fixed;inset:0;z-index:100;background:rgba(10,10,12,.94);display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal img{max-height:94vh;max-width:96vw}.close{position:fixed;right:18px;top:12px;color:white;background:none;border:0;font-size:3rem;cursor:pointer}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease, transform .7s ease}.reveal.show{opacity:1;transform:none}@media (max-width:850px){.nav{align-items:flex-start}.nav nav{gap:12px;overflow:auto;max-width:58vw}.hero,.project-card,.project-card:nth-child(even),.intro-grid,.contact{grid-template-columns:1fr}.project-card:nth-child(even) .project-cover{order:0}.hero{min-height:auto}.hero-copy{padding:34px 24px}.hero-visual{min-height:440px}.hero h1{font-size:clamp(3.3rem,18vw,5.8rem)}.intro-grid{margin:36px auto}.project-list{width:94vw;gap:24px}.project-card{min-height:unset}.project-cover{height:420px}.project-info{padding:28px}.reader-top{display:block}.reader-controls{margin-top:12px}.reader-stage{max-height:78svh}.reader-stage img{max-width:100%;max-height:78svh}.contact{padding:30px}.thumb-strip button{flex-basis:54px}.thumb-strip img{width:54px;height:72px}}@media (max-width:480px){.brand strong{display:none}.nav nav a{font-size:.78rem}.magazine-panel{width:100vw;margin-top:0;border-left:0;border-right:0}.hero-visual{min-height:360px}.project-cover{height:330px}.project-number{font-size:4rem}.floating-card{left:16px;right:16px;bottom:16px}.section-heading,.intro-grid,.contact{width:94vw}.thumb-strip{padding-bottom:4px}}