/* Chosen gallery direction. Relative type sizes preserve browser text preferences. */
:root{--type-small:.875rem;--type-ui:1rem;--type-body:1.125rem;--space:1.5rem}
body.catalog,body.report-detail{--plum:#111111;color:#111111;font-size:var(--type-body);line-height:1.6}
.catalog :is(h1,h2,h3),.report-detail :is(h1,h2){font-weight:400;letter-spacing:-.03em;line-height:1.15}
:is(.catalog,.report-detail) :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--plum);outline-offset:4px;box-shadow:0 0 0 3px #fff}
:is(.catalog-footer,.gallery-end,dialog) :is(a,button,[tabindex]):focus-visible{outline-color:var(--lime);box-shadow:0 0 0 3px #442938}
.skip-link{position:fixed;top:-200px;left:16px;padding:12px;background:var(--lime);z-index:100}
.skip-link:focus{top:12px}
.logo-link{display:flex!important;align-items:center;justify-content:center;min-height:44px}
:is(.catalog,.report-detail) .masthead{height:auto;min-height:88px;gap:24px;padding-block:16px}
:is(.catalog,.report-detail) .masthead>a{font-size:var(--type-ui);min-height:44px;display:inline-flex;align-items:center}
:is(.catalog,.report-detail) .masthead>span{font-size:var(--type-small);letter-spacing:.06em}
.masthead .account{justify-self:end}
:is(.catalog,.report-detail) .eyebrow{font-size:var(--type-small);line-height:1.5;letter-spacing:.08em;font-weight:600}
.catalog main{max-width:1600px;margin:auto;padding:0 40px}
.catalog-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:56px 0 48px;gap:32px}
.catalog-intro h1{font-size:clamp(3rem,2rem + 4vw,5.5rem);margin:16px 0 0;max-width:100%;overflow-wrap:break-word}
.catalog-intro>p{font-size:1.25rem;line-height:1.6;margin-bottom:4px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
.cover-link{display:block;position:relative;background:#f0edf0}
.cover-link>img{width:100%;height:auto;aspect-ratio:1400/990;object-fit:contain}
.cover-action{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:24px;background:var(--lime);padding:12px 16px;font-size:var(--type-ui);font-weight:600;min-height:48px}
.cover-action>span{font-size:1.5rem;line-height:1}
.cover-link:hover .cover-action{background:#fff}
.card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:20px;font-size:var(--type-ui);line-height:1.5;letter-spacing:normal}
.card-meta>span:first-child{font-weight:600}
.card-title{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-top:8px}
.card-title h3{font-size:clamp(1.5rem,1.25rem + .8vw,2rem);min-width:0;overflow-wrap:break-word}
.card-title h3 a{display:block;min-height:44px;max-width:100%;overflow-wrap:anywhere;padding-block:4px}
.card-arrow{font-size:1.75rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end}
.catalog-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 0;margin-top:56px;border-top:1px solid var(--line);font-size:var(--type-ui)}
.catalog-bottom>a{min-height:44px;display:inline-flex;align-items:center}
.catalog-footer{padding:32px 40px;background:#442938;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;font-size:var(--type-small)}
.catalog-footer>img{width:180px;filter:brightness(0) invert(1);height:auto}
.catalog-footer>div{display:flex;flex-wrap:wrap;gap:24px}
.catalog-footer a{font-size:var(--type-ui);min-height:44px;min-width:44px;display:inline-flex;align-items:center}
/* Report typography and the image controls use the same scale as the catalog. */
.report-detail .gallery{grid-template-columns:minmax(0,33fr) minmax(0,62fr);gap:5%;padding-top:40px}
.report-detail .gallery-story{min-width:0}
.report-detail .gallery-story:has(details[open]){position:static}
.report-detail .gallery-story h1{font-size:clamp(2.5rem,1.5rem + 2.5vw,4rem);overflow-wrap:break-word;margin:24px 0}
.report-detail .gallery-story .detail-guide{font-size:var(--type-body);line-height:1.6}
.report-detail .buy{font-size:var(--type-ui);line-height:1.5;min-height:52px;padding:14px 20px;gap:24px;max-width:100%}
.report-detail .buy span{flex-shrink:0}
.about-report{margin-top:24px;max-width:65ch;font-size:var(--type-body);border-block:1px solid var(--line)}
.about-report summary{padding:16px 0;min-height:48px;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:var(--type-ui);font-weight:600}
.about-report p{padding:0 0 24px;line-height:1.65}
.about-report[open] summary>span{visibility:hidden}
.about-report[open] summary::after{content:'−'}
.report-detail .jump,.back-to-reports{font-size:var(--type-ui);display:inline-flex;align-items:center;min-height:44px;margin-top:24px}
.report-detail .gallery-slides figcaption{font-size:var(--type-small);display:flex;flex-wrap:wrap;gap:4px 16px;line-height:1.5;margin-top:8px}
.report-detail figcaption button{font-size:var(--type-ui);padding:10px 0 10px 12px;min-height:44px;min-width:44px}
.report-detail .gallery-end{padding:40px}
.report-detail .gallery-end h2{font-size:clamp(2rem,1.5rem + 2vw,3rem);margin:24px 0}
.report-detail .gallery-end p{font-size:var(--type-body);line-height:1.6}
/* Auto-sized toolbar rows stay visible with enlarged text and in landscape. */
.report-detail dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.report-detail .dialog-head{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 24px;gap:8px 16px;font-size:var(--type-ui);line-height:1.5}
.report-detail .dialog-head>div{display:flex;flex-wrap:wrap;gap:8px}
.report-detail .dialog-head button{min-height:44px;margin:0;padding:8px 12px;font-size:var(--type-ui);border-color:#b29baa}
.report-detail .dialog-foot{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 24px;gap:8px 16px}
.report-detail .dialog-foot button{min-width:44px;min-height:44px;border-color:#b29baa}
.report-detail .image-scroll{height:100%;min-height:0;overscroll-behavior:contain}
.report-detail .image-scroll.zoomed img{width:var(--slide-width,1400px)}
.report-detail .dialog-foot .buy{font-size:var(--type-ui)}
@media(max-height:800px){.report-detail .gallery-story{position:static}}
@media(max-width:900px){.report-detail .gallery{display:block}.report-detail .gallery-story{position:static;padding:0 0 32px}.report-detail .gallery-story h1{max-width:18ch}.report-detail .gallery-story .jump{display:none}.report-detail .gallery-story .buy{width:auto}.report-detail .about-report{max-width:65ch}}
@media(max-width:700px){
 :is(.catalog,.report-detail) .masthead{grid-template-columns:minmax(0,1fr) 140px;gap:16px;padding:12px 16px;min-height:72px}
 .catalog .masthead .account{display:none}
 .catalog main{padding:0 16px}
 .catalog-intro{display:block;padding:32px 0}
 .catalog-intro h1{font-size:2.5rem;margin-top:16px}
 .catalog-intro>p{font-size:var(--type-body);margin:16px 0 0}
 .catalog-intro>p br{display:none}
 .catalog-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .cover-action{position:static;justify-content:space-between;padding:12px 16px}
 .cover-link:hover .cover-action{background:var(--lime)}
 .card-meta{margin-top:16px;font-size:var(--type-small)}
 .card-title h3{font-size:1.75rem}
 .catalog-bottom{margin-top:32px;padding:24px 0}
 .catalog-footer{padding:24px 16px;gap:16px}
 .catalog-footer>img{width:160px}.catalog-footer>span{width:100%}
 .report-detail .gallery{padding:24px 16px 40px}
 .report-detail .gallery-story h1{font-size:2.5rem;line-height:1.15;margin:16px 0}
 .report-detail .gallery-story .buy{width:100%;margin-top:24px}
 .report-detail .about-report{margin-top:24px}
 .report-detail .gallery-end{padding:24px}
 .report-detail .dialog-head,.report-detail .dialog-foot{padding:8px 12px}
 .report-detail .dialog-foot .buy{padding:10px 12px;gap:12px}
}
@media(forced-colors:active){:is(.catalog,.report-detail) :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid Highlight;box-shadow:none}.buy,.cover-action{border:1px solid ButtonText}.catalog-filters button[aria-pressed=true]{border-color:Highlight}}

/* Airy catalog: homepage rhythm (112px), text links and square controls. */
.catalog main{max-width:1360px;padding-inline:48px}
.catalog-intro{padding:88px 0 64px;align-items:center}
.catalog-intro>p{max-width:24ch}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.catalog-grid{gap:112px 72px}
.card-meta{margin-top:24px;justify-content:flex-start;gap:24px}
.card-title{display:block;margin-top:12px}
.card-title h3{font-size:clamp(1.75rem,1.25rem + 1vw,2.125rem)}
.card-arrow{display:inline-flex;justify-content:flex-start;gap:24px;font-size:1rem;font-weight:600;min-height:48px;width:fit-content;max-width:100%;border-bottom:1px solid;margin-top:20px;padding:4px 0 8px}
.card-arrow span{font-size:1.5rem;line-height:1;flex-shrink:0}
.catalog-bottom{margin-top:112px;padding-block:40px}
.catalog .masthead .account{background:var(--plum);color:white;padding:10px 20px;min-height:44px}
@media(max-width:900px){.catalog main{padding-inline:32px}.catalog-grid{gap:80px 40px}}
/* Homepage tab language, with native season anchors rather than filtered panels. */
.season-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;border-top:1px solid #111;margin:8px 0 72px}
.season-tabs a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0 0;color:#111;min-width:0}
.season-kicker{font-size:.875rem;letter-spacing:.08em;line-height:1.5}
.season-name{margin-top:auto;font-size:1.75rem;line-height:1.3;letter-spacing:-.025em}
.season-track{display:block;width:100%;height:4px;background:#e7e7e7;margin-top:8px;position:relative}
.season-tabs a[aria-current] .season-kicker{font-weight:600}
.season-tabs a[aria-current] .season-track::before{content:'';position:absolute;left:0;top:0;height:100%;width:28%;background:#111}
.season-tabs a:hover .season-name{text-decoration:underline;text-underline-offset:.2em}
.season-section{scroll-margin-top:32px}
.season-section+.season-section{margin-top:144px}
.season-heading{margin-bottom:40px}
.season-heading h2{font-size:2.5rem;line-height:1.2}
.catalog .masthead .account{background:#501c3f;color:#fff}
@media(max-width:700px){.catalog main{padding-inline:24px}.catalog-intro{padding:48px 0 40px}.catalog-intro>p{margin-top:24px}.catalog-grid{gap:72px}.card-meta{margin-top:24px}.card-title h3{font-size:1.75rem}.card-arrow{margin-top:16px}.catalog-bottom{margin-top:72px;padding-block:32px}.season-tabs{gap:24px;margin:0 0 48px}.season-tabs a{padding-top:20px;gap:12px}.season-kicker{letter-spacing:.04em}.season-name{font-size:1.5rem}.season-section+.season-section{margin-top:96px}.season-heading{margin-bottom:32px}.season-heading h2{font-size:2rem}}

/* Shared motion language: quiet, interruptible, never required for navigation. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-control:220ms;--motion-page:180ms;--motion-close:140ms;--motion-image:160ms}
.season-track::before{content:'';position:absolute;inset:0 auto 0 0;width:28%;background:#111;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-control) var(--motion-ease)}
.season-tabs a[aria-current] .season-track::before{transform:scaleX(1)}
:is(.card-arrow,.buy)>span{display:inline-block;transition:transform var(--motion-control) var(--motion-ease)}
:is(.buy,.account,.dialog-head button,.dialog-foot button){transition:background-color var(--motion-control) var(--motion-ease),border-color var(--motion-control) var(--motion-ease)}
:is(.card-arrow,.buy):focus-visible>span{transform:translate(3px,-3px)}
@media(hover:hover){:is(.card-arrow,.buy):hover>span{transform:translate(3px,-3px)}.buy:hover{background:#f1f49a}.dialog-head button:hover,.dialog-foot button:not(:disabled):hover{background:#ffffff18}}
:is(.buy,.account,button):active{filter:brightness(.92)}
.dialog-foot button:disabled{opacity:.35;cursor:default}
.reader-status{max-width:100%;color:#fff;font-size:1rem;line-height:1.5}
.reader-status:empty{display:none}
.image-scroll{position:relative}
.reader-status button{margin-left:12px;min-height:44px;padding:8px 12px;border:1px solid currentColor}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 @view-transition{navigation:auto}
 ::view-transition-old(root),::view-transition-new(root){animation-duration:var(--motion-page);animation-timing-function:var(--motion-ease)}
 .about-report[open]>p{animation:report-reveal var(--motion-page) var(--motion-ease)}
}
@keyframes report-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 @view-transition{navigation:none}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 :is(.card-arrow,.buy)>span{transform:none!important}
}