@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorant-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorant-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{--paper:#faf9f6;--ink:#242522;--muted:#71716a;--line:#d9d8d1;--listen-beige:#efe9de;--listen-taupe:#5b4e3e;--u:min(1px,calc(100vw / 1920));color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}p,h1,h2,h3,figure{margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:inherit;cursor:pointer}img,video{display:block}button,a,[tabindex]{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--listen-taupe);outline-offset:7px}main,.site-header,.site-bottom{width:100%;max-width:1920px;margin-inline:auto}.scene{width:100%;height:auto;isolation:isolate}.section{scroll-margin-top:24px}.hairline{flex-shrink:0;min-height:1px}.story-link{cursor:pointer}.story-link:hover{color:var(--listen-taupe)}.story-link:hover .text-node{text-decoration-color:var(--listen-taupe)}.story-link:hover h2,.story-link:hover h1{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.story-link:active{opacity:.7}.zoomable{cursor:zoom-in}.zoomable img{transition:filter .25s ease}.zoomable:hover img{filter:brightness(.965)}.media-box{overflow:hidden;flex-shrink:0}.private-media{pointer-events:none}.video-box{background:#171816}.video-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#171816}.gallery-scroll{overscroll-behavior-inline:contain;scrollbar-color:#a59b8d var(--listen-beige);scrollbar-width:thin;padding-bottom:12px}.gallery-scroll:focus-visible{outline-offset:2px}
.site-header{display:flex;justify-content:space-between;align-items:center;height:calc(117 * var(--u));padding-inline:calc(160 * var(--u));gap:32px}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-size:calc(34 * var(--u));line-height:1.1;white-space:nowrap;padding-bottom:calc(10 * var(--u));border-bottom:2px solid transparent}.wordmark[aria-current]{border-color:transparent}.main-nav{display:flex;gap:calc(32 * var(--u));align-items:center}.main-nav a{font-size:calc(18 * var(--u));line-height:1.5;color:var(--muted);white-space:nowrap;display:block;padding:calc(5 * var(--u)) 0 calc(12 * var(--u));border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.main-nav a:hover{color:var(--ink);border-bottom-color:var(--line)}.main-nav a[aria-current]{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}.menu-toggle{display:none}.site-bottom{padding:calc(32 * var(--u)) calc(160 * var(--u)) calc(48 * var(--u));display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:max(12px,calc(15 * var(--u)));color:var(--muted)}.site-bottom a:hover,.site-bottom button:hover{text-decoration:underline;text-underline-offset:5px}.copy-handle{font-size:15px;line-height:1.5;display:inline-block;width:max-content!important;max-width:100%;padding:10px 0;border-bottom:1px solid var(--line);color:var(--listen-taupe)}.copy-handle:hover{border-color:var(--ink)}
.skip-link{position:fixed;top:12px;left:12px;background:var(--ink);color:var(--paper);padding:14px 20px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,24px);opacity:0;pointer-events:none;z-index:110;background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:2px;font-size:14px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{margin:24px;font-size:14px;line-height:1.6}
.lightbox{border:0;padding:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;background:rgba(22,23,21,.96);color:var(--paper);overflow:hidden}.lightbox::backdrop{background:#171816}.lightbox figure{position:absolute;inset:74px 90px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.lightbox figure img{max-width:100%;max-height:calc(100% - 40px);width:auto;height:auto;object-fit:contain}.lightbox figcaption{max-width:800px;font-size:14px;line-height:1.5;text-align:center;color:#dfded8}.lightbox-close{position:absolute;top:24px;right:32px;z-index:2;font-size:15px;padding:10px}.lightbox-prev,.lightbox-next{position:absolute;top:48%;font-size:32px;padding:15px;z-index:2}.lightbox-prev{left:15px}.lightbox-next{right:15px}.not-found{padding:18vh 8vw;max-width:1400px}.not-found p{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.not-found h1{font:clamp(48px,7vw,108px)/1.05 'Cormorant Garamond',Georgia,serif;margin:30px 0}.not-found a{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:10px}
/* Responsive composition: columns reflow and keep readable type instead of shrinking a desktop canvas. */
@media(max-width:1050px){
  :root{--u:1px}.site-header{height:90px;padding-inline:28px;position:relative;z-index:30;background:var(--paper)}.wordmark{font-size:30px;padding-bottom:6px}.menu-toggle{display:flex;align-items:center;gap:13px;font-size:14px;min-height:44px}.menu-icon{width:21px;height:12px;border-top:1px solid;border-bottom:1px solid;position:relative}.menu-icon:after{content:'';position:absolute;inset:4.5px 0 auto;border-top:1px solid}.menu-toggle[aria-expanded=true] .menu-icon{border-bottom:0;transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{transform:translateY(-5.5px) rotate(90deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:90px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 28px 32px;gap:0;box-shadow:0 22px 25px -30px #555}.main-nav.open{display:flex;flex-direction:column;align-items:stretch}.main-nav a{font-size:18px;padding:16px 0;border-bottom:1px solid var(--line);width:100%}.main-nav a[aria-current]{color:var(--listen-taupe);border-bottom-color:var(--listen-taupe)}
  .scene,.section,.layout-row,.layout-col,.text-node{max-width:100%;height:auto!important;min-height:0;width:100%!important}.section{padding-left:28px!important;padding-right:28px!important;padding-top:48px!important;padding-bottom:48px!important;overflow:visible!important}.section:has(>.hairline:only-child){padding-top:0!important;padding-bottom:0!important}.layout-row{flex-direction:column;gap:30px!important;align-items:flex-start!important;overflow:visible!important}.layout-col{gap:clamp(12px,calc(var(--gap,24) * .5px),32px)!important;overflow:visible!important}.text-node{font-size:clamp(16px,calc(var(--font,24) * .75px),26px);white-space:normal!important;overflow:visible!important;line-height:1.6}.text-node.serif{font-size:clamp(24px,calc(var(--font,38) * .72px),38px);line-height:1.15}.text-node.display-type{font-size:clamp(38px,calc(var(--font,64) * .68px),76px);line-height:1.08}.text-node.small-type{font-size:13px;line-height:1.6}.text-node h1,.text-node h2,.text-node p{font-size:inherit;line-height:inherit;max-width:100%}.hairline{width:100%!important;height:1px!important}.media-box{width:100%!important;height:auto!important;max-width:100%;aspect-ratio:var(--w,1)/var(--h,1)}.media-box img{max-width:none}.section>.media-box{width:100%!important}.breadcrumb{flex-direction:row!important;flex-wrap:wrap;gap:10px!important;font-size:11px!important}.breadcrumb>*{width:auto!important;font-size:11px!important}.breadcrumb a,.breadcrumb a .text-node{font-size:11px!important;max-width:100%}.metadata{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}.metadata>.layout-col{width:100%!important}.metadata .text-node{font-size:14px!important;line-height:1.45}.metadata .small-type{font-size:10px!important;letter-spacing:.04em}.footer-row{gap:18px!important}.site-bottom{padding:28px;gap:18px;flex-wrap:wrap;font-size:12px}.site-bottom span{flex-basis:100%}.copy-handle{font-size:14px!important;min-height:44px}.gallery-scroll{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:16px}.gallery-scroll>.layout-row{width:max-content!important;max-width:none;flex-direction:row!important;gap:20px!important}.gallery-scroll>.layout-row>.layout-col{width:clamp(260px,70vw,420px)!important;flex-shrink:0}.gallery-scroll .media-box{aspect-ratio:var(--w)/var(--h)}
  /* Preserve intentional document crops at all widths. */
  .media-box .positioned{--crop-u:calc((100vw - 56px) / var(--w,850));max-width:none}.private-media{filter:blur(5px)!important}.lightbox figure{inset:80px 42px 60px}.lightbox-close{right:15px}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-prev,.lightbox-next{font-size:25px;padding:8px}
  [data-name='Growth chart — editable']{overflow-x:auto!important;display:block;width:100%!important;height:260px!important;--u:.43px}
}
@media(min-width:650px) and (max-width:1050px){.section{padding-inline:52px!important;padding-block:64px!important}.media-box{max-width:820px}.text-node.display-type{font-size:clamp(42px,calc(var(--font,64) * .72px),88px)}.site-header{padding-inline:52px}.main-nav{padding-inline:52px}.site-bottom{padding-inline:52px}.metadata .text-node{font-size:16px!important}}
@media(max-width:420px){.section{padding-inline:22px!important}.site-header{padding-inline:22px}.metadata{grid-template-columns:1fr;gap:22px!important}.metadata>.layout-col{gap:6px!important}.text-node.display-type{font-size:clamp(36px,calc(var(--font,64) * .55px),64px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.growth-chart{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a59b8d var(--listen-beige)}.growth-chart-inner{width:100%;min-width:600px}.growth-chart img{width:100%;height:auto}
h1,h2,h3{font-size:inherit;line-height:inherit}
.film-thumbnail{display:block;cursor:pointer}.film-thumbnail:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#faf9f6e8;color:var(--ink);font-size:20px;padding-left:3px}.film-thumbnail:hover:after{background:#fff}.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(max-width:1050px){.story-link{max-width:100%;width:100%!important}.media-box{overflow:hidden!important}.media-box>.media-box.positioned{top:var(--crop-top,0)!important;left:0!important}.film-thumbnail:after{width:52px;height:52px;font-size:17px}}
.site-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:calc(18 * var(--u));font-size:calc(14 * var(--u));line-height:1.6;color:var(--muted);width:100%}.site-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.site-breadcrumb{font-size:11px;gap:9px}.site-breadcrumb a,.site-breadcrumb span{width:auto!important;max-width:100%}.section[data-name='Breadcrumb & return']{padding-top:24px!important;padding-bottom:24px!important}}
/* A viewport narrower than its content makes every collection truly scrollable. */
.gallery-scroll{width:calc(1600 * var(--u))!important;max-width:100%;min-width:0;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;cursor:grab;touch-action:pan-x pan-y}
.gallery-scroll>.layout-col{flex:0 0 calc(var(--w,490) * var(--u));width:calc(var(--w,490) * var(--u))!important;max-width:none;scroll-snap-align:start}
.gallery-scroll .zoomable{cursor:grab}.gallery-scroll.is-dragging{scroll-snap-type:none;user-select:none}.gallery-scroll.is-dragging,.gallery-scroll.is-dragging *{cursor:grabbing!important}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:calc(1600 * var(--u));margin-top:calc(-28 * var(--u));font-size:max(12px,calc(15 * var(--u)));color:var(--muted)}.gallery-actions{display:flex;align-items:center;gap:12px}.gallery-position{font-variant-numeric:tabular-nums;margin-right:8px;white-space:nowrap}.gallery-actions button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:22px;color:var(--ink)}.gallery-actions button:hover:not(:disabled){background:var(--listen-beige);border-color:#a59b8d}.gallery-actions button:disabled{opacity:.3;cursor:default}
@media(max-width:1050px){.gallery-scroll{width:100%!important;gap:20px!important}.gallery-scroll>.layout-col{flex:0 0 clamp(260px,70vw,420px);width:clamp(260px,70vw,420px)!important}.gallery-controls{max-width:100%;margin-top:-8px;gap:12px;font-size:12px}.gallery-actions{gap:8px}.gallery-hint{max-width:110px;line-height:1.5}.gallery-position{margin-right:0}}
.gallery-scroll>.layout-col:last-child{scroll-snap-align:end}
/* Focus the runway opening on the complete outfits, with less stage backdrop. */
#n-111-134>img{transform:translateX(-6%) scale(1.38);transform-origin:left bottom;object-position:center}
.chapter-entry{cursor:pointer}.chapter-entry>:last-child{transition:transform .2s ease,color .2s ease}.chapter-entry:hover>:last-child,.chapter-entry:focus-visible>:last-child{transform:translate(3px,-3px);color:var(--listen-taupe)}.chapter-entry:hover .display-type,.chapter-entry:focus-visible .display-type{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.inline-film .film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#faf9f6ed;color:var(--ink);box-shadow:0 2px 14px #00000014;font-size:22px;padding-left:3px;transition:background .2s ease,box-shadow .2s ease}.inline-film .film-play:hover{background:#fff;box-shadow:0 3px 18px #00000028}.inline-film .film-play[hidden]{display:none}
@media(max-width:1050px){.inline-film .film-play{width:52px;height:52px;font-size:18px}}
@media(max-width:1050px){[data-page='pause-repeat-ask'] [data-name='The listening practice / Conversation study']{padding:28px!important}}