:root{font-family:Manrope,sans-serif;color:#f4efff;background:#100d19;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #100d19;--ink: #f4efff;--muted: #a49bb5;--line: #32283f;--accent: #c7a3ff;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:0;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin-top:0}.page-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.site-header{height:82px;width:min(1440px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:11px;align-items:center}.wordmark-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--accent);color:#171021;font-size:12px;font-weight:800;letter-spacing:-.07em}.wordmark-name{font-size:13px;font-weight:800;letter-spacing:.12em}.wordmark-period,.accent{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:42px;font-size:14px;font-weight:600}.main-nav a:not(.nav-contact){color:#b7aec5;transition:color .2s}.main-nav a:hover,.text-link:hover,.all-work-link:hover{color:var(--accent)}.nav-contact{padding:11px 16px;border:1px solid #514462;border-radius:999px}.nav-contact span{margin-left:8px}.hero{position:relative;min-height:625px;display:grid;grid-template-columns:1fr;align-content:center;padding-block:82px 95px}.hero-copy{max-width:950px;padding:3px 0 0 20px}.eyebrow{margin:0 0 22px;color:#a49bb5;font:12px var(--mono);letter-spacing:.105em}.hero h1{margin:0;font-size:clamp(64px,8vw,112px);line-height:.99;letter-spacing:-.075em;font-weight:600}.hero-surname{margin-left:.12em;white-space:nowrap}.serif-word{font-family:Georgia,Times New Roman,serif;font-weight:400;font-style:italic;letter-spacing:-.08em}.hero-description{max-width:650px;margin:26px 0 27px;color:#b0a7bd;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 23px;border-radius:99px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:#1a1324;background:var(--accent)}.button-dark:hover{background:#d7bdff}.button-dark span{color:#1a1324;font-size:16px}.text-link{font-size:13px;font-weight:700;transition:color .2s}.text-link span{margin-left:6px}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:62px;color:#847a95;font:10px var(--mono);letter-spacing:.08em}.footnote-line{width:28px;height:1px;background:#675b78}.hero-index{position:absolute;bottom:28px;left:20px;color:#847a95;font:10px var(--mono);letter-spacing:.08em}.work-section{padding-block:82px 105px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:33px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{margin:0;font-size:clamp(40px,4.2vw,54px);line-height:1.1;letter-spacing:-.065em;font-weight:600}.section-aside{margin:0 0 3px;color:var(--muted);font-size:14px;line-height:1.8;text-align:right}.project-grid{display:grid;grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;gap:clamp(32px,7vw,100px);min-width:0;padding:30px 0;border-top:1px solid var(--line)}.project-card:last-child{border-bottom:1px solid var(--line)}.project-art{position:relative;min-width:0;overflow:hidden;border:1px solid #382d48;background:#1a1423}.project-image{height:320px}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.87;transition:transform .35s,opacity .35s}.project-card:hover .project-image img{transform:scale(1.025);opacity:1}.image-label{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);padding:8px 10px;background:#100d19d9;color:#dfcaff;font:9px var(--mono);letter-spacing:.06em}.project-meta{display:flex;align-items:start;flex-direction:column;gap:13px;padding:0}.project-number{color:#a18eba;font:10px var(--mono);letter-spacing:.07em}.project-meta h3{margin:0;color:#f4efff;font-size:clamp(24px,2.7vw,34px);line-height:1.12;font-weight:600;letter-spacing:-.055em}.project-meta p{max-width:530px;margin:0;color:#b0a7bd;font-size:14px;line-height:1.8}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tags span{padding:6px 9px;border:1px solid #413550;border-radius:3px;color:#c3b7d0;font:9px var(--mono)}.project-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:3px}.project-links a{display:inline-flex;align-items:center;gap:7px;padding-bottom:5px;border-bottom:1px solid #625272;color:#dec9ff;font-size:13px;font-weight:700;transition:color .2s}.project-links a:hover{color:#fff}.all-work-link{display:table;margin:32px auto 0;padding-bottom:6px;border-bottom:1px solid #514462;font-size:13px;font-weight:700;transition:color .2s}.all-work-link span{margin-left:8px}.skills-section{padding-block:40px 90px}.skills-list{border-top:1px solid var(--line)}.skill-group{display:grid;grid-template-columns:minmax(180px,.7fr) 2fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.skill-group h3{margin:5px 0 0;color:#c9bdd8;font-size:16px;font-weight:600}.skill-group ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.skill-group li{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #413550;border-radius:3px;color:#d2c8df;font:11px var(--mono)}.skill-group li img{display:block;width:22px;height:22px;object-fit:contain}.about-section{background:#191422;color:#f4efff;border-block:1px solid #2c2239}.about-inner{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding-block:87px 92px}.about-label{display:flex;flex-direction:column;align-items:start;gap:10px;color:#a49bb5;font:10px var(--mono);letter-spacing:.08em;line-height:1.6}.about-copy .eyebrow{color:#a49bb5}.about-copy h2{margin:0;font-size:clamp(37px,4.7vw,59px);font-weight:500;line-height:1.08;letter-spacing:-.065em}.about-copy h2 .accent{color:var(--accent)}.about-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:28px}.about-bottom p{max-width:650px;margin:0;color:#b2a9bf;font-size:14px;line-height:1.9}.button-outline{flex:0 0 auto;color:#f4efff;border:1px solid #514462}.button-outline:hover{background:#261e33}.button-outline span{color:var(--accent)}.contact-section{position:relative;overflow:hidden;padding-block:81px 77px}.contact-section .eyebrow{position:relative;z-index:1}.contact-section h2{position:relative;z-index:1;margin:0 0 15px;font-size:clamp(52px,6.5vw,84px);line-height:.98;font-weight:600;letter-spacing:-.075em}.contact-section h2 .serif-word{color:var(--accent)}.contact-description{position:relative;z-index:1;margin-bottom:23px;color:#b0a7bd;font-size:15px}.contact-links{display:flex;flex-wrap:wrap;gap:10px}.contact-links a{display:inline-flex;align-items:center;gap:22px;min-width:150px;justify-content:space-between;padding:14px 16px;border:1px solid #514462;border-radius:3px;color:#e3d8f1;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.contact-links a:hover{border-color:#9477b3;background:#211a2d}.contact-links a span{color:var(--accent)}.site-footer{min-height:74px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.site-footer .wordmark-mark{width:26px;height:26px;font-size:9px}.site-footer .wordmark-name{font-size:11px}.footer-note,.back-top,.copyright{color:#9389a2;font:9px var(--mono);letter-spacing:.08em}.back-top{color:#b2a9bf}@media (min-width: 1400px){.hero{min-height:680px}}@media (max-width: 850px){.page-wrap,.site-header{width:calc(100% - 56px)}.hero{min-height:560px;padding-block:65px 85px}.hero-copy{padding-left:0}.hero h1{font-size:clamp(54px,8vw,72px)}.project-image{height:260px}.about-inner{grid-template-columns:.75fr 2fr;gap:25px}.about-bottom{align-items:start;flex-direction:column;gap:20px}}@media (max-width: 620px){.page-wrap,.site-header{width:calc(100% - 40px)}.site-header{height:70px}.main-nav{gap:18px;font-size:12px}.main-nav a[href="#about"]{display:none}.nav-contact{padding:9px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:39px;padding-block:62px 77px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero h1{font-size:clamp(59px,15vw,78px)}.hero-surname{display:block;margin-left:0}.hero-description{max-width:350px;font-size:15px}.hero-footnote{margin-top:37px;font-size:8px}.hero-index{bottom:28px;left:0}.work-section{padding-block:65px 76px}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-aside{text-align:left}.project-card{grid-template-columns:1fr;gap:18px;padding:22px 0}.project-image{height:240px}.project-meta{gap:10px}.skills-section{padding-block:28px 62px}.skill-group{grid-template-columns:1fr;gap:13px;padding:18px 0}.about-inner{grid-template-columns:1fr;gap:31px;padding-block:61px 65px}.about-copy h2{font-size:clamp(39px,10vw,55px)}.about-bottom{margin-top:22px}.contact-section{padding-block:64px 60px}.contact-section h2{font-size:clamp(47px,12vw,66px)}.contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-links a{min-width:0;padding:12px}.site-footer{min-height:96px;display:grid;grid-template-columns:1fr auto;row-gap:0}.footer-note{display:none}}@media (max-width: 360px){.page-wrap,.site-header{width:calc(100% - 32px)}.wordmark{gap:6px}.wordmark-mark{width:27px;height:27px}.wordmark-name{font-size:9px;letter-spacing:.08em}.main-nav{gap:8px;font-size:10px}.main-nav a[href="#work"]{display:none}.nav-contact{padding:7px 8px}.hero h1{font-size:clamp(45px,14vw,59px)}.contact-section h2{font-size:clamp(40px,11vw,48px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
