@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#171916;--paper:#f7f8f2;--lime:#d4fb74;--muted:#656960;--line:#dce0d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #578700;outline-offset:6px}button{color:inherit}header{height:98px;display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:1440px;padding:0 6%;border-bottom:1px solid var(--line)}.brand{font-size:40px;font-weight:700;letter-spacing:-5px;display:flex;align-items:baseline;line-height:1}.brand span{font-weight:400}.brand i{width:7px;height:7px;border-radius:50%;background:#8bae31;margin-left:9px}nav{display:flex;gap:38px;font-size:14px}nav a:hover{color:#6c862f}.nav-contact{font-size:14px;border-bottom:1px solid var(--ink);padding:6px 0}.nav-contact span{display:none}.wrap{max-width:1280px;margin:auto;width:88%}.hero{padding-top:45px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600;line-height:1.5}.hero>.eyebrow{display:flex;justify-content:space-between}.tiny-cross{font-style:normal;font-size:20px;margin-left:10px}h1{font-size:clamp(64px,8.7vw,126px);font-weight:500;letter-spacing:-7px;line-height:1.03;margin:42px 0 38px;position:relative}.serif,em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}.serif{font-style:italic}.asterisk{color:#7e973c;font-size:130px;position:absolute;right:3%;top:60px;font-weight:400}.hero-bottom{display:flex;align-items:center;gap:50px}.hero-bottom p{max-width:425px;font-size:17px;color:#575c52;margin:0}.hero-bottom strong{color:var(--ink);font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;border:0;border-radius:4px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--ink)}.button span{font-size:21px}.hero-note{margin-left:auto;font-size:14px}.hero-note span{display:block;font-size:11px;letter-spacing:1.4px;color:var(--muted);margin-bottom:7px}.hero-line{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:var(--muted);padding:55px 0 20px;border-bottom:1px solid var(--line)}.work{padding:83px 0 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:clamp(40px,4.5vw,62px);font-weight:500;letter-spacing:-2.8px;line-height:1.08;margin:16px 0 0}.section-heading p{font-size:14px;color:var(--muted);margin:0 0 6px}.filters{display:flex;gap:8px;margin:28px 0}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 18px;font-size:14px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.filters small{margin-left:12px;font-size:11px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:44px 30px}.project[hidden]{display:none}.featured{grid-column:1/-1}.project-art{width:100%;height:340px;border:0;text-align:left;position:relative;overflow:hidden;border-radius:7px;padding:30px;display:block;transition:filter .2s}.project-art:hover{filter:brightness(.96)}.art-one{background:#dce8c5;height:400px}.art-kicker{font-size:10px;letter-spacing:1.6px;font-weight:600;display:block}.art-title{display:block;font-family:'Instrument Serif',Georgia,serif;line-height:1.04;font-size:62px;margin-top:40px;letter-spacing:-1px}.art-one .art-title{font-size:76px;max-width:300px}.art-footer{font-size:12px;position:absolute;bottom:30px}.photo-frame{position:absolute;right:13%;top:40px;bottom:-22px;width:240px;transform:rotate(9deg);border:1px dashed #6e8160;border-radius:24px;background:#edf2e4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#718063;box-shadow:16px 20px 0 #bed0a3}.photo-frame b{font-size:17px;font-weight:500}.photo-frame small{font-size:8px;letter-spacing:1.2px;margin-top:10px}.frame-corner{width:30px;height:30px;border:1px solid #91a47c;margin-bottom:20px}.view-circle{position:absolute;bottom:22px;right:24px;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);border-radius:50%;font-size:24px;transition:transform .2s}.project-art:hover .view-circle{transform:rotate(90deg)}.art-two{background:#dedcf1}.art-three{background:#263f37;color:#edf2d9}.small-placeholder{position:absolute;right:13%;top:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed currentColor;opacity:.5;width:115px;height:135px;transform:rotate(8deg);font-size:26px}.small-placeholder small{font:8px 'DM Sans',sans-serif;letter-spacing:1px}.art-three .view-circle{color:var(--ink)}.project-caption{display:flex;justify-content:space-between;gap:16px;padding-top:19px;align-items:start}h3{font-weight:500;letter-spacing:-.5px;font-size:22px;margin:0}.project-caption p{font-size:14px;color:var(--muted);margin:3px 0 12px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:11px;border:1px solid var(--line);padding:3px 9px;border-radius:4px}.text-button{background:none;border:0;border-bottom:1px solid var(--line);font-size:12px;padding:4px 0;white-space:nowrap}.about{background:var(--ink);color:var(--paper);padding:85px 0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.portrait{aspect-ratio:4/4.8;background:#252923;border:1px solid #42483c;display:flex;flex-direction:column;padding:24px;justify-content:space-between;position:relative}.portrait-top,.portrait-bottom{font-size:10px;letter-spacing:1.7px;color:#b4bca8}.portrait-initials{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:180px;line-height:1;text-align:center;color:#78856a}.portrait-bottom{display:flex;justify-content:space-between;align-items:center}.portrait-bottom span{font-size:30px}.about-copy h2{font-size:49px;margin-bottom:24px}.about-copy .eyebrow{color:var(--lime)}.about-copy>p{color:#b8bfb1;font-size:15px}.milestone{display:flex;gap:25px;border-top:1px solid #3b4135;padding-top:17px;margin-top:22px}.milestone>span{font-size:12px;color:var(--lime);min-width:35px}.milestone strong{font-size:14px;font-weight:500}.milestone p{font-size:12px;color:#a6ae9e;margin:3px 0}.toolkit{padding:85px 0}.skills{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.skills>div{border-top:1px solid var(--line);padding:24px 25px 0 0}.skills>div+div{padding-left:27px;border-left:1px solid var(--line)}.skill-number{font-size:12px;color:#747d68}.skills h3{font-size:20px;margin-top:20px}.skills p{font-size:13px;color:var(--muted);margin:4px 0 22px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{background:#ebeee3;padding:6px 12px;font-size:13px;border-radius:4px}.contact{background:var(--lime);border-radius:7px;padding:45px 50px;margin-bottom:60px}.contact-row{display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:68px}.contact-star{font-size:125px;line-height:1}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}.contact-bottom p{font-size:14px}.dark{color:white;background:var(--ink)}footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;font-size:12px;color:var(--muted)}.footer-name{font-size:17px;color:var(--ink);font-weight:600}.footer-name span{display:block;font-size:9px;letter-spacing:1.7px;font-weight:400;margin-top:5px}dialog{border:1px solid var(--line);border-radius:12px;padding:45px;max-width:600px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#111a;backdrop-filter:blur(6px)}dialog h2{font-size:45px;margin-bottom:24px}dialog p,dialog li{color:var(--muted);font-size:16px}dialog ul{padding-left:20px}dialog h3{font-size:18px;margin-top:25px}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;width:40px;height:40px}.dialog-note{font-size:12px!important;margin-top:25px}.skip{position:fixed;left:15px;top:-100px;z-index:10;background:var(--lime);padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1450px){h1{font-size:126px}}@media(max-width:1050px){.hero-note{display:none}.asterisk{font-size:100px;right:0}h1{letter-spacing:-4px}.hero-bottom{justify-content:space-between}.about-copy h2{font-size:40px}.contact h2{font-size:55px}.small-placeholder{right:10%;width:85px;height:100px;top:53%}.art-title{font-size:54px}.about-grid{gap:6%}}@media(max-width:700px){header{height:78px;padding:0 6%}nav{gap:19px}.nav-contact{display:none}.brand{font-size:34px}.hero{padding-top:28px}.hero>.eyebrow{font-size:9px;letter-spacing:1px}.tiny-cross{display:none}h1{font-size:clamp(55px,11.9vw,82px);letter-spacing:-3px;line-height:1.07;margin:37px 0 27px}.asterisk{font-size:55px;right:0;top:0}.hero-bottom{display:block}.hero-bottom p{font-size:16px;max-width:95%}.hero-bottom .button{margin-top:25px}.hero-line{font-size:8px;letter-spacing:1px;padding-top:38px;gap:20px}.hero-line span:last-child{white-space:nowrap}.work{padding:53px 0}.section-heading{display:block}.section-heading p{margin-top:22px;font-size:14px}h2{font-size:44px;letter-spacing:-2px}.filters{gap:6px}.filters button{font-size:12px;padding:8px 13px}.projects{grid-template-columns:1fr;gap:32px}.featured{grid-column:auto}.project-art,.art-one{height:310px;padding:22px}.art-one .art-title{font-size:55px;max-width:180px;margin-top:32px}.photo-frame{width:130px;right:9%;top:85px;bottom:-20px;border-radius:17px;box-shadow:8px 10px 0 #bed0a3}.photo-frame b{font-size:11px}.photo-frame small{font-size:6px;letter-spacing:.4px}.art-footer{max-width:125px;font-size:10px;bottom:23px}.art-title{font-size:59px}.small-placeholder{width:90px;height:110px;top:43%;right:13%}.project-caption{gap:8px}.project-caption h3{font-size:21px}.project-caption p{font-size:13px}.text-button{font-size:11px}.about{padding:50px 0}.about-grid{grid-template-columns:1fr;gap:35px}.portrait{aspect-ratio:1.1;max-width:440px;width:100%}.portrait-initials{font-size:145px}.about-copy h2{font-size:43px}.toolkit{padding:54px 0}.skills{grid-template-columns:1fr;gap:27px;margin-top:30px}.skills>div,.skills>div+div{padding:20px 0 0;border-left:0}.skills h3{margin-top:10px}.skills p{margin-bottom:15px}.contact{padding:30px 25px;margin-bottom:36px}.contact h2{font-size:43px}.contact-star{display:none}.contact-bottom{display:block}.contact-bottom p br{display:none}.contact-bottom .button{margin-top:12px}footer{flex-wrap:wrap;gap:24px}footer>span{order:3;width:100%;border-top:1px solid var(--line);padding-top:17px}dialog{padding:38px 25px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Interaction layer */
.reading-progress{height:3px;position:fixed;top:0;left:0;width:100%;background:#8bae31;z-index:30;transform:scaleX(0);transform-origin:left;pointer-events:none}header{position:sticky;top:0;z-index:20;background:rgba(247,248,242,.94);backdrop-filter:blur(16px)}nav a{position:relative;padding:8px 0}nav a::after{content:'';height:2px;background:#7e973c;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover::after,nav a.nav-active::after{transform:scaleX(1)}.spin-trigger{background:none;border:0;padding:0;line-height:1;cursor:pointer;transition:color .2s}.spin-trigger:hover{color:#a1bb54}.project-art{transition:transform .25s ease-out,filter .2s;will-change:transform}.project-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff25,transparent 55%);opacity:0;transition:opacity .25s}.project-art:hover::after{opacity:1}.skill-tags button{border:1px solid transparent;background:#ebeee3;padding:7px 12px;min-height:40px;font-size:13px;border-radius:4px;transition:background .2s,transform .2s}.skill-tags button:hover{transform:translateY(-3px);border-color:#8bae31}.skill-tags button[aria-pressed=true]{background:var(--ink);color:var(--lime)}.tool-explorer{margin-top:32px;padding:28px 30px;background:#edf0e5;border-left:3px solid #8bae31;min-height:185px;border-radius:0 7px 7px 0}.tool-explorer h3{margin:12px 0 5px}.tool-explorer p{max-width:780px;color:var(--muted);font-size:15px;margin:0 0 13px}.tool-explorer .text-button{font-size:14px;border-color:#8bae31}.project-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.project-pagination button{background:transparent;border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-size:13px;min-height:44px}.project-pagination button:hover{background:var(--lime)}#project-position{font-size:12px;white-space:nowrap}dialog{max-height:85dvh;overflow:auto}body:has(dialog[open]){overflow:hidden}dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[hidden]{display:none!important}@media(max-width:700px){.tool-explorer{padding:23px;min-height:220px}.project-pagination{gap:7px}.project-pagination button{padding:10px 8px;font-size:12px}.spin-trigger{font-size:55px}}@media(prefers-reduced-motion:reduce){.project-art{will-change:auto;transform:none!important}}

/* Bounded scroll parallax preserves the layout and existing tilt/rotation effects. */
.parallax-layer{translate:0 var(--parallax-y,0px)}
.hero h1 .serif{display:inline-block}
.portrait{overflow:hidden}
@media(prefers-reduced-motion:reduce){.parallax-layer{translate:none!important}}