.experimental-page .experimental-hero{padding:50px 0 65px}
.experimental-page .back-work{margin-bottom:62px}
.experimental-page .experimental-hero h1{font-size:clamp(60px,9vw,130px);margin:18px 0 26px;max-width:none}
.experimental-intro{max-width:760px;font-size:clamp(16px,1.7vw,22px);line-height:1.65;color:var(--dim)}
.experimental-section{padding:65px 0 72px;border-top:1px solid var(--line)}
.experimental-section .numbered-label{gap:4px}
.experimental-section h2{margin:15px 0 30px}
#logo-title{font-weight:900}
.experimental-film{margin:0;min-width:0;background:#151515;border-radius:7px;overflow:hidden}
.experimental-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#050505;max-height:720px}
.experimental-film.portrait{width:100%;max-width:420px;justify-self:center}
.experimental-film.portrait video{aspect-ratio:736/1280;max-height:none}
.experimental-film figcaption{padding:13px 16px;color:var(--dim);font-size:12px;text-align:start}
.experimental-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.experimental-feature video{max-height:none}
.rope-story,.surfing-story,.logo-story{display:grid;gap:20px;max-width:900px;margin-top:32px;color:var(--dim);font-size:clamp(16px,1.55vw,21px);line-height:1.8;text-align:start}
.rope-story>a,.logo-story>a,.surfing-materials>a{justify-self:start;color:var(--fg);font-size:clamp(14px,1.2vw,17px);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.surfing-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:38px 0 42px}
.surfing-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:5px;background:#f5f3e9}
.surfing-conclusion{margin:0 0 28px}
.surfing-materials{margin-top:24px;text-align:start}
@media(max-width:650px){.experimental-page .experimental-hero{padding:35px 0 45px}.experimental-page .back-work{margin-bottom:42px}.experimental-page .experimental-hero h1{font-size:clamp(52px,13vw,78px);margin:15px 0 22px}.experimental-intro{font-size:15px}.experimental-section{padding:42px 0 50px}.experimental-section h2{margin:13px 0 22px}.experimental-grid{grid-template-columns:1fr;gap:20px}.experimental-film.portrait{max-width:350px}.experimental-film figcaption{padding:11px 13px}}
@media(max-width:900px){.surfing-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.rope-story,.surfing-story,.logo-story{gap:18px;margin-top:24px;font-size:15px}.surfing-gallery{gap:12px;margin:28px 0 30px}.surfing-conclusion{margin:0 0 22px}}