:root { --paper:#eee9df; --ink:#dcd7ce; --muted:#98938b; --line:rgba(238,233,223,.18); --black:#12110f; --warm:#2a211a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--black); }
body { margin:0; color:var(--ink); background:var(--black); font-family:Manrope,Arial,sans-serif; font-size:14px; line-height:1.55; }
a { color:inherit; text-decoration:none; } a:focus-visible { outline:2px solid var(--paper); outline-offset:5px; }
.skip-link { position:fixed; left:1rem; top:-5rem; z-index:10; background:var(--paper); color:var(--black); padding:.75rem 1rem; }.skip-link:focus { top:1rem; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header { position:absolute; right:4.5vw; bottom:2.2rem; z-index:2; letter-spacing:.13em; font-family:"DM Mono",monospace; font-size:10px; }.wordmark { display:none; }.site-header nav { display:flex; gap:28px; padding:.8rem 1rem; background:rgba(18,17,15,.78); border:1px solid rgba(238,233,223,.2); backdrop-filter:blur(8px); }.site-header nav a { opacity:.82; transition:opacity .2s; }.site-header nav a:hover { opacity:1; }
.hero { min-height:100svh; position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:#15110e; }.hero-image-wrap { position:absolute; inset:0; overflow:hidden; background:#1b1713; }.hero-image-wrap:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 45%,rgba(0,0,0,.22)); }.hero-image { height:100%; width:100%; display:block; object-fit:cover; object-position:center; filter:saturate(.88) contrast(1.04); }.hero-copy { position:relative; z-index:1; min-height:100svh; }
.section,.footer { border-bottom:1px solid var(--line); padding:9rem 4.5vw; display:grid; grid-template-columns:20% minmax(0,1fr); }.section-content { max-width:1050px; }.section-index,.label,.project-meta { color:var(--muted); font:10px/1.5 "DM Mono",monospace; letter-spacing:.14em; } h1,h2,h3,p { margin-top:0; } h2 { font:400 clamp(2.3rem,4.7vw,5.5rem)/1.05 "Playfair Display",Georgia,serif; letter-spacing:-.045em; color:var(--paper); margin-bottom:3.25rem; }.large-copy { max-width:650px; font-size:clamp(1.1rem,1.5vw,1.5rem); line-height:1.65; color:#beb9b0; }.about-identity { margin:1.2rem 0 -1rem; color:var(--paper); font:11px "DM Mono",monospace; letter-spacing:.07em; }.about-identity strong { font-weight:500; }.supporting-copy { max-width:460px; color:var(--muted); margin:1.5rem 0 0; }
.work { background:var(--warm); }.work-list { border-top:1px solid var(--line); }.project { min-height:260px; display:grid; grid-template-columns:14% minmax(0,1fr); gap:2rem; padding:2.2rem 0; border-bottom:1px solid var(--line); position:relative; }.project-meta { display:flex; flex-direction:column; justify-content:space-between; }.project h3 { font:400 clamp(1.65rem,2.5vw,3rem)/1.1 "Playfair Display",Georgia,serif; color:var(--paper); margin-bottom:.8rem; }.project-copy p { max-width:500px; color:#bcb5aa; margin-bottom:.65rem; }.project-detail { color:var(--muted)!important; font-size:12px; }.project-note { color:#c8b48f!important; font:10px "DM Mono",monospace; letter-spacing:.07em; text-transform:uppercase; margin-top:1.3rem!important; }.project-copy a { border-bottom:1px solid rgba(238,233,223,.5); padding-bottom:2px; }.project-copy a:hover { color:var(--paper); }.status { color:var(--muted)!important; font:10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; margin-top:1.3rem!important; }.project-unikaI,.project-image { grid-template-columns:14% minmax(0,1fr) 31%; }.project-image img,.unikai-logo { width:100%; height:210px; object-fit:cover; filter:saturate(.78); align-self:end; }.unikai-logo { object-position:center; }.table-project img { object-position:center; background:#d4d0c8; }
.personal-brand img { object-position:center 38%; }.interest-intro { margin:-1.8rem 0 2.6rem; }.interests ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.interests li { padding:1.2rem 0; border-bottom:1px solid var(--line); font:400 clamp(1.3rem,2vw,2.1rem) "Playfair Display",Georgia,serif; }.interests li:nth-child(odd) { margin-right:2rem; }.interests li:nth-child(even) { padding-left:2rem; border-left:1px solid var(--line); }
.journal { background:#171512; }.journal-empty { max-width:660px; padding:2.5rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.journal-empty .label { margin-bottom:1.4rem; }.journal-empty p:last-child { max-width:520px; margin:0; color:#bcb5aa; }
.footer { border:0; background:#0c0b0a; padding-bottom:2.5rem; }.footer-main h2 { margin-bottom:1rem; }.contact-intro { margin:0 0 3.5rem; }.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }.label { margin-bottom:1.2rem; }.contact-grid a,.configurable-link { display:block; width:max-content; max-width:100%; margin:.55rem 0; border-bottom:1px solid transparent; overflow-wrap:anywhere; }.contact-grid a:hover { border-color:var(--muted); }.social-links { display:flex; gap:.8rem; }.social-links a { display:grid; place-items:center; width:42px; height:42px; margin:0; border:1px solid var(--line); transition:background .2s,border-color .2s,transform .2s; }.social-links a:hover { background:var(--paper); border-color:var(--paper); color:var(--black); transform:translateY(-2px); }.social-links svg { width:18px; height:18px; fill:currentColor; }.social-links svg rect,.social-links svg circle { fill:none; stroke:currentColor; stroke-width:1.8; }.social-links svg .fill { fill:currentColor; stroke:none; }.footer-note { grid-column:2; color:var(--muted); font:10px "DM Mono",monospace; letter-spacing:.1em; margin:8rem 0 0; }
.social-note { margin:-.55rem 0 1rem; color:var(--muted); font-size:12px; }.social-note strong { color:var(--paper); font-weight:500; }
@media (max-width:760px) { .site-header { right:6vw; bottom:1.3rem; }.site-header nav { gap:14px; padding:.7rem .8rem; }.hero { min-height:100svh; }.hero-image { object-position:45% center; }.hero-image-wrap:after { background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 42%); }.hero-copy { min-height:100svh; }.section,.footer { padding:5.2rem 6vw; display:block; }.section-index { margin-bottom:2.8rem; } h2 { margin-bottom:2.25rem; }.project,.project-unikaI,.project-image { grid-template-columns:1fr; gap:1.2rem; padding:1.8rem 0; }.project-meta { flex-direction:row; }.project-image img,.unikai-logo { height:190px; grid-row:2; }.project-image .project-copy,.project-unikaI .project-copy { grid-row:3; }.interests ul { display:block; }.interests li:nth-child(odd),.interests li:nth-child(even) { margin:0; padding-left:0; border-left:0; }.contact-grid { grid-template-columns:1fr; gap:2.5rem; }.footer-note { margin-top:5rem; }.large-copy { font-size:1.1rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition:none!important; } }