/* 010: composition, not more overlays. Source-of-truth wordmark fit is in edition010.js */
.hero-title{left:4.5%!important;right:4.5%!important;top:49%!important;width:91%!important;max-width:91%!important;transform:translateY(-50%)!important;text-align:center!important;overflow:visible!important;contain:none!important}
.hero-title-line{box-sizing:border-box!important;display:block!important;position:relative!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;font-family:'Space Grotesk',Arial,sans-serif!important;font-weight:700!important;font-size:var(--word-size,12vw)!important;line-height:1.08!important;letter-spacing:-.095em!important;white-space:nowrap!important;transform:translate3d(0,var(--title-y,0px),0)!important;filter:drop-shadow(0 16px 26px #000b)!important;overflow:visible!important}
.hero-title-line .hero-outline{-webkit-text-stroke:1.4px #fff0f2;color:transparent}.hero-title-line .period{color:#bd5c7f}.hero-five{top:42%!important;opacity:.33!important}.hero-title-sub{margin-top:clamp(12px,2vw,24px)!important}
.outro{min-height:430px!important;padding:90px 4.5% 55px!important;background:radial-gradient(ellipse at 85% 40%,#461a2a55,transparent 55%),#110b10!important}.outro h2{font-size:clamp(46px,8.2vw,116px)!important;letter-spacing:-.085em!important;line-height:.93!important;margin:45px 0 70px!important;max-width:850px}.outro-mark{font-size:min(50vw,560px)!important;right:-4%!important;top:-15%!important;opacity:.5}
/* Photographs remain atmospheric; this is a single licensed photographic field rather than a row of thumbnails. */
.archive-section{background:radial-gradient(ellipse at 83% 5%,#4e203022,transparent 53%),#0a080a!important}.archive-section .archive-afterimage{position:absolute;pointer-events:none;z-index:0;right:-12%;top:1%;width:min(74vw,980px);height:min(90vw,850px);background:var(--archive-photo) center/cover no-repeat;filter:grayscale(1) contrast(1.65) brightness(.36) sepia(.35) hue-rotate(292deg);mix-blend-mode:screen;opacity:.28;mask-image:radial-gradient(ellipse 56% 65% at 60% 42%,black 0%,#0008 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 56% 65% at 60% 42%,black 0%,#0008 35%,transparent 78%);transform:translate3d(var(--archive-photo-x,0px),var(--archive-photo-y,0px),0) scale(1.05);transition:opacity .7s}.archive-section>.section-head,.archive-section>.archive-tools,.archive-section>.archive-grid,.archive-section>.archive-foot{position:relative;z-index:2}
/* More expressive interaction: cards have a soft focused bloom and independent inner-art movement. */
.tile{--hover-glow:0;transition:box-shadow .65s cubic-bezier(.16,1,.3,1),border-color .5s!important}.tile:hover,.tile:focus-visible{box-shadow:0 38px 110px #000b,0 0 75px color-mix(in srgb,var(--accent) 29%,transparent),inset 0 0 40px #b9516a13!important}.tile-art{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(var(--art-scale,1));transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s;filter:saturate(calc(1 + var(--hover-glow)*.35))}.tile:hover .tile-art{--art-scale:1.055}.tile-icon{transition:transform .75s cubic-bezier(.16,1,.3,1),filter .5s}.tile:hover .tile-icon{transform:translateY(-9px) scale(1.14)!important}
/* Menu is a layered reveal, and menu choices reveal a large responsive destination number. */
.menu{--nav-x:50%;--nav-y:50%}.menu::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 35% 45% at var(--nav-x) var(--nav-y),#b5526b25,transparent 90%);opacity:0;transition:opacity .7s}.menu.open::after{opacity:1}.menu-links a{transform-origin:left center}.menu-links a::after{content:attr(data-num);position:absolute;right:2vw;top:50%;font:700 clamp(55px,11vw,170px)/1 'Space Grotesk',sans-serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #e6a2bb38;opacity:0;transform:translate(25px,-40%) rotate(-8deg);transition:opacity .5s,transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.menu-links a:hover::after,.menu-links a:focus-visible::after{opacity:1;transform:translate(0,-50%) rotate(0)}
@media(max-width:700px){.hero-title{left:3%!important;right:3%!important;width:94%!important;max-width:94%!important}.hero-title-line{font-size:var(--word-size,12vw)!important}.outro h2{font-size:clamp(43px,10vw,76px)!important}.archive-section .archive-afterimage{right:-60%;width:140vw;opacity:.18}.menu-links a::after{display:none}}
@media(prefers-reduced-motion:reduce){.archive-section .archive-afterimage,.tile-art,.tile-icon,.menu::after{transition:none!important}}
