/* TOMASZ BARAN / INTERACTIVE EDITION
   Large photographs and measured movement. Native page scrolling throughout. */
:root { --scene-paper: #F4F4EF; --scene-dark: #272F22; --scene-lime: #CDF547; --editorial: Georgia, 'Times New Roman', serif; }
body { background: var(--scene-paper); }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.contour-surface { position: relative; isolation: isolate; }
.contour-surface:before { content: ''; pointer-events: none; position: absolute; inset: -30px; background: url('../images/contours.svg') center / max(100%, 1100px) auto; opacity: .36; transform: translate3d(var(--contour-x,0px),var(--contour-y,0px),0); z-index: -1; }
.cinematic-header { position: fixed; height: 88px; padding: 18px 24px; color: #262E24; }
.name-lockup { font-size: 23px; letter-spacing: -1px; line-height: .86; display: flex; flex-direction: column; }
.name-lockup > span { font: 400 25px/.86 var(--editorial); letter-spacing: -1.5px; }
.name-lockup strong { font-family: var(--body); font-size: 25px; letter-spacing: -1.6px; }
.header-monogram { position: absolute; left: 50%; top: 25px; transform: translateX(-50%) rotate(10deg); font: italic 800 26px/1 var(--body); letter-spacing: -4px; }
.header-tools { display: flex; align-items: center; gap: 9px; }
.store-button { min-height: 44px; padding: 13px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--scene-lime); color: #192514; border: 0; border-radius: 8px; font: 700 14px/1.5 var(--display); letter-spacing: .1px; }
.store-button:hover { background: #DDF98B; }
.cinematic-header .menu-toggle { display: grid; place-items: center; width: 44px; min-height: 44px; padding: 0; border-radius: 8px; background: #F4F4EFE8; border: 1px solid #3F493A; color: #263321; }
.menu-symbol { display: block; width: 17px; height: 14px; position: relative; }
.menu-symbol i { display: block; height: 1.5px; width: 17px; background: currentColor; position: absolute; top: 4px; }
.menu-symbol i + i { top: 10px; width: 10px; }
.cinematic-header.over-dark { color: var(--scene-paper); }
.menu-dialog { background: var(--scene-dark); }
.menu-head { margin-bottom: 30px; }
.menu-dialog nav a { font-size: clamp(30px,6vw,54px); min-height: 56px; padding: 10px 0; }
.menu-dialog nav a[aria-current=page] { color: var(--scene-lime); }

/* PORTRAIT / MOUSE REVEAL */
.cinematic-hero { height: 100svh; min-height: 780px; max-height: 1200px; overflow: hidden; background: #FBFCF7; }
.cinematic-hero .portrait-stage { z-index: 2; width: min(84vw,970px); height: 95%; bottom: 16px; }
.cinematic-hero .portrait { filter: drop-shadow(4px 7px 10px #29312218); }
.hero-smallprint { position: absolute; z-index: 3; left: 24px; right: 24px; top: 117px; display: flex; justify-content: space-between; gap: 20px; font-size: 13px; letter-spacing: 1px; line-height: 1.7; color: #56604E; }
.hero-side-note { position: absolute; z-index: 3; left: 30px; bottom: 180px; width: 165px; }
.hero-side-note .eyebrow { font-size: 13px; line-height: 1.8; }
.hero-side-note a { display: flex; justify-content: space-between; font-size: 14px; padding: 14px 0; margin-top: 9px; border-bottom: 1px solid #46523D55; }
.next-chapter { position: absolute; z-index: 3; right: 30px; bottom: 180px; display: flex; flex-direction: column; align-items: center; border: 1px solid #78896D70; border-radius: 20px 4px 4px 4px; padding: 18px 17px; width: 125px; background: #FBFCF7AA; }
.next-chapter > span { font-size: 13px; letter-spacing: .8px; }
.next-chapter strong { font: 700 39px/1 var(--display); margin: 16px 0; }
.next-chapter small { font-size: 13px; letter-spacing: .4px; text-align: center; }
.cinematic-hero-bottom { position: absolute; z-index: 4; left: 25px; right: 25px; bottom: 22px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.cinematic-hero-bottom .mode-button { background: #FBFCF7DD; }
.cinematic-hero-bottom .mode-button[aria-pressed=true] { background: var(--scene-dark); }
.cinematic-hero-bottom .photo-note { max-width: 185px; }

/* THE STATEMENT / SIGNATURE */
.statement-scene { min-height: 950px; height: 110svh; max-height: 1400px; color: var(--scene-paper); background: var(--scene-dark); overflow: hidden; display: grid; place-items: center; }
.statement-scene:before { opacity: .23; }
.scene-eyebrow { position: absolute; top: 115px; left: 50%; transform: translateX(-50%); color: var(--scene-lime); font-size: 13px; white-space: nowrap; }
.moving-words { position: absolute; width: 100%; top: 32%; overflow: visible; color: #DCE2D1; }
.moving-words > span { display: block; white-space: nowrap; font: 800 clamp(65px,10.5vw,180px)/.95 var(--body); letter-spacing: -5px; }
.moving-words > span:first-child { font: 400 clamp(70px,11vw,188px)/1 var(--editorial); letter-spacing: -5px; color: #AFC74A; }
.statement-photo { position: relative; width: min(31vw,420px); height: min(45vw,550px); margin-top: -30px; }
.statement-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 39%; filter: grayscale(1); opacity: .68; }
.statement-signature { position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%) rotate(-7deg); z-index: 3; width: min(66vw,900px); min-height: 100px; display: grid; place-items: center; }
.signature-placeholder { display: inline-block; padding: 12px 18px; border: 1px solid #C7F55266; color: #D0E290; background: #263020D9; font: 500 13px/1.7 var(--body); letter-spacing: 1.2px; }
[data-signature] { max-width: 100%; max-height: 280px; width: auto; height: auto; object-fit: contain; }
.statement-note { position: absolute; bottom: 145px; left: 50%; transform: translateX(-50%); text-align: center; font: 400 clamp(18px,2vw,28px)/1.3 var(--editorial); width: min(85%,500px); color: #E5E9DD; }
.statement-more { position: absolute; bottom: 72px; font-size: 13px; letter-spacing: 1px; border-bottom: 1px solid #E7ECDD77; padding: 12px 0; }

/* DOWNWARD SCROLL -> SIDEWAYS GALLERY. JS ONLY ENABLES PINNING ON LARGE SCREENS. */
.horizontal-story { background: var(--scene-dark); color: var(--scene-paper); position: relative; }
.gallery-window { padding: 65px 0 45px; position: relative; overflow: hidden; }
.horizontal-story.is-pinned .gallery-window { position: sticky; top: 0; height: 100svh; padding-top: 100px; display: flex; flex-direction: column; }
.gallery-heading { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 5%; gap: 25px; margin-bottom: 35px; }
.gallery-heading .eyebrow { font-size: 13px; color: #B5C2A5; }
.gallery-heading h2 { font: 700 clamp(30px,3vw,49px)/1.1 var(--body); margin-top: 13px; letter-spacing: -1.7px; }
.gallery-heading h2 em { font: italic 400 1.2em var(--editorial); }
.gallery-controls { display: flex; gap: 7px; }
.gallery-controls button { height: 42px; width: 42px; border: 1px solid #DCE6CD66; background: transparent; color: var(--scene-paper); border-radius: 50%; font-size: 19px; }
.gallery-controls button:disabled { opacity: .3; cursor: default; }
.gallery-rail { display: flex; align-items: center; gap: clamp(45px,8vw,130px); padding: 0 7%; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #98AC62 transparent; }
.horizontal-story.is-pinned .gallery-rail { overflow: visible; padding-bottom: 0; flex: 1; min-height: 0; scroll-snap-type: none; }
.horizontal-story.is-pinned .moment-image { height: clamp(220px, calc(100svh - 380px), 560px); }
.moment { flex-shrink: 0; width: clamp(270px,31vw,480px); scroll-snap-align: center; padding-bottom: 22px; }
.moment-caption { display: block; font: 500 13px/1.7 var(--body); letter-spacing: .9px; margin-bottom: 11px; }
.moment-image { width: 100%; height: clamp(340px,46svh,620px); overflow: hidden; position: relative; transform-origin: center; }
.moment-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 37%; }
.moment > p { font: 400 16px/1.5 var(--editorial); margin-top: 15px; color: #DDE4D0; }
.moment-person { width: clamp(240px,26vw,390px); }
.moment-person .moment-image img { filter: grayscale(1); opacity: .85; }
.moment-quote { width: clamp(280px,30vw,450px); padding: 0; }
.moment-quote > p { font: 400 clamp(27px,3.2vw,49px)/1.02 var(--editorial); letter-spacing: -1.3px; color: #EFF2E8; }
.moment-quote em { color: var(--scene-lime); font-family: var(--editorial); font-weight: 400; }
.moment-quote a { display: inline-block; margin-top: 35px; padding-bottom: 10px; border-bottom: 1px solid #CCD5BC77; font-size: 13px; letter-spacing: .7px; }
.moment-football { width: clamp(290px,36vw,560px); }
.football-placeholder { background: #D3DCC6; }
.football-placeholder img { object-fit: contain; }
.slot-label { position: absolute; bottom: 15px; left: 15px; right: 15px; padding: 7px; font-size: 13px; letter-spacing: .6px; color: #35472A; background: #F0F5E5D9; text-align: center; }
.work-placeholder { background: #111C16; }
.gallery-code { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 10%; }
.gallery-code > small { font-size: 13px; letter-spacing: 1.1px; color: #AFBDA4; }
.gallery-code > strong { font: 700 clamp(45px,7vw,100px)/1 var(--body); letter-spacing: -5px; margin: 35px 0; color: #F1F5EA; }
.gallery-code > strong > span { color: #00D084; font-size: .6em; vertical-align: top; }
.gallery-code > span { color: #00D084; font: 700 35px/1 var(--display); }
.gallery-code > small:last-child { margin-top: 35px; font-size: 13px; }
.moment-outro { width: clamp(300px,40vw,620px); padding-right: 30px; }
.moment-outro h3 { font: 700 clamp(45px,5vw,80px)/1 var(--display); margin-top: 30px; }
.moment-outro h3 em { color: var(--scene-lime); }
.moment-outro .line-link { font-family: var(--body); }
.gallery-progress { height: 1px; margin: 22px 5% 0; background: #D7DFC126; }
.gallery-progress > span { display: block; height: 100%; background: var(--scene-lime); transform: scaleX(var(--gallery-progress,0)); transform-origin: left; }
.gallery-instruction { margin: 13px 5% 0; font: 500 13px/1.6 var(--body); letter-spacing: .8px; color: #B3C09F; }
.horizontal-story.is-pinned.is-active .gallery-rail { will-change: transform; }

/* THE TWO SIDES */
.pitch-or-project { min-height: 850px; height: 100svh; max-height: 1100px; overflow: hidden; background: #ECEEE3; display: grid; place-items: center; }
.world-figure { position: absolute; width: 39%; height: 93%; bottom: 0; z-index: 1; pointer-events: none; }
.world-figure img { width: 100%; height: 100%; object-fit: cover; }
.world-figure-football { left: -6%; }
.world-figure-football img { object-fit: contain; object-position: right bottom; transform: rotate(5deg); }
.world-figure-person { right: -6%; height: 85%; width: 32%; overflow: hidden; border-radius: 50% 0 0 0; }
.world-figure-person img { object-position: 45% 35%; }
.world-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; width: min(55%,700px); z-index: 2; text-align: center; }
.world-choice h3 { font: 800 clamp(42px,5.5vw,88px)/.88 var(--body); letter-spacing: -3px; }
.world-choice h3 em { font: 400 1em/.9 var(--editorial); letter-spacing: -4px; }
.world-choice p { font-size: 14px; line-height: 1.65; margin: 22px auto 15px; max-width: 210px; }
.square-arrow { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--scene-lime); border-radius: 7px; font-size: 23px; transition: transform .25s; }
.world-choice a:hover .square-arrow { transform: rotate(8deg); }
.world-preview-label { position: absolute; bottom: 20px; left: 25px; font-size: 13px; letter-spacing: .7px; z-index: 2; color: #55644A; }
.current-project { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: center; padding: 100px 7%; overflow: hidden; background: var(--scene-dark); color: var(--scene-paper); }
.current-project h2 { font: 800 clamp(52px,6vw,100px)/.92 var(--body); letter-spacing: -4px; margin-top: 35px; }
.current-project h2 em { font: 400 1em var(--editorial); letter-spacing: -4px; color: #BBCC79; }
.current-project .body-copy { color: #B4C2A8; }
.current-project .pill-button { background: var(--scene-lime); color: var(--scene-dark); margin-top: 30px; border: 0; border-radius: 7px; font-size: 13px; }
.current-project .app-art { min-height: 610px; background: #D5DCC9; }

/* STORE / PARTNERS */
.store-teaser { padding: 110px 8%; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 10%; min-height: 900px; overflow: hidden; }
.store-teaser-copy { position: relative; z-index: 2; }
.store-teaser h2 { font: 800 clamp(50px,6vw,100px)/.95 var(--body); letter-spacing: -3.5px; margin-top: 25px; }
.store-teaser h2 em { font: 400 1em/.95 var(--editorial); letter-spacing: -3px; }
.store-teaser .store-button { margin-top: 25px; }
.release-status { display: block; margin-top: 16px; font-size: 13px; letter-spacing: .8px; color: #6A735E; }
.collection-poster { transform: rotate(3deg); box-shadow: 0 15px 40px #3B4B2917; max-width: 520px; z-index: 1; }
.collection-poster img { width: 100%; }
.collection-label { position: absolute; bottom: 15px; left: 7%; font: 700 120px/.8 var(--body); letter-spacing: -8px; color: #56683A22; transform: rotate(-7deg); pointer-events: none; }
.collection-label em { font: italic 400 33px var(--editorial); letter-spacing: -1px; }
.partners-section { padding: 100px 7% 105px; overflow: hidden; }
.partners-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: center; }
.partners-heading h2 { font: 800 clamp(40px,5vw,78px)/.95 var(--body); letter-spacing: -2.5px; margin-top: 27px; }
.partners-heading h2 em { font: 400 1em/.95 var(--editorial); letter-spacing: -3px; }
.partners-heading .body-copy { font-size: 16px; max-width: 430px; margin: 0; }
.partner-slots { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; margin: 70px 0 10px; }
.partner-slots > div { min-height: 200px; border-top: 1px solid #778A5F77; padding: 22px 0; display: flex; flex-direction: column; gap: 28px; }
.partner-slots > div > span { font-size: 13px; color: #69795A; letter-spacing: .9px; }
.partner-slots > div strong { font: 600 30px/.95 var(--display); color: #6F7D61; }
.partner-slots small { font: 500 13px/1.8 var(--body); letter-spacing: 1px; color: #7C8872; margin-top: auto; }
.partners-section .line-link { font-size: 14px; max-width: 290px; }

/* SOCIAL FAN */
.social-section { text-align: center; overflow: hidden; padding: 80px 3% 120px; background: linear-gradient(#F4F4EF 70%,#E5F79B); }
.social-orb { display: inline-block; font-size: 34px; color: #778466; margin-bottom: 28px; }
.social-section > h2 { font: 800 clamp(40px,5vw,75px)/.92 var(--body); letter-spacing: -2px; }
.social-section > h2 em { font: 400 1em var(--editorial); letter-spacing: -3px; }
.social-account-label { font-size: 13px; letter-spacing: 1.2px; color: #6C795E; margin: 24px 0 0; }
.social-fan { display: flex; justify-content: center; align-items: center; min-height: 540px; padding: 65px 0 35px; isolation: isolate; }
.social-card { flex: 0 0 clamp(170px,20vw,250px); width: clamp(170px,20vw,250px); height: 350px; display: flex; flex-direction: column; overflow: hidden; border-radius: 30px; color: #EDF2E6; background: #293623; box-shadow: 0 15px 25px #26351C17; position: relative; transform: translateY(var(--card-y)) rotate(var(--card-r)); transition: transform .4s ease; }
.social-card + .social-card { margin-left: -65px; }
.social-card:hover, .social-card:focus-visible { transform: translateY(-30px) rotate(0); z-index: 10; }
.social-card:nth-child(1) { --card-r: -20deg; --card-y: 30px; z-index: 1; }
.social-card:nth-child(2) { --card-r: -10deg; --card-y: 0px; z-index: 2; }
.social-card:nth-child(3) { --card-r: 0deg; --card-y: -20px; z-index: 3; }
.social-card:nth-child(4) { --card-r: 10deg; --card-y: 0px; z-index: 2; }
.social-card:nth-child(5) { --card-r: 20deg; --card-y: 30px; z-index: 1; }
.social-card > img { width: 100%; height: calc(100% - 52px); object-fit: cover; object-position: center 35%; }
.social-card > div:last-child { padding: 18px 19px; display: flex; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 700; position: relative; margin-top: auto; }
.social-art { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; text-align: left; padding: 20px; }
.social-card-pitch { background: #6B8156; }
.social-card-pitch .social-art { background: repeating-linear-gradient(0deg,#F3F8ED08 0 45px,transparent 45px 90px); }
.social-card-pitch .social-art > span { font: 700 38px/.95 var(--display); }
.social-card-bench { background: #0B1D14; }
.social-card-bench .social-art small { font-size: 13px; letter-spacing: 1px; color: #CAD6BD; }
.social-card-bench .social-art > strong { font: 600 45px/1 var(--body); letter-spacing: -3px; margin: 25px 0; }
.social-card-bench .social-art > strong > span { color: #00D084; font-size: 29px; vertical-align: top; }
.social-card-bench .social-art > span { font: 700 34px/1 var(--display); color: #00D084; }
.social-card-code { background: #CDD7BD; color: #2D3B23; }
.social-card-code .social-art > span { font: 700 65px/1 var(--display); letter-spacing: -5px; margin-bottom: 22px; }
.social-card-code .social-art strong { font: 700 31px/.95 var(--display); }
.social-card-notes { background: #AFC16D; color: #2D3B23; }
.social-card-notes .social-art > span { font: 400 38px/.95 var(--editorial); letter-spacing: -1.5px; }
.social-card-notes small { font-size: 13px; letter-spacing: .5px; margin-top: 25px; }
.social-caption { font: 400 clamp(19px,2vw,29px)/1.3 var(--editorial); }
.social-text-links { display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; margin-top: 25px; }
.social-text-links a { font: 700 14px/1.4 var(--display); min-height: 38px; padding: 10px 0; }

/* A FOOTER THAT FEELS LIKE AN OPEN FOLDER */
.folder-footer { padding: 35px 9px 0; background: #E5F79B; position: relative; }
.folder-tab { width: 200px; height: 45px; border-radius: 55px 55px 0 0; background: var(--scene-dark); position: absolute; top: 2px; left: 50%; transform: translateX(-50%); }
.folder-inner { border-radius: 23px 23px 45px 23px; background: var(--scene-dark); color: var(--scene-paper); overflow: hidden; padding: 55px 5% 0; }
.folder-inner:before { opacity: .22; }
.folder-top { text-align: center; position: relative; z-index: 1; }
.folder-top > .eyebrow { font-size: 13px; color: #B7C2A4; }
.footer-signature { display: flex; align-items: center; justify-content: center; height: 65px; margin-top: 17px; }
.footer-signature .signature-placeholder { font-size: 13px; padding: 7px 12px; background: transparent; border-color: #9BAF5F55; }
.footer-signature img { max-height: 90px; }
.folder-top h2 { font: 800 clamp(35px,5vw,76px)/.9 var(--body); letter-spacing: -2px; position: relative; z-index: 2; }
.folder-top h2 em { font: 400 1em var(--editorial); letter-spacing: -2.5px; color: #B7CE64; }
.folder-columns { display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: center; min-height: 460px; margin-top: 15px; gap: 5%; position: relative; }
.folder-columns nav { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; z-index: 2; }
.folder-columns nav:last-child { align-items: flex-end; text-align: right; }
.folder-columns nav .eyebrow { font-size: 13px; color: #AFBCA1; margin-bottom: 15px; max-width: 170px; }
.folder-columns nav > a { font: 700 clamp(18px,2.3vw,32px)/1 var(--display); min-height: 27px; }
.folder-columns nav > a:hover { color: var(--scene-lime); }
.folder-columns nav > a.folder-store { color: var(--scene-lime); margin-top: 15px; font-size: 20px; }
.folder-portrait { height: 485px; position: relative; overflow: hidden; align-self: end; border-radius: 50% 50% 0 0; }
.folder-portrait img { height: 100%; width: 100%; object-fit: cover; object-position: center 35%; opacity: .8; filter: grayscale(.7); }
.folder-portrait:after { content: ''; position: absolute; inset: 60% 0 0; background: linear-gradient(transparent,var(--scene-dark)); pointer-events: none; }
.folder-portrait .store-button { position: absolute; z-index: 2; bottom: 30px; left: 50%; transform: translateX(-50%); white-space: nowrap; min-height: 40px; font-size: 13px; padding: 12px 14px; }
.folder-partners { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 25px 0; border-top: 1px solid #C4D6A429; position: relative; z-index: 2; color: #ADBF7A; }
.folder-partners > span:first-child { font-size: 13px; letter-spacing: 1.1px; max-width: 90px; line-height: 1.8; }
.folder-partners > span:not(:first-child) { font: 600 17px/1 var(--display); opacity: .65; }
.folder-partners > a { font-size: 13px; color: #BECCA4; }
.folder-legal { display: flex; justify-content: space-between; align-items: center; padding: 13px 7px; gap: 20px; font-size: 13px; line-height: 1.7; }
.folder-legal > div { display: flex; align-items: center; gap: 23px; flex-wrap: wrap; }
.folder-legal a { min-height: 30px; display: flex; align-items: center; }

/* EXTRA PAGES */
.store-preview { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 12%; }
.store-preview-image img { width: 100%; max-height: 650px; object-fit: contain; }
.store-preview h2 { margin-top: 30px; }
.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 25px; border-top: 1px solid var(--line); padding-top: 20px; }
.calendar-filters { display: flex; gap: 8px; }
.calendar-filters button { min-height: 44px; padding: 10px 15px; background: transparent; border: 1px solid #70835955; border-radius: 25px; font-size: 14px; }
.calendar-filters button[aria-pressed=true] { background: var(--scene-dark); color: var(--scene-paper); }
.calendar-empty { padding: 75px 0 25px; max-width: 600px; }
.calendar-empty > span { font-size: 70px; color: #6F8A4B; }
.calendar-empty h2 { margin: 25px 0; }
.calendar-empty p { max-width: 450px; font-size: 16px; line-height: 1.9; color: #68745C; }
.public-event { display: grid; grid-template-columns: 1fr 2fr auto; align-items: center; gap: 25px; padding: 32px 0; border-bottom: 1px solid var(--line); }
.public-event time { font: 400 25px var(--editorial); }
.public-event h3 { font: 700 32px/1.05 var(--display); }
.public-event p { margin-top: 9px; font-size: 13px; color: #6B785D; }
.public-event a { border-bottom: 1px solid var(--line); font-size: 14px; padding: 13px 0; }
.notice-content { max-width: 1000px; margin: auto; }
.notice-content > h2 { font-size: 60px; margin-bottom: 45px; }
.notice-content h3 { font: 700 30px var(--display); margin: 35px 0 15px; }
.notice-content p { font-size: 16px; line-height: 1.9; color: #626D57; margin-bottom: 20px; }
.notice-content a { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1000px) {
  .cinematic-hero .portrait-stage { width: 95vw; }
  .hero-side-note { width: 125px; }
  .next-chapter { width: 110px; }
  .world-choice { width: 58%; gap: 25px; }
  .world-choice h3 { font-size: 55px; letter-spacing: -3px; }
  .world-choice h3 em { letter-spacing: -3px; }
  .world-figure-person { right: -9%; width: 35%; }
  .world-figure-football { left: -13%; width: 46%; }
  .current-project h2 { font-size: 54px; letter-spacing: -3px; }
  .store-teaser { gap: 7%; padding-left: 6%; padding-right: 6%; }
  .store-teaser h2 { font-size: 54px; letter-spacing: -3px; }
  .social-card { height: 320px; }
  .social-card + .social-card { margin-left: -75px; }
}
@media (max-width: 700px) {
  .cinematic-header { height: 78px; padding: 15px 16px; }
  .name-lockup > span, .name-lockup strong { font-size: 20px; }
  .header-monogram { font-size: 22px; top: 26px; }
  .header-tools { gap: 6px; }
  .header-tools .store-button { min-height: 40px; padding: 11px 12px; font-size: 13px; }
  .cinematic-header .menu-toggle { width: 40px; min-height: 40px; }
  .hero-smallprint { top: 106px; left: 19px; right: 19px; font-size: 13px; letter-spacing: .7px; }
  .hero-smallprint > span:last-child { max-width: 80px; text-align: right; }
  .cinematic-hero { min-height: 780px; height: 100svh; max-height: 950px; }
  .cinematic-hero .portrait-stage { width: 112%; height: 86%; bottom: 45px; }
  .hero-side-note { left: 20px; bottom: 130px; width: 125px; }
  .hero-side-note > .eyebrow { font-size: 13px; }
  .hero-side-note a { font-size: 13px; margin-top: 3px; padding: 9px 0; }
  .next-chapter { right: 19px; bottom: 130px; width: 85px; padding: 13px 8px; }
  .next-chapter strong { font-size: 30px; margin: 10px 0; }
  .next-chapter > span { font-size: 13px; }
  .next-chapter small { font-size: 13px; line-height: 1.5; }
  .cinematic-hero-bottom { left: 18px; right: 18px; bottom: 19px; flex-wrap: wrap; gap: 9px 15px; justify-content: center; }
  .cinematic-hero-bottom .scroll-cue { font-size: 13px; min-height: 40px; }
  .cinematic-hero-bottom .mode-button { font-size: 13px; padding: 10px 12px; }
  .cinematic-hero-bottom .photo-note { width: 100%; max-width: none; text-align: center; font-size: 13px; }
  .statement-scene { min-height: 800px; height: 100svh; }
  .scene-eyebrow { top: 95px; font-size: 13px; }
  .moving-words { top: 33%; }
  .moving-words > span { font-size: 57px; letter-spacing: -2px; }
  .moving-words > span:first-child { font-size: 70px; letter-spacing: -3px; }
  .statement-photo { width: 53vw; height: 77vw; max-height: 400px; }
  .statement-signature { width: 88%; top: 51%; }
  .statement-signature .signature-placeholder { font-size: 13px; padding: 10px 13px; }
  .statement-note { font-size: 20px; bottom: 135px; }
  .statement-more { bottom: 65px; }
  .gallery-window { padding: 55px 0 35px; }
  .gallery-heading { padding: 0 6%; align-items: flex-start; margin-bottom: 30px; }
  .gallery-heading .eyebrow { font-size: 13px; letter-spacing: .6px; display: block; max-width: 200px; }
  .gallery-heading h2 { font-size: 29px; letter-spacing: -1.2px; }
  .gallery-controls { padding-top: 25px; }
  .gallery-controls button { width: 35px; height: 35px; }
  .gallery-rail { gap: 28px; padding: 0 6%; align-items: center; }
  .moment { width: 76vw; max-width: 410px; }
  .moment-person { width: 68vw; }
  .moment-image { height: 420px; max-height: 62svh; }
  .moment-quote { width: 75vw; }
  .moment-quote > p { font-size: 36px; }
  .moment-outro h3 { font-size: 54px; }
  .gallery-code > strong { font-size: 67px; }
  .pitch-or-project { min-height: 880px; height: auto; display: block; padding: 370px 6% 95px; }
  .world-figure { height: 370px; bottom: auto; top: 0; }
  .world-figure-football { left: -9%; width: 60%; }
  .world-figure-person { width: 42%; right: -2%; height: 340px; }
  .world-choice { width: 100%; gap: 22px; margin: 45px auto 0; }
  .world-choice h3 { font-size: 42px; letter-spacing: -2px; }
  .world-choice h3 em { font-size: 37px; letter-spacing: -2px; }
  .world-choice p { font-size: 13px; line-height: 1.8; min-height: 72px; }
  .world-preview-label { left: 6%; right: 6%; text-align: center; bottom: 27px; font-size: 13px; }
  .current-project { grid-template-columns: 1fr; padding: 65px 6%; gap: 45px; }
  .current-project h2 { font-size: clamp(41px,10.5vw,65px); letter-spacing: -2.5px; }
  .current-project h2 em { letter-spacing: -2px; }
  .current-project .app-art { min-height: 560px; }
  .store-teaser { min-height: 0; padding: 70px 7% 130px; grid-template-columns: 1fr; gap: 50px; }
  .store-teaser h2 { font-size: clamp(44px,12vw,70px); letter-spacing: -2px; }
  .store-teaser h2 em { letter-spacing: -2px; }
  .store-teaser .body-copy { font-size: 16px; }
  .collection-poster { width: 85%; justify-self: center; }
  .collection-label { font-size: 85px; bottom: 20px; }
  .collection-label em { font-size: 23px; }
  .partners-section { padding: 65px 7%; }
  .partners-heading { grid-template-columns: 1fr; gap: 30px; }
  .partners-heading h2 { font-size: 45px; letter-spacing: -2px; }
  .partners-heading h2 em { letter-spacing: -2px; }
  .partner-slots { grid-template-columns: 1fr; gap: 10px; margin-top: 45px; }
  .partner-slots > div { min-height: 155px; gap: 20px; }
  .partner-slots > div strong { font-size: 30px; }
  .social-section { padding: 70px 0 100px; }
  .social-section > h2 { font-size: 48px; }
  .social-orb { font-size: 28px; }
  .social-fan { min-height: 0; padding: 35px 7% 35px; margin: 30px 0; gap: 14px; justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; scroll-snap-type: x proximity; }
  .social-card { flex-basis: 65vw; width: 65vw; max-width: 260px; height: 350px; border-radius: 24px; scroll-snap-align: center; transform: none !important; box-shadow: none; }
  .social-card + .social-card { margin-left: 0; }
  .social-card .social-art { padding: 25px; }
  .social-card-pitch .social-art > span { font-size: 48px; }
  .social-card-bench .social-art > strong { font-size: 50px; }
  .social-card-notes .social-art > span { font-size: 44px; }
  .social-caption { font-size: 21px; padding: 0 7%; }
  .social-text-links { gap: 21px; margin-top: 22px; }
  .social-account-label { font-size: 13px; letter-spacing: .8px; padding: 0 7%; }
  .folder-footer { padding: 32px 7px 0; }
  .folder-tab { width: 150px; height: 38px; }
  .folder-inner { padding: 45px 6% 0; border-radius: 19px 19px 32px 19px; }
  .folder-top > .eyebrow { font-size: 13px; }
  .folder-top h2 { font-size: clamp(24px,7vw,42px); letter-spacing: -1px; }
  .folder-top h2 em { letter-spacing: -1.2px; }
  .folder-columns { grid-template-columns: 1fr 1fr; align-items: start; margin-top: 45px; min-height: 0; gap: 30px 15px; }
  .folder-columns nav { gap: 9px; }
  .folder-columns nav .eyebrow { font-size: 13px; max-width: 125px; min-height: 25px; margin-bottom: 10px; }
  .folder-columns nav > a { font-size: 23px; min-height: 25px; }
  .folder-columns nav:last-child { grid-column: 2; grid-row: 1; }
  .folder-portrait { grid-row: 2; grid-column: 1/-1; height: 380px; width: 85%; justify-self: center; margin-top: 10px; }
  .folder-portrait .store-button { bottom: 25px; }
  .folder-partners { gap: 18px 12px; padding: 23px 0; }
  .folder-partners > span:first-child { width: 100%; max-width: none; text-align: center; font-size: 13px; }
  .folder-partners > span:not(:first-child) { font-size: 16px; }
  .folder-partners > a { width: 100%; text-align: center; font-size: 13px; }
  .folder-legal { flex-direction: column; gap: 2px; padding: 15px 5px 10px; font-size: 13px; text-align: center; }
  .folder-legal > div { gap: 25px; }
  .store-preview { grid-template-columns: 1fr; gap: 45px; }
  .store-preview-image { max-width: 400px; justify-self: center; }
  .calendar-toolbar { align-items: flex-start; }
  .calendar-filters { width: 100%; }
  .public-event { grid-template-columns: 1fr; gap: 13px; }
  .notice-content > h2 { font-size: 44px; }
}
@media (max-width: 360px) {
  .cinematic-header { padding-left: 12px; padding-right: 12px; }
  .name-lockup > span, .name-lockup strong { font-size: 18px; }
  .header-monogram { display: none; }
  .hero-side-note { width: 110px; }
  .cinematic-hero .portrait-stage { width: 118%; }
  .gallery-heading h2 { font-size: 25px; }
  .gallery-heading .eyebrow { max-width: 155px; }
  .world-choice h3 { font-size: 38px; }
  .world-choice h3 em { font-size: 32px; }
  .social-card { flex-basis: 74vw; width: 74vw; }
}
@media (prefers-reduced-motion: reduce) {
  .contour-surface:before, .moving-words > span, .gallery-rail { transform: none !important; }
  .social-card { transition: none; }
}