.story-article-page{--story-accent:#ebff00;--story-accent-2:#9cff57;--story-bg:#fff;--story-surface:#f3f4f1;--story-ink:#090909;--story-muted:#5e5e5e;background:var(--story-bg);color:var(--story-ink)}
.story-article-page.theme-es{--story-accent:#9cff57;--story-accent-2:#77e8ff;--story-surface:#edf5f1}
.story-article-page.theme-pride{--story-accent:#ff43c8;--story-accent-2:#d9ff32;--story-surface:#fff1fa}
.story-article-page.theme-pride-at{--story-accent:#bd4dff;--story-accent-2:#ead9ff;--story-surface:#f5effa}
.story-article-page.theme-adfetish{--accent:#ff3cac;--story-accent:#ff3cac;--story-accent-2:#bcff00;--story-bg:#090909;--story-surface:#151515;--story-ink:#f7f7f2;--story-muted:#bcbcb6;color-scheme:dark}
.story-article-page .reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:var(--story-accent);transform:scaleX(0);transform-origin:left center;will-change:transform}
.story-cover{min-height:100svh;padding-top:var(--header);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);background:var(--story-bg)}
.story-cover-copy{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(78px,9vw,142px) var(--gutter) clamp(58px,7vw,100px)}
.story-kicker{margin:0;color:var(--story-muted);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.story-cover h1{max-width:930px;margin:20px 0 28px;font-size:clamp(55px,6.5vw,104px);font-weight:700;line-height:.91;letter-spacing:-.056em}
.story-deck{max-width:760px;margin:0;font-size:clamp(18px,1.42vw,23px);font-weight:600;line-height:1.5}
.story-meta{display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:clamp(36px,5vw,64px);padding-top:18px;border-top:1px solid currentColor;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.story-cover-media{position:relative;min-width:0;min-height:calc(100svh - var(--header));overflow:hidden;background:#111}
.story-cover-media img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center center);animation:story-image-in .85s cubic-bezier(.2,.72,.2,1) both}
.story-cover-media.contain img{object-fit:contain;padding:clamp(18px,3vw,44px)}
.story-cover-media.product-study{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:calc(100svh - var(--header));min-height:0;gap:1px;background:var(--story-ink)}
.story-cover-media.product-study img{min-width:0;background:#fff;object-fit:contain;object-position:center center;padding:clamp(10px,1.6vw,24px)}
.story-cover-media.product-study.three-up{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.story-cover-media.product-study.three-up img:nth-child(3){grid-column:1/-1}
.story-circuit-page .story-cover h1{font-size:clamp(52px,5.5vw,88px)}
.story-history-page .story-cover h1{font-size:clamp(50px,5.25vw,84px)}
.story-pride-page .story-cover h1{font-size:clamp(48px,4vw,68px);line-height:.94;letter-spacing:-.048em}
.story-pride-at .story-cover h1{font-size:clamp(46px,3.65vw,62px)}
.story-campaign-page .story-cover h1{font-size:clamp(48px,4.65vw,76px);line-height:.94;letter-spacing:-.048em}
.story-campaign-page .story-chapter{padding-block:clamp(72px,7vw,112px)}
.story-history-page .story-cover-media.contain{background:#e7e8e6}
.story-history-page .story-cover-media.contain img{padding:0}
.story-history-page .story-chapter{gap:clamp(48px,6vw,100px);padding-block:clamp(76px,7vw,120px)}
.story-history-page .story-chapter h2{font-size:clamp(38px,3.75vw,62px);line-height:1}
.story-article-page.story-archive-page{--story-accent:#79d8ff;--story-accent-2:#d9f4ff;--story-surface:#eef7fb}
.story-archive-page .story-cover h1{font-size:clamp(56px,5.8vw,92px)}
.story-archive-page .story-cover-media.archive-frame{display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,88px);background:#eaf4f8}
.story-archive-page .story-cover-media.archive-frame img{width:min(100%,800px);height:auto;object-fit:contain;box-shadow:0 22px 70px rgba(3,35,50,.16)}
@media(min-width:1001px){.story-product-page .story-cover-copy{justify-content:center}}
@media(min-width:1001px){.story-ibiza-page .story-cover-copy{justify-content:center}}
@media(min-width:1001px){.story-maspalomas-page .story-cover-copy{justify-content:center}}
.story-maspalomas-page .story-cover h1{font-size:clamp(50px,5vw,82px)}
.story-maspalomas-page .maspalomas-gallery{grid-template-columns:.82fr 1.18fr;align-items:center}
.story-maspalomas-page .maspalomas-gallery figure{min-height:0;aspect-ratio:2/3;background:#e9e6e1}
.story-maspalomas-page .maspalomas-gallery figure:nth-child(2){margin-top:0;aspect-ratio:3/2}
.story-maspalomas-page .maspalomas-gallery img{width:100%;height:100%;object-fit:cover}
.story-bears-page .story-cover h1{font-size:clamp(48px,5.2vw,82px)}
.story-bears-page .story-cover-copy{justify-content:center}
.story-bears-page .bears-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding-top:clamp(20px,3vw,48px)}
.story-bears-page .bears-gallery figure,.story-bears-page .bears-gallery figure:nth-child(2){min-height:0;margin-top:0;aspect-ratio:2/3}
.story-bears-page .bears-gallery figure:nth-child(3){aspect-ratio:3/2;align-self:center}
.story-bears-page .bears-gallery img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.story-madrid-page .story-cover h1{font-size:clamp(49px,5.3vw,84px)}
.story-madrid-page .story-cover-copy{justify-content:center}
.story-madrid-page .madrid-gallery{grid-template-columns:1.2fr .8fr;align-items:center;padding-top:clamp(20px,3vw,48px)}
.story-madrid-page .madrid-gallery figure,.story-madrid-page .madrid-gallery figure:nth-child(2){min-height:0;margin-top:0;aspect-ratio:3/2}
.story-madrid-page .madrid-gallery figure:nth-child(2){aspect-ratio:2/3}
.story-madrid-page .madrid-gallery img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
@media(max-width:1000px){.story-maspalomas-page .maspalomas-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.story-bears-page .bears-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.story-bears-page .bears-gallery figure:nth-child(3){grid-column:1/-1;aspect-ratio:3/2}}
@media(max-width:1000px){.story-madrid-page .madrid-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.story-maspalomas-page .story-cover h1{font-size:clamp(42px,11vw,55px)}.story-maspalomas-page .maspalomas-gallery{grid-template-columns:1fr}}
@media(max-width:620px){.story-bears-page .story-cover h1{font-size:clamp(42px,11vw,55px)}.story-bears-page .bears-gallery{grid-template-columns:1fr}.story-bears-page .bears-gallery figure:nth-child(3){grid-column:auto}}
@media(max-width:620px){.story-madrid-page .story-cover h1{font-size:clamp(42px,11vw,55px)}.story-madrid-page .madrid-gallery{grid-template-columns:1fr}.story-madrid-page .madrid-gallery figure:nth-child(2){aspect-ratio:4/5}}
@media(min-width:1001px){.story-history-page .story-cover-copy{justify-content:center}}
@media(min-width:1001px){.story-pride-page .story-cover-copy{justify-content:center}}
@media(min-width:1001px){.story-pride-at .story-cover{height:100svh;min-height:0}.story-pride-at .story-cover-copy,.story-pride-at .story-cover-media{height:calc(100svh - var(--header));min-height:0}}
.story-cover-media figcaption,.story-media figcaption{position:absolute;right:14px;bottom:12px;padding:5px 7px;background:rgba(0,0,0,.64);color:#fff;font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.story-opening{display:grid;grid-template-columns:.25fr minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:clamp(72px,8vw,126px) var(--gutter);background:var(--story-accent);color:#080808}
.story-opening-label{margin:8px 0 0;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.story-opening p:last-child{max-width:1050px;margin:0;font-size:clamp(27px,3.3vw,50px);font-weight:600;line-height:1.2;letter-spacing:-.026em}
.story-body{background:var(--story-bg)}
.story-chapter{display:grid;grid-template-columns:minmax(0,.93fr) minmax(420px,1.07fr);gap:clamp(52px,8vw,132px);align-items:center;padding:clamp(84px,10vw,160px) var(--gutter);border-bottom:1px solid color-mix(in srgb,currentColor 17%,transparent)}
.story-chapter:nth-child(even){background:var(--story-surface)}
.story-chapter.no-media{grid-template-columns:.23fr minmax(0,920px) .23fr}
.story-chapter.no-media .story-chapter-copy{grid-column:2}
.story-chapter.media-left .story-media{grid-column:1;grid-row:1}.story-chapter.media-left .story-chapter-copy{grid-column:2;grid-row:1}
.story-chapter-copy{min-width:0;max-width:820px}
.story-chapter-number{display:block;margin-bottom:22px;color:var(--story-muted);font-size:9px;font-weight:700;letter-spacing:.14em}
.story-chapter h2{margin:0 0 34px;font-size:clamp(40px,4.6vw,72px);line-height:.96;letter-spacing:-.046em}
.story-chapter h3{margin:40px 0 16px;font-size:clamp(25px,2.5vw,38px);line-height:1.08;letter-spacing:-.03em}
.story-chapter p,.story-chapter li{font-size:clamp(17px,1.28vw,20px);line-height:1.7}
.story-chapter p{margin:0 0 23px}.story-chapter p:last-child{margin-bottom:0}
.story-chapter ol,.story-chapter ul{margin:26px 0 0;padding-left:24px}.story-chapter li+li{margin-top:12px}
.story-media{position:relative;align-self:stretch;min-height:620px;overflow:hidden;background:#202020}
.story-media img{width:100%;height:100%;object-fit:cover;object-position:var(--media-position,center center);transition:transform .7s cubic-bezier(.2,.72,.2,1)}
.story-media.contain{align-self:center;min-height:0;aspect-ratio:auto;background:#e7e8e6}
.story-media.contain img{display:block;height:auto;object-fit:contain}
.story-media:hover img{transform:scale(1.018)}
.story-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(14px,2vw,28px);padding:0 var(--gutter) clamp(84px,10vw,160px);background:var(--story-bg)}
.story-gallery figure{position:relative;min-height:620px;overflow:hidden;background:#222}.story-gallery figure:nth-child(2){margin-top:12vw}
.story-gallery img{object-fit:cover;object-position:var(--media-position,center center)}
.story-media.story-landscape{align-self:center;min-height:0;aspect-ratio:3/2}
.story-media.story-portrait{align-self:center;min-height:0;aspect-ratio:2/3}
.story-gallery.pride-gallery{grid-template-columns:1fr 1fr;padding-top:clamp(18px,3vw,46px)}
.story-gallery.pride-gallery figure{min-height:0;aspect-ratio:3/2}
.story-gallery.pride-gallery figure:nth-child(2){margin-top:0}
.story-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--story-ink)}
.story-product-grid figure{position:relative;min-width:0;margin:0;background:#fff}
.story-product-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}
.story-product-grid figcaption{padding:15px 18px 18px;color:#080808;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.story-comparison{overflow-x:auto;margin-top:34px;border-top:1px solid currentColor}
.story-comparison table{width:100%;min-width:680px;border-collapse:collapse}
.story-comparison th,.story-comparison td{padding:17px 16px;border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent);text-align:left;vertical-align:top;font-size:15px;line-height:1.48}
.story-comparison th{font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.story-comparison td:first-child{font-weight:700}
.story-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:34px;background:color-mix(in srgb,currentColor 18%,transparent)}
.story-checklist li{margin:0;padding:22px;background:var(--story-bg);list-style:none}
.story-checklist li+li{margin-top:0}
.story-summary{display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(42px,8vw,130px);padding:clamp(78px,9vw,140px) var(--gutter);background:var(--story-accent-2);color:#080808}
.story-summary h2{margin:0;font-size:clamp(43px,5.5vw,88px);line-height:.94;letter-spacing:-.052em}
.story-summary div{max-width:800px}.story-summary p{margin:0 0 22px;font-size:clamp(18px,1.35vw,21px);line-height:1.66}.story-summary p:last-child{margin-bottom:0}
.story-related{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(44px,8vw,130px);padding:clamp(72px,8vw,124px) var(--gutter);background:var(--story-ink);color:var(--story-bg)}
.theme-adfetish .story-related{background:#202020;color:#fff}
.story-related h2{margin:18px 0 0;font-size:clamp(40px,4.8vw,76px);line-height:.95;letter-spacing:-.045em}
.story-related nav{border-top:1px solid currentColor}.story-related a{display:grid;grid-template-columns:38px 1fr auto;gap:18px;align-items:center;padding:26px 0;border-bottom:1px solid currentColor;transition:padding .18s ease,background .18s ease,color .18s ease}.story-related a:hover,.story-related a:focus-visible{padding-left:12px;padding-right:12px;background:var(--story-accent);color:#080808}.story-related span{font-size:9px;letter-spacing:.12em}.story-related strong{font-size:clamp(19px,2vw,29px)}
.story-notice{padding:24px var(--gutter);background:var(--story-accent);color:#080808;font-size:13px;font-weight:700;line-height:1.5;text-align:center}
.story-video{display:grid;grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);gap:clamp(44px,7vw,116px);align-items:center;padding:clamp(82px,9vw,144px) var(--gutter);background:#061720;color:#fff}.story-video-copy{max-width:560px}.story-video-copy .story-kicker{color:#79d8ff}.story-video h2{margin:20px 0 28px;font-size:clamp(42px,4.8vw,76px);line-height:.96;letter-spacing:-.046em}.story-video p:not(.story-kicker){margin:0;font-size:clamp(17px,1.25vw,20px);line-height:1.65}.story-video-player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.story-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.theme-adfetish footer{background:#050505;color:#fff;border-color:#333}
.theme-pride footer{background:var(--story-accent);color:#090909}
.story-pride-at footer{background:var(--story-accent);color:#090909}
@keyframes story-image-in{from{opacity:.7;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.story-cover{grid-template-columns:1fr;min-height:0}.story-cover-copy{padding:58px var(--gutter) 64px}.story-cover-media{min-height:0;aspect-ratio:4/3}.story-opening{grid-template-columns:1fr;gap:18px}.story-chapter,.story-chapter.media-left{grid-template-columns:1fr;gap:52px}.story-chapter.media-left .story-media,.story-chapter.media-left .story-chapter-copy{grid-column:1}.story-chapter.media-left .story-media{grid-row:2}.story-chapter.no-media{grid-template-columns:1fr}.story-chapter.no-media .story-chapter-copy{grid-column:1}.story-media{min-height:0;aspect-ratio:4/5}.story-gallery figure{min-height:0;aspect-ratio:4/5}.story-summary,.story-related,.story-video{grid-template-columns:1fr}}
@media(max-width:1000px){.story-cover-media.story-landscape{aspect-ratio:3/2}}
@media(max-width:620px){.story-cover h1,.story-circuit-page .story-cover h1,.story-archive-page .story-cover h1,.story-pride-page .story-cover h1,.story-campaign-page .story-cover h1{font-size:clamp(42px,12vw,58px)}.story-cover-media{aspect-ratio:4/5}.story-archive-page .story-cover-media.archive-frame{aspect-ratio:auto;padding:34px var(--gutter)}.story-cover-media.product-study{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:auto;min-height:0}.story-cover-media.product-study.three-up{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.story-cover-media.product-study.three-up img:nth-child(3){grid-column:1/-1}.story-cover-media.product-study img{padding:4px}.story-opening{padding:58px var(--gutter)}.story-opening p:last-child{font-size:clamp(27px,8.5vw,38px)}.story-chapter{padding:68px var(--gutter)}.story-chapter h2{font-size:clamp(37px,11vw,50px)}.story-chapter p,.story-chapter li{font-size:16.5px}.story-gallery,.story-gallery.pride-gallery{grid-template-columns:1fr;padding-bottom:70px}.story-gallery figure:nth-child(2){margin-top:0}.story-product-grid{grid-template-columns:1fr}.story-product-grid figcaption{padding:12px 14px 16px}.story-checklist{grid-template-columns:1fr}.story-summary,.story-related,.story-video{padding:62px var(--gutter)}.story-summary>div{min-width:0}.story-summary .text-link{white-space:normal;overflow-wrap:anywhere}.story-video{gap:38px}.story-video h2{font-size:clamp(39px,11vw,50px)}.story-related a{grid-template-columns:28px 1fr auto}.story-related strong{font-size:18px}}
@media(max-width:620px){.story-pride-page .story-cover h1{font-size:clamp(38px,10.5vw,46px);line-height:.96}}
@media(prefers-reduced-motion:reduce){.story-cover-media img{animation:none}.story-media img{transition:none}}
