.portfolio-page{background:var(--cream)}.portfolio-page .masthead{position:relative;height:164px;pointer-events:auto}.portfolio-page .masthead nav{color:var(--ink)}.portfolio-page main{overflow:clip}.work-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:65px 7.5% 75px}.work-intro h1{font-size:clamp(90px,12vw,190px);line-height:.82;color:var(--red)}.work-intro h1 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.05em}.work-intro-aside{width:30%;max-width:345px;padding-bottom:3px}.handwriting{font-family:'Caveat',cursive;font-size:35px;color:var(--red);display:block;transform:rotate(-7deg);margin-bottom:25px}.work-intro-aside>p{font-size:20px;line-height:1.45;margin:0 0 27px}.concept-note{border-left:2px solid var(--red);padding-left:14px;font-size:10px;font-weight:600;letter-spacing:.08em}.concept-note span{display:block;font-size:12px;line-height:1.6;letter-spacing:0;font-weight:400;margin-top:7px;color:#6a695f}.project-section{padding:0 7.5% 110px}.collection-label{border-top:1px solid #26251f;display:flex;justify-content:space-between;padding:17px 0 32px;font-size:11px;letter-spacing:.07em}.project-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:5%}.project-image{position:relative;overflow:hidden;aspect-ratio:4/4.5}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.project-card:hover .project-image img{transform:scale(1.035)}.project-open{position:absolute;right:18px;bottom:18px;background:var(--cream);color:var(--ink);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;font-size:28px;transition:background .2s}.project-card:hover .project-open{background:var(--butter)}.second-project{margin-top:140px}.second-project .project-image{aspect-ratio:4/4.7}.project-info{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.project-type{font-size:10px;letter-spacing:.08em;margin:0 0 10px}.project-info h2{font-family:'DM Serif Display',Georgia,serif;font-size:40px;font-weight:400;margin:0 0 8px;line-height:1}.project-info p:last-child{font-size:14px;line-height:1.5;margin:0}.concept-tag{font-size:10px;align-self:flex-start;padding:6px 9px;border:1px solid #aaa99f;border-radius:50px;white-space:nowrap}.blue{background:#2137be}.pink{background:#e5a5a8}.portfolio-cta{position:relative;padding:75px 7.5% 85px;background:var(--butter)}.portfolio-cta h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(60px,7vw,100px);font-weight:400;line-height:.94;letter-spacing:-.04em;margin:25px 0 32px}.portfolio-cta h2 em{color:var(--red)}.cta-aside{position:absolute;right:9%;bottom:90px;font-size:11px;letter-spacing:.08em}.case-top{padding:40px 7.5% 40px}.back-work{font-size:12px;display:inline-block;margin-bottom:40px;border-bottom:1px solid #88887b;padding-bottom:6px}.case-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.case-title-row h1{font-size:clamp(80px,12vw,190px);line-height:.85;color:var(--red)}.case-title-row>p{font-family:'DM Serif Display',Georgia,serif;font-size:28px;line-height:1.15;max-width:300px;margin:0 0 4px}.case-meta{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:30px;padding:25px 0 0;margin-top:42px;border-top:1px solid #b4b2a6}.case-meta dt{font-size:10px;letter-spacing:.08em;margin-bottom:9px}.case-meta dd{margin:0;font-size:14px;line-height:1.5}.case-hero{margin:15px 3% 0}.case-hero img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.case-hero figcaption{display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#747267;line-height:1.5;padding:12px 0}.case-story{padding:95px 12%;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.case-story h2{font-family:'DM Serif Display',Georgia,serif;font-size:54px;font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0}.case-story h2 em{color:var(--red)}.case-story section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #c5c1b6}.case-story h3{font-size:11px;letter-spacing:.06em;font-weight:600;margin:0 0 17px}.case-story p{font-size:18px;line-height:1.65;margin:0}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin:0 7.5% 80px}.detail-photo{min-height:430px;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.45)}.type-study{padding:45px;display:flex;flex-direction:column;justify-content:space-between;min-height:430px;background:#203ac8;color:#f2edbd}.type-study.pink-study{background:#efafa9;color:#25221e}.type-study>span{font-size:11px;letter-spacing:.08em}.type-study h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,7vw,115px);line-height:.85;margin:30px 0;font-weight:800}.type-study p{font-size:13px;line-height:1.6;margin:0;max-width:260px}.case-end{padding:0 12% 90px;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.case-end h2{font-family:'DM Serif Display',Georgia,serif;font-size:38px;font-weight:400;margin:0}.case-end p{font-size:18px;line-height:1.6;margin:0}.next-project{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:60px 7.5%;background:var(--red);color:var(--cream)}.next-project span{font-size:11px;letter-spacing:.07em}.next-project h2{font-family:'DM Serif Display',Georgia,serif;font-size:60px;font-weight:400;margin:12px 0 0}.next-project b{font-weight:400;font-size:70px}.next-project:hover b{transform:translate(6px,-6px)}
@media(max-width:700px){.portfolio-page .masthead{height:125px}.work-intro{padding:36px 7% 42px;display:block}.work-intro h1{font-size:23vw}.work-intro-aside{width:100%;max-width:none;margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-intro-aside .handwriting{display:none}.work-intro-aside>p{font-size:16px;margin:0}.concept-note{font-size:9px}.concept-note span{font-size:11px}.project-section{padding:0 7% 55px}.collection-label{font-size:9px;padding-bottom:23px}.project-grid{grid-template-columns:1fr;gap:42px}.second-project{margin:0}.project-image,.second-project .project-image{aspect-ratio:4/4.2}.project-info h2{font-size:34px}.project-type{font-size:9px}.project-info p:last-child{font-size:13px}.portfolio-cta{padding:50px 7%}.portfolio-cta h2{font-size:62px}.cta-aside{display:none}.case-top{padding:24px 7% 24px}.back-work{margin-bottom:28px}.case-title-row{display:block}.case-title-row h1{font-size:23vw}.case-title-row>p{font-size:24px;margin-top:20px;max-width:250px}.case-meta{gap:20px;grid-template-columns:1fr 1fr;margin-top:28px}.case-meta>div:last-child{grid-column:1/-1}.case-meta dd{font-size:13px}.case-hero{margin:5px 0 0}.case-hero img{aspect-ratio:1/1.05}.case-hero figcaption{padding:13px 7%;font-size:10px;display:block}.case-hero figcaption span{display:block}.case-story{padding:50px 7% 25px;display:block}.case-story h2{font-size:44px;margin-bottom:40px}.case-story p{font-size:16px}.case-story section{margin-bottom:22px;padding-bottom:22px}.detail-grid{grid-template-columns:1fr;gap:15px;margin:0 7% 40px}.detail-photo{height:330px;min-height:0}.type-study{min-height:370px;padding:30px}.type-study h2{font-size:84px}.case-end{padding:0 7% 50px;display:block}.case-end h2{font-size:32px;margin-bottom:20px}.case-end p{font-size:16px}.next-project{padding:40px 7%}.next-project h2{font-size:44px}.next-project b{font-size:50px}}