.exif-approach{--approach-open:0;--approach-copy:0;--summary-copy:0;--detail-loss:0;background:var(--ink-deep,#09251f);color:var(--cream,#f0e8dd);padding:clamp(78px,10svh,118px) 0 clamp(86px,11svh,128px);overflow:hidden}.exif-approach .wrap{width:min(1180px,90vw);margin:0 auto}.approach-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(24px,3vw,46px)}.approach-summary{font-family:var(--sans);font-weight:400;font-size:clamp(30px,8vw,39px);line-height:1.2;width:auto;margin:0;opacity:1;letter-spacing:-.03em}.approach-word{display:inline-block;opacity:calc(.08 + var(--summary-copy)*.92);transform:translate3d(calc(var(--wx)*(1 - var(--summary-copy))),calc(var(--wy)*(1 - var(--summary-copy))),0) rotate(calc(var(--wr)*(1 - var(--summary-copy))));filter:blur(calc((1 - var(--summary-copy))*8px));will-change:transform,opacity,filter}.approach-detail{position:relative;cursor:pointer;transition:filter .35s ease,opacity .42s ease,transform .5s cubic-bezier(.16,1,.3,1),text-decoration-color .35s ease;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:transparent;filter:blur(calc((1 - var(--summary-copy))*8px));opacity:calc(.08 + var(--summary-copy)*.92);transform:translate3d(calc(var(--wx)*(1 - var(--summary-copy))),calc(var(--wy)*(1 - var(--summary-copy))),0) rotate(calc(var(--wr)*(1 - var(--summary-copy))))}.approach-detail.detail-4{cursor:default;text-decoration:none}.exif-approach.is-attention-running .approach-summary{color:color-mix(in srgb,var(--cream,#f0e8dd) 86%,transparent)}.exif-approach.is-attention-running .approach-detail{color:inherit}.approach-detail.is-attention{color:var(--cream,#f0e8dd)!important;opacity:1!important;filter:none!important;transform:translateX(5px)!important;text-decoration-color:currentColor!important}.exif-approach.attention-complete .approach-detail:not(.detail-4){text-decoration-color:color-mix(in srgb,currentColor 22%,transparent)}.approach-detail.is-revealed,.approach-detail:hover,.approach-detail:focus{color:var(--cream,#f0e8dd)!important;filter:blur(0)!important;opacity:1!important;transform:translateX(4px)!important;text-decoration-color:currentColor!important;outline:none}.approach-detail.detail-4.is-revealed,.approach-detail.detail-4:hover,.approach-detail.detail-4:focus{transform:none!important}.approach-deck{display:flex;gap:clamp(8px,.8vw,12px);height:clamp(290px,31vw,380px);width:65%;max-width:770px;min-width:620px;flex:none}.approach-card{position:relative;flex:0 1 33.333%;min-width:0;border:0;border-radius:2px;background:var(--cream,#f0e8dd);color:var(--ink-deep,#09251f);padding:0;overflow:hidden;text-align:left;cursor:pointer;transition:flex-basis .48s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.exif-approach:not(.is-assembled) .approach-card{flex-basis:calc(33.333% - (var(--approach-open)*14.333%))}.exif-approach:not(.is-assembled) .approach-card.is-scroll-active{flex-basis:calc(33.333% + (var(--approach-open)*28.667%))}.exif-approach.is-assembled .approach-card{flex-basis:19%}.exif-approach.is-assembled .approach-card.is-active{flex-basis:62%}.approach-card-inner{position:absolute;inset:0;padding:clamp(22px,1.9vw,30px);display:flex;flex-direction:column}.approach-card-title{font-family:var(--font-serif);font-size:clamp(27px,2.6vw,41px);font-weight:400;letter-spacing:-.035em;line-height:.95;white-space:nowrap;position:absolute;left:50%;top:50%;margin:0;translate:-50% -50%;transform:rotate(-90deg);transform-origin:center;transition:transform .48s cubic-bezier(.16,1,.3,1)}.exif-approach:not(.is-assembled) .approach-card.is-scroll-active .approach-card-title{transform:rotate(calc(-90deg*(1 - var(--approach-open))))}.exif-approach.is-assembled .approach-card.is-active .approach-card-title{transform:rotate(0deg)}.approach-card-copy{max-width:470px;margin-top:auto;opacity:0;transform:translateY(14px);filter:blur(5px);pointer-events:none;transition:opacity .28s ease,transform .46s cubic-bezier(.16,1,.3,1),filter .38s ease}.exif-approach:not(.is-assembled) .approach-card.is-scroll-active .approach-card-copy{opacity:var(--approach-open);transform:translateY(calc((1 - var(--approach-open))*14px));filter:blur(calc((1 - var(--approach-open))*5px))}.exif-approach.is-assembled .approach-card.is-active .approach-card-copy{opacity:1;transform:none;filter:none;transition-delay:.1s}.approach-card-copy strong{display:block;font:500 clamp(19px,1.4vw,22px)/1.27 var(--sans);margin-bottom:11px}.approach-card-copy p{font:400 clamp(20.4px,1.5vw,24px)/1.46 var(--sans);margin:0;max-width:35ch}.approach-card-rule{height:1px;background:currentColor;opacity:.28;margin:0 0 15px}.approach-card-arrow{position:absolute;right:clamp(17px,1.6vw,24px);bottom:clamp(17px,1.6vw,24px);font:400 20px/1 var(--sans);opacity:.65;transition:transform .3s ease,opacity .3s ease}.exif-approach.is-assembled .approach-card.is-active .approach-card-arrow{transform:translateX(3px)}.approach-card:focus-visible{outline:1px solid var(--cream);outline-offset:4px}.gallery-chapter+.exif-approach{border:0!important;border-top:0!important;box-shadow:none!important;margin-top:-3px!important}.gallery-chapter+.exif-approach::before,.gallery-chapter+.exif-approach::after{border:0!important;box-shadow:none!important}
@media(min-width:860px){.approach-summary{font-size:clamp(25px,1.8vw,29px);line-height:1.4;letter-spacing:-.022em;width:clamp(420px,38%,500px);margin:0 0 clamp(4px,.7vw,10px)}.exif-approach.is-assembled.has-card-preview .approach-card.is-active{flex-basis:52%}.exif-approach.is-assembled .approach-card.is-preview{flex-basis:29%}.exif-approach.is-assembled .approach-card.is-preview .approach-card-title{transform:rotate(0deg)}.exif-approach.is-assembled .approach-card.is-preview .approach-card-copy{opacity:0;transform:translateY(14px);filter:blur(5px)}.exif-approach.is-assembled .approach-card.is-preview .approach-card-arrow{opacity:1;transform:translateX(4px)}}
@media(max-width:859px){.exif-approach{padding:64px 0 82px}.exif-approach .wrap{width:min(100% - 32px,680px)}.approach-layout{flex-direction:column;align-items:stretch;gap:38px}.approach-deck{flex-direction:column;width:100%;min-width:0;max-width:none;height:520px;gap:8px;order:1}.approach-summary{font-size:clamp(30px,8vw,39px);line-height:1.2;width:auto;max-width:19ch;margin:0;order:2;letter-spacing:-.03em}.approach-word{opacity:calc(.025 + var(--summary-copy)*.975);transform:translate3d(calc(var(--wx)*(1 - var(--summary-copy))*1.45),calc(var(--wy)*(1 - var(--summary-copy))*1.55),0) rotate(calc(var(--wr)*(1 - var(--summary-copy))*1.3));filter:blur(calc((1 - var(--summary-copy))*12px))}.approach-detail{filter:blur(calc((1 - var(--summary-copy))*12px));opacity:calc(.025 + var(--summary-copy)*.975)}.approach-detail.detail-4{filter:blur(calc((1 - var(--summary-copy))*12px));opacity:calc(.025 + var(--summary-copy)*.975)}.approach-card,.exif-approach:not(.is-assembled) .approach-card{width:100%;flex:0 1 calc(15% + ((1 - var(--approach-open))*18.333%))}.exif-approach:not(.is-assembled) .approach-card.is-scroll-active{flex-basis:calc(15% + (var(--approach-open)*55%))}.exif-approach.is-assembled .approach-card{flex-basis:15%}.exif-approach.is-assembled .approach-card.is-active{flex-basis:70%}.approach-card-title{position:absolute;left:50%;top:50%;translate:-50% -50%;transform:rotate(0);font-size:23px}.exif-approach:not(.is-assembled) .approach-card.is-scroll-active .approach-card-title,.exif-approach.is-assembled .approach-card.is-active .approach-card-title{transform:rotate(0);font-size:31px}.approach-card-copy strong{font-size:18px;line-height:1.25}.approach-card-copy p{font-size:17px;line-height:1.42;max-width:34ch}.approach-card-arrow{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.exif-approach{--approach-open:1;--approach-copy:1;--summary-copy:1;--detail-loss:0}.approach-card,.approach-card-title,.approach-card-copy,.approach-card-arrow,.approach-word{transition:none!important;filter:none!important;transform:none!important;opacity:1!important}}