/* Shared page layout; existing collage and catalogue materials retain ownership. */
.language-switch a{position:relative;z-index:1;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 8px;color:var(--field-ink);font:400 var(--text-body)/1 var(--font-body);text-decoration:none;pointer-events:auto}
.language-switch a[aria-current]{color:var(--paper);font-weight:700}
.language-switch a:focus-visible{outline:2px solid var(--sun);outline-offset:2px}
.menu-links a[aria-current=page]{color:var(--sun);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.content-page{background:#fbfaf8}
/* Brand stays centered on every content page: absolute at 50% of the header,
   nudged left by half the header's left offset so it lands on true viewport center. */
.content-page .story-header{left:clamp(24px,4vw,64px);right:0;top:20px;align-items:center;min-height:110px;--header-r:0px;--brand-off:calc(clamp(24px,4vw,64px)/2)}
.content-page .brand{position:absolute;left:50%;top:0;width:150px;margin:0;transform:translateX(calc(-50% - var(--brand-off))) rotate(-7deg);pointer-events:auto}
.content-page #page-content{padding-top:132px}
.page-intro{width:min(1280px,88%);margin:0 auto}
.page-intro{padding:28px 0 clamp(40px,6vw,80px)}
.breadcrumbs{display:flex;gap:12px;align-items:center;margin-bottom:28px;font-size:.75rem;line-height:1.6}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px}
.page-intro h1{max-width:16ch;margin:0 0 28px;font:700 clamp(44px,6.5vw,96px)/1.02 var(--font-sans);letter-spacing:-.065em;text-wrap:balance}
.page-intro>p{margin:0;font:400 clamp(.875rem,1.2vw,1rem)/1.9 var(--font-body)}
.site-noscript{padding:100px 6% 0}
.site-noscript ul{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none}
.site-noscript a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.content-page:has(.site-noscript) #page-content{padding-top:20px}
.page-shop .accessories{padding-top:0}
.page-shop .accessory-board{width:min(1280px,88%);padding:12px 0 72px}
.page-about .school-coaches{padding-top:20px}
.photo-gallery{width:min(1280px,88%);margin:0 auto 100px;columns:3;column-gap:24px}
.photo-gallery .surf-photo{position:relative;display:block;break-inside:avoid;margin:0 0 24px}
.photo-gallery img{display:block;width:100%;height:auto}
.page-gallery .film-collection{padding-top:0}
.page-gallery .film-scene{min-height:900px}
.page-gallery .film-collection .film-scroll-space{display:none}
/* Contact page: the approved direct channels as one bold centered pill row. */
.contact-panel{width:min(1280px,88%);margin:0 auto clamp(64px,9vw,120px)}
.contact-channel-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none}
.contact-channel-list .school-contact-action{font-weight:700}
.contact-channel-call{background:var(--ink)}
.contact-channel-mail{background:var(--orange)}
@media(max-width:1000px){.photo-gallery{columns:2}}
@media(max-width:640px){.content-page .story-header{left:24px;top:16px;min-height:94px;--brand-off:12px}.content-page .brand{width:128px}.content-page #page-content{padding-top:110px}.page-intro{padding-top:0}.breadcrumbs{margin-bottom:20px}.page-intro h1{font-size:clamp(38px,10vw,58px);max-width:16ch}.page-intro>p{font-size:.875rem}.photo-gallery{columns:1;margin-bottom:50px}.photo-gallery .surf-photo{margin-bottom:20px}.page-gallery .film-scene{min-height:0}.contact-channel-mail{white-space:normal;overflow-wrap:anywhere;text-align:center}}