/* Below-fold art direction. Approved hero and navigation remain untouched. */
.poster{position:relative;isolation:isolate;overflow:hidden;min-height:760px;height: min(900px,64vw);background:#f7f1e8;padding:42px 6%;color:#34312b;scroll-margin-top:0}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.poster-top{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:1.6px;line-height:1.6}.poster-top span:last-child{letter-spacing:1px}.poster h2{font:400 clamp(40px,4.1vw,64px)/1.4 var(--serif);letter-spacing:.03em;margin:18px 0 25px}.kicker{font-size:12px;letter-spacing:2px;color:#716859;margin:0}.body-copy{font-size:16px;line-height:2.05;color:#62594e;margin:0}.story-copy{position:absolute;top:24%;left:61%;right:5%}.margin-note{position:absolute;bottom:62px;left:6%;font-size:11px;letter-spacing:1px}.chapter-next{position:absolute;right:6%;bottom:60px;font-size:13px;border-bottom:1px solid #a19786;padding-bottom:8px}.experience-story .story-copy{left:6%;right:auto;top:14%;max-width:46%}.experience-story h2{font-size:clamp(38px,3.6vw,58px)}.experience-notes{position:absolute;left:6%;right:6%;bottom:40px;display:flex;justify-content:space-between;gap:30px}.experience-notes p{margin:0;display:flex;align-items:center;gap:16px}.experience-notes strong{font:400 21px var(--serif)}.experience-notes span{font-size:12px;color:#5d5448}.method-title{position:absolute;top:13%;left:6%}.method-title h2{font-size:clamp(38px,3.6vw,58px)}.method-intro{position:absolute;right:7%;top:17%;font-size:16px;line-height:2;color:#655c4e}.method-notes{position:absolute;bottom:55px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.method-notes span{border-bottom:1px solid #9c8e793d;padding-bottom:10px}.contact-story{min-height:680px;height:55vw;max-height:880px}.contact-copy{position:absolute;top:26%;left:8%;max-width:60%}.contact-copy h2{font-size:clamp(42px,4.2vw,62px)}.contact-email{display:inline-flex;gap:45px;align-items:center;font:clamp(18px,2.1vw,29px)/1.7 sans-serif;border-bottom:1px solid #8c8070;padding-bottom:9px;margin-top:10px}.contact-email span{font-size:23px}.contact-phone{font-size:13px;margin-top:22px;color:#6c6255}.contact-phone a{margin-left:14px}.closing-line{position:absolute;bottom:45px;left:8%;font:14px var(--serif);letter-spacing:2px}footer{background:#f7f1e8;border-top:1px solid #6e5f471c}
@media(min-width:1600px){.poster{height:900px}.story-copy{top:27%}.contact-story{height:830px}}
@media(max-width:1000px) and (min-width:601px){.poster{min-height:670px}.poster h2{font-size:40px}.body-copy,.method-intro{font-size:14px}.story-copy{left:60%;right:3%}.poster-top{font-size:9px}.experience-story .story-copy{max-width:48%}.experience-notes p{display:block}.experience-notes span{display:block;margin-top:8px}.method-intro{right:5%;top:16%;max-width:40%}.contact-email{font-size:22px}}
@media(max-width:600px){.poster{min-height:0;height:850px;padding:28px 7%}.poster-top{font-size:8px;letter-spacing:1px;align-items:flex-start}.poster-top span:last-child{max-width:120px;text-align:right;line-height:1.7}.poster h2{font-size:36px;line-height:1.4;margin:15px 0 20px}.kicker{font-size:10px;letter-spacing:1.4px}.body-copy{font-size:15px;line-height:1.95}.brand-story .scene{top:280px;height:550px;width:155%;object-fit:cover;object-position:left center}.brand-story .story-copy{top:105px;left:7%;right:7%}.brand-story .body-copy{position:absolute;top:510px;left:0;font-size:14px}.brand-story .margin-note{bottom:32px;left:7%;font-size:9px;letter-spacing:0}.brand-story .chapter-next{bottom:30px;font-size:10px;right:7%}.experience-story{height:840px}.experience-story .scene{top:285px;width:138%;left:-38%;height:480px;object-position:right center}.experience-story .story-copy{top:105px;left:7%;right:7%;max-width:none}.experience-story h2{font-size:34px}.experience-story .body-copy{font-size:14px}.experience-notes{left:7%;right:7%;bottom:33px;gap:18px;justify-content:space-between}.experience-notes p{display:block;max-width:30%}.experience-notes strong{font-size:20px}.experience-notes span{display:block;font-size:10px;line-height:1.7;margin-top:8px}.method-story{height:850px}.method-story .scene{top:255px;height:470px;width:150%;left:-25%;object-position:center}.method-title{top:102px;left:7%}.method-title h2{font-size:35px}.method-intro{top:auto;bottom:92px;left:7%;right:7%;font-size:14px;line-height:1.9;margin:0}.method-notes{bottom:26px;left:7%;right:7%;gap:16px;flex-wrap:wrap;justify-content:flex-start;font-size:9px;letter-spacing:0}.method-notes span{padding-bottom:4px}.contact-story{height:780px;max-height:none;min-height:0}.contact-story .scene{top:260px;left:-50%;width:150%;height:480px;object-position:right center}.contact-copy{top:110px;left:7%;right:7%;max-width:none}.contact-copy h2{font-size:35px}.contact-email{font-size:19px;gap:22px;margin-top:10px;max-width:100%}.contact-phone{font-size:12px}.closing-line{bottom:30px;left:7%;font-size:12px;letter-spacing:1px}}
@media(max-width:360px){.poster h2{font-size:32px}.poster-top{font-size:7px}.body-copy{font-size:13px}.contact-email{font-size:17px;gap:15px}.margin-note{max-width:170px;line-height:1.7}.experience-notes span{font-size:9px}}
@media(min-width:601px){.method-story .scene{top:170px;height:calc(100% - 170px)}}
@media(max-width:600px){.brand-story .scene{top:365px;height:410px}.brand-story .body-copy{top:160px}.brand-story .margin-note{bottom:35px}.method-story .scene{top:270px;height:410px}}
/* Blend photographic paper into the chapter, keeping object opacity intact. */
@media(min-width:601px){.method-story .scene{mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 91%,transparent)}}
@media(max-width:600px){
.poster .scene{mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 86%,transparent)}
.experience-story{height:910px}.experience-notes{bottom:26px;display:block;left:7%;right:7%}.experience-notes p{display:flex;max-width:none;align-items:baseline;gap:20px;margin-top:12px}.experience-notes strong{font-size:18px;width:40px;flex-shrink:0}.experience-notes span{font-size:12px;margin:0;line-height:1.6}
.method-story{height:890px}.method-story .scene{top:235px;height:420px}.method-intro{bottom:120px;font-size:14px}.method-notes{bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;font-size:12px}.method-notes span{border:0;padding:0}
.contact-story .scene{top:295px;left:-24%;width:124%;height:410px}.contact-copy{top:110px}.contact-copy h2{max-width:290px}.contact-story{height:750px}
}
@media(max-width:600px){.brand-story .margin-note{font-size:12px;line-height:1.8;max-width:64%;bottom:24px}.brand-story .chapter-next{font-size:11px;max-width:23%;line-height:1.6;bottom:29px}}