:root{--ink:#101010;--paper:#f7f7f5;--muted:#e9e9e5;--yellow:#edff35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.hero{height:min(810px,100vh);min-height:650px;background:#efff42;position:relative;overflow:hidden;padding:22px 3.6%;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;opacity:.2;z-index:-1;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:5;top:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#111;border-radius:99px;padding:5px}.nav a{font-size:11px;color:#fff;padding:7px 14px;border-radius:30px}.nav .active{background:#fff;color:#111}.eyebrow{font:500 10px/1 'DM Mono',monospace;letter-spacing:.04em}.hero-label{position:absolute;top:28px;left:3.6%}.hero h1{position:absolute;left:3%;right:3%;top:11%;margin:0;font-size:clamp(76px,15.8vw,265px);line-height:.76;letter-spacing:-.115em;font-weight:800;white-space:nowrap}.hero h1 span{margin-left:.13em}.hero-copy{position:absolute;width:230px;font-size:12px;line-height:1.4;font-weight:600}.left-copy{left:7%;bottom:29%}.right-copy{text-align:right;right:7%;bottom:29%}.monogram{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);width:310px;height:470px;border:11px solid #151515;border-radius:155px 155px 26px 26px;background:#c6c8b7;overflow:hidden;box-shadow:0 18px 28px #84900a66}.monogram:before{content:"";position:absolute;left:50%;top:32px;transform:translateX(-50%);width:142px;height:142px;border-radius:50%;background:#e5b47a}.monogram span{position:absolute;z-index:1;font-size:150px;font-weight:800;line-height:1;letter-spacing:-.19em;top:135px}.monogram span:first-child{left:39px;color:#161616}.monogram span:nth-child(2){right:45px;color:var(--yellow)}.monogram i{position:absolute;background:#30382c;border-radius:50%;width:12px;height:12px;top:95px;z-index:2}.monogram i:nth-of-type(1){left:95px}.monogram i:nth-of-type(2){right:95px}.monogram i:nth-of-type(3){top:275px;left:30px;width:250px;height:230px;border-radius:50% 50% 0 0;background:#806242}.hero-footer,.scroll{position:absolute;bottom:24px;font:500 10px 'DM Mono',monospace}.hero-footer{left:3.6%}.scroll{right:3.6%}.section{padding:112px max(7%,48px)}h2{margin:10px 0 0;font-size:clamp(34px,4.5vw,67px);line-height:.98;letter-spacing:-.075em;max-width:800px}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about-art{height:400px;border-radius:16px;background:#c9ccc0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.about-art:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#a2a896;top:115px}.about-art span{z-index:1;font-size:130px;font-weight:800;letter-spacing:-.16em}.about-art small{position:absolute;z-index:2;bottom:20px;left:20px;font:10px 'DM Mono',monospace}.body-copy{font-size:14px;line-height:1.55}.body-copy p{margin:0 0 23px}.text-link{display:inline-block;margin-top:12px;font:500 10px 'DM Mono',monospace;border-bottom:1px solid;padding-bottom:5px}.expertise{padding-top:50px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-heading>p{max-width:280px;font-size:12px;line-height:1.45}.skills-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.skills-grid article{background:#ededeb;border-radius:12px;padding:22px;min-height:190px}.skills-grid b{background:var(--yellow);border-radius:50%;display:grid;place-items:center;width:26px;height:26px;font:500 10px 'DM Mono',monospace}.skills-grid h3{font-size:16px;letter-spacing:-.04em;margin:40px 0 8px}.skills-grid p{font-size:11px;line-height:1.4;margin:0}.work{margin:0 max(3%,24px);border-radius:18px;padding:70px min(5%,70px);background:#111;color:#f8f8f8}.work-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.outline-button{border:1px solid #777;border-radius:40px;padding:10px 16px;font:10px 'DM Mono',monospace}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.project{display:block}.mockup{height:195px;border-radius:9px;position:relative;overflow:hidden;padding:18px}.project-one .mockup{background:#b7d6d2}.project-two .mockup{background:#ebeee7}.project-three .mockup{background:#667257;color:#fff}.mockup span{font-size:42px;font-weight:800;letter-spacing:-.1em}.project-one i{position:absolute;left:18px;right:18px;height:8px;background:#fff;border-radius:9px;bottom:37px}.project-one i:last-child{bottom:20px;width:55%;background:#e6ff39}.project-two em{font-style:normal;position:absolute;bottom:-25px;right:12px;font-size:170px;line-height:1;font-weight:800;color:#c9d8b0}.project-three span{font:500 28px/1 'DM Mono',monospace;letter-spacing:-.07em}.project h3{font-size:12px;margin:11px 0 1px}.project p,.work-note{font:10px/1.4 'DM Mono',monospace;margin:0;color:#b7b7b7}.work-note{margin-top:38px}.education{background:#e9e9e5}.education h2{margin-bottom:55px}.education-list{border-top:1px solid #aaa}.education-list article{display:grid;grid-template-columns:180px 1fr;padding:27px 0;border-bottom:1px solid #aaa}.education-list span{font:11px 'DM Mono',monospace}.education-list h3{margin:0;font-size:21px;letter-spacing:-.05em}.education-list h3 em{font-weight:400;font-style:normal}.education-list p{margin:6px 0;font-size:14px;font-style:italic}.education-list small{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.accordion{border-top:1px solid #b4b4ae}.accordion details{border-bottom:1px solid #b4b4ae;padding:19px 0}.accordion summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none}.accordion summary:after{content:'+';float:right;font-size:20px;font-weight:400}.accordion details[open] summary:after{content:'−'}.accordion p{font-size:12px;line-height:1.5;max-width:460px}footer{background:var(--yellow);padding:95px 7% 28px}footer h2{font-size:clamp(50px,8vw,128px);max-width:none}footer h2 a{border-bottom:5px solid}.footer-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:105px;font:12px 'DM Mono',monospace}.footer-bottom div{display:flex;gap:20px}@media(max-width:800px){.hero{min-height:610px}.hero h1{top:17%;font-size:20vw}.hero-copy{bottom:22%;width:145px;font-size:10px}.left-copy{left:5%}.right-copy{right:5%}.monogram{width:220px;height:332px;border-width:8px}.monogram:before{width:100px;height:100px;top:24px}.monogram span{font-size:100px;top:100px}.monogram span:first-child{left:25px}.monogram span:nth-child(2){right:30px}.monogram i{top:67px;transform:scale(.7)}.monogram i:nth-of-type(1){left:65px}.monogram i:nth-of-type(2){right:65px}.monogram i:nth-of-type(3){top:190px;left:17px;width:177px;height:150px}.intro,.faq{grid-template-columns:1fr;gap:40px}.intro-content{grid-template-columns:1fr}.section-heading{display:block}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.mockup{height:230px}.education-list article{grid-template-columns:1fr;gap:12px}.footer-bottom{display:block;margin-top:60px}.footer-bottom div{margin-top:25px;flex-wrap:wrap}.section{padding:72px 7%}.work{margin:0;padding:55px 7%}.work-head{align-items:start;flex-direction:column}.about-art{height:310px}}@media(max-width:440px){.nav a{padding:7px 9px}.hero-label{display:none}.hero h1{font-size:18.5vw}.hero h1 span{display:block;margin-left:0}.skills-grid{grid-template-columns:1fr}.left-copy{bottom:17%}.right-copy{bottom:17%}.hero-footer,.scroll{bottom:16px;font-size:8px}.scroll{display:none}}