/* Viewso editorial design, approved October 19, 2026. */
:root{--paper:#f2eddf;--ink:#24201f;--red:#842e35;--line:#d0c7b5;--muted:#625c54;--wine:#4b1722;--butter:#f0e69d}
html{scroll-padding-top:18px}
.editorial-design .picks article:nth-child(3) img.capture-card{object-fit:cover;object-position:44% center}
.editorial-design .home-hero,.editorial-design .site-header{background:#211d1d}
.editorial-design .hero-copy h1{letter-spacing:-.045em}
.editorial-design .hero-copy h1 em{color:#f0e69d}
.editorial-design .hero-photo{border-left:1px solid #ffffff30}
.hero-ticket{position:absolute;z-index:2;right:24px;top:26px;padding:18px 24px;background:var(--butter);color:var(--wine);transform:rotate(5deg);text-decoration:none;border:1px dashed #6a4a3480;box-shadow:5px 6px 0 #211d1d40}
.hero-ticket span{display:block;font:10px/1.3 'Courier New',monospace;letter-spacing:.1em}.hero-ticket strong{display:block;font:italic 27px/1.3 Georgia,serif;margin-top:5px}
.hero-ticket:hover{transform:rotate(0deg)}
.editorial-design .hero-photo figcaption{background:var(--wine);font-family:'Courier New',monospace;letter-spacing:.1em}
.editorial-design .client-scroll{background:#e9e2d4}.editorial-divider{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);padding-block:26px 17px;font:11px/1.5 'Courier New',monospace;letter-spacing:.08em}
.editorial-design .intro{padding-top:65px}.editorial-design .intro h2{font-family:Georgia,serif;font-size:46px;font-weight:400;letter-spacing:-.045em}
.editorial-design .picks article:nth-child(2){padding-top:40px}.editorial-design .picks img{height:380px}.editorial-design .pick-title h3{font-family:Georgia,serif;font-size:30px}.editorial-design .pick-title{border-color:#817767}
.room-story{background:var(--wine);color:var(--paper);padding:32px 0 30px;scroll-margin-top:18px}
.story-masthead{display:flex;justify-content:space-between;gap:20px;font:11px/1.5 'Courier New',monospace;letter-spacing:.09em;border-bottom:1px solid #e9dfc96b;padding-bottom:19px}
.story-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-block:45px 38px}
.story-heading h2{font-size:clamp(54px,6.5vw,98px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:0}.story-heading h2 em{color:var(--butter)}
.story-heading>p{font-size:16px;line-height:1.65;margin-bottom:6px;max-width:360px;color:#e5d5cd}
.scene-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e9dfc96b}
.scene-tabs[hidden]{display:none}.scene-tabs button{display:flex;align-items:center;gap:20px;background:transparent;border:0;border-right:1px solid #e9dfc96b;color:var(--paper);font-size:17px;text-align:left;padding:20px 24px;cursor:pointer;min-height:68px}
.scene-tabs button:last-child{border-right:0}.scene-tabs button>span:first-child{font:12px 'Courier New',monospace;opacity:.8}.scene-tabs button[aria-selected=true]{background:var(--paper);color:var(--wine)}.scene-tabs button:hover:not([aria-selected=true]){background:#622c36}.scene-arrow{margin-left:auto;font-size:23px}
.scene-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);background:var(--paper);color:var(--ink);min-height:470px}
.scene-panel[hidden]{display:none!important}.scene-image{position:relative;min-width:0;min-height:470px;background:#181515;overflow:hidden}.scene-image>img{height:100%;width:100%;object-fit:cover;object-position:38% center}
.scene-image figcaption{position:absolute;bottom:20px;left:20px;padding:8px 10px;font:10px/1.4 'Courier New',monospace;letter-spacing:.05em;background:#211d1de6;color:white;max-width:calc(100% - 40px)}
.scene-notes{padding:32px 30px 28px;position:relative;display:flex;flex-direction:column;align-items:start}.scene-number{font:italic 80px/1 Georgia,serif;color:#b8af9e;margin-bottom:22px}.scene-notes .eyebrow{font:11px/1.4 'Courier New',monospace;letter-spacing:.12em;margin-bottom:17px;color:var(--wine)}
.scene-notes h3{font:37px/1.06 Georgia,serif;letter-spacing:-.045em;margin-bottom:20px}.scene-notes h3 em{color:var(--wine)}.scene-notes>p:not(.eyebrow){font-size:15px;line-height:1.65;margin-bottom:20px}.scene-notes p.scene-aside{font:italic 17px/1.5 Georgia,serif;padding-top:16px;border-top:1px solid var(--line);width:100%}
.scene-notes>a{font-size:13px;font-weight:600;margin-top:auto}.scene-film .film-player{align-self:center;min-width:0;width:100%;background:#181515}.scene-film{background:#181515}.scene-film .scene-notes{background:var(--paper);height:100%}.scene-film video{width:100%;aspect-ratio:16/9;object-fit:contain;max-height:650px}.scene-film .film-play{max-width:90%;white-space:normal}.scene-film .film-play small{font-size:12px}
.story-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;font:11px/1.5 'Courier New',monospace;letter-spacing:.06em}.story-footer>a{font:14px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0}
.editorial-design .home-selected{padding-top:85px;padding-bottom:80px}.editorial-design .home-selected h2{font-size:64px}.editorial-design .home-work-grid{gap:24px}.editorial-design .home-work-grid>a:nth-child(2){padding-top:50px}.editorial-design .home-work-grid h3{font-family:Georgia,serif;font-size:26px}.editorial-design .home-work-grid img{border-bottom:5px solid var(--wine)}
.partner-invitation{background:#263e36;color:var(--paper);padding-block:65px 24px}.partner-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.partner-copy h2{font:clamp(55px,6vw,85px)/.98 Georgia,serif;letter-spacing:-.05em}.partner-copy h2 em{color:var(--butter)}.partner-copy>p:not(.eyebrow){font-size:17px;max-width:460px}.partner-copy .button{margin-top:15px}
.partner-art{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px}.partner-art>img{max-height:380px;width:100%;object-fit:contain;transform:rotate(-4deg);box-shadow:8px 8px 0 #142c23}.partner-art figcaption{padding-top:35px}.partner-art figcaption>span{display:block;font:italic 34px/.98 Georgia,serif;letter-spacing:-.04em;color:var(--butter);margin-bottom:25px}.partner-art small{font:11px/1.5 'Courier New',monospace;color:#d7dfd5}
.partner-bottom{margin-top:55px;padding-top:22px;border-top:1px solid #a0b2a24d;display:flex;justify-content:space-between;gap:25px;font-size:13px}.partner-bottom>span{max-width:45ch;color:#d7dfd5}
.editorial-design .big-idea{position:relative;padding-block:90px}.editorial-design .big-idea h2{font-size:clamp(48px,6vw,88px);max-width:850px}.editorial-design .big-idea h2 em{color:var(--wine)}.idea-star{position:absolute;right:10px;top:95px;font-size:145px;line-height:1;color:var(--red);transform:rotate(-10deg)}.editorial-design .big-idea>p:not(.eyebrow){max-width:720px;font-size:20px}
.editorial-design .about-section{background:#e7dfce}.editorial-design .closing h2{font-family:Georgia,serif;font-size:clamp(54px,7vw,96px)}
@media(min-width:1500px){.scene-panel{min-height:570px}.scene-image{min-height:570px}.scene-notes{padding:40px}.scene-notes h3{font-size:43px}}
@media(max-width:1000px){.story-heading{gap:25px}.story-heading>p{font-size:14px}.scene-panel{grid-template-columns:1.55fr 1fr}.scene-notes{padding:25px}.scene-notes h3{font-size:32px}.scene-image{min-height:480px}.partner-layout{gap:40px}.partner-art{grid-template-columns:1fr}.partner-art>img{max-height:320px}.partner-art figcaption{padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.partner-art figcaption>span{font-size:25px;margin:0}.idea-star{font-size:90px;top:100px;right:0}.editorial-design .big-idea h2{max-width:80%}}
@media(max-width:700px){.hero-ticket{top:20px;right:20px;padding:12px 16px}.hero-ticket strong{font-size:24px}.editorial-divider{font-size:9px;gap:25px}.editorial-design .intro{padding-top:40px}.editorial-design .intro h2{font-size:39px}.editorial-design .picks img{height:320px}.editorial-design .picks article:nth-child(2){padding-top:0}.story-masthead{font-size:9px;gap:20px}.story-masthead>span:last-child{text-align:right;max-width:140px}.room-story{padding-top:22px}.story-heading{display:block;padding-block:32px 26px}.story-heading h2{font-size:clamp(43px,9.8vw,68px);line-height:1.04}.story-heading>p{font-size:15px;margin-top:24px;max-width:300px}.story-heading>p br{display:none}.scene-tabs button{padding:15px 10px;gap:6px;font-size:12px;min-height:58px;flex-wrap:wrap;align-content:center}.scene-tabs button>span:first-child{font-size:10px;width:100%}.scene-arrow{display:none}.scene-panel{grid-template-columns:1fr;min-height:0}.scene-image{min-height:0;aspect-ratio:4/3}.scene-image>img{object-position:35% center}.scene-image figcaption{left:12px;bottom:12px;font-size:8px;max-width:calc(100% - 24px)}.scene-notes{padding:25px}.scene-number{position:absolute;right:22px;top:18px;font-size:55px}.scene-notes .eyebrow{margin-bottom:16px;padding-right:50px}.scene-notes h3{font-size:37px;max-width:260px;margin-bottom:18px}.scene-notes>p:not(.eyebrow){max-width:40ch;font-size:15px}.scene-notes p.scene-aside{font-size:17px}.scene-notes>a{margin-top:4px}.scene-film .film-play{padding:14px;gap:12px}.scene-film .film-play>span:last-child{font-size:17px}.scene-film .play-symbol{width:38px;height:38px;font-size:15px}.story-footer{font-size:9px;align-items:start}.story-footer>span{max-width:150px}.story-footer>a{font-size:12px}.editorial-design .home-selected{padding-block:55px}.editorial-design .home-selected h2{font-size:48px}.editorial-design .home-work-grid>a:nth-child(2){padding-top:0}.partner-invitation{padding-top:45px}.partner-layout{grid-template-columns:1fr;gap:35px}.partner-copy h2{font-size:64px}.partner-art{grid-template-columns:1fr 1fr;max-width:390px;gap:24px;padding:10px 8px}.partner-art>img{max-height:290px}.partner-art figcaption{display:block}.partner-art figcaption>span{font-size:30px;margin-bottom:24px}.partner-bottom{margin-top:35px;flex-direction:column;gap:15px}.editorial-design .big-idea{padding-block:60px}.editorial-design .big-idea h2{font-size:49px;max-width:100%;padding-right:12px}.editorial-design .big-idea>p:not(.eyebrow){font-size:18px}.idea-star{font-size:47px;top:48px;right:0}.editorial-design .about-grid h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-ticket:hover{transform:rotate(5deg)}}
@media(max-width:700px){.scene-number{font-size:36px;top:15px}}