@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600;1,700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--paper:#f8ebd3;--paper2:#fff8ed;--ink:#850e35;--orange:#ff5a1f;--pink:#ee6983;--blush:#ffc4c4;--sage:#a7b89d;--line:#850e3533}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8ebd3eb;align-items:center;min-height:84px;padding:18px 6vw;display:flex;position:sticky;top:0}.wordmark{flex-direction:column;display:flex}.wordmark strong{font-family:Cormorant Garamond,serif;font-size:24px;line-height:1}.wordmark span{letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.site-nav{gap:34px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.site-nav a{border-bottom:1px solid #0000;padding:8px 0}.site-nav a:hover{border-color:var(--orange)}.menu-button{display:none}.chapter-label{letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:700}.portfolio-hero{background:linear-gradient(90deg,transparent 49.8%,#850e3512 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 31px,#850e350e 32px),var(--paper);min-height:calc(100svh - 84px);padding:7vw 7vw 0;position:relative;overflow:hidden}.paper-note{background:var(--orange);color:#fff;letter-spacing:.12em;text-transform:uppercase;box-shadow:3px 4px 0 var(--ink);padding:10px 20px;font-size:11px;font-weight:700;position:absolute;transform:rotate(-2deg)}.note-top{top:34px;right:7vw}.hero-layout{grid-template-columns:1.12fr .88fr;align-items:center;gap:7vw;min-height:620px;display:grid}.portfolio-intro h1,.section-title h2,.skills-heading h2,.method-section h2,.closing-section h2{letter-spacing:-.055em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(64px,8vw,126px);font-weight:600;line-height:.78}.portfolio-intro h1 em,.section-title h2 em,.skills-heading h2 em,.method-section h2 em,.closing-section h2 em{color:var(--orange);font-weight:700}.hero-statement{margin:36px 0 10px;font-family:Cormorant Garamond,serif;font-size:clamp(23px,2.2vw,35px);font-weight:700}.hero-copy-small{max-width:650px;margin:0;font-size:15px;line-height:1.7}.hero-actions{align-items:center;gap:28px;margin-top:30px;display:flex}.button{border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:0 23px;font-size:13px;font-weight:700;display:inline-flex}.button-dark{color:var(--paper2);background:var(--ink)}.button-light{color:var(--ink);background:var(--paper2)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:13px;font-weight:700}.scrapbook-portrait{justify-self:center;width:min(34vw,450px);position:relative;transform:rotate(3deg)}.portrait-paper{background:#fff;padding:14px 14px 58px;box-shadow:12px 16px #850e3521,0 20px 45px #5c202c2e}.portrait-paper img{aspect-ratio:4/5;object-fit:cover;object-position:center 25%;filter:saturate(.88);width:100%}.tape{z-index:3;background:#ffc4c4d1;width:112px;height:32px;position:absolute;transform:rotate(-11deg)}.tape-one{top:-10px;left:35%}.hand-note{background:var(--blush);box-shadow:4px 5px 0 var(--ink);padding:14px 17px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:700;line-height:1.15;position:absolute;bottom:-10%;right:-14%;transform:rotate(-5deg)}.doodle-orbit{color:var(--orange);font-size:54px;position:absolute;top:12%;right:-14%;transform:rotate(-25deg)}.hero-index{color:var(--paper2);background:var(--ink);justify-content:space-between;gap:30px;margin:70px -7vw 0;padding:24px 7vw;display:flex}.hero-index span{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero-index strong{color:var(--blush);margin-right:10px;font-family:Cormorant Garamond,serif;font-size:25px}.profile-section,.skills-section,.projects-section,.method-section{padding:9vw 7vw}.profile-section{background:var(--paper2);grid-template-columns:.9fr 1.1fr;gap:9vw;display:grid}.section-title h2,.skills-heading h2,.method-section h2,.closing-section h2{font-size:clamp(50px,6.4vw,95px);line-height:.86}.profile-content{padding-top:60px}.lead-quote{margin:0 0 52px;font-family:Cormorant Garamond,serif;font-size:clamp(25px,3vw,42px);font-style:italic;font-weight:600;line-height:1.12}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:78px 1fr;gap:20px;padding:25px 0;display:grid}.timeline article>span{color:var(--orange);font-weight:800}.timeline h3,.timeline p{margin:0}.timeline h3{font-family:Cormorant Garamond,serif;font-size:24px}.timeline p{margin-top:7px;font-size:13px;line-height:1.6}.skills-section{color:var(--paper2);background:var(--ink)}.skills-heading{justify-content:space-between;align-items:end;gap:40px;display:flex}.skills-heading p{max-width:350px;font-size:16px;line-height:1.6}.skills-grid{border-top:1px solid #ffffff40;border-left:1px solid #ffffff40;grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.skills-grid article{border-bottom:1px solid #ffffff40;border-right:1px solid #ffffff40;min-height:270px;padding:28px}.skills-grid span{color:var(--blush);font-size:12px}.skills-grid h3{margin:55px 0 12px;font-family:Cormorant Garamond,serif;font-size:35px}.skills-grid p{font-size:13px;line-height:1.6}.toolbox{grid-template-columns:180px 1fr;align-items:start;gap:30px;margin-top:44px;display:grid}.toolbox>span{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.toolbox>div{flex-wrap:wrap;gap:10px;display:flex}.toolbox b{border:1px solid #ffffff59;border-radius:99px;padding:9px 15px;font-size:12px;font-weight:500}.projects-section{background:var(--paper)}.projects-title{grid-template-columns:1fr .6fr;column-gap:50px;display:grid}.projects-title .chapter-label{grid-column:1/-1}.projects-title p:last-child{align-self:end;max-width:420px;font-size:15px;line-height:1.65}.project-list{gap:30px;margin-top:80px;display:grid}.portfolio-project{border:1px solid var(--ink);min-height:360px;box-shadow:8px 9px 0 var(--ink);grid-template-columns:110px 1fr 180px;gap:35px;padding:52px;display:grid;position:relative;overflow:hidden}.project-sage{background:#cdd8c5}.project-orange{background:#ffb18e}.project-pink{background:var(--blush)}.project-bordeaux{color:var(--paper2);background:var(--ink);box-shadow:8px 9px 0 var(--orange)}.project-number{color:var(--orange);font-family:Cormorant Garamond,serif;font-size:70px;line-height:1}.project-bordeaux .project-number{color:var(--blush)}.project-type{letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin:0 0 15px!important;font-size:10px!important}.project-copy h3{max-width:650px;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(37px,4vw,61px);line-height:.93}.project-copy h4{text-transform:uppercase;letter-spacing:.07em;margin:12px 0 26px;font-size:13px}.project-copy>p{max-width:680px;font-size:14px;line-height:1.7}.project-copy ul{flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none;display:flex}.project-copy li{border:1px solid;border-radius:99px;padding:7px 12px;font-size:11px}.project-stamp{border:2px solid;border-radius:50%;flex-direction:column;justify-content:center;place-self:center end;align-items:center;width:145px;height:145px;display:flex;transform:rotate(7deg)}.project-stamp span,.project-stamp small{letter-spacing:.15em;font-size:9px;font-weight:800}.project-stamp strong{font-family:Cormorant Garamond,serif;font-size:54px;line-height:.8}.method-section{background:var(--paper2)}.method-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:75px;display:grid}.method-grid article{border:1px solid var(--ink);background:var(--paper);min-height:230px;padding:25px}.method-grid article:nth-child(2n){background:var(--blush);transform:translateY(25px)}.method-grid b{color:var(--orange)}.method-grid h3{margin:65px 0 10px;font-family:Cormorant Garamond,serif;font-size:31px}.method-grid p{font-size:13px;line-height:1.6}.closing-section{color:var(--paper2);background:var(--orange);grid-template-columns:1.2fr .8fr;align-items:center;gap:10vw;padding:8vw 7vw;display:grid}.closing-section em{color:var(--ink)!important}.closing-section>div:last-child p{font-size:17px;line-height:1.7}.closing-section .button{margin-top:22px}.site-footer{color:var(--paper2);background:var(--ink);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:25px;padding:25px 6vw;font-size:11px;display:flex}@media (width<=900px){.site-header{min-height:72px}.site-nav{background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;gap:8px;padding:22px 6vw;display:none;position:absolute;top:72px;left:0;right:0}.site-nav.is-open{display:flex}.menu-button{border:1px solid var(--ink);background:0 0;border-radius:50%;width:44px;height:44px;margin-left:auto;display:block}.menu-button span{background:var(--ink);width:18px;height:1px;margin:5px auto;display:block}.hero-layout,.profile-section,.closing-section{grid-template-columns:1fr}.portfolio-hero{padding-top:100px}.note-top{top:24px}.hero-layout{gap:70px}.scrapbook-portrait{width:min(76vw,440px)}.hand-note{right:-4%}.hero-index{flex-direction:column}.profile-content{padding-top:0}.skills-heading{display:block}.skills-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.projects-title{display:block}.portfolio-project{grid-template-columns:75px 1fr}.project-stamp{display:none}.closing-section{gap:45px}}@media (width<=560px){.wordmark strong{font-size:20px}.portfolio-hero,.profile-section,.skills-section,.projects-section,.method-section,.closing-section{padding-left:6vw;padding-right:6vw}.portfolio-intro h1{font-size:58px}.hero-actions{flex-direction:column;align-items:flex-start}.scrapbook-portrait{width:82vw}.hero-index{margin-left:-6vw;margin-right:-6vw;padding-left:6vw}.section-title h2,.skills-heading h2,.method-section h2,.closing-section h2{font-size:49px}.profile-section{padding-top:85px;padding-bottom:85px}.skills-grid,.method-grid{grid-template-columns:1fr}.skills-grid article{min-height:220px}.toolbox{grid-template-columns:1fr}.projects-title p:last-child{margin-top:28px}.portfolio-project{grid-template-columns:1fr;padding:30px}.project-number{font-size:48px}.project-copy h3{font-size:40px}.method-grid article:nth-child(2n){transform:none}.closing-section{padding-top:85px;padding-bottom:85px}.site-footer{flex-direction:column}}
