:root{--ink:#171717;--muted:#77736d;--cream:#f5f1ea;--line:rgba(23,23,23,.14);--orange:#f46b3c;--blue:#b5d7d4;--purple:#cbc2e8;--green:#c5d8b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.5}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;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='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:2}.brand{color:var(--ink);text-decoration:none;display:flex;gap:11px;align-items:center;font:500 12px 'DM Mono',monospace;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--ink);border-radius:50%;font-size:10px}.nav{display:flex;gap:32px}.nav a,.header-cta,.text-link,.socials a,.footer a{color:var(--ink);text-decoration:none;font-size:12px}.nav a{opacity:.7}.nav a:hover,.socials a:hover,.footer a:hover{opacity:1}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:4px}.header-cta span,.text-link span,.contact-email span{font-size:16px;margin-left:8px}.section-wrap{width:min(1180px,90vw);margin:0 auto}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:6vw;padding:90px 0 110px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin:0 0 26px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin:0 8px 1px 0}.hero h1{font-size:clamp(50px,7vw,94px);line-height:.98;letter-spacing:-.08em;font-weight:600;margin:0 0 32px}.hero h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-intro{max-width:440px;color:var(--muted);font-size:15px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;padding:15px 19px;font-size:12px;min-width:137px}.button-primary{background:var(--ink);color:var(--cream)}.button-primary span{font-size:16px}.text-link{border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-visual{height:500px;background:#e6ddd0;position:relative;overflow:hidden}.grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(23,23,23,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(23,23,23,.12) 50%,transparent 50.2%);background-size:50% 50%;transform:rotate(-16deg) scale(1.5)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:280px;height:280px;background:var(--orange);top:60px;left:12%;mix-blend-mode:multiply}.orb-two{width:190px;height:190px;background:#9faecf;right:7%;bottom:70px;mix-blend-mode:multiply}.hero-note{position:absolute;left:30px;bottom:30px;display:flex;flex-direction:column;font:11px 'DM Mono',monospace;letter-spacing:.07em}.hero-note strong{font-size:19px;font-family:Manrope;margin-top:5px;letter-spacing:-.04em}.hero-index{position:absolute;right:29px;top:27px;font:11px 'DM Mono',monospace}.hero-index span{color:var(--muted);margin:0 4px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:57px}.section-heading h2,.about h2{font-size:clamp(39px,5vw,65px);line-height:1;letter-spacing:-.07em;font-weight:600;margin:0}.section-heading h2 span,.about h2 span{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.section-caption{color:var(--muted);font-size:13px;text-align:right;line-height:1.8;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px 28px}.project-card{min-width:0}.project-art{height:405px;position:relative;overflow:hidden}.project-large .project-art{height:500px}.art-label{position:absolute;top:20px;left:22px;font:10px 'DM Mono',monospace;z-index:2;letter-spacing:.08em}.art-word{position:absolute;left:24px;bottom:24px;font-size:47px;font-weight:600;line-height:.9;letter-spacing:-.08em;z-index:2}.art-word-dark{color:#173c3b}.art-amber{background:#e9ad58}.sun{width:210px;height:210px;background:#f46b3c;border-radius:50%;position:absolute;top:58px;right:13%;mix-blend-mode:multiply}.mountain{position:absolute;bottom:-25px;width:130%;height:63%;transform:rotate(-11deg);left:-14%}.mountain-back{background:#8e703f}.mountain-front{background:#204c49;bottom:-100px;transform:rotate(8deg)}.art-teal{background:#abd4cf}.teal-circle{width:300px;height:300px;background:#ef805a;border-radius:50%;position:absolute;right:-50px;top:36px}.teal-card{width:180px;height:250px;background:#203c3b;position:absolute;left:24%;top:89px;transform:rotate(18deg);box-shadow:20px 20px 0 rgba(255,255,255,.35)}.art-purple{background:var(--purple)}.purple-block{position:absolute}.purple-one{width:220px;height:280px;background:#f4a171;left:17%;top:80px;transform:rotate(-12deg)}.purple-two{width:210px;height:290px;background:#4f4278;right:11%;top:35px;transform:rotate(15deg)}.purple-line{position:absolute;width:130%;height:20px;background:#efefd9;left:-10%;top:54%;transform:rotate(35deg)}.art-green{background:var(--green)}.green-sun{width:190px;height:190px;background:#f0a54d;border-radius:50%;position:absolute;right:17%;top:43px}.green-arch{position:absolute;width:390px;height:400px;border:54px solid #34564c;border-bottom:0;border-radius:200px 200px 0 0;right:-30px;bottom:-95px;transform:rotate(-14deg)}.green-arch-inner{position:absolute;width:240px;height:260px;background:#e5dbca;right:65px;bottom:-53px;transform:rotate(-14deg)}.project-meta{border-top:1px solid var(--ink);display:flex;justify-content:space-between;padding-top:15px;margin-top:15px}.project-type{font:10px 'DM Mono',monospace;color:var(--muted);margin:0 0 7px}.project-meta h3{font-size:18px;font-weight:500;margin:0;letter-spacing:-.04em}.project-year{font:11px 'DM Mono',monospace;color:var(--muted)}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.3fr;gap:8vw;margin-top:145px;padding:120px 0}.about-mark{font-size:130px;line-height:.7;color:var(--orange);font-family:Georgia,serif}.about-copy{max-width:750px}.about h2{margin-bottom:35px}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:630px}.stats{display:flex;gap:75px;margin-top:56px;padding-top:22px;border-top:1px solid var(--line)}.stats div{display:flex;flex-direction:column}.stats strong{font-size:40px;letter-spacing:-.08em;font-weight:500}.stats span{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:4px}.contact{border-top:1px solid var(--line);padding:105px 0 120px;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.contact h2{font-size:clamp(46px,6vw,80px);line-height:.96;letter-spacing:-.08em;margin:0}.contact-side{align-self:end;max-width:390px}.contact-side>p{color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 30px}.contact-email{display:inline-block;color:var(--ink);text-decoration:none;font-size:20px;border-bottom:1px solid var(--ink);padding-bottom:7px}.socials{display:flex;gap:25px;margin-top:48px}.socials a{font:10px 'DM Mono',monospace}.footer{border-top:1px solid var(--line);height:76px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace}.footer a{font:10px 'DM Mono',monospace;color:var(--muted)}@media(max-width:760px){.site-header{height:70px;padding:0 5vw}.nav{display:none}.header-cta{font-size:11px}.hero{grid-template-columns:1fr;padding:70px 0 85px;min-height:auto}.hero h1{font-size:58px}.hero-visual{height:360px;margin-top:14px}.section-heading{display:block}.section-caption{text-align:left;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:55px}.project-large .project-art,.project-art{height:350px}.art-word{font-size:40px}.about{grid-template-columns:1fr;gap:50px;margin-top:100px;padding:80px 0}.about-mark{font-size:90px}.about h2{font-size:48px}.stats{gap:28px;justify-content:space-between}.stats strong{font-size:32px}.contact{grid-template-columns:1fr;gap:60px;padding:80px 0 90px}.contact h2{font-size:57px}.footer{height:auto;padding:24px 0;gap:15px;flex-wrap:wrap}.footer span:nth-child(2){display:none}}
