/* The Sip Society, inside the standard case-study template */
.tss .tss-slides{position:relative;overflow:hidden;border-radius:var(--r,16px);aspect-ratio:16/9;background:#081826}
.tss .tss-track{display:flex;width:200%;height:100%;transition:transform 1.1s cubic-bezier(.65,0,.35,1)}
.tss .tss-slides.at-night .tss-track{transform:translateX(-50%)}
.tss .tss-slide{position:relative;width:50%;height:100%;overflow:hidden}
.tss .tss-slide .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tss .tss-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08182600 35%,#081826aa 100%)}
.tss .tss-slide.day::after{background:linear-gradient(180deg,#0818260d 30%,#08182680 100%)}
.tss .tss-slide>i{position:absolute;left:6%;bottom:9%;z-index:1;aspect-ratio:var(--ar,3/1);background:#F6F1EA;-webkit-mask:var(--m) left bottom/contain no-repeat;mask:var(--m) left bottom/contain no-repeat}
.tss .tss-slide.day>i{--ar:1777/436}.tss .tss-slide.night>i{--ar:2578/739}
.tss .tss-say{position:absolute;left:6%;bottom:9%;z-index:1;color:#F6F1EA;font:400 clamp(30px,4vw,60px)/1 'Times New Roman',Times,serif;letter-spacing:-.01em;transform:scaleX(.82);transform-origin:left bottom}
.tss .tss-film{aspect-ratio:16/9}
/* mood rows */
.tss-mood{background:#F6F1EA;border-radius:16px;padding:22px}
.tss-mood .k{margin:0 0 10px;font:500 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6A6573}
.tss-mood .row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-bottom:22px}
.tss-mood .row:last-child{margin-bottom:0}
.tss-mood .row img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:4px}
.tss-mood .row.night{background:#081826;padding:6px;border-radius:8px}
/* logo tiles use the logo artwork as a mask, so any colour works */
.tss-logo{display:flex;align-items:center;justify-content:center;border-radius:14px;aspect-ratio:4/3;overflow:hidden}
.tss-logo.wide{aspect-ratio:16/7}
.tss-logo i{display:block;height:60%;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.tss-word .tss-logo{box-shadow:inset 0 0 0 1px #E4DFEC}
.tss-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tss-construct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tss-construct figure{margin:0;background:#F6F1EA;border-radius:14px;padding:8% 8% 7%;display:flex;flex-direction:column;gap:14px}
.tss-construct img{width:100%;height:auto;display:block}
.tss-construct figcaption{font:300 13px/1.4 Roboto,system-ui,sans-serif;color:#6A6573}
.tss-construct figcaption b{display:block;font:400 26px/1.1 'Times New Roman',Times,serif;color:#081826;margin-bottom:4px}
/* type cards, same frame as Leegality */
.tss-tcard{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;padding:8%}
.tss-tcard.dark{background:#081826;color:#F6F1EA}.tss-tcard.gold{background:#CDA562;color:#081826}.tss-tcard.cream{background:#F6F1EA;color:#081826;box-shadow:inset 0 0 0 1px #E4DFEC}
.tss-tcard .nm{font:500 clamp(11px,1vw,13px)/1.4 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.75;position:relative;z-index:1}
.tss-tcard .nm b{display:block;font-weight:600;opacity:1;letter-spacing:.02em;text-transform:none;font-size:clamp(14px,1.3vw,17px)}
.tss-tcard>i{position:absolute;right:8%;bottom:8%;width:62%;height:56%;background:currentColor;-webkit-mask:var(--m) right bottom/contain no-repeat;mask:var(--m) right bottom/contain no-repeat}
.tss-tcard>i.script{width:74%;height:66%}
.tss-tcard .sw{position:absolute;right:8%;bottom:4%;font:300 clamp(80px,10vw,160px)/1 Switzer,Inter,sans-serif;letter-spacing:-.04em}
.tss-ladder{background:#fff;border-radius:16px;overflow:hidden}
.tss-ladder .tl-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;padding:26px 28px;border-top:1px solid #EEEAF3}
.tss-ladder .tl-row:first-child{border-top:0}
.tss-ladder .tl-k{font:500 10px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6A6573}
.tss-ladder .tl-k i{display:block;font-style:normal;letter-spacing:.02em;text-transform:none;color:#9a95a3;margin-top:3px}
.tss-ladder .tl-img{display:block;width:100%;aspect-ratio:4423/331;background:#081826;-webkit-mask:var(--m) left center/contain no-repeat;mask:var(--m) left center/contain no-repeat}
.tss-ladder .tl-b{margin:0;font:300 clamp(17px,1.5vw,22px)/1.55 Switzer,Inter,sans-serif;color:#081826;max-width:none}
.tss .tss-pal .pb b{font:400 clamp(18px,1.8vw,26px)/1.1 'Times New Roman',Times,serif}
.tss .tss-pal .pb code.d{font:300 12px/1.35 Switzer,Inter,sans-serif;opacity:.85;letter-spacing:0;text-transform:none}
.tss .tss-pal .ps b{font:400 15px/1.2 'Times New Roman',Times,serif}
.tss img.cover,.tss video.cover{width:100%;height:auto;display:block;border-radius:14px}
.tss .lr-cols img.cover{aspect-ratio:1;object-fit:cover}
.tss-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tss-four img,.tss-four video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:12px}
.tss-quote{margin:0;background:#081826;color:#F6F1EA;border-radius:16px;padding:7% 8%;font:italic 400 clamp(28px,3.4vw,50px)/1.15 'Times New Roman',Times,serif}
.tss-quote cite{display:block;margin-top:22px;font:300 14px/1.4 Switzer,Inter,sans-serif;font-style:normal;opacity:.8}
.tss-quote a{color:inherit}
@media(max-width:860px){.tss-mood .row{grid-template-columns:repeat(3,minmax(0,1fr))}.tss-logos,.tss-construct{grid-template-columns:repeat(2,minmax(0,1fr))}.tss-four{grid-template-columns:repeat(2,minmax(0,1fr))}.tss-ladder .tl-row{grid-template-columns:1fr;gap:8px}}
.tss .tss-say{display:flex;align-items:flex-end;gap:.18em;transform:none;font-size:clamp(34px,4.6vw,70px);line-height:1}
.tss .tss-say b{font:400 1em/1 'Times New Roman',Times,serif;display:inline-block;transform:scaleX(.82);transform-origin:left bottom;margin-right:-.14em;letter-spacing:-.01em}
.tss .tss-say i{display:inline-block;height:1.15em;background:#F6F1EA;-webkit-mask:var(--m) left bottom/contain no-repeat;mask:var(--m) left bottom/contain no-repeat;margin-bottom:-.12em}
.tss .tss-slide>i.say{width:auto;height:15%;aspect-ratio:var(--ar)}
/* Specs on the object: type names pinned to the day menu */
.tss-spec{position:relative;border-radius:14px;overflow:hidden}
.tss-spec img{width:100%;height:auto;display:block}
.tss-spec .sp{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;transform:translate(-4.5px,-50%);font:500 clamp(9px,.85vw,12px)/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#081826;white-space:nowrap}
.tss-spec .sp::before{content:"";order:-2;width:9px;height:9px;border-radius:50%;background:#2B3286;box-shadow:0 0 0 3px #F6F1EA;flex:none}
.tss-spec .sp::after{content:"";order:-1;width:clamp(24px,4vw,64px);height:1px;background:#2B3286;margin:0 8px 0 3px;flex:none}
.tss-spec .sp.l{flex-direction:row-reverse;transform:translate(calc(-100% + 4.5px),-50%)}
.tss-spec .sp.l::after{margin:0 3px 0 8px}
/* Palette with photography */
.tss-palphoto{display:flex;gap:0;margin-top:8px;border-radius:0 0 12px 12px;overflow:hidden}
.tss-palphoto img{min-width:0;height:clamp(90px,11vw,170px);object-fit:cover;display:block}
/* Sign-off */
.tss-signoff i{height:62%;width:40%}
@media (max-width:700px){.tss-spec .sp::after{width:12px;margin:0 5px 0 2px}.tss-spec .sp.l::after{margin:0 2px 0 5px}.tss-spec .sp{font-size:10px;line-height:1.25}.tss-spec .sp.l{white-space:normal;width:96px;text-align:right}}
/* Brand stickers used as ornaments on the presentation itself */
.tss .tss-rel{position:relative}
.tss .orn{position:absolute;z-index:3;height:auto;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(8,24,38,.28))}
/* Objects set on a flat brand-colour field */
.tss-field{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:14px;padding:11%}
.tss-field.wide{aspect-ratio:16/9;padding:5%}
.tss-field img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;box-shadow:0 18px 40px rgba(8,24,38,.28)}
/* Photographs inside the brand's frames: arch and oval, cream with a fine inner line */
.tss-room{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4%;align-items:center;background:#2B3286;border-radius:16px;padding:7% 6%}
.tss-room figure{position:relative;margin:0;background:#F6F1EA;padding:7px}
.tss-room figure::after{content:"";position:absolute;inset:3px;border:1px solid #2B3286;border-radius:inherit;pointer-events:none}
.tss-room img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:inherit}
.tss-room .arch{border-radius:999px 999px 6px 6px}
.tss-room .oval{border-radius:50%}
.tss-room .oval img{aspect-ratio:3/4.2}
/* Sign-off on the guideline cover painting */
.tss-end{position:relative;margin:clamp(40px,6vw,90px) 0 0;border-radius:var(--r,16px);overflow:hidden;background:#081826}
.tss-end img{display:block;width:100%;height:auto}
.tss .tss-end p{position:absolute;left:0;right:0;bottom:7%;margin:0 auto;max-width:none;text-align:center;color:#F6F1EA!important;opacity:.85;font:300 clamp(13px,1.3vw,18px)/1.4 Switzer,Inter,sans-serif}
@media(max-width:860px){.tss-room{grid-template-columns:repeat(2,minmax(0,1fr));gap:6%}.tss .orn{display:none}.tss .tss-end p{position:static;padding:14px 16px 18px}}
.tss .lr-cols .tss-quote{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;font-size:clamp(26px,2.9vw,44px)}
.tss .tss-quote a,.tss .tss-quote cite{color:#F6F1EA!important}
/* Hero: drag between the day and night films */
.tss .tss-compare{position:relative;aspect-ratio:16/9;background:#081826;user-select:none;-webkit-user-select:none}
.tss-compare .cmp{position:absolute;inset:0}
.tss-compare .cmp.day{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.tss-compare video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tss-compare .cmp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08182600 40%,#08182680 100%);pointer-events:none}
.tss-compare .hd{position:absolute;left:5%;bottom:9%;z-index:2;aspect-ratio:var(--ar);background:#F6F1EA;-webkit-mask:var(--m) left bottom/contain no-repeat;mask:var(--m) left bottom/contain no-repeat;pointer-events:none}
.tss-compare .hd.day{width:44%;opacity:var(--od,1)}
.tss-compare .hd.night{width:44%;left:auto;right:5%;opacity:var(--on,0);-webkit-mask-position:right bottom;mask-position:right bottom}
.tss-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3;touch-action:pan-y}
.tss-handle{position:absolute;top:0;bottom:0;left:var(--x);width:0;z-index:2;pointer-events:none}
.tss-handle i{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#F6F1EA;box-shadow:0 0 12px #0006}
.tss-handle b{position:absolute;top:50%;left:-22px;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:#F6F1EA;box-shadow:0 2px 14px #0005}
.tss-handle b::before,.tss-handle b::after{content:"";position:absolute;top:50%;width:7px;height:7px;border:solid #081826;border-width:0 0 1.5px 1.5px;margin-top:-4px}
.tss-handle b::before{left:12px;transform:rotate(45deg)}
.tss-handle b::after{right:12px;transform:rotate(-135deg)}
.tss-handle span{position:absolute;top:50%;transform:translateY(-50%);font:500 10px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#F6F1EA;text-shadow:0 1px 8px #0008;white-space:nowrap}
.tss-handle span:first-child{right:34px}.tss-handle span:last-child{left:34px}
.tss-compare input:focus-visible~.tss-handle b{outline:2px solid #CDA562;outline-offset:3px}
@media (max-width:700px){.tss .tss-compare{aspect-ratio:4/3}.tss-handle b{width:36px;height:36px;left:-18px;margin-top:-18px}.tss-handle span{display:none}.tss-compare .hd.day{width:44%}.tss-compare .hd.night{width:44%}}
.tss-four.two{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Mood: day and night as two 3x3 grids side by side */
.tss-mood{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.tss-mood>p:nth-of-type(1){grid-area:1/1}.tss-mood>p:nth-of-type(2){grid-area:1/2}
.tss-mood>div:nth-of-type(1){grid-area:2/1}.tss-mood>div:nth-of-type(2){grid-area:2/2}
.tss-mood .row{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;align-content:start}
.tss-mood .row img{aspect-ratio:1}
@media(max-width:700px){.tss-mood{grid-template-columns:1fr}.tss-mood>p:nth-of-type(2){grid-area:3/1;margin-top:18px}.tss-mood>div:nth-of-type(2){grid-area:4/1}}
/* One brand sticker per section, under the text in the left column */
.tss .tss-st{display:block;width:clamp(64px,7vw,104px);height:auto;margin-top:clamp(24px,3vw,44px);transform:rotate(var(--r,0deg));filter:drop-shadow(0 6px 10px rgba(8,24,38,.22))}
@media(max-width:860px){.tss .tss-st{display:none}}
/* On the feed: Instagram posts (4:5) turning into view one by one */
.tss-cards{position:relative;aspect-ratio:16/9;background:#2B3286;border-radius:var(--r,16px);overflow:hidden;perspective:1800px;cursor:pointer}
.tss-cards img{position:absolute;left:50%;top:50%;height:80%;width:auto;aspect-ratio:4/5;object-fit:cover;border-radius:10px;box-shadow:0 28px 60px rgba(8,24,38,.45);backface-visibility:hidden;transform:translate(-50%,-50%) translateX(130%) rotateY(-90deg) rotateZ(14deg) scale(.7);opacity:0;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .5s ease}
.tss-cards img[data-pos="0"]{transform:translate(-50%,-50%);opacity:1;z-index:5}
.tss-cards img[data-pos="1"]{transform:translate(-50%,-50%) translateX(64%) rotateY(-16deg) rotateZ(7deg) scale(.82);opacity:1;z-index:4}
.tss-cards img[data-pos="-1"]{transform:translate(-50%,-50%) translateX(-64%) rotateY(16deg) rotateZ(-7deg) scale(.82);opacity:1;z-index:3}
.tss-cards img[data-pos="-2"]{transform:translate(-50%,-50%) translateX(-130%) rotateY(90deg) rotateZ(-14deg) scale(.7);opacity:0;z-index:1}
.tss-cards img.snap{transition:none}
@media(max-width:700px){.tss-cards{aspect-ratio:4/3}.tss-cards img{height:74%}.tss-cards img[data-pos="1"]{transform:translate(-50%,-50%) translateX(52%) rotateY(-16deg) rotateZ(7deg) scale(.8)}.tss-cards img[data-pos="-1"]{transform:translate(-50%,-50%) translateX(-52%) rotateY(16deg) rotateZ(-7deg) scale(.8)}}
.tss-logos .tss-logo[style*="background:#F6F1EA"]{box-shadow:inset 0 0 0 1px #E4DFEC}
@media(max-width:860px){.tss .tss-logos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column}}
/* Cream blocks get the same fine outline as the wordmark tile */
.tss-mood,.tss-construct figure,.tss [class*="tss-"][style*="background:#F6F1EA"]:not(i){box-shadow:inset 0 0 0 1px #E4DFEC}
.tss-tcard.gold{background:#3A3AFF;color:#F6F1EA}
/* Placed stickers (layout in #tss-stickers, edit with ?stickers) */
.tss .tss-compare,.tss .case-title,.tss .lee-introduction,.tss .credentials,.tss .scroll-story-images .lr-group,.tss .tss-end{position:relative}
.tss-stk{position:absolute;z-index:6;height:auto;pointer-events:none;transform:rotate(var(--r,0deg));filter:drop-shadow(0 8px 14px rgba(8,24,38,.28));user-select:none;-webkit-user-select:none}
@media(max-width:860px){html:not(.tss-st-edit) .tss-stk{display:none}}
.tss-st-edit .tss-stk{pointer-events:auto;cursor:grab;outline:1px dashed rgba(58,58,255,.0)}
.tss-st-edit .tss-stk:hover{outline-color:rgba(58,58,255,.6)}
.tss-stk.dragging{z-index:1000;cursor:grabbing;opacity:.92}
.tss-st-bar{position:fixed;left:16px;bottom:16px;z-index:999;width:300px;max-width:calc(100vw - 32px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(8,24,38,.25);padding:14px;font:13px/1.4 Inter,system-ui,sans-serif;color:#081826}
.tss-st-bar b{display:block;margin-bottom:8px}
.tss-st-bar .tray{display:flex;flex-wrap:wrap;gap:8px}
.tss-st-bar .tray img{width:36px;height:36px;object-fit:contain;cursor:grab;background:#F6F1EA;border-radius:8px;padding:4px;touch-action:none}
.tss-st-bar p{margin:8px 0;color:#6A6573;font-size:12px;max-width:none}
.tss-st-bar .btns{display:flex;gap:6px;flex-wrap:wrap}
.tss-st-bar button{font:inherit;font-size:12px;border:1px solid #D9D4E3;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}
.tss-st-bar textarea{width:100%;height:70px;margin-top:8px;font:10px/1.3 ui-monospace,monospace}
.tss-st-edit .tss-stk.sel{outline:1.5px dashed #3A3AFF;outline-offset:4px}
.tss-st-bar .sel-btns{opacity:.4;pointer-events:none;margin-bottom:4px}
.tss-st-bar.has-sel .sel-btns{opacity:1;pointer-events:auto}
.tss-st-bar .keys{margin:4px 0 10px;font-size:10px}
.tss .tss-quote.light{background:#D4C7BE;color:#081826}
.tss .tss-quote.light cite{color:#081826!important}
/* Press and guest quotes side by side, equal height */
.tss .lr-cols:has(.tss-quote){align-items:stretch}
.tss .lr-cols:has(.tss-quote)>.lr-group{display:flex;flex-direction:column}
.tss .lr-cols .tss-quote{flex:1;aspect-ratio:auto;min-height:clamp(240px,26vw,380px);font-size:clamp(22px,2.3vw,34px)}
/* Brand frames slider: one image at a time, no background, turning like the feed */
.tss .scroll-story-images .tss-cards.wide{background:none;border-radius:14px}
.tss .scroll-story-images .tss-cards.wide img{width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;border-radius:14px;box-shadow:none}
.tss .scroll-story-images .tss-cards.wide img[data-pos="1"],.tss .scroll-story-images .tss-cards.wide img[data-pos="2"]{transform:translate(-50%,-50%) translateX(60%) rotateY(-70deg) scale(.8);opacity:0}
.tss .scroll-story-images .tss-cards.wide img[data-pos="-1"],.tss .scroll-story-images .tss-cards.wide img[data-pos="-2"]{transform:translate(-50%,-50%) translateX(-60%) rotateY(70deg) scale(.8);opacity:0}
.tss .tss-cards .tss-arrow{position:absolute;top:50%;z-index:8;width:32px;height:32px;margin-top:-16px;border:0;background:none;color:#fff!important;font:300 30px/1 Georgia,serif;display:flex;align-items:center;justify-content:center;padding:0 0 4px;cursor:pointer;text-shadow:0 1px 6px rgba(8,24,38,.55);opacity:.9;transition:opacity .15s ease,transform .15s ease}
.tss .tss-cards .tss-arrow:hover{opacity:1;transform:scale(1.12)}
.tss .tss-cards .tss-arrow:focus-visible{outline:1px solid #fff;outline-offset:2px;border-radius:4px}
.tss .tss-cards .tss-arrow.prev{left:10px}.tss .tss-cards .tss-arrow.next{right:10px}
@media(max-width:700px){.tss .scroll-story-images .tss-cards.wide{aspect-ratio:16/9}.tss .tss-cards .tss-arrow{font-size:26px}.tss .tss-cards .tss-arrow.prev{left:4px}.tss .tss-cards .tss-arrow.next{right:4px}}
/* Press and guest quotes: shorter cards */
.tss .lr-cols .tss-quote{min-height:clamp(150px,15vw,220px);padding:5% 6%;font-size:clamp(19px,1.8vw,27px)}
.tss .lr-cols .tss-quote cite{margin-top:14px;font-size:13px}
/* Brief: round one and round two explorations */
.tss-compare .tss-ai{position:absolute;right:14px;top:14px;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(8,24,38,.55);color:#F6F1EA;font:500 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(4px)}
.tss .tss-quote.tss-brief{font-size:clamp(26px,3vw,46px);padding:7% 8%}
/* Round one: three direction cards */
.tss-dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tss-dirs figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #E4DFEC}
.tss-dirs img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tss-dirs figure:hover img{transform:scale(1.04)}
.tss-dirs figcaption{padding:16px 16px 18px;font:300 13px/1.45 Switzer,Inter,sans-serif;color:#6A6573;display:flex;flex-direction:column;gap:6px;flex:1}
.tss-dirs figcaption b{font:400 clamp(20px,1.8vw,26px)/1.05 'Times New Roman',Times,serif;color:#081826}
.tss-dirs .tag{align-self:flex-start;font:500 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#EEEAF3;color:#6A6573}
.tss-dirs .pick .tag{background:#081826;color:#F6F1EA}.tss-dirs .fold .tag{background:#B9CCCA;color:#081826}
.tss-dirs figure:not(.pick):not(.fold) img{filter:saturate(.55)}
.tss .sw{display:flex;margin-top:auto;padding-top:8px}
.tss-dirs .sw s{flex:1;height:14px}.tss-dirs .sw s:first-child{border-radius:4px 0 0 4px}.tss-dirs .sw s:last-child{border-radius:0 4px 4px 0}
/* Round two: four wordmarks */
.tss-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tss-r2 figure{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#081826}
.tss-r2 img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.72;transition:opacity .3s ease}
.tss-r2 figure:hover img,.tss-r2 .pick img{opacity:1}
.tss-r2 figcaption{position:absolute;left:12px;top:12px;font:500 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#F6F1EA;padding:5px 8px;border-radius:999px;background:rgba(246,241,234,.14)}
.tss-r2 .pick{box-shadow:0 0 0 2px #CDA562}.tss-r2 .pick figcaption{background:#CDA562;color:#081826}
/* Palette, first vs final */
.tss-r2{grid-template-columns:repeat(4,minmax(0,1fr))}
.tss-r2 img{aspect-ratio:4/5}
@media(max-width:700px){.tss-r2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Section labels: lighter and slightly smaller */
.tss .sticky-story-copy .num,.tss .sticky-story-copy .num small{font-weight:400;font-size:24px}

/* Keyboard focus on the day/night slider shows on the visible handle (the range input itself is transparent) */
.tss-compare:has(input:focus-visible) .tss-handle b{outline:2px solid var(--paper);outline-offset:4px}