:root{--paper:#f7f5ef;--ink:#243b30;--accent:#bc4e30;--line:#dcded4}body{background:var(--paper)}header{height:100px;border-bottom:1px solid var(--line)}nav a{position:relative;padding:8px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .2s}nav a:hover:after{width:100%}.hero{min-height:720px;padding-top:62px;padding-bottom:55px}h1{font-size:clamp(110px,12.2vw,176px);font-weight:600;letter-spacing:-.085em;margin:42px 0 35px;line-height:.98}h1>span:not(.fullstop){padding-left:0}.hero-bottom{align-items:flex-end}.hero-bottom p{font-size:17px;line-height:1.7;max-width:460px;color:#5b665d}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:27px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:var(--paper);padding:16px 20px;border-radius:4px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#3c5949;transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid #a6afa2;padding:5px 0}.artwork{position:absolute;right:6%;top:76px;width:37%;height:470px;border:1px solid #d5dacf;overflow:hidden;background:#e8ede1;border-radius:180px 180px 6px 6px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#aab69d25 1px,transparent 1px),linear-gradient(90deg,#aab69d25 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000)}.sphere{position:absolute;width:290px;height:290px;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-25deg);border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 25%,transparent 0 10px,#354c3455 11px 12px,transparent 13px 18px),radial-gradient(circle at 28% 22%,#e0e7c8 0%,#a2b58c 30%,#5f7d55 62%,#2d493b 100%);box-shadow:22px 40px 35px -18px #2d493b40,inset -15px -14px 25px #1c392840}.art-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.5px;color:#5d6a57}.section{padding-top:95px;padding-bottom:95px;grid-template-columns:1fr 2.15fr;gap:60px}h2{font-size:clamp(36px,3.8vw,54px);letter-spacing:-2.2px}.label{position:relative;padding-left:18px;font-size:10px}.label:before{content:'';position:absolute;left:0;top:14px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.next{background:#edf0e7}.entry{position:relative;padding:28px 0}.entry h3{font-size:23px}.entry-head>span{font-size:11px}.entry p{max-width:570px}.skills span{background:#eeefe7;border-color:transparent;color:#4e6152}.contact{background:#243b30;color:#f7f5ef}.contact .label,.contact p{color:#c0ccbc}.contact h2{font-size:clamp(48px,6vw,80px)}.contact .email{border-bottom-color:#6b806e;color:#f7f5ef}.contact .email:hover{color:#d3dfc9}footer{padding-top:30px;padding-bottom:30px}.round-link:hover{background:#e6ebdf}::selection{background:#d8e3ca;color:#243b30}@media(min-width:1440px){h1{font-size:176px}}@media(max-width:1000px){.artwork{width:34%;height:400px;top:90px}.sphere{width:240px;height:240px}.hero{min-height:690px}h1{font-size:clamp(100px,13vw,140px)}.section{gap:35px}}@media(max-width:720px){header{height:84px}.hero{padding-top:37px;padding-bottom:38px;min-height:auto}.hero h1{font-size:clamp(88px,20vw,140px);margin:32px 0}.artwork{right:-70px;top:88px;width:200px;height:260px;opacity:.45;border-radius:100px 100px 4px 4px;z-index:0}.sphere{width:160px;height:160px}.art-caption{display:none}.hero .eyebrow{position:relative;z-index:1}.hero-bottom p{font-size:14px;max-width:300px}.hero-actions{gap:18px;flex-wrap:wrap}.button{padding:14px 16px;gap:15px;font-size:12px}.section{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:28px}.round-link{display:none}.contact .email{font-size:clamp(17px,4.6vw,28px)}.label{padding-top:10px}.entry h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}

/* Contact card */
.section.contact{margin:90px 6% 12px;padding:48px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;background:var(--ink);color:var(--paper);border:0;border-radius:28px}
.contact-copy{flex:1;min-width:0}
.contact .label{padding:0;margin-bottom:24px;font-size:14px;letter-spacing:0;text-transform:none;color:#c0ccbc}
.contact .label:before{display:none}
.contact h2{font-size:clamp(34px,3.5vw,48px);letter-spacing:-1.5px;margin:0 0 14px}
.contact p{margin:0;color:#c0ccbc;font-size:16px;line-height:1.7}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.contact .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:0;border-radius:999px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap}
.contact .button:hover{background:#d3dfc9;color:var(--ink)}
.contact .button:focus-visible{outline-color:#e7b59e}
@media(max-width:1100px){.section.contact{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.section.contact{margin-top:55px;padding:30px 24px;border-radius:22px;gap:24px}.contact .label{margin-bottom:20px}.contact p{font-size:15px}.contact-actions{flex-shrink:1}.contact .button{padding:13px 17px;font-size:13px}}