/* Editorial system: quiet type, tactile imagery, contrasting chapters. */
.premium-site{--paper:#eee9df;--ink:#142126;--brass:#c4a769}
.premium-site h1,.premium-site h2,.premium-site h3{text-wrap:balance}.premium-site p{text-wrap:pretty}
.premium-site .refresh-section{padding-block:clamp(72px,8vw,128px)}
.premium-site .refresh-eyebrow{font-size:11px;letter-spacing:.22em}
.premium-site .refresh-link{position:relative;padding-right:25px;border-color:#9c8c6b88;transition:color .2s,border-color .2s}
.premium-site .refresh-link:after{content:'↗';position:absolute;right:0;transition:transform .25s}
.premium-site .refresh-link:hover:after{transform:translate(3px,-3px)}
.premium-site .refresh-link:hover{border-color:currentColor}
.premium-site .refresh-button{padding:18px 28px;border-radius:1px}
.premium-site .refresh-footer{max-width:none;padding:72px 6vw 115px}
.premium-site .premium-resources{padding-top:28px;border-top:1px solid #ffffff1c}
.premium-site .refresh-footer>div{column-gap:34px;row-gap:16px}
/* Welcome retains its media, with the brand visible at time zero. */
.premium-home .welcome-hero #hero-animation{inset:72px 0 125px;height:auto}
.premium-home .welcome-film:after{background:linear-gradient(180deg,#08070588 0%,#08070515 70%,#080705ad)}
.premium-home .welcome-discover .refresh-link:after{content:'↓'}
.premium-home .welcome-discover .refresh-link:hover:after{transform:translateY(3px)}
.premium-home .scroll-story.story-dark{background:#111d22}
.premium-home .story-dark.is-enhanced .story-stage{background:#111d22}
.premium-home .story-home-heading{padding-block:20px 25px;column-gap:9%}
.premium-home .story-home-heading h1{font-size:clamp(55px,6vw,88px);line-height:1.01;letter-spacing:-.04em}
.premium-home .story-home-heading>.refresh-lead{font-size:17px;line-height:1.85;max-width:39ch}
.premium-site .story-chapters{padding-block:22px 0}
.premium-site .story-chapters a{position:relative;padding-bottom:10px;opacity:.65;transition:opacity .2s}
.premium-site .story-chapters a[aria-current='step'],.premium-site .story-chapters a:hover{opacity:1}
.premium-site .story-chapters a[aria-current='step']:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--story-accent)}
/* The existing gold close-up replaces the rejected generated overhead. */
.premium-site .story-signature-detail .story-object{padding:0 24px 25px}
.premium-site .story-signature-detail .story-cutout{width:100%;max-width:440px;height:100%;max-height:100%;object-fit:cover;object-position:center 58%;filter:none;transform:none!important}
.premium-site .story-approved-trio .story-assembly{padding:0;height:auto}
.premium-site .story-approved-trio .story-trio{width:100%;height:auto;border-radius:2px}
.premium-site .story-approved-trio .story-object{justify-content:center;padding-bottom:55px}
.premium-site .story-request{border:1px solid #c4a76950;background:#0c1820;padding:35px 8%;box-shadow:0 35px 70px #0002}
.premium-site .story-request-top{font-size:12px;letter-spacing:.13em}
.premium-site .story-confirmation{border-radius:40px;box-shadow:0 10px 30px #0002}
/* A large, offset material study, not another equal-column card. */
.premium-home .hybrid-button{max-width:none;padding:0 6vw;min-height:850px;grid-template-columns:.9fr 1.1fr;gap:3vw;background:#080909;position:relative;border:0;overflow:hidden}
.premium-home .hybrid-button>div{z-index:1;padding:110px 0;max-width:560px}
.premium-home .hybrid-button h2{font-size:clamp(54px,5.7vw,84px)}
.premium-home .hybrid-button>figure{height:100%;min-height:850px;width:100%;max-width:none;align-self:stretch;overflow:hidden;position:relative}
.premium-home .hybrid-button>figure img{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;inset:0}
.premium-home .hybrid-button>figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080909,transparent 22%)}
.premium-home [data-chapter] .refresh-eyebrow:before{content:attr(data-chapter)}
.premium-home [data-chapter] .refresh-eyebrow{display:flex;align-items:center;gap:20px}
.premium-home [data-chapter] .refresh-eyebrow:before{content:'';width:40px;height:1px;background:currentColor;opacity:.6}
/* Guest and Crew are complementary editorial spreads. Actual screen pixels stay untouched. */
.premium-home #guest,.premium-home #crew{max-width:none;padding-inline:max(6vw,calc((100vw - 1267px)/2));position:relative;overflow:hidden;min-height:820px;border:0}
.premium-home #guest{background:var(--paper);color:var(--ink);grid-template-columns:1.05fr .95fr}
.premium-home #guest p{color:#536064}.premium-home #guest em,.premium-home #guest .refresh-eyebrow{color:#866735}
.premium-home #guest .hybrid-benefits{color:#735b38;border-color:#aa8d58}
.premium-home #guest .benefit-device figcaption{color:#5b6668}
.premium-home #guest h2,.premium-home #crew h2{font-size:clamp(50px,5.3vw,78px)}
.premium-home #guest .benefit-device-pair{width:100%;padding:55px 0;position:relative;gap:0;max-width:540px}
.premium-home #guest .benefit-device-pair:before{content:'';position:absolute;width:95%;aspect-ratio:1;left:0;top:12%;border:1px solid #a78c5640;border-radius:50%;pointer-events:none}
.premium-home #guest .phone{width:59%;max-width:290px;transform:rotate(-4deg);z-index:1;margin-right:-7%}
.premium-home #guest .apple{align-self:flex-end;transform:rotate(6deg) translateY(-20px);z-index:2;width:35%}
.premium-home #guest .device-body{box-shadow:0 26px 42px #1e2c3026}
.premium-home #crew{background:#142126;grid-template-columns:1.05fr .95fr}
.premium-home #crew .benefit-device-pair{width:100%;position:relative;gap:0;max-width:540px}
.premium-home #crew .phone{width:60%;max-width:285px;transform:rotate(4deg);margin-left:7%}
.premium-home #crew .wear{position:relative;width:35%;margin-left:-8%;align-self:flex-end;transform:translateY(-25px);z-index:2}
.premium-home #crew .device-body{box-shadow:0 25px 60px #0004}
/* Integration marks share one quiet strip, not four sales cards. */
.premium-home .hybrid-integrations{background:#e7e3d9;color:#1a2a2f;max-width:none;padding-inline:max(6vw,calc((100vw - 1267px)/2));border:0}
.premium-home .hybrid-integrations p{color:#526064}.premium-home .hybrid-integrations em,.premium-home .hybrid-integrations .refresh-eyebrow{color:#866735}
.premium-home .hybrid-logos{gap:0;margin-top:65px;border-block:1px solid #1b2a2f25}
.premium-home .hybrid-logos a{background:transparent;border-radius:0;min-height:120px;padding:30px;border-right:1px solid #1b2a2f25}
.premium-home .hybrid-logos a:last-child{border:0}.premium-home .hybrid-logos img{mix-blend-mode:multiply;filter:grayscale(1);opacity:.8;transition:opacity .2s}
.premium-home .hybrid-logos a:hover img{opacity:1}
/* Bespoke is a visual material chapter with its full detail one click away. */
.premium-home .hybrid-bespoke{max-width:none;background:#0b0c0c;grid-template-columns:1.25fr .75fr;gap:6vw;padding:0 6vw 0 0;min-height:800px;border:0}
.premium-home .hybrid-bespoke>figure{height:100%;min-height:800px;overflow:hidden;position:relative}
.premium-home .hybrid-bespoke>figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.premium-home .hybrid-bespoke>div{padding-block:85px;max-width:520px}
.premium-home .hybrid-bespoke h2{font-size:clamp(48px,4.5vw,68px)}
.premium-home .hybrid-install{padding-block:110px}
.premium-home .hybrid-install-options{gap:5vw;margin-top:55px}
.premium-home .hybrid-install-options article{position:relative;padding:28px 0 0 45px}
.premium-home .hybrid-install-options article:before{content:'01';position:absolute;left:0;top:32px;font:16px 'Cormorant Garamond',serif;color:var(--brass)}
.premium-home .hybrid-install-options article+article:before{content:'02'}
.premium-home .welcome-story{max-width:none;background:#e9e3d7;color:#142126;grid-template-columns:.8fr 1.2fr;padding:90px max(6vw,calc((100vw - 1267px)/2));gap:9vw;align-items:center;border:0}
.premium-home .welcome-story p{color:#4b5c63}.premium-home .welcome-story em,.premium-home .welcome-story .refresh-eyebrow{color:#866735}
.premium-home .welcome-story .welcome-founder{color:#71572e}
.premium-home .founder-portrait{overflow:hidden;max-width:440px;aspect-ratio:4/5}
.premium-home .founder-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.premium-home .welcome-press{padding-block:50px;background:#e9e3d7;border-color:#14212624}
.premium-home .welcome-press a{color:#253239}.premium-home .welcome-press .refresh-eyebrow{color:#826639}
.premium-home .hybrid-cta{background:#142126;padding:110px 6vw 120px;border:0}
.premium-home .hybrid-cta h2{font-size:clamp(60px,8vw,118px)}
.premium-home .hybrid-cta .refresh-actions{gap:25px 35px;margin:40px 0}
/* One restrained image movement per editorial spread. Copy never depends on it. */
@media(prefers-reduced-motion:no-preference){.premium-site [data-image-drift].drift-active img{transform:translate3d(0,var(--image-y,0px),0) scale(1.07)}}
@media(max-width:1000px){.premium-home .hybrid-button{min-height:700px}.premium-home .hybrid-button>figure{min-height:700px}.premium-home .hybrid-bespoke{grid-template-columns:1fr 1fr;min-height:650px}.premium-home .hybrid-bespoke>figure{min-height:650px}.premium-home #guest,.premium-home #crew{min-height:720px}}
@media(max-width:700px){
 .premium-site .refresh-section{padding-block:70px}.premium-site .refresh-lead{font-size:17px}
 .premium-home .welcome-hero #hero-animation{inset:70px 0 145px}
 .premium-home .story-home-heading{padding:0}.premium-home .story-home-heading h1{font-size:51px}
 .premium-home .story-home-heading>.refresh-lead{font-size:16px;line-height:1.7}
 .premium-site .story-signature-detail .story-object{padding:4px 25px 18px}
 .premium-site .story-signature-detail .story-cutout{max-width:320px;object-position:center 58%;aspect-ratio:4/3}
 .premium-site .story-request{padding:14px 6%}
 .premium-home .hybrid-button{display:flex;flex-direction:column;align-items:stretch;padding:60px 6vw 0;min-height:0;gap:25px}
 .premium-home .hybrid-button>div{padding:0}.premium-home .hybrid-button h2{font-size:52px}
 .premium-home .hybrid-button>figure{height:480px;min-height:0;margin:0 -6vw;width:calc(100% + 12vw)}
 .premium-home .hybrid-button>figure:after{background:linear-gradient(180deg,#080909,transparent 20%)}
 .premium-home #guest,.premium-home #crew{grid-template-columns:1fr;padding:65px 6vw;min-height:0;gap:20px}
 .premium-home #guest h2,.premium-home #crew h2{font-size:52px}
 .premium-home #guest .benefit-device-pair{order:2;max-width:390px;margin:auto;padding:35px 12px}
 .premium-home #guest .phone{max-width:225px}.premium-home #guest .apple{width:32%}
 .premium-home #crew .benefit-device-pair{max-width:390px;margin:auto;padding:30px 10px}
 .premium-home #crew .phone{max-width:225px}.premium-home #crew .wear{width:32%}
 .premium-home .hybrid-integrations{padding:70px 6vw}.premium-home .hybrid-logos{margin-top:40px}
 .premium-home .hybrid-logos a{padding:23px;min-height:100px}.premium-home .hybrid-logos a:nth-child(2){border-right:0}.premium-home .hybrid-logos a:nth-child(-n+2){border-bottom:1px solid #1b2a2f25}
 .premium-home .hybrid-bespoke{display:flex;flex-direction:column;padding:0;gap:0;min-height:0}
 .premium-home .hybrid-bespoke>div{padding:65px 6vw 40px;max-width:none;order:0}
 .premium-home .hybrid-bespoke>figure{height:470px;min-height:0;width:100%;order:1}
 .premium-home .hybrid-bespoke h2{font-size:48px}
 .premium-home .hybrid-install{padding:70px 6vw}.premium-home .hybrid-install-options{margin-top:30px}
 .premium-home .welcome-story{grid-template-columns:1fr;padding:65px 6vw;gap:38px}
 .premium-home .founder-copy{order:0}.premium-home .founder-portrait{order:1;max-width:440px;width:100%;aspect-ratio:5/4}
 .premium-home .founder-portrait img{object-position:center 48%}
 .premium-home .hybrid-cta{padding:75px 6vw 85px}.premium-home .hybrid-cta h2{font-size:62px}
 .premium-site .refresh-footer{padding:55px 6vw 110px}.premium-site .refresh-footer>div{gap:16px 24px}
}
@media(max-width:370px){.premium-home .story-home-heading h1{font-size:45px}.premium-home #guest h2,.premium-home #crew h2,.premium-home .hybrid-button h2{font-size:46px}.premium-home .hybrid-bespoke h2{font-size:43px}.premium-home .hybrid-cta h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.premium-site [data-image-drift] img{transform:none!important}.premium-site .refresh-link:after{transition:none}}
.premium-home #guest .benefit-device figcaption,.premium-home #crew .benefit-device figcaption{display:none}
.premium-home #guest .apple,.premium-home #crew .wear{margin-bottom:40px}
.premium-home .welcome-press>.refresh-eyebrow{margin-inline:auto}
/* Narrow screens lead with title + object, not an entire screen of prose. */
@media(max-width:700px){
 .premium-home #guest,.premium-home #crew{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-top:55px}
 .premium-home .hybrid-app>div:not(.benefit-device-pair){display:contents}
 .premium-home .hybrid-app>div:not(.benefit-device-pair)>*{grid-column:1;min-width:0}
 .premium-home .hybrid-app .refresh-eyebrow{grid-row:1;margin-bottom:5px}
 .premium-home .hybrid-app h2{grid-row:2;margin-bottom:4px}
 .premium-home #guest .benefit-device-pair,.premium-home #crew .benefit-device-pair{grid-row:3;grid-column:1;padding:24px 20px 34px;max-width:340px;min-height:0}
 .premium-home #guest .phone,.premium-home #crew .phone{width:53%;max-width:180px}
 .premium-home #guest .apple,.premium-home #crew .wear{width:30%;max-width:112px;margin-bottom:20px}
 .premium-home #guest .apple .device-body,.premium-home #crew .wear .device-body{border-width:4px}
 .premium-home #guest .apple .device-body{border-radius:24px}.premium-home #guest .apple img{border-radius:19px}
 .premium-home .hybrid-app p:not(.refresh-eyebrow):not(.hybrid-benefits):not(.hybrid-platforms):not(.role-platform-summary){grid-row:4;margin-bottom:4px}
 .premium-home .hybrid-app .hybrid-benefits{grid-row:5;margin-block:12px}
 .premium-home .hybrid-app .refresh-link{grid-row:6;justify-self:start}
 .premium-home .hybrid-app .hybrid-platforms,.premium-home .hybrid-app .role-platform-summary{grid-row:7;margin:10px 0 0}
 .premium-home .hybrid-app .refresh-stores{grid-row:8;margin-top:10px}
 .premium-home #guest .role-platform-summary{color:#6e572b}
 .premium-home .hybrid-bespoke{display:grid;grid-template-columns:minmax(0,1fr);padding:55px 6vw;gap:15px}
 /* Explicit columns prevent added copy from creating an implicit second column. */
 .premium-home .hybrid-bespoke>div{display:contents}
 .premium-home .hybrid-bespoke>div>*,.premium-home .hybrid-bespoke>figure{grid-column:1;min-width:0}
 .premium-home .hybrid-bespoke .refresh-eyebrow{grid-row:1;margin-bottom:5px}
 .premium-home .hybrid-bespoke h2{grid-row:2;margin-bottom:10px}
 .premium-home .hybrid-bespoke>figure{grid-row:3;height:340px;width:calc(100% + 12vw);margin:5px -6vw 20px}
 .premium-home .hybrid-bespoke p:not(.refresh-eyebrow){grid-row:auto;margin:0}
 .premium-home .hybrid-bespoke .refresh-actions{grid-row:auto;margin-bottom:0}
 .premium-home .hybrid-button{display:grid;grid-template-columns:minmax(0,1fr);padding:55px 6vw;gap:15px}
 .premium-home .hybrid-button>div{display:contents}
 .premium-home .hybrid-button>div>*,.premium-home .hybrid-button>figure{grid-column:1;min-width:0}
 .premium-home .hybrid-button .refresh-eyebrow{grid-row:1;margin-bottom:5px}
 .premium-home .hybrid-button h2{grid-row:2;margin-bottom:0}
 .premium-home .hybrid-button>figure{grid-row:3;height:380px;min-height:0}
 .premium-home .hybrid-button p:not(.refresh-eyebrow){grid-row:auto;margin:10px 0}
 .premium-home .hybrid-button .refresh-link{grid-row:auto;justify-self:start}
}
/* Guest asks -> crew understands -> crew accepts. Confirmation is a quiet text-only fourth beat. */
.premium-home .story-entry-trio .story-object{padding:20px 0;height:calc(100% - 45px)}
.premium-home .story-entry-trio .story-trio{max-height:100%;object-fit:contain}
.premium-home .story-crew-action .story-object{padding:25px 35px}
.premium-home .story-crew-capture{width:min(100%,380px);aspect-ratio:480/380;border:7px solid #3b464b;border-radius:24px;overflow:hidden;box-shadow:0 22px 55px #0003;background:#f9f6ed}
.premium-home .story-crew-capture img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 60.5%}
.premium-home .journey-confirmation{border-top:1px solid #ffffff26;display:grid;grid-template-columns:.8fr 1.2fr;gap:0 8%;padding:65px 0 50px;scroll-margin-top:105px}
.premium-home .journey-confirmation .story-kicker{grid-column:1/-1;margin-bottom:20px}
.premium-home .journey-confirmation h3{font:400 clamp(38px,4vw,58px)/1.05 'Cormorant Garamond',serif;letter-spacing:-.03em;margin:0}
.premium-home .journey-confirmation p{max-width:50ch;line-height:1.8;margin:0}
@media(max-width:700px){.premium-home .journey-confirmation{grid-template-columns:1fr;padding:42px 0;gap:20px}.premium-home .journey-confirmation .story-kicker{margin:0}.premium-home .journey-confirmation h3{font-size:40px}.premium-home .story-crew-action .story-object{padding:8px 40px 18px}.premium-home .story-crew-capture{height:100%;width:auto;max-width:100%;border-width:4px;border-radius:16px}.premium-home .story-entry-trio .story-object{padding:8px 0}}
