:root{--ink:#14211d;--deep:#0e1714;--paper:#f6f5ee;--accent:#dcff70;--muted:#6a746e;--line:#dce0d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}.shell{width:min(calc(100% - 100px),1440px);margin:auto}.dev-notice{min-height:32px;background:#ddebcb;color:#34432e;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px;text-align:center;font-size:10px;letter-spacing:.12em;font-weight:800}.notice-dot{background:#70864d;width:7px;height:7px;border-radius:50%}.slash{color:#8a9d73}.site-header{position:relative;background:var(--deep);color:#fff;z-index:20}.nav-shell{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:40px}.identity{display:flex;align-items:center;gap:28px}.identity-name{font-weight:950;font-size:27px;letter-spacing:-.085em;white-space:nowrap}.identity-dot{color:var(--accent)}.identity-sub{font-size:10px;letter-spacing:.24em;font-weight:800;color:#b6c7b9;border-left:1px solid #4a5b4e;padding-left:27px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.nav-links a:hover{color:var(--accent)}.nav-links .nav-contact{border:1px solid #859489;padding:12px 17px}.nav-contact span{color:var(--accent);margin-left:8px}.menu-toggle{display:none}.hero{background:var(--deep);color:#f7f8f3}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:700px}.hero-copy{padding:58px 50px 45px 0;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:900;text-transform:uppercase;margin:0 0 30px}.eyebrow.light{color:#aebbae}.eyebrow-square{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(49px,5.15vw,82px);line-height:1.025;letter-spacing:-.075em;font-weight:900;max-width:750px;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-intro{font-size:16px;line-height:1.65;color:#c3cdc4;max-width:530px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 22px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:900;transition:transform .2s ease}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--accent);color:#152019}.text-link{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.text-link span{margin-left:9px}.hero-link{color:#e6ece6}.hero-footnote{font-size:9px;letter-spacing:.17em;color:#8c9e8d;margin-top:auto;padding-top:28px;font-weight:900}.hero-footnote span{color:var(--accent);margin:0 10px}.hero-media{min-height:700px;position:relative;overflow:hidden;background:#554e45}.hero-photo{position:absolute;inset:0;background-image:url("assets/hero-study.svg");background-size:cover;background-position:center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e171426 0%,transparent 40%)}.photo-credit{position:absolute;bottom:25px;right:24px;color:#fff;text-shadow:0 2px 7px #000;font-size:9px;letter-spacing:.12em;font-weight:900;z-index:2}.proof-strip{background:#e5e9df;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:130px;padding:22px 30px;border-right:1px solid #cbd3c8}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof-grid strong{font-size:39px;letter-spacing:-.075em;line-height:1}.proof-grid strong span{color:#7a9961}.proof-grid>div>span{font-size:10px;letter-spacing:.04em;color:#68766d;line-height:1.5}.section-pad{padding:112px 0}.section-heading{display:flex;justify-content:space-between;gap:65px;align-items:end;margin-bottom:52px}.section-heading h2,.relationships h2,.about h2,.resume-row h2{font-size:clamp(38px,4.1vw,67px);letter-spacing:-.065em;line-height:1.07;margin:0;font-weight:900}.section-heading h2 span,.resume-row h2 span{color:#7a897e}.section-heading>p{max-width:390px;color:#67756b;line-height:1.7;font-size:16px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.project-card{background:#fff;border:1px solid #e0e4dc}.project-art{height:390px;position:relative;overflow:hidden}.art-index{position:absolute;top:22px;left:25px;font-size:10px;font-weight:900;letter-spacing:.16em;z-index:3}.visual-note{position:absolute;bottom:18px;right:19px;font-size:9px;font-weight:800;letter-spacing:.15em;z-index:4;background:#fff9;padding:7px}.marine-art{background:linear-gradient(160deg,#002f46,#227c98 48%,#94bdc0);color:white}.sea-line{position:absolute;border:12px solid #d7f5ed55;border-radius:50%;width:510px;height:190px;transform:rotate(-18deg);top:170px;left:-40px}.sea-two{width:430px;height:240px;top:205px;left:140px;border-width:6px}.board{position:absolute;left:42%;top:10%;width:140px;height:380px;border-radius:65% 65% 55% 55% / 17% 17% 17% 17%;background:linear-gradient(90deg,#0b1116 0 14%,#e8e7e1 17% 20%,#ca362b 22% 40%,#202b31 43% 67%,#e8e7e1 68% 71%,#111d23 73%);transform:rotate(35deg);box-shadow:35px 30px 40px #00192b99}.board span{display:block;width:70px;height:120px;background:#111c23a8;position:absolute;top:110px;left:32px;border-radius:40%}.technology-art{background:radial-gradient(circle at 60% 30%,#59686e,#17262c 64%,#111b1f);color:#fff}.tech-display{position:absolute;left:50%;top:70px;transform:translateX(-50%) perspective(700px) rotateY(-12deg);display:flex;align-items:flex-end;gap:15px}.tech-pack{height:250px;width:116px;border:2px solid #a0a8a9;background:linear-gradient(145deg,#171f22,#323e44 46%,#0c1318);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:18px 20px 19px #0007}.tech-pack small{font-size:11px;color:#d8ba69;letter-spacing:.1em}.tech-pack span{font-size:116px;font-weight:950;color:#d5bc77;text-shadow:5px 5px 0 #433c27}.tech-pack i{width:63px;height:12px;border-radius:8px;background:#747f82}.pack-two{height:282px}.pack-three{height:235px}.tech-line{position:absolute;inset:auto 0 0;height:46px;background:#2c383c}.candy-art{background:radial-gradient(circle at 65% 22%,#ffeaf2,#f8bbcd 50%,#cb819d);color:#5d2546}.pouch{position:absolute;width:205px;height:260px;border-radius:12px 12px 18px 18px;top:48px;box-shadow:15px 24px 35px #9c668044;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg);background:linear-gradient(145deg,#ffeaf0,#e7a5b9);border-top:10px solid #cb8da4}.pouch-left{left:24%}.pouch-right{left:50%;transform:rotate(8deg);background:linear-gradient(145deg,#fff7e1,#f4cb9c);border-top-color:#d1b288}.pouch span{font-size:95px;font-weight:900;letter-spacing:-.17em;color:#fff;text-shadow:3px 5px 0 #d77d9a}.pouch small{font-size:10px;font-weight:900;letter-spacing:.09em;color:#805263}.candy-ball{position:absolute;border-radius:50%;width:80px;height:80px;bottom:-14px;left:32%;background:radial-gradient(circle at 32% 24%,#fff,#efbbc5 67%,#d889a5);box-shadow:8px 10px 18px #a66c8155}.ball-two{left:49%;width:115px;height:115px;bottom:-20px;background:radial-gradient(circle at 30% 23%,#fff,#f8e1b8 70%,#d8af8f)}.ball-three{left:66%;bottom:-29px;width:95px;height:95px;background:radial-gradient(circle at 30% 25%,#fff,#d8c5ef 75%,#b8a3d4)}.coffee-art{background:radial-gradient(circle at 30% 30%,#816142,#372c25 55%,#1a1b18);color:#f9ecdb}.coffee-sun{position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(50deg,#ffb16c,#cf6b31);left:20%;top:4%;filter:blur(2px);opacity:.72}.coffee-bag{position:absolute;top:46px;left:50%;transform:translateX(-50%) rotate(-5deg);width:245px;height:277px;background:linear-gradient(115deg,#181c1b,#3f4542 45%,#111716 89%);box-shadow:20px 26px 35px #0c0c0c99;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:9px 9px 16px 16px;border-top:13px solid #151917}.coffee-bag span{font-size:52px;line-height:.91;font-weight:1000;letter-spacing:-.09em;text-align:center;color:#e7e5df}.coffee-bag small{font-size:8px;letter-spacing:.14em;margin-top:24px;color:#efa953}.coffee-bean{position:absolute;width:31px;height:18px;border-radius:50%;background:#28180f;box-shadow:inset 5px 3px 5px #68452c;bottom:21px;left:25%;transform:rotate(30deg)}.bean-two{left:33%;bottom:43px;transform:rotate(100deg)}.bean-three{left:68%;bottom:28px;transform:rotate(50deg)}.project-info{padding:34px 36px 38px}.project-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;color:#667c6b}.project-info h3{font-size:31px;margin:10px 0;letter-spacing:-.05em}.project-info p{font-size:15px;color:#647369;line-height:1.65;min-height:75px}.project-status{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;display:flex;justify-content:space-between;border-top:1px solid #e5e7df;padding-top:23px}.relationships{padding:96px 0;background:#e9ebe5;border-top:1px solid #d9ded7;border-bottom:1px solid #d3d9d1}.relationships-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px}.relationships h2{font-size:clamp(34px,3.6vw,52px)}.relationships-grid p{color:#596960;font-size:15px;line-height:1.65}.names{display:flex;flex-wrap:wrap;gap:14px 25px;margin:26px 0 17px}.names span{font-weight:800;letter-spacing:-.02em;font-size:20px;color:#66736b}.relationships small{font-size:9px;letter-spacing:.17em;color:#687969}.approach{background:#13201a;color:#f4f6ec}.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.approach h2{font-size:clamp(60px,8vw,135px);letter-spacing:-.085em;line-height:.92;margin:0}.approach h2 span{color:var(--accent)}.approach-right{padding-top:35px}.approach-statement{font-size:clamp(27px,3vw,43px);font-weight:800;line-height:1.19;letter-spacing:-.035em}.approach-right>p:not(.approach-statement){font-size:17px;line-height:1.7;color:#b7c8b7;max-width:720px}.approach-steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.approach-steps span{border:1px solid #57715b;padding:13px 18px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-size:clamp(38px,4vw,58px)}.about-copy{padding-top:32px}.about-copy p{font-size:18px;line-height:1.75;color:#5d6b63}.dark-link{color:#1a2720;margin-top:24px}.resume-band{background:#e0e9d4;padding:70px 0}.resume-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.resume-row .eyebrow{margin-bottom:18px}.resume-row h2{font-size:clamp(33px,4vw,56px)}.button-dark{background:var(--deep);color:#f5faee}footer{padding:95px 0 25px;background:#0c1410;color:#eff4eb}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-grid h2{font-size:clamp(42px,5vw,79px);line-height:1.05;letter-spacing:-.065em}.footer-grid h2 em{font-style:normal;color:var(--accent)}.footer-email{font-size:18px;font-weight:800;border-bottom:1px solid var(--accent);padding-bottom:6px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;margin-top:12px;font-size:11px;letter-spacing:.13em;font-weight:700}.footer-right p{max-width:220px;text-align:right;color:#9cad9c;font-size:13px;line-height:1.6;letter-spacing:0;margin-top:20px}.footer-right a{color:var(--accent);margin-top:20px;text-transform:uppercase}.footer-bottom{border-top:1px solid #3b4840;margin-top:87px;padding-top:25px;display:flex;justify-content:space-between;color:#879589;font-size:10px;letter-spacing:.14em}section[id],footer[id]{scroll-margin-top:88px}@media(max-width:1100px){.shell{width:min(100% - 56px,1440px)}.nav-links{gap:19px}.hero-grid{min-height:590px}.hero-copy{padding-top:52px}.hero h1{font-size:clamp(48px,5vw,70px)}.proof-grid>div{padding-left:15px;padding-right:15px}.approach-grid{gap:50px}.tech-display{transform:translateX(-50%) perspective(700px) rotateY(-12deg) scale(.85)}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.dev-notice{font-size:8px;line-height:1.5}.nav-shell{min-height:74px}.identity-name{font-size:22px}.menu-toggle{display:flex;align-items:center;gap:16px;background:none;border:0;color:#fff;font-weight:800;letter-spacing:.17em;font-size:11px}.burger{display:flex;flex-direction:column;gap:5px}.burger i{width:21px;height:2px;background:#e5f2e1}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:20px;background:#111917;box-shadow:0 15px 20px #0005}.nav-links.is-open{display:flex}.nav-links a{padding:15px 8px}.nav-links .nav-contact{margin-top:10px}.hero-grid{display:flex;flex-direction:column-reverse;min-height:0}.hero-media{height:320px;min-height:320px;flex-shrink:0}.hero-photo{background-position:62% 52%}.hero-copy{padding:44px 0 35px}.hero h1{font-size:clamp(43px,9vw,70px)}.hero-intro{font-size:15px}.hero-actions{gap:19px;flex-wrap:wrap}.hero-footnote{margin-top:26px;padding-top:0;font-size:9px}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div{min-height:110px;border-bottom:1px solid #c8d0c5}.proof-grid>div:nth-child(2){border-right:0}.proof-grid>div:first-child{padding-left:15px}.section-pad{padding:72px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-bottom:21px}.section-heading>p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:19px}.project-art{height:295px}.project-info{padding:26px}.project-info p{min-height:0}.relationships{padding:70px 0}.relationships-grid{grid-template-columns:1fr;gap:25px}.names span{font-size:18px}.approach-grid,.about-grid{grid-template-columns:1fr;gap:20px}.approach h2{font-size:75px}.approach-right{padding-top:5px}.approach-statement{font-size:28px}.about-copy{padding-top:0}.about-copy p{font-size:16px}.resume-row{align-items:flex-start;flex-direction:column}.footer-grid{flex-direction:column}.footer-right{align-items:flex-start;margin-top:30px}.footer-right p{text-align:left}.footer-bottom{margin-top:55px;gap:15px;line-height:1.5;flex-wrap:wrap}.coffee-bag{width:215px}.tech-display{transform:translateX(-50%) perspective(700px) rotateY(-12deg) scale(.78)}.pouch-left{left:17%}.pouch-right{left:47%}}@media(max-width:400px){.hero h1{font-size:43px}.proof-grid strong{font-size:33px}.project-art{height:250px}.pouch{width:175px;height:210px;top:31px}.pouch span{font-size:82px}.coffee-bag{top:27px;height:222px}.board{top:5%;left:45%}.tech-display{top:36px;transform:translateX(-50%) perspective(700px) rotateY(-12deg) scale(.67)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}