/* Case stories. Scoped to the new work browser and standalone story. */
.case-browser{padding-top:105px;padding-bottom:95px}.case-browser .section-heading{align-items:end;margin-bottom:28px}.case-browser .section-heading h2{font-size:clamp(42px,5.5vw,72px);max-width:740px;line-height:1.02;margin:0}.case-browser .work-intro{max-width:330px;font-size:18px;margin:0}.case-eyebrow{color:var(--forest);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}.goal-prompt{font-size:14px;font-weight:650;margin:30px 0 12px}.goal-filters{display:flex;flex-wrap:wrap;gap:8px}.goal-chip{border:1px solid #cbd4c9;background:transparent;border-radius:30px;padding:10px 16px;cursor:pointer;color:var(--forest);font-size:14px;transition:background .2s,color .2s}.goal-chip:hover{background:#e7ecdf}.goal-chip[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:var(--paper)}.case-tools{display:flex;align-items:center;gap:18px;margin:23px 0 28px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:13px}.case-tools label{display:flex;gap:10px;align-items:center}.case-tools select{background:transparent;border:0;border-bottom:1px solid var(--forest);padding:6px 22px 6px 0;color:var(--forest);max-width:230px}.case-tools button{border:0;background:transparent;text-decoration:underline;cursor:pointer;font-size:13px;color:var(--forest);margin-left:auto}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.story-card[hidden]{display:none!important}.story-card{min-width:0}.story-card a{display:block}.story-card .story-visual{overflow:hidden;position:relative;aspect-ratio:1.36;background:#e9ebdf;border-radius:6px}.story-card .story-visual img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.story-card a:hover .story-visual img{transform:scale(1.035)}.story-card .visual-bartisans{background:#e8d2b8}.story-card .visual-bartisans img{width:90%;height:90%;position:absolute;left:5%;top:10%;object-fit:cover;object-position:top;border-radius:5px;box-shadow:0 15px 30px #311d181c}.story-card .visual-vlncy{background:#351847}.story-card .visual-vlncy img{object-fit:contain;padding:18px}.story-card .story-visual:after{content:'↗';position:absolute;right:15px;bottom:15px;display:grid;place-items:center;background:var(--paper);color:var(--deep);border-radius:50%;width:38px;height:38px;font-size:22px}.story-card h3{font:700 28px/1.1 var(--display);letter-spacing:-.025em;margin:13px 0 8px}.story-card .story-question{font-size:16px;line-height:1.45;margin:0;max-width:380px}.story-card .case-tags{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 0}.case-tags span{font-size:11px;padding:4px 8px;background:#e9eee5;color:var(--forest);border-radius:3px}.story-type{font-size:11px;letter-spacing:.03em;color:var(--forest);margin:16px 0 0}.story-card .hamleys-visual{background:#c91432;color:white;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.hamleys-visual img{height:35px!important;width:110px!important;object-fit:contain!important;object-position:left!important;filter:brightness(0) invert(1);padding:0!important}.hamleys-visual strong{font:700 clamp(24px,2.8vw,42px)/1.02 var(--display);letter-spacing:-.02em;max-width:240px}.hamleys-visual small{font-size:12px;max-width:230px}.case-empty{padding:35px 0;font-size:18px}.case-review-caption{font-size:12px;max-width:800px;color:#687366;margin-top:35px}.story-body{--max:1320px}.story-body .nav{max-width:1320px}.story-topline{font-size:12px;display:flex;justify-content:space-between;gap:15px;margin:18px 0 30px;color:var(--forest)}.story-topline a{text-decoration:underline}.story-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding:25px 0 65px}.story-hero h1{font:750 clamp(46px,6.2vw,82px)/.99 var(--display);letter-spacing:-.045em;max-width:750px;margin:14px 0 24px}.story-hero h1 em{font-style:normal;color:var(--forest)}.story-deck{font-size:20px;max-width:620px;line-height:1.5}.story-hero .case-tags{display:flex;flex-wrap:wrap;gap:8px}.story-founders{position:relative;max-width:450px;margin:0;align-self:end}.story-founders>img{width:100%;height:auto}.story-founders .held-work{position:absolute;left:27.9%;top:30.7%;width:44%;height:23%;border:0;background:white;object-fit:contain;padding:0;cursor:pointer;overflow:hidden}.held-work img{width:100%;height:100%;object-fit:contain}.story-founders figcaption{font-size:12px;text-align:center;margin-top:8px;color:var(--forest)}.story-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:26px}.chapter-nav{position:sticky;top:0;z-index:8;background:#f8f9f5f5;backdrop-filter:blur(12px);border-block:1px solid var(--line)}.chapter-nav>div{display:flex;gap:26px;overflow-x:auto;padding-block:15px;white-space:nowrap;scrollbar-width:thin}.chapter-nav a{font-size:13px;color:var(--forest);padding:6px 0;border-bottom:2px solid transparent}.chapter-nav a[aria-current=true]{border-color:var(--clay);color:var(--ink)}.story-chapter{padding-block:90px;scroll-margin-top:76px}.chapter-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;margin-bottom:38px}.chapter-number{font:700 62px/1 var(--display);color:var(--clay);margin-bottom:12px}.chapter-head h2{font:700 clamp(34px,4vw,54px)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 18px}.chapter-head p{max-width:680px;margin:0 0 15px}.decision-label{font-size:12px;color:var(--forest);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.decision-copy{font-size:18px}.comparison{padding:26px;background:#e8ece1;border-radius:8px}.compare-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.segmented{display:flex;background:white;padding:4px;border-radius:25px;border:1px solid #d9dfd2;width:max-content}.segmented button{border:0;border-radius:25px;background:transparent;padding:8px 18px;cursor:pointer;font-size:13px}.segmented button[aria-pressed=true]{background:var(--deep);color:white}.compare-note{font-size:12px;color:var(--forest)}.screenshot-stage{position:relative;max-width:100%;margin:auto}.screenshot-stage>button{border:0;padding:0;background:transparent;width:100%;display:block;cursor:zoom-in}.screenshot-stage img{width:100%;height:auto;border-radius:3px;box-shadow:0 8px 30px #24352014}.comparison.is-mobile .screenshot-stage{max-width:340px}.evidence-caption{display:flex;gap:16px;justify-content:space-between;align-items:start;font-size:12px;color:var(--forest);margin-top:16px}.evidence-caption p{margin:0}.zoom-link{border:0;background:transparent;text-decoration:underline;cursor:pointer;white-space:nowrap;color:var(--forest);padding:0;font-size:12px}.guide-observation{display:flex;align-items:center;gap:18px;background:var(--deep);color:var(--paper);padding:21px 25px;border-radius:6px;margin:22px 0}.guide-observation img{height:66px;width:66px;border-radius:50%;object-fit:cover;object-position:center 22%;background:#dce2d1;flex:none}.guide-observation p{margin:0;font-size:16px;line-height:1.45}.guide-observation small{display:block;color:var(--amber);font-size:11px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.07em}.inspection-board{position:relative;background:white;border:1px solid var(--line);border-radius:7px;padding:15px}.inspection-board>img{width:100%;height:auto}.spot{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--amber);border:3px solid white;box-shadow:0 2px 10px #0003;color:var(--deep);font-weight:750;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s}.spot[aria-pressed=true]{background:var(--clay);color:white;transform:translate(-50%,-50%) scale(1.15)}.spot:focus-visible{outline-offset:4px}.spot-1{left:12%;top:73%}.spot-2{left:29%;top:88%}.spot-3{left:48%;top:96%}.detail-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.detail-picker button{border:1px solid var(--line);background:transparent;padding:20px;text-align:left;cursor:pointer;border-radius:4px;line-height:1.4;color:var(--ink)}.detail-picker button[aria-pressed=true]{border-color:var(--forest);background:#e8eee2}.detail-picker strong{font:700 20px/1.2 var(--display);display:block;margin-bottom:6px}.detail-picker small{font-size:13px;display:block}.detail-explanation{font-size:19px;max-width:820px;min-height:63px}.story-twin{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.story-twin figure{margin:0;background:white;border:1px solid var(--line);padding:20px;border-radius:5px}.story-twin img{width:100%;height:270px;object-fit:contain;object-position:top}.story-twin figcaption{font-size:15px;margin-top:18px}.story-twin figcaption strong{display:block;font:700 24px/1.1 var(--display);margin-bottom:10px}.story-twin button{margin-top:16px}.proof-section{background:var(--deep);color:var(--paper)}.proof-section .decision-label{color:var(--amber)}.proof-section .chapter-head p{color:#d6dfd1}.proof-collage{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:19px;align-items:center;padding-block:15px 35px}.proof-card{border:1px dashed #abb7a1;background:#fcfdf7;color:var(--deep);padding:25px;border-radius:7px;text-align:left;cursor:pointer;box-shadow:0 20px 30px #0002;min-height:230px;transition:transform .2s}.proof-card:first-child{transform:rotate(-3deg)}.proof-card:nth-child(2){transform:translateY(20px) rotate(2deg)}.proof-card:last-child{transform:rotate(-1deg)}.proof-card:hover{transform:translateY(-6px) rotate(0)}.proof-placeholder{display:inline-block;background:#fae6bb;color:#6c4510;font-size:10px;letter-spacing:.06em;font-weight:700;padding:5px 8px}.proof-number{font:700 66px/1 var(--display);margin:25px 0 10px;display:block;color:var(--forest)}.proof-card strong{display:block;font-size:16px}.proof-card small{display:block;margin-top:14px;font-size:12px;color:#62705f}.proof-boundary{font-size:13px;max-width:800px;color:#d6dfd1;margin:25px 0 0}.delivered-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);padding-top:30px}.delivered-grid strong{display:block;font:700 24px/1.1 var(--display);margin-bottom:12px}.story-close{padding:50px 0 90px;display:flex;justify-content:space-between;align-items:center;gap:30px}.story-close h2{font:700 43px/1.1 var(--display);max-width:650px}.story-dialog{max-width:min(1150px,94vw);max-height:92vh;padding:22px;border:0;border-radius:8px;background:var(--paper);color:var(--ink)}.story-dialog::backdrop{background:#102418d9}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.dialog-header button{border:1px solid var(--forest);background:white;border-radius:50%;height:42px;width:42px;cursor:pointer;font-size:20px}.dialog-header h2{font:700 22px/1.1 var(--display);margin:0}.story-dialog img{max-height:70vh;max-width:100%;height:auto;width:auto;margin:auto;object-fit:contain}.proof-dialog{max-width:580px;padding:30px}.proof-dialog p{font-size:17px}.proof-dialog dl{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:14px}.proof-dialog dt{color:var(--forest)}.proof-dialog dd{margin:0}.story-body footer{border-top:1px solid var(--line)}
@media(max-width:950px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-hero{gap:20px}.chapter-head{gap:30px}.proof-collage{gap:10px}.proof-card{padding:18px}.proof-number{font-size:50px}.story-twin img{height:210px}}
@media(max-width:600px){.case-browser{padding-block:60px}.case-browser .section-heading{display:block}.case-browser .work-intro{margin-top:20px}.goal-chip{font-size:12px;padding:9px 12px}.case-tools{gap:10px;flex-wrap:wrap}.case-tools label{width:100%}.case-tools button{margin-left:auto}.case-grid{grid-template-columns:1fr;gap:36px}.story-card .story-visual{aspect-ratio:1.5}.story-card h3{font-size:29px}.story-card .hamleys-visual strong{font-size:38px}.story-topline{font-size:11px}.story-hero{grid-template-columns:1fr;gap:30px;padding:10px 0 35px}.story-hero h1{font-size:51px}.story-deck{font-size:18px}.story-founders{max-width:310px;margin:auto}.chapter-nav>div{gap:21px;padding-block:10px}.chapter-nav a{font-size:12px}.story-chapter{padding-block:55px}.chapter-head{grid-template-columns:1fr;gap:15px}.chapter-number{font-size:42px;margin-bottom:7px}.chapter-head h2{font-size:37px}.chapter-head p{font-size:16px}.comparison{padding:13px}.segmented button{padding:8px 13px}.compare-controls{gap:10px}.compare-note{width:100%}.evidence-caption{display:block}.zoom-link{margin-top:10px}.detail-picker{grid-template-columns:1fr;gap:7px}.detail-picker button{padding:14px}.detail-picker strong{font-size:18px}.detail-explanation{font-size:17px;min-height:105px}.inspection-board{padding:5px;overflow:visible}.spot{height:29px;width:29px;font-size:12px;border-width:2px}.spot-3{top:94%}.guide-observation{padding:16px;gap:13px}.guide-observation img{width:48px;height:48px}.guide-observation p{font-size:14px}.story-twin{grid-template-columns:1fr}.story-twin img{height:auto;max-height:260px}.proof-collage{grid-template-columns:1fr;gap:15px;padding-inline:5px}.proof-card{min-height:190px}.proof-card:first-child,.proof-card:nth-child(2),.proof-card:last-child{transform:rotate(0)}.proof-number{font-size:61px;margin:17px 0 7px}.delivered-grid{grid-template-columns:1fr;gap:22px}.story-close{display:block;padding-block:20px 60px}.story-close h2{font-size:35px}.story-close .button{margin-top:15px}.proof-dialog dl{grid-template-columns:90px 1fr}.story-body .nav nav{gap:14px}.story-body .nav{gap:12px}.story-body .nav .logo{width:125px}}
@media(prefers-reduced-motion:reduce){.proof-card,.story-card .story-visual img,.spot{transition:none!important}.proof-card{transform:none!important}}