/* Locked desktop visual story with a source-preserving mobile layout below.
   Shared homepage type, navigation and motion stay intact.
   Design read: preserve portfolio; variance 6, motion 4, density 2. */
@media (min-width: 901px) {
  .freshness-case-study .fresh-section { padding-block:64px; }
  .freshness-case-study .fresh-heading { max-width:780px; margin-bottom:42px; }
  .freshness-case-study .fresh-heading p:not(.case-kicker) { max-width:600px; }
  .freshness-case-study .fresh-section h2 { letter-spacing:-.035em; }
  .freshness-case-study .fresh-section .case-handwriting { color:#48745f; }
  .freshness-case-study .fresh-deck-piece { display:block; overflow:hidden; position:relative; flex-shrink:0; mix-blend-mode:multiply; }
  .freshness-case-study .fresh-deck-piece img { position:absolute; width:var(--art-width); max-width:none; left:var(--art-left); top:var(--art-top); height:auto; }
  .fresh-conversation-scene { position:relative; min-height:410px; max-width:1050px; margin:0 auto; }
  .fresh-voice { position:absolute; display:flex; align-items:center; gap:20px; width:39%; }
  .fresh-avatar { width:100px; border-radius:50%; clip-path:ellipse(43% 48% at 52% 50%); }
  .freshness-case-study .fresh-voice p { font-size:1.4rem; line-height:1.32; color:var(--portfolio-ink); letter-spacing:-.025em; }
  .fresh-voice--time { left:3%; top:12px; rotate:-3deg; }
  .fresh-voice--cold { right:0; top:10px; rotate:3deg; }
  .fresh-voice--handling { left:0; top:198px; rotate:2deg; }
  .fresh-voice--refund { right:-1%; top:205px; rotate:-2deg; }
  .fresh-designer { position:absolute; left:43%; top:155px; width:140px; }
  .fresh-designer-art { width:135px; }
  .fresh-designer .case-handwriting { display:block; width:200px; margin:20px 0 0 -25px; text-align:center; rotate:-5deg; }
  .freshness-case-study .fresh-conversation-close { text-align:center; margin:0 auto; color:var(--case-muted); }
  .fresh-conversation-close strong { display:inline-block; margin-top:8px; color:var(--portfolio-ink); font-weight:550; }
  .freshness-case-study .fresh-perception { grid-template-columns:1.12fr 1fr; gap:10%; padding-block:64px 72px; }
  .fresh-perception-meme { width:100%; max-width:485px; }
  .fresh-meme-window { position:relative; aspect-ratio:482 / 482; overflow:hidden; }
  .freshness-case-study .fresh-meme-window img { width:100%; height:auto; }
  .fresh-perception-copy p { max-width:410px; }
  .freshness-case-study .fresh-trust { padding-block:48px 0; }
  .fresh-trust > .fresh-heading { max-width:none; text-align:center; margin-bottom:15px; }
  .fresh-trust-scene { display:grid; grid-template-columns:1fr 235px 1fr; align-items:center; gap:6%; max-width:1000px; margin:50px auto 0; }
  .fresh-trust-character { width:235px; align-self:end; mask-image:linear-gradient(#000 95%,transparent); }
  .fresh-trust-cue { text-align:center; padding-bottom:28px; }
  .fresh-trust-icon { width:92px; height:auto; margin:0 auto 26px; border-radius:50%; }
  .freshness-case-study .fresh-trust-cue h3 { font-size:2.5rem; }
  .freshness-case-study .fresh-trust-cue p { font-size:1.12rem; margin-top:15px; }
  .fresh-doubt-scene { display:grid; grid-template-columns:1.15fr 1fr; gap:8%; align-items:center; margin-top:48px; }
  .fresh-doubt-visual { height:430px; position:relative; }
  .fresh-doubt-character { width:182px; position:absolute!important; left:35%; top:35px; mask-image:linear-gradient(#000 97%,transparent); }
  .fresh-missing { position:absolute; font-size:1.15rem; color:#748078; padding-bottom:6px; border-bottom:1px solid #cddbd2; }
  .fresh-missing--one { top:105px; left:3%; rotate:-7deg; }
  .fresh-missing--two { top:15px; right:5%; rotate:6deg; }
  .fresh-missing--three { bottom:55px; left:0; rotate:-5deg; }
  .fresh-missing--four { bottom:80px; right:0; rotate:7deg; }
  .freshness-case-study .fresh-doubt-copy h3 { font-size:2.7rem; }
  .fresh-doubt-copy p { max-width:370px; }
  .fresh-doubt-copy .case-handwriting { display:block; margin-top:35px; rotate:-4deg; }
  .freshness-case-study .fresh-reframe { margin-block:28px 14px; padding-block:64px; background:radial-gradient(ellipse,#eef5ef 0,transparent 69%); text-align:center; }
  .freshness-case-study .fresh-reframe h2 { line-height:1.28; font-size:clamp(2.7rem,4.5vw,4.1rem); }
  .fresh-reframe h2 span { color:#959d98; font-size:.8em; display:inline-block; margin-bottom:14px; }
  .freshness-case-study .fresh-reframe .fresh-small-intro { margin:0 auto 30px; font-size:1.15rem; color:#536759; }
  .freshness-case-study .fresh-reframe > p:last-child { margin-top:30px; }
  .freshness-case-study .fresh-claim-gap { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; max-width:1000px; margin:0 auto; }
  .freshness-case-study .fresh-claim-gap > span { color:var(--case-muted); font-size:1.2rem; line-height:1.5; letter-spacing:0; margin:0; font-weight:400; }
  .fresh-claim-gap strong { display:block; margin-top:14px; color:var(--portfolio-ink); font-size:clamp(2.2rem,3.8vw,3.6rem); font-weight:650; letter-spacing:-.035em; }
  .fresh-claim-gap i { font-style:normal; font-weight:400; font-size:3.4rem; color:#638c73; }
  .fresh-proof-shift { display:flex; align-items:center; justify-content:center; gap:50px; margin-top:52px; padding-top:24px; }
  .fresh-proof-shift span { font-size:1.2rem; font-weight:600; letter-spacing:0; color:#536759; }
  .freshness-case-study .fresh-proof-shift p { margin-top:14px; font-size:1.75rem; line-height:1.3; color:var(--portfolio-ink); }
  .freshness-case-study .fresh-proof-shift > div:last-child p { color:#3b7156; }
  .fresh-proof-shift i { font-style:normal; font-size:2rem; color:#739c84; }
  .fresh-evidence-route { display:grid; grid-template-columns:1fr 220px; gap:50px; align-items:center; margin-top:75px; }
  .fresh-evidence-cues { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }
  .fresh-evidence-cues article { text-align:center; display:grid; grid-template-rows:110px auto auto; }
  /* Padded 168px source windows retain the full icon medallions, not just their centres. */
  .fresh-criteria-icon { width:96px; height:auto; margin:0 auto; align-self:center; border-radius:50%; }
  .freshness-case-study .fresh-evidence-cues h3 { font-size:1.3rem; }
  .freshness-case-study .fresh-evidence-cues p { font-size:1.12rem; margin-top:13px; line-height:1.5; }
  .fresh-evidence-result { position:relative; padding-left:32px; }
  .fresh-evidence-result > span { position:absolute; left:-15px; top:5px; color:#739c84; font-size:2rem; }
  .freshness-case-study .fresh-evidence-result h3 { font-size:1.75rem; color:#3b7156; }
  .freshness-case-study .fresh-evidence-result p { font-size:1.12rem; margin-top:15px; }
  .freshness-case-study .fresh-criteria-note { margin-top:55px; text-align:center; rotate:-2deg; }
  .freshness-case-study .fresh-exploring { padding-bottom:60px; }
  .fresh-exploration-canvas { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:start; gap:9%; padding:20px 5% 30px; position:relative; isolation:isolate; }
  .fresh-exploration-canvas::before { content:""; position:absolute; z-index:-1; inset:0 -10% -5%; background:radial-gradient(ellipse at 50% 55%,#e9f2e9,transparent 65%); pointer-events:none; }
  .fresh-exploration-canvas .fresh-screen { max-width:280px; margin:auto; }
  .fresh-explore-source { transform:rotate(-5deg); margin-top:50px!important; }
  .fresh-explore-senses { transform:rotate(2deg); margin-top:110px!important; }
  .fresh-explore-people { transform:rotate(6deg); }
  .freshness-case-study .fresh-exploration-canvas figcaption { margin-top:27px; text-align:center; font-size:1.1rem; white-space:nowrap; }
  .freshness-case-study .fresh-synthesis { padding-block:52px 35px; text-align:center; }
  .fresh-synthesis p { max-width:620px; margin-inline:auto!important; }
  .freshness-case-study .fresh-final { padding-block:15px 64px; }
  .fresh-final-gallery { gap:4%; padding:20px 2%; }
  .fresh-final-gallery figure:nth-child(even) { margin-top:55px; }
  .freshness-case-study .fresh-gallery-note { text-align:center; margin-top:40px; }
  .freshness-case-study .fresh-reflection { padding-block:48px 64px; }
  .fresh-decisions-intro > p { max-width:740px; }
  .fresh-decision { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8%; }
  .fresh-decision--reverse .fresh-decision-copy { grid-column:2; grid-row:1; }
  .fresh-decision--reverse .fresh-detail-scene { grid-column:1; grid-row:1; }
  .freshness-case-study .fresh-decision h2 { font-size:clamp(2rem,3.35vw,3rem); }
  .freshness-case-study .fresh-decision-copy > p:not(.case-kicker) { font-size:1.15rem; line-height:1.65; margin-top:20px; }
  .fresh-decision-copy strong { color:var(--portfolio-ink); font-weight:600; }
  .fresh-decision-copy .case-handwriting { display:block; margin-top:26px; rotate:-3deg; font-size:1.4rem; }
  .freshness-case-study .fresh-decision-copy .fresh-decision-note { font-size:1rem; color:#69766e; }
  .fresh-detail-scene { position:relative; isolation:isolate; margin:0; padding:24px 0; }
  .fresh-detail-scene::before { content:""; position:absolute; z-index:-1; inset:-5% -15%; background:radial-gradient(ellipse,#eaf3eb,transparent 68%); pointer-events:none; }
  .fresh-ui-detail { display:block; position:relative; overflow:hidden; margin:auto; background:#fff; border-radius:18px; box-shadow:0 25px 45px -28px rgb(44 69 54 / 28%); }
  .freshness-case-study .fresh-ui-detail img { position:absolute; max-width:none; height:auto; }
  .fresh-detail-stories { width:100%; aspect-ratio:700/480; rotate:2deg; }
  .fresh-detail-stories img { width:102.8571%; left:-2.8571%; top:-212.5%; }
  .fresh-detail-card { width:240px; aspect-ratio:180/328; rotate:-3deg; }
  .fresh-detail-card img { width:200%; left:0; top:-100.6098%; }
  .fresh-detail-timeline { width:340px; max-width:100%; aspect-ratio:680/815; rotate:2deg; }
  .fresh-detail-timeline img { width:105.8824%; left:-2.9412%; top:-93.2515%; }
  .fresh-detail-fish { width:100%; aspect-ratio:720/493; rotate:-2deg; }
  .fresh-detail-fish img { width:100%; left:0; top:-109.5335%; }
  .fresh-detail-scene figcaption { text-align:center; margin-top:26px; font-size:1.4rem; rotate:-3deg; }
  .freshness-case-study .fresh-final { padding-top:50px; }
  .fresh-final-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px 4%; padding:0; align-items:start; }
  .fresh-final-gallery figure { margin:0!important; }
  .fresh-final-gallery > figure:nth-child(2) { grid-column:2; }
  .fresh-final-gallery > figure:nth-child(3) { grid-column:3; }
  .fresh-flow-route { grid-column:1/-1; margin-top:16px; }
  .fresh-flow-route:nth-of-type(2) { margin-top:32px; }
  .freshness-case-study .fresh-flow-route h3 { font-size:1.45rem; letter-spacing:-.02em; }
  .freshness-case-study .fresh-flow-route p { font-size:1.05rem; margin-top:12px; }
  .fresh-flow-route span { color:#6e967d; padding-inline:12px; }
}

/* The presentation pieces are crops, not full-width images. These rules must
   also exist below the desktop breakpoint or the entire deck repeats per icon. */
@media (max-width: 900px) {
  .freshness-case-study .fresh-deck-piece { display:block; position:relative; overflow:hidden; flex-shrink:0; mix-blend-mode:multiply; }
  .freshness-case-study .fresh-deck-piece img { position:absolute; width:var(--art-width); max-width:none; left:var(--art-left); top:var(--art-top); height:auto; }
  .fresh-conversation-scene { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
  .fresh-voice { display:flex; align-items:center; gap:14px; min-width:0; }
  .fresh-avatar { width:68px; border-radius:50%; clip-path:ellipse(43% 48% at 52% 50%); }
  .freshness-case-study .fresh-voice p { font-size:1rem; line-height:1.45; margin:0; }
  .fresh-designer { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:20px; margin-top:8px; }
  .fresh-designer-art { width:88px; }
  .fresh-designer .case-handwriting { font-size:1.125rem; rotate:-4deg; }
  .freshness-case-study .fresh-conversation-close { margin-top:32px; }
  .fresh-trust-scene { display:grid; grid-template-columns:1fr 1fr; gap:32px 20px; align-items:start; }
  .fresh-trust-cue { text-align:center; }
  .fresh-trust-icon { width:76px; margin:0 auto 20px; border-radius:50%; }
  .freshness-case-study .fresh-trust-cue h3 { font-size:1.5rem; }
  .freshness-case-study .fresh-trust-cue p { font-size:1rem; margin-top:12px; }
  .fresh-trust-character { width:140px; grid-row:2; grid-column:1/-1; justify-self:center; }
  .fresh-doubt-scene { margin-top:36px; display:grid; gap:24px; }
  .fresh-doubt-visual { position:relative; height:300px; width:min(100%,360px); margin:auto; }
  .fresh-doubt-character { position:absolute!important; width:125px; left:calc(50% - 62.5px); top:20px; }
  .fresh-missing { position:absolute; font-size:.875rem; color:#748078; border-bottom:1px solid #cddbd2; padding-bottom:4px; }
  .fresh-missing--one { top:85px; left:0; rotate:-7deg; }
  .fresh-missing--two { top:30px; right:0; rotate:6deg; }
  .fresh-missing--three { bottom:40px; left:0; rotate:-5deg; }
  .fresh-missing--four { bottom:70px; right:0; rotate:7deg; }
  .fresh-doubt-copy .case-handwriting { display:block; margin-top:24px; }
  .freshness-case-study .fresh-claim-gap { display:grid; gap:18px; }
  .freshness-case-study .fresh-claim-gap > span { font-size:1rem; font-weight:400; letter-spacing:0; color:var(--case-muted); }
  .fresh-claim-gap strong { display:block; font-size:clamp(1.75rem,6vw,2.5rem); color:var(--portfolio-ink); font-weight:600; line-height:1.2; margin-top:10px; }
  .fresh-claim-gap i { font-style:normal; font-size:2rem; color:#638c73; }
  .fresh-evidence-route { display:grid; gap:32px; }
  .fresh-evidence-cues { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
  .fresh-evidence-cues article { text-align:center; }
  .fresh-criteria-icon { width:80px; margin:0 auto 16px; border-radius:50%; }
  .freshness-case-study .fresh-evidence-cues h3 { font-size:1.25rem; }
  .freshness-case-study .fresh-evidence-cues p { font-size:1rem; line-height:1.5; margin-top:10px; }
  .fresh-evidence-result { text-align:center; }
  .fresh-evidence-result > span { display:block; rotate:90deg; font-size:1.75rem; color:#739c84; margin-bottom:14px; }
  .freshness-case-study .fresh-evidence-result h3 { font-size:1.375rem; color:#3b7156; }
  .freshness-case-study .fresh-evidence-result p { font-size:1rem; margin-top:10px; }
  .fresh-proof-shift { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-top:36px; }
  .fresh-proof-shift span { font-size:.9375rem; font-weight:600; color:#536759; }
  .freshness-case-study .fresh-proof-shift p { font-size:1.125rem; line-height:1.45; margin-top:10px; }
  .fresh-proof-shift i { font-style:normal; color:#739c84; }
  .fresh-flow-route { grid-column:1/-1; }
  .fresh-final-gallery figure:nth-child(n) { margin-top:0; }
  .freshness-case-study .fresh-flow-route h3 { font-size:1.375rem; }
  .freshness-case-study .fresh-flow-route p { font-size:1rem; line-height:1.6; }
  .fresh-flow-route span { color:#6e967d; padding-inline:5px; }
}
@media (max-width: 430px) {
  .fresh-conversation-scene { grid-template-columns:1fr; gap:24px; }
  .fresh-voice { gap:20px; }
  .fresh-voice:nth-child(even) { margin-left:24px; }
  .fresh-avatar { width:64px; }
  .fresh-designer { margin-top:12px; }
}