/* Editorial layer: a magazine masthead, quiet media and a recurring question/answer. */
:root{--page-width:1536px;--gutter:clamp(24px,3.6vw,64px);--rule:#aab0a3}
body{font-weight:400}h1,h2,h3,p{text-wrap:pretty}a{touch-action:manipulation}
.masthead{max-width:var(--page-width);padding:10px var(--gutter) 0;margin:auto}
.masthead-title{display:block;width:max-content;max-width:100%;margin:auto;font:800 clamp(58px,8.5vw,130px)/1.05 var(--serif);letter-spacing:-.065em;text-align:center;white-space:nowrap;padding-right:.05em}
.masthead-subtitle{margin:8px 0 16px;text-align:center;font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase}
.masthead-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:3px double var(--rust);padding:14px 0 0}
.masthead-bar>p{margin:0;font:italic clamp(16px,1.45vw,22px)/1.4 var(--serif)}
.masthead nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,42px);font-size:13px;white-space:nowrap}
.masthead nav a:hover,.cover-byline a:hover{color:var(--rust)}
.masthead .join-link{border:0;padding:0}.masthead .join-link span{margin-left:8px}
.intro{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:4%;padding:28px var(--gutter) 36px;max-width:var(--page-width);align-items:center}
.intro-copy{padding:0 5% 0 0}
.intro h1{font-weight:600;font-size:clamp(48px,6.1vw,94px);line-height:1.09;letter-spacing:-.045em;margin:0 0 27px}
.intro h1 em{font-weight:500}
.intro-description{font-size:clamp(15px,1.12vw,17px);line-height:1.85;max-width:420px;margin:0 0 28px}
.intro-copy .primary-link{font-family:var(--serif);font-weight:500;font-size:18px;border-color:var(--rust);padding-bottom:5px;gap:25px}
.intro-copy .primary-link span{font-size:22px}
.cover-story{min-width:0}.cover-kicker{display:flex;gap:13px;align-items:center;margin-bottom:12px;font-size:10px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}
.cover-kicker i{height:1px;flex:1;background:var(--rule)}
.preview{position:relative;isolation:isolate;overflow:visible}
.media-link{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;background:#27352e;user-select:none;-webkit-user-drag:none}
.media-link>img,.preview-video{display:block;width:100%;height:100%;object-fit:contain;transform:none}
.preview-video{position:absolute;inset:0;opacity:0;pointer-events:none;clip-path:var(--poster-mask,polygon(0 0,0 0,0 0));transition:opacity .7s ease;background:transparent;will-change:opacity}
.preview.is-playing .preview-video{opacity:1}
.preview-toggle{position:absolute;z-index:2;bottom:16px;right:16px;display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #f6f1e4b3;border-radius:0;padding:10px 14px;background:#24372ef0;color:#fff;font-size:11px;font-weight:500;line-height:1.4;opacity:0;transition:opacity .2s,background .2s}
.preview:hover .preview-toggle,.preview:focus-within .preview-toggle,.preview.is-playing .preview-toggle,.preview.is-loading .preview-toggle{opacity:1}
.preview-toggle:hover{background:#16241c}.preview-toggle:focus-visible{outline-color:#f3da75;outline-offset:4px}
.preview-toggle[hidden]{display:none}
.preview-icon{display:inline-block;width:12px;height:12px;flex-shrink:0;border-left:8px solid currentColor;border-block:5px solid transparent}
.is-playing .preview-icon{border:0;border-inline:3px solid currentColor;width:9px;height:11px}
.is-loading .preview-icon{border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:preview-spin .8s linear infinite}
@keyframes preview-spin{to{transform:rotate(360deg)}}
.preview-status:empty{display:none}.preview-status{position:absolute;z-index:3;inset:auto 12px 70px;padding:10px 14px;background:var(--paper);color:var(--ink);font-size:13px}
.cover-caption{padding-top:13px}.cover-question{font:400 clamp(19px,1.95vw,30px)/1.35 var(--serif);letter-spacing:-.025em;margin:0 0 8px}
.cover-question strong,.scene-question strong{font-weight:700;color:var(--rust);white-space:nowrap}
.cover-question strong{margin-left:.12em}
.cover-byline{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;line-height:1.6}
.cover-byline a{display:inline-flex;gap:14px;border-bottom:1px solid var(--rust);padding-bottom:2px;white-space:nowrap}
.walk{max-width:var(--page-width);margin:auto}
.walk-heading{margin:0 var(--gutter);padding:30px 0 36px;grid-template-columns:.6fr 1.5fr 1fr;gap:24px;border-top:1px solid var(--rust);align-items:center}
.walk-heading .eyebrow{font-size:10px;letter-spacing:.2em;margin:0;padding:0}
.walk-heading h2{font-size:clamp(26px,2.6vw,40px);line-height:1.3;letter-spacing:-.035em}
.walk-heading h2 em{color:var(--ink)}
.walk-instructions p{font-size:12px;line-height:1.8;margin:0 0 6px}
.walk-instructions small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.touch-hint{display:none}
.scene{--scene-width:min(100%,calc((100svh - 210px)*1.5));padding:26px var(--gutter) 32px;background:#24372e;scroll-margin-top:0;color:var(--paper)}
.scene+.scene{border-top:1px solid #f6f1e42c}
.scene-inner{width:var(--scene-width);max-width:1200px;margin:auto}
.scene-location{display:flex;justify-content:flex-end;gap:20px;margin-bottom:12px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#d0d6c8}
.scene-image{width:100%;container-type:normal;margin:0}
.scene-caption{padding-top:20px}
.scene-question{font:400 clamp(23px,2.4vw,36px)/1.4 var(--serif);letter-spacing:-.025em;margin:0 0 17px}
.scene-question strong{color:#ecc4a5}
.scene-foot{width:100%;min-height:0;padding:16px 0 0;display:flex;gap:20px;align-items:center;border-top:1px solid #f6f1e435;border-bottom:0}
.scene-foot .scene-name{font:500 23px/1.3 var(--serif)}
.scene-foot .scene-job{font-size:12px;color:#d0d6c8}
.scene-story{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:12px}
.scene-story>span{font-size:22px;line-height:1}
.scene-foot:hover .scene-story{color:#ecc4a5}
.interlude{padding:65px var(--gutter);gap:40px;border:0}
.interlude p{font-style:normal;font-size:clamp(24px,2.6vw,38px);letter-spacing:-.025em;max-width:none}
.interlude p em{color:var(--rust)}
.about{max-width:1440px;margin:auto;gap:8%;padding:100px var(--gutter)}
.about h2{font-size:clamp(32px,3vw,46px);line-height:1.25;letter-spacing:-.035em}
.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9}
.about-copy .about-line{font-size:24px!important}.about-line strong{color:var(--rust);font-weight:700}
footer{max-width:var(--page-width);margin:auto;padding-inline:var(--gutter);border-top:1px solid var(--line)}
footer .brand{font-size:30px;font-weight:700;letter-spacing:-.05em}footer p{max-width:270px;line-height:1.5}
.story-header-bar{max-width:var(--page-width);margin:auto;height:100px;border-bottom:3px double var(--rust)}
.story-header-bar .brand{font-size:36px;font-weight:700;letter-spacing:-.055em}
.story-header-bar .header-caption{font-size:9px;letter-spacing:.16em}
.hero-copy h1{font-weight:600}.hero-film blockquote{letter-spacing:-.025em}
@media(min-width:1600px){.masthead-title{font-size:130px}.intro h1{font-size:94px}}
@media(min-width:1051px) and (max-height:820px){
 .masthead-title{font-size:clamp(80px,7.8vw,110px)}
 .masthead-subtitle{margin:5px 0 12px;font-size:10px}
 .masthead-bar{padding-top:10px}.masthead-bar>p{font-size:17px}
 .intro{padding-top:22px;padding-bottom:26px}
 .intro h1{font-size:clamp(52px,5.1vw,70px);margin-bottom:21px}
 .intro-description{font-size:14px;line-height:1.75;margin-bottom:22px;max-width:365px}
 .cover-story{max-width:calc((100svh - 310px)*1.5);justify-self:end;width:100%}
 .cover-question{font-size:23px}
}
@media(max-width:1050px){
 .masthead-bar>p{max-width:330px;font-size:16px}.masthead nav{font-size:12px;gap:22px}
 .intro{gap:4%;padding-top:32px}.intro h1{font-size:clamp(42px,5.3vw,60px)}
 .intro-description{font-size:14px;line-height:1.8}.intro-copy .primary-link{font-size:16px}
 .cover-kicker{font-size:8px;letter-spacing:.12em}.cover-question{font-size:23px}
 .cover-byline{font-size:11px}.walk-heading{grid-template-columns:.7fr 1.3fr;gap:20px}
 .walk-heading .walk-instructions{grid-column:2}.walk-heading h2{font-size:30px}
 .walk-heading .walk-instructions p{margin:0 0 4px;font-size:12px}
}
@media(max-width:800px){
 .masthead{padding-top:24px}.masthead-title{font-size:clamp(42px,10.4vw,82px)}
 .masthead-subtitle{font-size:9px;letter-spacing:.21em;margin:12px 0 19px}
 .masthead-bar{flex-direction:column;gap:17px;padding:15px 0 0}
 .masthead-bar>p{max-width:none;text-align:center;font-size:17px}
 .masthead nav{justify-content:space-between;width:100%;gap:16px;font-size:13px}
 .masthead nav a{padding-block:6px}.masthead nav .join-link{padding-block:6px}
 .intro{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:32px var(--gutter) 36px}
 .intro-copy{padding:0}.intro h1{font-size:clamp(43px,7.8vw,66px);line-height:1.12;margin-bottom:19px}
 .intro h1 br:first-child{display:none}
 .intro-description{font-size:15px;max-width:540px;margin-bottom:20px;line-height:1.8}
 .intro-copy .primary-link{font-size:18px;gap:35px}.cover-story{width:100%}
 .cover-kicker{font-size:9px;letter-spacing:.12em}.cover-question{font-size:clamp(22px,4.2vw,30px)}
 .preview-toggle{opacity:1}.hover-hint{display:none}.touch-hint{display:block}
 .cover-byline{font-size:11px}.cover-caption{padding-top:15px}
 .walk-heading{display:block;padding:29px 0 32px}.walk-heading .eyebrow{margin-bottom:14px}
 .walk-heading h2{font-size:31px;margin-bottom:16px}.walk-instructions p{margin:0 0 7px}
 .scene{padding:22px 0 26px}.scene-inner{width:100%}.scene-location{padding:0 var(--gutter);font-size:9px;margin-bottom:13px}
 .scene-caption{padding:20px var(--gutter) 0}.scene-question{font-size:clamp(23px,4.4vw,32px);line-height:1.4;margin-bottom:18px}
 .scene-question strong{display:block;margin-top:5px}
 .scene-foot{display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding-top:15px}
 .scene-foot .scene-name{font-size:23px}.scene-foot .scene-job{grid-column:1;grid-row:2;font-size:11px}
 .scene-story{grid-column:2;grid-row:1 / 3;font-size:11px;gap:15px}.scene-story>span{font-size:21px}
 .interlude{padding:45px var(--gutter);gap:26px}.interlude p{font-size:25px}.interlude img{width:60px;height:84px}
 .about{padding:60px var(--gutter);gap:40px}.about-copy h2{font-size:35px}
 .story-header-bar{height:auto;min-height:96px;padding:20px 24px;gap:20px}.story-header-bar .brand{font-size:29px}
 .story-header-bar nav a:first-child,.story-header-bar nav a:nth-child(2){display:none}.story-header-bar nav{font-size:12px}
 footer{gap:22px}footer .brand{font-size:27px}
}
@media(max-width:430px){
 .masthead-bar>p{font-size:15px}.masthead nav{font-size:12px;gap:12px}.masthead-subtitle{font-size:8px;letter-spacing:.16em}
 .intro h1{font-size:43px}.intro h1 br:first-child{display:block}.intro h1 br:last-child{display:none}
 .cover-question strong{display:block;margin:4px 0 0}.cover-kicker{font-size:8px}.cover-byline{font-size:10px;gap:10px}
 .scene-story{max-width:130px;line-height:1.5}.preview-toggle{right:12px;bottom:12px;padding:9px 12px;font-size:10px}
 .interlude p{font-size:23px}.interlude{gap:22px}.about-copy h2{font-size:33px}
 .story-header-bar{flex-wrap:wrap}.story-header-bar nav{margin-left:auto}
}
@media(hover:none),(pointer:coarse){.preview-toggle{opacity:1}.hover-hint{display:none}.touch-hint{display:block}}
@media(prefers-reduced-motion:reduce){.preview-video{transition:none}.preview-toggle{opacity:1}.hover-hint{display:none}.touch-hint{display:block}}