:root { --ink:#11110f; --paper:#f1efe8; --acid:#d8ff35; --line:rgba(17,17,15,.22); --muted:#686860; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial, Helvetica, sans-serif; letter-spacing:-.025em; }
a { color:inherit; text-decoration:none; }
.noise { position:fixed; inset:0; opacity:.045; pointer-events:none; z-index:8; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.nav { height:76px; padding:0 4.2vw; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); position:relative; z-index:2; font-size:13px; font-weight:600; letter-spacing:.01em; }
.logo { font-size:24px; font-weight:900; letter-spacing:-.1em; }.logo span { color:#e74b20; }.nav nav { display:flex; gap:25px; }.nav nav a:hover { opacity:.5; }.status { display:flex; gap:8px; align-items:center; }.status i { width:8px;height:8px;background:#55bd55;border-radius:50%; }
.hero { min-height:calc(100vh - 76px); padding:9vw 8vw 4vw; position:relative; overflow:hidden; border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.eyebrow,.section-label { margin:0; font-size:11px; font-weight:bold; letter-spacing:.1em; }.hero h1 { margin:3vw 0; position:relative; z-index:1; font-size:clamp(64px,11.8vw,190px); line-height:.81; font-weight:800; letter-spacing:-.09em; }.hero h1 em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.1em; }.hero-bottom { z-index:1; display:flex; align-items:end; justify-content:space-between; font-size:18px; line-height:1.28; }.hero-bottom p { margin:0; }.round-link { display:grid; place-items:center; width:62px; height:62px; border:1px solid var(--ink); border-radius:50%; font-size:26px; transition:.25s; }.round-link:hover { background:var(--ink); color:var(--paper); transform:rotate(45deg); }.orb { position:absolute;border-radius:50%;filter:blur(1px); }.orb-one { width:44vw;height:44vw;right:-7vw;top:6vw;background:linear-gradient(135deg,#f63b16 6%,#f99a1e 48%,#e5ff47 100%); }.orb-two { width:13vw;height:13vw;right:31vw;top:36vw;background:#1c60ff; mix-blend-mode:multiply; }
.section { padding:10vw 8vw; }.about { display:grid; grid-template-columns:22% 1fr; gap:30px; border-bottom:1px solid var(--line); }.lead { font-size:clamp(30px,4.5vw,72px); max-width:1000px; margin:0; line-height:.98; letter-spacing:-.065em; font-weight:600; }.facts { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:9vw;font-size:14px;line-height:1.35; }.facts p { margin:0;border-top:1px solid var(--line);padding-top:10px; }.facts span { display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px; }
.work { background:var(--ink); color:var(--paper); }.section-heading { display:flex;justify-content:space-between;align-items:start;margin-bottom:6vw;font-size:13px; }.section-heading p:last-child { margin:0;color:#b9b9b2; }.projects { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }.project-art { aspect-ratio: .78; position:relative;overflow:hidden;padding:18px;display:flex;justify-content:space-between;flex-direction:column;transition:transform .4s; }.project:hover .project-art { transform:translateY(-7px); }.project-art span { font-size:12px; }.project-art b { font-size:clamp(26px,3.3vw,55px);line-height:.82;letter-spacing:-.08em; }.art-aurora { background:radial-gradient(circle at 40% 25%,#fc6b4d 0 8%,transparent 30%), radial-gradient(circle at 85% 80%,#edf14c 0 4%,transparent 30%),linear-gradient(140deg,#d2e1ff,#8273ca 48%,#f09467); color:#13112c; }.art-mono { background:#dcdcd4;color:#151515;}.art-mono:before { content:"";position:absolute;width:110%;height:38%;bottom:15%;left:-5%;background:#161616;transform:rotate(-17deg);}.art-mono b {z-index:1;}.art-sun { background:#f5ec41;color:#191919;}.art-sun:after {content:"";width:60%;aspect-ratio:1;border-radius:50%;background:#ff572d;position:absolute;right:-15%;top:17%;}.art-sun b {z-index:1;}.project-meta { padding:15px 0 34px;display:grid;grid-template-columns:1fr auto; }.project-meta h2,.project-meta p { margin:0; }.project-meta h2 {font-size:19px;}.project-meta p {color:#aaa9a2;font-size:13px;margin-top:4px;}.project-meta span {grid-row:span 2;font-size:24px;}
.contact { padding:10vw 8vw 3vw;min-height:72vh;display:flex;flex-direction:column;justify-content:space-between; }.contact h2 { font-size:clamp(54px,9vw,150px);letter-spacing:-.09em;line-height:.82;margin:8vw 0; }.contact h2 a {font-family:Georgia,serif;font-weight:400;border-bottom:4px solid var(--ink);}.contact h2 span {font-family:Arial;font-size:.55em;vertical-align:top;}.contact-footer {display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:13px;}.contact-footer p {margin:0;color:var(--muted);}.contact-footer code {font-family:inherit;color:var(--ink);}.contact-footer div {display:flex;gap:20px;}.contact-footer a:hover {text-decoration:underline;}footer {padding:24px 4.2vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;}footer span {color:#e74b20;}
@media (max-width:700px) { .nav {padding:0 22px;}.nav nav{display:none;}.hero{padding:26vw 7vw 7vw;min-height:620px;}.orb-one{width:80vw;height:80vw;right:-28vw;top:30vw;}.orb-two{width:25vw;height:25vw;right:40vw;top:61vw;}.hero-bottom{font-size:15px;}.section,.contact{padding:20vw 7vw;}.about{grid-template-columns:1fr;gap:45px;}.facts{grid-template-columns:1fr;margin-top:20vw;gap:25px;}.projects{grid-template-columns:1fr;gap:0;}.project-art{aspect-ratio:1.22;}.project-meta{padding-bottom:35px;}.contact{min-height:600px;}.contact h2{margin:22vw 0;}.contact-footer{display:block;}.contact-footer div{margin-top:22px;flex-wrap:wrap;}.section-heading{margin-bottom:15vw;} }