/* ==========================================================================
   הדפסת חולצות לטיולים, קייטנות ואירועים - service page (preview view)

   Shell: the cart-page header + footer, the paper ground and the type from
   theme.css. Composition borrows from the site's own pages:
     hero            about-preview (display headline, lead, the job opposite)
     facts strip     about-preview (four values between two hairlines)
     side index      shipping-preview / the legal pages (site-motion.js follows it)
     two methods     the home page's technique panels (tag, name, Latin label,
                     copy, spec list), side by side so the spec rows compare
     steps           numbered stations on one hairline
     quote box       the sand box from shipping-preview (pickup)
     questions       the shipping-preview accordion
   Photos: the theme's own job photos (the four-colour screen print and its
   separations, the DTF film, the embroidered cap) and product photos from the
   live shop. Shop photos are shot on white, so they sit on the sand tile
   through multiply.
   Motion: nothing new. site-motion.js fades the sections up (.policy-content >
   section) and moves the index marker (.policy-desktop-nav).
   ========================================================================== */

.camps-layout{
  --tile:color-mix(in srgb,var(--color-sand-300) 15%,var(--paper-background));
  --box:color-mix(in srgb,var(--color-sand-300) 17%,var(--paper-background));
  --soft:var(--color-soft-foreground);
  max-width:1320px;width:100%;min-width:0;margin:0 auto;padding:22px 40px 72px;
}
.camps-layout [dir="ltr"]{unicode-bidi:isolate}
.camps-layout p a,.camps-contact a{color:var(--color-primary)}
.camps-page :is(a,summary):focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}

/* ── Hero: the headline, the lead, and a finished job ───────────────────── */
.camps-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:48px;align-items:center;padding:26px 0 54px}
.camps-hero h1{font:700 clamp(66px,7.1vw,104px)/.92 var(--f-display);margin:0 0 28px}
.camps-lead{font-size:18px;line-height:1.75;max-width:560px;margin:0 0 14px}
.camps-lead-more{font-size:15px;line-height:1.75;max-width:520px;margin:0 0 30px;color:var(--soft)}
.camps-actions{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap}
.camps-page .submit{display:inline-flex;width:auto;min-height:52px;margin:0;padding:15px 30px;font-size:16px;text-decoration:none}
/* the arrow is an inline block, so the underline stops at the last word */
.camps-text-link{display:inline-block;padding:10px 0;color:var(--color-primary);font-size:15px;line-height:24px;text-underline-offset:5px}
.camps-text-link span{display:inline-block;margin-inline-start:8px;transition:transform var(--motion-lift) var(--ease-out)}
.camps-text-link:hover span{transform:translateX(-4px)}
/* The photo is wider than the shirt in it (transparent margins), so the box
   overhangs the column and the figure trims the empty part. */
.camps-hero-art{margin:0;min-width:0;overflow:hidden;padding-block:8px}
/* shirt and print are one box, so the four separations stay registered on the
   garment at any size (numbers from screen-hero.js) */
.camps-tee{position:relative;width:124%;margin-inline:-12%;aspect-ratio:1536/1024;transform:rotate(-3deg)}
.camps-tee-shirt{position:absolute;inset:0;width:100%;height:100%}
.camps-tee-ink{position:absolute;left:30.19%;top:21.07%;width:39.62%;aspect-ratio:1}
.camps-tee-ink img{position:absolute;inset:0;width:100%;height:100%}
.camps-hero-art figcaption{font-size:12px;color:var(--soft);margin:0;text-align:center}

/* ── The page in four lines, between two hairlines. The lower one is also
   the top rule of the index and of the first section. ──────────────────── */
.camps-facts{list-style:none;margin:0;padding:26px 0 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 36px;border-block:1px solid var(--color-rule)}
.camps-facts strong{display:block;font-weight:400;font-size:21px;line-height:1.3;margin-bottom:6px}
.camps-facts span{display:block;font-size:14px;line-height:1.65;color:var(--soft)}

/* ── Index + content ────────────────────────────────────────────────────── */
.camps-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;align-items:start}
.camps-nav{display:flex;flex-direction:column;align-items:start;gap:2px;position:sticky;top:100px;padding-top:26px}
.camps-nav a{padding:10px 0;text-decoration:none;font-size:15px;transition:color var(--motion-feedback) var(--ease-out)}
.camps-nav a:hover{color:var(--color-primary)}
/* The content is a two-column grid. Every section spans both columns, except
   the proof and the delivery, which are short and sit side by side; their four
   parts (heading, lead, picture or numbers, closing lines) share rows through
   subgrid, so the two columns line up. */
.camps-content{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;align-items:start}
.camps-content>*{grid-column:1 / -1;min-width:0}
.camps-content>section{scroll-margin-top:105px;border-top:1px solid var(--color-rule);padding-top:32px}
.camps-content>section+section{margin-top:64px}
.camps-content>section:first-child{border-top:0;padding-top:36px}
.camps-content>.camps-half{display:grid;grid-template-rows:subgrid;grid-row:span 4;align-self:stretch}
.camps-content>.camps-proof{grid-column:1}
.camps-content>.camps-delivery{grid-column:2}
.camps-content section h2{font:700 clamp(40px,3.5vw,50px)/1.04 var(--f-display);margin:0 0 14px}
.camps-section-lead{font-size:17px;line-height:1.75;margin:0 0 30px;max-width:720px}
.camps-note{font-size:15px;line-height:1.8;color:var(--color-muted-foreground);margin:22px 0 0;max-width:760px}

/* shared photo tile: sand ground, the shop photo multiplied onto it */
.camps-tile{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--tile)}
.camps-tile img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--motion-glow) var(--ease-out)}
a.camps-tile:hover img{transform:scale(1.04)}

/* ── Choosing the shirt: two picks, then the two categories ─────────────── */
.camps-picks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);gap:30px}
.camps-pick{position:relative;min-width:0}
.camps-pick-art{position:relative;height:290px;margin:0 0 18px;overflow:hidden;border-radius:8px;background:var(--tile)}
.camps-pick h3{font:400 20px/1.4 var(--f-text);margin:0 0 6px}
.camps-pick h3 a{color:var(--color-primary)}
.camps-pick h3 a::after{content:'';position:absolute;inset:0}
.camps-pick>p{font-size:15px;line-height:1.7;margin:0;max-width:440px;color:var(--color-muted-foreground)}
/* four colours of the same shirt, shoulder to shoulder. The photo boxes
   overlap only in their white margins, which multiply away. */
.camps-lineup{display:flex;align-items:center;justify-content:center}
.camps-lineup img{flex:none;width:31.5%;height:auto;margin-inline:-3.6%;mix-blend-mode:multiply;transition:transform var(--motion-glow) var(--ease-out)}
.camps-lineup img:nth-child(odd){transform:translateY(-9px)}
.camps-lineup img:nth-child(even){transform:translateY(9px)}
.camps-pick:hover .camps-lineup img:nth-child(odd){transform:translateY(-14px)}
.camps-pick:hover .camps-lineup img:nth-child(even){transform:translateY(14px)}
.camps-single img{position:absolute;inset:0;width:100%;height:100%;padding:18px;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--motion-glow) var(--ease-out)}
.camps-pick:hover .camps-single img{transform:scale(1.04)}

.camps-cats{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--color-rule)}
.camps-cat{position:relative;display:grid;grid-template-columns:114px minmax(0,1fr) auto;gap:24px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-rule)}
.camps-cat-thumb{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:var(--tile)}
.camps-cat-thumb img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.camps-cat p{display:grid;gap:3px;justify-items:start;margin:0}
.camps-cat p a{font-size:19px;line-height:1.4}
.camps-cat p a::after{content:'';position:absolute;inset:0}
.camps-cat p span{font-size:15px;line-height:1.65;color:var(--color-muted-foreground)}
.camps-cat-arrow{font-size:22px;line-height:1;color:var(--color-primary);padding-inline:6px;transition:transform var(--motion-lift) var(--ease-out)}
.camps-cat:hover .camps-cat-arrow{transform:translateX(-5px)}

/* ── Two methods, side by side ─────────────────────────────────────────────
   Each method is one column and every part of it shares a row with the same
   part of its neighbour (subgrid), so the spec lines read across like a
   table. Where subgrid is missing the columns simply keep their own heights. */
.camps-methods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.camps-method{display:grid;grid-template-rows:subgrid;grid-row:span 9;min-width:0}
.camps-method-art{position:relative;margin:0 0 22px;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:var(--tile)}
.camps-method-art img{display:block}
.camps-method-tag{font-size:13px;color:var(--soft);margin:0 0 8px}
.camps-method h3{font:700 48px/1 var(--f-display);margin:0 0 6px}
.camps-method-en{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--soft);margin:0 0 14px;text-align:right;text-align:match-parent}
.camps-method-desc{font-size:16px;line-height:1.75;margin:0 0 20px}
.camps-specs{grid-row:span 4;display:grid;grid-template-rows:subgrid;margin:0;border-top:1px solid var(--color-rule)}
.camps-specs>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--color-rule)}
.camps-specs dt{font-size:13px;color:var(--soft)}
.camps-specs dd{margin:0;font-size:16px;line-height:1.4}
/* DTF: one sheet of film carries the whole picture (the home page's own film
   and job). Screen print: the same job as the hero shirt, one separation per
   colour, each in the place it holds on its own screen. */
.camps-sheet{position:absolute;left:50%;top:50%;height:88%;aspect-ratio:1216/1846;transform:translate(-50%,-50%) rotate(-5deg)}
.camps-sheet-film{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 2px 3px var(--film-shadow-near)) drop-shadow(0 8px 10px var(--film-shadow-far))}
.camps-sheet-art{position:absolute;left:50%;top:50%;width:68%;height:auto;transform:translate(-50%,-50%)}
.camps-seps{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.camps-seps>span{position:relative;min-width:0;min-height:0}
.camps-seps>span:nth-child(odd){border-inline-end:1px solid var(--color-rule)}
.camps-seps>span:nth-child(-n+2){border-bottom:1px solid var(--color-rule)}
.camps-seps img{position:absolute;inset:4% 0;width:100%;height:92%;object-fit:contain}

/* which one for which occasion: the occasion in blue, the advice beside it */
.camps-rules{margin-top:40px;border-top:1px solid var(--color-rule)}
.camps-rule{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:baseline;margin:0;padding:20px 0;border-bottom:1px solid var(--color-rule);font-size:16px;line-height:1.75}
.camps-rule strong{font-weight:400;font-size:22px;line-height:1.3;color:var(--color-primary)}
.camps-rule span{max-width:600px}

/* ── The artwork: what to decide, and where it can sit ──────────────────── */
.camps-design-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.camps-design .camps-section-lead{margin-bottom:22px}
.camps-checks{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-rule)}
.camps-checks li{position:relative;padding:15px 0;padding-inline-start:30px;border-bottom:1px solid var(--color-rule);font-size:16px;line-height:1.7}
.camps-checks li::before{content:'';position:absolute;inset-inline-start:0;top:28px;width:14px;border-top:2px solid var(--color-primary)}
.camps-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.camps-sides figure{margin:0}
.camps-sides figcaption{margin-top:10px;font-size:14px;color:var(--soft);text-align:center}
.camps-files{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;margin-top:36px}
.camps-files p{margin:0;font-size:16px;line-height:1.75}
.camps-files p+p{border-inline-start:1px solid var(--color-rule);padding-inline-start:30px;color:var(--color-muted-foreground)}

/* ── Ordering: four numbered stations ───────────────────────────────────── */
.camps-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;counter-reset:step}
.camps-steps li{position:relative;min-width:0}
.camps-steps li::before{counter-increment:step;content:"0" counter(step);display:block;font:400 36px/1 'Anton SC',sans-serif;color:var(--color-primary);margin-bottom:16px}
/* a hairline runs from each number to the next: one order, four stations */
.camps-steps li:not(:last-child)::after{content:'';position:absolute;top:18px;inset-inline:56px -22px;border-top:1px solid var(--color-rule-strong)}
.camps-steps li p{margin:0;font-size:16px;line-height:1.7;max-width:210px}
.camps-order .camps-note{margin-top:30px}

/* ── The proof (two preparation times) beside delivery or pickup ────────── */
.camps-half .camps-section-lead{margin-bottom:24px}
.camps-half-foot{margin:20px 0 0;font-size:15px;line-height:1.8}
.camps-times{align-self:end}
.camps-times-label{font-size:14px;color:var(--soft);margin:0 0 12px}
.camps-times dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-block:1px solid var(--color-rule)}
.camps-times dl>div{padding:18px 0 20px}
.camps-times dl>div+div{border-inline-start:1px solid var(--color-rule);padding-inline-start:28px}
.camps-times dt{font-size:16px;margin:0 0 10px}
.camps-times dd{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;font-size:15px;color:var(--color-muted-foreground)}
.camps-num{font:400 60px/1 'Anton SC',sans-serif;color:var(--color-primary)}
.camps-delivery-photo{margin:0;align-self:end}
.camps-delivery-photo .camps-tile{aspect-ratio:auto;height:196px}
.camps-delivery-photo img{padding:14px}
.camps-delivery-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.camps-delivery-facts p{margin:0}

/* ── More for the group: the caps ───────────────────────────────────────── */
.camps-more-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:center}
.camps-more-copy{font-size:17px;line-height:1.8;margin:0;max-width:560px}
.camps-more-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
/* the embroidered cap is the theme's own cut-out (alpha), not a shop photo */
.camps-tile--cap img{padding:12% 9%;mix-blend-mode:normal}

/* ── Questions ──────────────────────────────────────────────────────────── */
.camps-content .camps-faq h2{margin-bottom:20px}
.camps-faq details{padding:0;border-bottom:1px solid var(--color-rule)}
.camps-faq details:first-of-type{border-top:1px solid var(--color-rule)}
.camps-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:17px}
.camps-faq summary::after{content:'+';color:var(--color-primary);font-size:25px;line-height:1}
.camps-faq details[open] summary::after{content:'−'}
.camps-faq summary::-webkit-details-marker{display:none}
.camps-faq details p{margin:0 0 22px;font-size:15px;line-height:1.8;max-width:620px;color:var(--color-muted-foreground)}

/* ── The request: the sand box ──────────────────────────────────────────── */
.camps-content>.camps-cta{border-top:0;padding-top:0}
.camps-cta-box{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:start;padding:46px;border-radius:12px;background:var(--box)}
.camps-content .camps-cta-box h2{font-size:clamp(54px,5.4vw,78px);line-height:.94;margin:0}
.camps-cta-copy p{font-size:16px;line-height:1.8;margin:0 0 14px;max-width:560px}
.camps-cta-copy p:last-of-type{margin-bottom:26px}

.camps-contact{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:36px}
.camps-contact h2{font:400 20px/1.4 var(--f-text);margin:0}
.camps-contact a{font-size:14px;white-space:nowrap}

/* ── Narrow desktop and tablet ──────────────────────────────────────────── */
@media(max-width:1180px){
  .camps-hero{gap:32px}
  .camps-grid{grid-template-columns:160px minmax(0,1fr);gap:40px}
  .camps-facts{gap:20px 26px}
  .camps-methods{column-gap:30px}
  .camps-method h3{font-size:42px}
  .camps-design-grid,.camps-more-grid{grid-template-columns:minmax(0,1fr) 320px;gap:36px}
  .camps-content{column-gap:36px}
  .camps-delivery-facts{grid-template-columns:minmax(0,1fr);gap:10px}
  .camps-rule{grid-template-columns:180px minmax(0,1fr);gap:22px}
  .camps-cta-box{gap:34px;padding:36px}
}
/* the two short sections stop sharing a row; the content is one column again */
@media(max-width:940px){
  .camps-layout{padding-inline:28px}
  .camps-hero{gap:24px;padding-bottom:40px}
  .camps-hero h1{font-size:clamp(50px,7.6vw,72px);margin-bottom:22px}
  .camps-lead{font-size:17px}
  .camps-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .camps-grid{grid-template-columns:150px minmax(0,1fr);gap:30px}
  .camps-content{display:block}
  .camps-content>.camps-half{display:block}
  .camps-picks{grid-template-columns:minmax(0,1fr)}
  .camps-single{height:230px}
  .camps-design-grid,.camps-more-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .camps-sides,.camps-more-photos{max-width:400px}
  .camps-delivery-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .camps-files{grid-template-columns:minmax(0,1fr);gap:14px}
  .camps-files p+p{border-inline-start:0;padding-inline-start:0}
  .camps-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 32px}
  .camps-steps li:nth-child(2)::after{display:none}
  .camps-rule{grid-template-columns:minmax(0,1fr);gap:6px}
  .camps-cta-box{grid-template-columns:minmax(0,1fr);gap:20px}
}

/* ── Phone: 16px gutters, the headline held to the width of the screen ──── */
@media(max-width:600px){
  .camps-layout{padding:14px 16px 48px}
  .camps-hero{display:block;padding:20px 0 26px}
  .camps-hero h1{font-size:clamp(54px,17.4vw,74px);line-height:.94;margin-bottom:20px}
  .camps-lead{font-size:16px;line-height:1.7;margin-bottom:12px}
  .camps-lead-more{font-size:14px;line-height:1.7;margin-bottom:24px}
  .camps-actions{gap:8px 20px}
  .camps-page .submit{min-height:48px;padding:13px 24px;font-size:15px}
  .camps-hero-art{margin-top:22px}
  .camps-tee{width:128%;margin-inline:-14%}
  .camps-facts{padding:20px 0 22px;gap:18px 20px}
  .camps-facts strong{font-size:18px;margin-bottom:4px}
  .camps-facts span{font-size:13px}
  .camps-grid{display:block}
  .camps-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0 20px;padding:8px 0 10px}
  .camps-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:13px;text-decoration:underline}
  .camps-nav .motion-spy{display:none}
  .camps-content>section,.camps-content>section:first-child{scroll-margin-top:84px;padding-top:24px;border-top:1px solid var(--color-rule)}
  .camps-content>section+section{margin-top:48px}
  .camps-content section h2{font-size:40px;margin-bottom:12px}
  .camps-section-lead{font-size:15px;line-height:1.7;margin-bottom:22px}
  .camps-note{font-size:14px;margin-top:18px}
  .camps-picks{gap:28px}
  .camps-pick-art{height:auto;aspect-ratio:16/10;margin-bottom:14px}
  .camps-single{aspect-ratio:16/9}
  .camps-single img{padding:12px}
  .camps-lineup img:nth-child(odd){transform:translateY(-6px)}
  .camps-lineup img:nth-child(even){transform:translateY(6px)}
  .camps-pick h3{font-size:18px}
  .camps-pick>p{font-size:14px}
  .camps-cats{margin-top:26px}
  .camps-cat{grid-template-columns:84px minmax(0,1fr) auto;gap:14px}
  .camps-cat p a{font-size:17px}
  .camps-cat p span{font-size:14px}
  .camps-cat-arrow{padding-inline:2px;font-size:20px}
  .camps-methods{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .camps-method{display:block}
  .camps-method-art{aspect-ratio:3/2;margin-bottom:18px}
  .camps-method h3{font-size:46px}
  .camps-method-desc{font-size:15px;margin-bottom:16px}
  .camps-specs{display:block}
  .camps-specs>div{padding:12px 0}
  .camps-specs dd{font-size:15px}
  .camps-rules{margin-top:32px}
  .camps-rule{padding:16px 0;font-size:15px}
  .camps-rule strong{font-size:20px}
  .camps-design-grid{gap:22px}
  .camps-checks li{font-size:15px;padding:13px 0;padding-inline-start:26px}
  .camps-checks li::before{top:25px;width:12px}
  .camps-sides,.camps-more-photos{max-width:none;gap:10px}
  .camps-files{margin-top:24px;gap:10px}
  .camps-files p{font-size:15px}
  .camps-steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:4px;border-top:1px solid var(--color-rule)}
  .camps-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-rule)}
  .camps-steps li::before{font-size:28px;margin:0}
  .camps-steps li::after{display:none}
  .camps-steps li p{font-size:15px;max-width:none}
  .camps-order .camps-note{margin-top:18px}
  .camps-half .camps-section-lead{margin-bottom:20px}
  .camps-half-foot{margin-top:16px;font-size:14px}
  .camps-times dl>div{padding:14px 0 16px}
  .camps-times dl>div+div{padding-inline-start:18px}
  .camps-num{font-size:48px}
  .camps-delivery-photo .camps-tile{height:170px}
  .camps-delivery-facts{grid-template-columns:minmax(0,1fr);gap:10px}
  .camps-more-copy{font-size:15px;line-height:1.75}
  .camps-faq summary{font-size:16px;padding:18px 0}
  .camps-faq details p{font-size:14px}
  .camps-cta-box{padding:26px 20px 28px;gap:14px}
  .camps-content .camps-cta-box h2{font-size:54px}
  .camps-cta-copy p{font-size:15px}
  .camps-cta-copy p:last-of-type{margin-bottom:20px}
  .camps-cta .camps-actions{flex-direction:column;align-items:flex-start;gap:6px}
  .camps-contact{gap:12px;flex-direction:column;align-items:start;padding-top:30px}
}
@media(prefers-reduced-motion:reduce){.camps-tile img,.camps-lineup img,.camps-single img,.camps-cat-arrow,.camps-text-link span,.camps-nav a{transition:none}}