@import"https://fonts.googleapis.com/css2?family=National+Park:wght@200..800&display=swap";:root{font-family:National Park,sans-serif;color:#24241e;background:#f3f1e8;font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;--accent: #5941d8;--ink: #24241e}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait}button svg{width:23px;height:23px;flex-shrink:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:#d9f48a;color:#24241e}main{width:calc(100% - 112px);max-width:1376px;margin-inline:auto}main{margin-top:clamp(20px,4vw,56px)}.screen-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;background:#24241ecc;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-play svg{width:24px;height:24px}.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;background:var(--accent);border-radius:50%}.deck-shell{position:relative;isolation:isolate;--accent: #5941d8;--layer: #ef5684;--surface: #ebe9dc}.deck-sheet{position:absolute;inset:0;border:1px solid #24241e22;border-radius:12px;pointer-events:none}.deck-sheet-back{background:var(--accent);transform:translateY(16px) scaleX(.962);z-index:-2}.deck-sheet-front{background:var(--layer);transform:translateY(8px) scaleX(.981);z-index:-1}.case-card{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:44px 64px 38px;background:var(--surface);border:1px solid #24241e20;border-radius:12px;overflow:hidden;min-height:681px;view-transition-name:case-card}.case-copy{display:flex;flex-direction:column;align-self:stretch;min-width:0;padding-block:10px 0}.case-identity{display:flex;align-items:center;gap:21px;min-height:35px}.case-brand{font-family:National Park,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.9px;max-width:250px}.case-brand.has-logo{line-height:0}.case-brand img{width:126px;height:auto;mix-blend-mode:multiply}.identity-divider{height:23px;width:1px;background:#24241e30;flex-shrink:0}.creator-handle{font-size:13px;font-weight:500;color:#66655c}.case-story{margin-block:auto;padding:42px 0 39px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.5px;font-weight:650}h1{font-family:National Park,sans-serif;margin:17px 0 30px;font-weight:500;line-height:1.15;letter-spacing:-2px}.headline-result{display:block;font-size:clamp(76px,8.8vw,128px);font-weight:750;line-height:1.05;letter-spacing:-8px;color:var(--accent);margin-left:-6px;margin-bottom:18px;white-space:nowrap}.headline-line{display:block;font-size:clamp(24px,2.5vw,37px);letter-spacing:-1.7px;line-height:1.25}.secondary-line{color:#77786c}.metrics{display:flex;gap:0}.metric{display:flex;flex-direction:column;gap:3px;min-width:97px;padding-inline:23px;border-left:1px solid #24241e25}.metric:first-child{padding-left:0;border-left:0}.metric:last-child{padding-right:0}.metric-value{font-family:National Park,sans-serif;font-size:27px;font-weight:650;line-height:1.3;letter-spacing:-1.2px}.metric-label{font-size:11px;color:#737368;white-space:nowrap}.case-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:430px}.read-more{padding:8px 0 5px;border-bottom:1px solid #24241e8c;background:none;font-size:13px;font-weight:600;white-space:nowrap}.read-more span{display:inline-block;margin-left:17px;font-size:19px;font-weight:400;transition:transform .2s}.read-more:hover span{transform:translate(2px,-2px)}.next-button{display:flex;align-items:center;justify-content:space-between;gap:27px;padding:19px 25px;background:var(--accent);color:#fff;border-radius:50px;min-width:173px;font-size:13px;font-weight:600;transition:box-shadow .2s,transform .2s}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #24241e20}.next-button svg{width:25px;height:25px;transition:transform .2s}.next-button:hover svg{transform:translate(3px)}.case-visual{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding-left:22px}.visual-kicker{display:flex;align-items:center;gap:7px;margin:0 0 22px;font-size:8px;letter-spacing:1.4px;font-weight:600;color:#66665d}.visual-kicker .status-dot{background:#6d7b54;width:5px;height:5px;flex-basis:5px}.media-scene{perspective:1100px;width:100%;display:flex;justify-content:center;padding:0 15px 0 28px}.media-stack{position:relative;width:267px;max-width:100%;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) rotate(2deg);transform-style:preserve-3d;transition:transform .25s ease-out}.media-layer{position:absolute;inset:0;border-radius:17px;pointer-events:none;border:1px solid #24241e12}.media-layer-back{background:var(--accent);transform:translate(-31px,12px) rotate(-8deg);box-shadow:0 14px 20px #24241e12;display:flex;align-items:center}.media-layer-back span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#fff;position:absolute;left:7px;top:39px}.media-layer-front{background:var(--layer);transform:translate(-15px,5px) rotate(-4deg)}.widget{container-type:inline-size;position:relative;border:4px solid #282825;border-radius:20px;overflow:hidden;background:#282825;box-shadow:12px 18px 29px #24241e23;transform:translateZ(1px);view-transition-name:widget}.screen{position:relative;width:100%;aspect-ratio:720/1368;overflow:hidden;background:#1c1c1a}.story-view{position:absolute;inset:0}video{display:block;width:100%;height:100%;object-fit:cover}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#17161255 0%,transparent 23%,transparent 64%,#171612d9 100%);pointer-events:none}.creator-overlay{position:absolute;top:15px;left:13px;right:13px;display:flex;align-items:center;gap:8px;color:#fff}.creator-overlay img{width:31px;height:31px;border-radius:50%;border:1px solid #ffffffa0;object-fit:cover;padding:2px}.creator-overlay div{display:flex;flex-direction:column;gap:2px}.creator-overlay strong{font-size:9px;font-weight:600}.creator-overlay div>span{font-size:7px;color:#fff9}.story-dots{margin-left:auto;font-size:13px;letter-spacing:1px}.shop-overlay{position:absolute;bottom:13px;left:13px;right:13px;display:flex;flex-direction:column;align-items:center}.feed-viewport{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#fff;touch-action:pan-y}.feed-viewport::-webkit-scrollbar{display:none}.feed-image{width:100%;height:auto;display:block}.feed-error{padding:24px;font-size:13px;line-height:1.5;color:#24241e;background:#fff;position:absolute;inset:0;margin:0}.video-error{position:absolute;top:40%;left:12px;right:12px;padding:15px;background:#24241ecc;color:#fff;text-align:center;font-size:14px;line-height:1.5;border-radius:8px}.deck-navigation{display:flex;align-items:center;justify-content:center;height:83px;padding-top:14px}.case-selectors{display:flex;gap:5px}.case-selector{padding:14px 0;width:29px;background:transparent}.case-selector span{display:block;height:3px;border-radius:2px;background:#d4d2c7;transition:background .2s}.case-selector[aria-current=true] span{background:var(--accent)}.detail-dialog{width:min(560px,calc(100% - 36px));padding:49px;border:1px solid #24241e30;border-radius:14px;background:#f3f1e8;color:var(--ink);box-shadow:0 30px 100px #0003;max-height:calc(100dvh - 40px);overflow-y:auto;opacity:0;transform:translateY(20px);transition:opacity .28s ease,transform .28s cubic-bezier(.22,.68,.2,1),display .28s allow-discrete,overlay .28s allow-discrete}.detail-dialog[open]{opacity:1;transform:translateY(0)}.detail-dialog::backdrop{background:#20201800;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .28s ease,backdrop-filter .28s ease,display .28s allow-discrete,overlay .28s allow-discrete}.detail-dialog[open]::backdrop{background:#20201885;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@starting-style{.detail-dialog[open]{opacity:0;transform:translateY(20px)}.detail-dialog[open]::backdrop{background:#20201800;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.close-dialog{position:absolute;right:16px;top:12px;width:32px;height:32px;font-size:26px;line-height:1;background:transparent;color:#77776b}.detail-dialog h2{font-family:National Park,sans-serif;font-size:38px;letter-spacing:-2px;line-height:1.15;margin:25px 0;color:var(--accent)}.detail-summary{font-size:20px;line-height:1.4;letter-spacing:-.5px}.detail-metrics{display:flex;margin:28px 0}.detail-body{font-size:13px;line-height:1.8;color:#737368}.dialog-done{display:flex;align-items:center;gap:20px;background:var(--accent);color:#fff;border-radius:30px;margin-top:28px;padding:14px 21px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::view-transition-group(case-card),::view-transition-group(widget){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,.68,.2,1)}::view-transition-old(root),::view-transition-new(root){animation:none}html[data-transition=case]::view-transition-old(case-card){animation:case-out .48s cubic-bezier(.4,0,.2,1) both}html[data-transition=case]::view-transition-new(case-card){animation:case-in .5s cubic-bezier(.22,.68,.2,1) both}html[data-transition=case]::view-transition-old(widget){z-index:2;mix-blend-mode:normal;transform-origin:50% 85%;animation:widget-fly-out .6s cubic-bezier(.45,.05,.7,.45) both}html[data-transition=case]::view-transition-new(widget){z-index:1;mix-blend-mode:normal;animation:widget-uncover .55s cubic-bezier(.22,.68,.2,1) both}html[data-transition=case]::view-transition-group(widget){z-index:2;overflow:visible;animation-duration:.6s}html[data-transition=case]::view-transition-image-pair(widget){isolation:isolate;overflow:visible}@keyframes widget-fly-out{0%{opacity:1;transform:perspective(1000px) translateZ(0) rotateY(0) rotate(0)}65%{opacity:1}to{opacity:0;transform:perspective(1000px) translate3d(105vw,-35vh,100px) rotateY(-18deg) rotate(24deg)}}@keyframes widget-uncover{0%{opacity:1;transform:translate(-15px,14px) scale(.94) rotate(-3deg)}to{opacity:1;transform:none}}html[data-transition=screen]::view-transition-old(case-card),html[data-transition=screen]::view-transition-new(case-card){animation:none}html[data-transition=screen]::view-transition-old(widget){animation:screen-out .45s ease both}html[data-transition=screen]::view-transition-new(widget){animation:screen-in .5s cubic-bezier(.22,.68,.2,1) both}@keyframes case-out{to{opacity:0;transform:translateY(-25px) scale(.97) rotate(-1deg)}}@keyframes case-in{0%{opacity:0;transform:translateY(30px) scale(.97) rotate(1deg)}to{opacity:1;transform:none}}@keyframes screen-out{to{opacity:0;transform:scale(.95)}}@keyframes screen-in{0%{opacity:0;transform:translateY(35px) scale(1.02)}to{opacity:1;transform:none}}@media(min-width:1500px){.case-card{padding:52px 85px;min-height:735px}.media-stack{width:292px}.headline-result{font-size:140px}.headline-line{font-size:42px}.case-story{padding-block:45px}}@media(max-width:1100px){main{width:calc(100% - 64px)}.case-card{padding:35px 36px;gap:15px}.case-visual{padding-left:5px}.headline-result{font-size:100px;letter-spacing:-6px}.headline-line{font-size:29px;letter-spacing:-1.4px}.case-actions{gap:18px}.next-button{padding:16px 18px;min-width:146px;gap:17px}.case-brand{font-size:17px}.case-identity{gap:15px}.creator-handle{font-size:12px}.metric{min-width:81px;padding-inline:19px}}@media(max-width:820px){main{width:calc(100% - 40px)}.case-card{padding:30px 27px;gap:21px;grid-template-columns:1fr 1fr;min-height:620px}.headline-result{font-size:80px;letter-spacing:-5px}.headline-line{font-size:24px;letter-spacing:-1.1px}.case-identity{gap:12px;flex-wrap:wrap}.case-brand img{width:105px}.creator-handle{font-size:11px}.case-brand{font-size:16px}.case-story{padding-block:30px}.case-actions{align-items:flex-start;gap:17px;flex-direction:column-reverse}.metric{padding-inline:13px;min-width:67px}.metric-value{font-size:24px}.metric-label{font-size:9px}.media-stack{width:228px}.media-scene{padding-left:21px;padding-right:8px}.visual-kicker{font-size:7px;letter-spacing:1px}}@media(max-width:640px){main{width:calc(100% - 32px)}.case-card{display:flex;flex-direction:column;align-items:stretch;padding:28px 25px 25px;gap:0;border-radius:10px}.case-copy{display:contents}.case-identity{order:0;flex-wrap:nowrap;justify-content:flex-start;gap:15px;min-height:26px}.case-brand img{width:107px}.case-brand{font-size:19px}.identity-divider{height:20px}.creator-handle{font-size:12px}.case-story{order:1;padding:29px 0 25px;margin:0}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{margin:13px 0 24px}.headline-result{font-size:clamp(78px,21vw,118px);letter-spacing:-6px;margin-bottom:12px;margin-left:-3px}.headline-line{font-size:clamp(24px,6.7vw,34px);letter-spacing:-1.3px}.metrics{gap:0}.metric{padding-inline:23px;min-width:86px}.metric-value{font-size:25px}.metric-label{font-size:10px}.case-visual{order:2;margin:8px 0 29px;padding-left:0}.visual-kicker{display:none}.media-scene{padding:0 17px 0 35px}.media-stack{width:min(250px,100%)}.case-actions{order:3;flex-direction:row;align-items:center;max-width:none;gap:12px}.read-more{font-size:11px}.read-more span{margin-left:8px}.next-button{font-size:12px;min-width:143px;padding:14px 18px;gap:14px}.next-button svg{width:23px;height:23px}.deck-navigation{height:78px}.case-selector{width:24px}.detail-dialog{padding:38px 26px}.detail-dialog h2{font-size:32px}.detail-summary{font-size:18px}.detail-metrics .metric{min-width:75px;padding-inline:17px}.detail-metrics .metric:first-child{padding-left:0}}@media(max-width:360px){.case-card{padding-inline:19px}.headline-result{font-size:76px}.headline-line{font-size:23px}.metric{padding-inline:19px;min-width:76px}.next-button{min-width:132px;padding-inline:14px}.read-more span{margin-left:4px}.media-layer-back{transform:translate(-24px,12px) rotate(-7deg)}.media-layer-back span{font-size:7px;left:5px}}@media(max-width:640px){.metrics .metric{flex:1;min-width:0;padding-inline:15px}.metrics .metric:first-child{padding-left:0}.metrics .metric:last-child{padding-right:0}.metric-label{white-space:normal}}@media(max-width:360px){.case-card[data-case=little-finds] .headline-result{font-size:64px;letter-spacing:-5px}}@container (max-width: 180px){.creator-overlay{inset:8px 7px auto;gap:4px}.creator-overlay img{width:20px;height:20px;padding:1px}.creator-overlay strong{font-size:6px;white-space:nowrap}.creator-overlay div>span{font-size:4px;white-space:nowrap}.story-dots{font-size:8px}.shop-overlay{inset:auto 7px 8px}.screen-play{width:36px;height:36px}.screen-play svg{width:18px;height:18px}}@media(max-width:640px){main{width:calc(100% - 24px);margin-top:calc(10px + env(safe-area-inset-top))}.case-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) 44px;height:calc(100svh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:420px;gap:10px;padding:16px 20px 12px}.case-identity{min-height:22px;gap:12px}.case-brand{font-size:15px;white-space:nowrap}.case-brand img{width:93px}.creator-handle{font-size:10px;white-space:nowrap}.case-story{padding:0}h1{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;margin:2px 0 12px}.headline-result,.case-card[data-case=little-finds] .headline-result{grid-row:span 2;margin:0;font-size:clamp(40px,12vw,58px);letter-spacing:-3px;line-height:1.05}.headline-line{font-size:clamp(12px,3.5vw,19px);letter-spacing:-.4px;line-height:1.25}.headline-line:not(.secondary-line){align-self:end}.secondary-line{align-self:start}.metrics .metric{padding-inline:12px;gap:0}.metric-value{font-size:20px}.metric-label{font-size:9px}.case-visual{height:100%;min-height:0;margin:0;padding:8px 0 18px}.media-scene{height:100%;min-height:0;align-items:center;padding:0 8px 0 25px}.media-stack{height:100%;max-height:min(calc((100vw - 100px)*1.9),530px);width:auto;max-width:none;aspect-ratio:720 / 1368}.widget,.screen{height:100%}.screen{aspect-ratio:auto}.case-actions{min-height:44px}.next-button{padding-block:10px}.deck-sheet-back{transform:translateY(10px) scaleX(.962)}.deck-sheet-front{transform:translateY(5px) scaleX(.981)}.deck-navigation{height:48px;padding-top:10px}}@media(max-width:360px){.case-card{padding-inline:14px;gap:8px}.case-brand{font-size:12px}.creator-handle{font-size:9px}h1{column-gap:10px}}@media(hover:none){.next-button:hover,.next-button:hover svg,.read-more:hover span{transform:none}}@media(prefers-reduced-motion:reduce){.detail-dialog::backdrop{transition:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.media-stack{transform:rotate(2deg)}.next-button:hover,.next-button:hover svg,.read-more:hover span{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.shop-image{display:block;width:100%;height:auto;pointer-events:none}.case-card[data-case=laatukoru] .creator-handle{white-space:normal}