/* Shared LifeWithTech type and navigation, with the desk story and editorial directory. */
.sponsor-page,.brands-page {color:var(--ink);font-family:var(--display);line-height:1.5}
:is(.sponsor-page,.brands-page) :is(h1,h2,h3,p,figure) {margin:0}
:is(.sponsor-page,.brands-page) :is(h1,h2,h3) {font-family:var(--display);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
:is(.sponsor-page,.brands-page) h2 {font-size:clamp(30px,3.7vw,47px);font-weight:680}
:is(.sponsor-page,.brands-page) h3 {font-size:clamp(21px,2vw,27px);font-weight:660}
:is(.sponsor-page,.brands-page) a:focus-visible,:is(.sponsor-page,.brands-page) summary:focus-visible {outline:3px solid #168cc1;outline-offset:4px}
:is(.sponsor-page,.brands-page) a:hover {text-decoration:underline;text-underline-offset:.17em}
.s-inner {width:min(1148px,90%);margin:auto}
.s-kicker,.brand-meta {font:700 12px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.105em;color:#276982}
.s-banner {position:relative;background:#09161c;color:white;isolation:isolate;overflow:hidden}
.s-banner>img {position:absolute;top:0;height:100%;object-fit:cover;z-index:-2}
.s-banner .s-inner {position:relative;z-index:1}
.s-hero {background:linear-gradient(100deg,#0a171c 8%,#17252b 61%,#293135 100%)}
.s-hero>img {
    /* Approved wider desk frame, with the foreground product right of centre. */
    --frame:clamp(760px,82vw,1550px);
    max-width:none;width:var(--frame);left:calc(64% - var(--frame)*.55);
    object-position:50% 44%;
    mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.15) 14%,rgba(0,0,0,.70) 28%,#000 44% 91%,rgba(0,0,0,.96) 93.5%,rgba(0,0,0,.73) 96%,rgba(0,0,0,.24) 99%,transparent);
}
.s-hero::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a171c 1%,rgba(10,23,28,.95) 15%,rgba(10,23,28,.84) 24%,rgba(10,23,28,.64) 32%,rgba(10,23,28,.36) 40%,rgba(10,23,28,.11) 48%,transparent 57%)}
.s-hero .s-banner-copy {max-width:470px}
.s-hero-actions {display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}
.s-coverage-link {color:#dcf1ef;font-size:15px;font-weight:650;text-decoration:underline;text-decoration-color:#779595;text-underline-offset:5px}
.s-banner-copy {max-width:440px;padding:52px 0 56px}
.s-banner .s-kicker,.s-pricing .s-kicker,.s-format,.s-price {color:#79ddde}
.s-hero h1 {max-width:390px;font-size:clamp(54px,5.8vw,76px);line-height:.98;margin:18px 0 24px}
.s-banner-copy>p:not(.s-kicker,.s-alt) {font-size:clamp(17px,1.7vw,21px);color:#d3e2e4;max-width:380px}
.s-button {display:inline-flex;align-items:center;gap:20px;margin-top:27px;padding:11px 21px;border-radius:30px;background:#79ddde;color:#09161c;font-weight:720;transition:transform .18s}
.s-button:hover {transform:translateY(-2px)}
.s-story,.s-after {padding:38px 0}
.s-story h2,.s-pricing h2 {margin:9px 0 27px}
.s-scenes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.s-scenes img {width:100%;aspect-ratio:2.03;object-fit:cover}
.s-scenes figcaption {margin:7px 0 0;font-weight:670;font-size:clamp(16px,1.65vw,20px)}
.sponsor-page .s-note {font-size:15px;color:#565d60;margin-top:22px}
.s-story a,.s-after a,.brands-page a {color:#086686;font-weight:650}
.s-pricing {position:relative;isolation:isolate;overflow:hidden;background:#0b1a22;color:#fff;padding:38px 0}
.s-pricing>.s-inner {position:relative;z-index:1}
.s-pricing-glow {
    position:absolute;top:-230px;right:-8%;width:min(98vw,1120px);height:560px;pointer-events:none;
    background:radial-gradient(ellipse closest-side,rgba(42,172,164,.49),rgba(28,135,137,.32) 36%,rgba(22,97,108,.16) 65%,rgba(14,48,56,0));
}
.s-offers,.s-fees,.s-distribution,.s-extra,.brand-footer {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.s-offer {position:relative;isolation:isolate;min-width:0}
.s-offer::before {
    content:"";position:absolute;inset:-9px;z-index:-1;pointer-events:none;
    border:1.5px solid #79dddeaa;border-radius:12px;opacity:0;transition:opacity .26s ease-out;
    background:linear-gradient(155deg,#66d8cc0c,#66d8cc05);box-shadow:0 0 18px #51c9bd10;
}
.s-offer-photo {position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px}
.s-offer-photo img {width:100%;height:100%;object-fit:cover}
.s-offer-photo::after {
    content:"";position:absolute;bottom:0;width:100%;height:32%;pointer-events:none;
    background:linear-gradient(to bottom,transparent,rgba(7,18,24,.26) 28%,rgba(7,18,24,.86) 75%,rgba(7,18,24,.98));
}
.s-placement {position:absolute;z-index:1;bottom:14px;left:18px;right:18px;display:grid;gap:10px;text-align:center;color:#fff;font-size:17.5px;font-weight:600;line-height:1.3;letter-spacing:-.25px}
/* These fixed illustrations describe coverage. Their lengths set no booked duration. */
.s-episode-rail {display:block;height:8px;overflow:hidden;border-radius:3px;background:#52636a}
.s-episode-rail::after {content:"";display:block;height:100%;border-radius:3px;background:#79ddde}
.s-episode-spot::after {margin-left:43.8%;width:14.5%}
.s-offer h3 {font-size:clamp(25px,2.55vw,34px);margin-top:18px}
.s-offer .s-price {font-size:clamp(24px,2.25vw,31px);font-weight:750;letter-spacing:-.025em;margin:5px 0}
.s-price small {font-size:.76em}
.s-offer>p:last-of-type {color:#d3e2e4;font-size:18px;max-width:46ch}
.s-offer-link {display:inline-flex;align-items:center;min-height:44px;gap:7px;margin-top:4px;color:#91e1e2;font-size:16px;font-weight:660}
.s-link-words {position:relative}
.s-link-words::after {content:"";position:absolute;bottom:-3px;left:0;right:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease-out}
.s-link-arrow {display:inline-block;transition:transform .22s ease-out}
.sponsor-page .s-offer-link:hover {text-decoration:none}
.s-offer:focus-within::before,.s-offer.is-pressed::before {opacity:1}
.s-offer:focus-within .s-link-words::after,.s-offer.is-pressed .s-link-words::after {transform:scaleX(1)}
.s-offer:focus-within .s-link-arrow,.s-offer.is-pressed .s-link-arrow {transform:translate(4px,-2px)}
.sponsor-page .s-offer-link:focus-visible {outline-color:#9bf1eb}
@media(hover:hover) and (pointer:fine) {
    .s-offer:hover::before {opacity:1}
    .s-offer:hover .s-link-words::after {transform:scaleX(1)}
    .s-offer:hover .s-link-arrow {transform:translate(4px,-2px)}
}
@media(prefers-reduced-motion:no-preference) {
    html:has(.sponsor-page) {scroll-behavior:smooth}
    .s-pricing-glow {animation:sponsor-glow-drift 10s ease-in-out infinite;animation-play-state:paused}
    .s-pricing.is-glow-active .s-pricing-glow {animation-play-state:running}
}
@keyframes sponsor-glow-drift {
    0%,100% {transform:translate(1%,0)}
    50% {transform:translate(-41%,-6%)}
}
.s-fee-band {border-block:1px solid #36515a;margin:26px 0 16px;padding:16px 0}
.s-fees a {display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;font-size:clamp(15px,1.6vw,19px)}
.s-fee-band .s-fees b {color:#79ddde;white-space:nowrap}
.s-pricing .s-note {color:#d3e2e4;margin-top:12px}
.s-after>h2 {margin:0 0 18px}
.s-after>.s-kicker {margin-bottom:18px}
.s-distribution {border-top:1px solid #dce3e6;padding:24px 0 28px;gap:6%}
.s-distribution>div+div {border-left:1px solid #dce3e6;padding-left:8%}
.s-distribution h3 {margin-bottom:13px}
.s-distribution p,.s-extra p,.s-listing,.brand-feature p:not(.s-kicker),.brand-footer p {color:#505c63}
.s-distribution hr {border:0;border-top:1px solid #dce3e6;margin:21px 0}
.s-publish {display:flex;gap:16px;align-items:center}
.s-publish img {width:28%;aspect-ratio:16/9;object-fit:cover}
.s-distribution a {display:inline-block;margin-top:10px}
.s-icons {list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:14px 0 0;padding:0}
.s-icons li {text-align:center;font-size:clamp(12px,1.1vw,15px);font-weight:600}
.s-icons li span {display:grid;place-items:center;height:44px;width:44px;border-radius:13px;margin:0 auto 5px;background:#f0f5f5}
.s-icons img {object-fit:contain}
.s-extra {background:#eff5f5;padding:24px;align-items:center;font-size:16px}
.s-extra-intro {display:flex;gap:20px;align-items:center}
.s-extra-intro img {height:109px;width:61px;object-fit:cover}
.s-extra h3 {margin-bottom:8px}
.s-extra .s-fees {display:block;margin-top:12px}
.s-extra .s-fees a {border-top:1px solid #c8d6d8;color:#17272d}
.s-extra .s-fees b {white-space:nowrap;color:#164654}
.s-after .s-listing {font-size:15px;margin-top:18px}
.s-outro {background:#102e37;min-height:345px}
.s-outro>img {
    width:min(59%,1050px);left:calc(49% - 70px);object-position:center 47%;
    mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.03) 5%,rgba(0,0,0,.23) 14%,rgba(0,0,0,.68) 25%,#000 42%,#000 80%,rgba(0,0,0,.64) 90%,transparent);
}
.s-outro .s-banner-copy {max-width:590px}
.s-outro h2 {margin:14px 0}
.s-outro .s-banner-copy>p:not(.s-kicker,.s-alt) {max-width:540px}
.s-banner .s-alt {margin-top:16px;color:#d3e2e4;font-size:14px}
.s-alt a {color:#a2e8e9;text-decoration:underline}
.brands-page {width:min(1148px,calc(100% - 64px));margin:8px auto 48px}
.brand-heading {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px}
.brand-heading a {font-size:14px;text-decoration:underline;text-underline-offset:4px}
.brands-page h2 {font-size:clamp(26px,2.8vw,36px)}
.brand-section {padding:35px 0}
.brand-section>h2 {margin-bottom:22px}
.brand-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px}
.brand-tile,.brand-mini {display:grid;place-items:center;background:#f4f6f7;border:1px solid #e1e6e8;border-radius:12px}
.brand-tile {height:105px;transition:border-color .18s,transform .18s}
.brand-tile:hover {border-color:#90b8c6;transform:translateY(-2px)}
.brand-tile img {width:71%;height:59px;object-fit:contain}
.brand-tile img[alt="Nedrelow"],.brand-mini img[alt="Nedrelow"] {object-fit:cover;width:50%;height:50%}
.brand-card .brand-tile:has(img[alt="Nedrelow"]) {position:relative;overflow:hidden}
.brand-card .brand-tile img[alt="Nedrelow"] {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56%;height:auto;max-width:none;mix-blend-mode:multiply;object-fit:contain}
.dark-mark {background:#183442;border-color:#183442}
.brand-card .brand-meta {margin:10px 0 4px}
.brand-meta {font-size:10px;letter-spacing:.08em;color:#52616a}
.brand-card h3 {font-size:clamp(16px,1.75vw,21px);line-height:1.18}
.brand-actions,.brand-buttons {display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.brand-actions a,.brand-buttons a {display:inline-block;padding:5px 0;font-size:14px}
.brand-feature {display:grid;background:#edf4f3;border-radius:14px;overflow:hidden}
.brand-feature:has(>img) {grid-template-columns:1.08fr 1fr}
.brand-feature>img {width:100%;height:100%;min-height:260px;object-fit:contain;background:#13262c}
.brand-feature>div {padding:clamp(22px,3vw,48px);align-self:center}
.brand-feature h1 {font-size:clamp(32px,3.5vw,52px);line-height:1.04;margin:10px 0 12px;overflow-wrap:anywhere}
.brand-feature p:not(.s-kicker) {font-size:17px;line-height:1.45;max-width:44ch}
.brand-feature a {display:inline-block;background:#13383d;color:#fff;font-size:14px;padding:10px 18px;margin-top:18px;border-radius:24px}
.brand-archive .brand-tile {height:86px}
.brand-directory {border-block:1px solid #dce2e5;scroll-margin:12px}
.brand-directory>summary,.brand-entry>summary {cursor:pointer;list-style:none}
.brand-directory summary::-webkit-details-marker {display:none}
.brand-directory>summary {color:#086686;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.brand-directory[open]>summary span {transform:rotate(180deg)}
.brand-find:not([hidden]) {display:flex;align-items:center;gap:14px;margin:0 0 16px;flex-wrap:wrap}
.brand-find label,.brand-find [role=status] {font-size:14px}
.brand-find input {border:1px solid #86969d;padding:9px 11px;border-radius:6px;font:inherit;max-width:100%}
.brand-entries {padding-bottom:16px}
.brand-entry {border-top:1px solid #e3e7e9;scroll-margin:18px}
.brand-entry[open] {background:#f1f8f7;border-left:4px solid #238f91;border-radius:9px;padding:9px 19px 10px 16px}
.brand-entry[open] ul {padding-bottom:4px}
.brand-entry[open] li p {font-size:19px;font-weight:650}
.brand-entry[open] .brand-actions {gap:8px}
.brand-entry[open] .brand-actions a {color:#16474b;background:white;border:1px solid #bbd6d4;border-radius:7px;padding:7px 13px;font-size:15px}
.brand-entry[open] .brand-actions a:first-child {color:white;background:#16474b;border-color:#16474b}
.brand-travel-mark {view-transition-name:lwt-brand-mark}
::view-transition-group(lwt-brand-mark) {animation-duration:.62s;animation-timing-function:cubic-bezier(.45,0,.2,1)}
html.brand-changing::view-transition-group(root) {animation-duration:.34s}
.brand-entry>summary {display:flex;align-items:center;gap:12px;padding:8px 4px}
.brand-entry>summary::after {content:"+";font-size:20px;width:20px;text-align:center}
.brand-entry[open]>summary::after {content:"−"}
.brand-count {margin-left:auto;color:#5b6970;font-size:14px}
.brand-mini {width:78px;height:36px;border-radius:5px}
.brand-mini:empty {visibility:hidden}
.brand-mini img {width:85%;height:24px;object-fit:contain}
.brand-entry ul {list-style:none;padding:0 0 12px 93px;margin:0}
.brand-entry li {display:flex;gap:16px;justify-content:space-between;align-items:center;padding:9px 0}
.brand-entry li .brand-actions {flex:none}
.brand-footer {padding:32px 0}
.brand-buttons {margin-top:13px;gap:8px}
.brand-buttons a {padding:10px 16px;border-radius:24px;background:#151c20;color:white}
.brand-buttons a+a {background:white;color:#243037;border:1px solid #ced7dc}
@media(min-width:701px) and (max-width:920px) {
    .s-hero .s-banner-copy {max-width:340px}
    .s-hero h1 {font-size:48px;max-width:255px}
    .s-hero>:is(img,video) {left:calc(68% - var(--frame)*.714)}
    .s-hero-actions {gap:12px}
}
@media(max-width:700px) {
    .s-inner {width:calc(100% - 36px)}
    .s-banner>img {position:relative}
    .s-hero {background:#0a181e}
    .s-hero>img {width:100%;left:0;height:clamp(188px,58vw,280px);object-position:50% 53%;mask-image:linear-gradient(90deg,rgba(0,0,0,.52),#000 24% 92%,rgba(0,0,0,.84) 98%,rgba(0,0,0,.74))}
    .s-hero::before {inset:0 0 auto;height:clamp(188px,58vw,280px);background:linear-gradient(0deg,#0a181e,rgba(10,24,30,.6) 7%,transparent 26%)}
    .s-hero .s-banner-copy {padding-top:8px}
    .s-hero-actions {align-items:center;gap:12px 16px;margin-top:20px}
    .s-hero-actions .s-button {margin:0}
    .s-coverage-link {font-size:13px}
    .s-banner-copy {padding:5px 0 31px;max-width:none}
    .s-hero h1 {font-size:clamp(31px,9.2vw,48px);max-width:none;margin:12px 0 14px}
    .s-story,.s-after,.s-pricing {padding:27px 0}
    .s-scenes {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}
    .s-scenes figure:last-child {display:flex;align-items:center;gap:12px;grid-column:1/-1}
    .s-scenes figure:last-child img {width:32%}
    .s-note,.sponsor-page .s-note {font-size:14px}
    .s-offers,.s-distribution,.s-extra,.s-fees,.brand-footer {grid-template-columns:1fr}
    .s-pricing-glow {top:-170px;right:-31%;width:120vw;height:390px}
    .s-placement {font-size:15px;left:13px;right:13px;bottom:11px;gap:7px}
    .s-episode-rail {height:6px}
    .s-offer>p:last-of-type {font-size:16px}.s-fee-band .s-fees {gap:0}
    .s-distribution {gap:22px}.s-distribution>div+div {border-left:0;border-top:1px solid #dce3e6;padding:22px 0 0}
    .s-extra {padding:20px 15px;gap:16px}.s-extra-intro {gap:12px}
    .s-outro {min-height:0}
    .s-outro>img {width:100%;left:auto;height:175px;object-position:center 44%;mask-image:linear-gradient(180deg,#000 32%,rgba(0,0,0,.9) 53%,rgba(0,0,0,.52) 73%,rgba(0,0,0,.13) 90%,transparent)}
    .s-outro .s-banner-copy {padding-top:0}
    .brands-page {width:calc(100% - 32px);margin:12px auto 22px}
    .brand-section {padding:25px 0}.brand-section>h2 {margin-bottom:16px}
    .brand-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
    .brand-tile,.brand-archive .brand-tile {height:72px;border-radius:9px}.brand-tile img {width:80%;height:41px}
    .brand-feature:has(>img) {grid-template-columns:1fr}
    .brand-feature>img {height:auto;aspect-ratio:16/9;min-height:0}
    .brand-feature>div {padding:20px}
    .brand-feature h1 {font-size:clamp(29px,7vw,38px)}
    .brand-feature p:not(.s-kicker) {font-size:15px}
    .brand-footer {gap:9px;padding:25px 0}.brand-footer h2 {margin:0}
    .brand-entry[open] {padding:9px 10px 10px}
    .brand-entry[open] .brand-actions {margin-top:8px}
    .brand-entry[open] .brand-actions a {min-height:44px;display:inline-flex;align-items:center;gap:4px}
    .brand-entry ul {padding-left:9px}.brand-entry li {align-items:flex-start;flex-direction:column;gap:0}
    .brand-find:not([hidden]) {gap:8px}.brand-find [role=status] {flex-basis:100%}
}
@media(prefers-reduced-motion:reduce) {
    .s-offer::before,.s-link-words::after,.s-link-arrow {transition:none}
    .s-offer:is(:hover,:focus-within,.is-pressed) .s-link-arrow {transform:none}
    .s-button,.brand-tile {transition:none}.s-button:hover,.brand-tile:hover {transform:none}
}

@media(min-width:921px) {
    .s-hero {min-height:clamp(480px,32vw,604px);display:grid;align-content:center}
}
@media(min-width:701px) and (max-width:920px) {
    .s-hero>img {--frame:93vw;left:calc(68% - var(--frame)*.55)}
}

/* The entire offer selects an inline inquiry, including its photograph and copy. */
.s-offer {display:flex;flex-direction:column;text-decoration:none;border-radius:5px;cursor:pointer}
.sponsor-page .s-offer:hover {text-decoration:none}
.s-offer>p:last-of-type {flex:1}
.s-offer.is-selected::before {opacity:1}
.s-offer.is-selected .s-link-words {font-weight:750}
.sponsor-page .s-offer:focus-visible {outline-color:#9bf1eb;outline-offset:9px}
.s-inquiry[hidden],.s-inquiry-price[hidden] {display:none}
.s-inquiry {margin-top:30px;padding-top:23px;border-top:1px solid #79ddde;scroll-margin-top:24px}
.s-inquiry-header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.s-inquiry #s-inquiry-title {margin-top:7px;font-size:clamp(24px,2.5vw,32px);font-weight:660}
.s-inquiry .s-inquiry-price {font-size:22px;line-height:1.25;font-weight:650;color:#79ddde;margin-top:5px;letter-spacing:-.025em}
.s-inquiry-close {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 5px;border:0;background:transparent;color:#d3e2e4;font:500 14px/1.2 var(--sans);white-space:nowrap;cursor:pointer}
.s-inquiry-close:hover {color:#79ddde}
.s-inquiry-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.s-inquiry-fields label {display:grid;min-width:0;gap:7px;color:#d3e2e4;font-size:14px;line-height:1.25;font-weight:500}
.s-inquiry-fields small {color:#a8bec3;font-size:12px;font-weight:400;margin-left:4px}
.s-inquiry-wide {grid-column:1/-1}
.s-inquiry-fields input,.s-inquiry-fields textarea {appearance:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:10px 12px;border:1px solid #4b636b;border-radius:5px;background:#11262e;color:#f5f8f7;font:400 16px/1.4 var(--sans)}
.s-inquiry-fields input {min-height:44px}
.s-inquiry-fields textarea {resize:vertical;min-height:95px}
.s-inquiry-fields input::placeholder,.s-inquiry-fields textarea::placeholder {color:#99b2b9;opacity:1}
.s-inquiry-submit {display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:44px;margin:19px 0 0;padding:11px 20px;border:0;border-radius:25px;background:#79ddde;color:#09161c;font:650 15px/1.3 var(--sans);cursor:pointer}
.s-inquiry-submit:hover {background:#98e7e1}
.sponsor-page .s-inquiry-note {margin-top:10px;font-size:12px;line-height:1.4;color:#a8bec3}
.s-inquiry-status {margin-top:10px;color:#79ddde;font-size:14px;line-height:1.4}
.s-inquiry :is(input,textarea,button):focus-visible {outline:2px solid #9bf1eb;outline-offset:3px}
@media(max-width:700px) {
    .s-inquiry-header {gap:8px}
    .s-inquiry-fields {grid-template-columns:1fr}
    .s-inquiry-wide {grid-column:auto}
}