body.suite-page{background:#faf9f6;color:#282720;--bg:#faf9f6;--ivory:#282720;--gold:#795a30}
.suite-page main>section{padding-inline:var(--family-edge,7.25vw)}
.suite-intro{position:relative;isolation:isolate;overflow:hidden;padding-block:158px 80px;background:#f0ede6}
.suite-intro .footage{position:absolute;inset:0;height:100%;z-index:-2;background:url('/product-films/qsuite-01-poster.jpg') center/cover no-repeat}
.suite-intro .footage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(.55);pointer-events:none}
.suite-intro .shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f0ede6 0%,#f0ede6f5 26%,#f0ede6ce 46%,#f0ede655 70%,#f0ede61a 100%),linear-gradient(0deg,#f0ede6 0%,#f0ede6d9 12%,transparent 38%)}
.suite-hero-copy{position:relative;max-width:760px}
.suite-hero-copy>.eyebrow{color:#795a30;margin-bottom:24px}
.suite-intro h1.suite-wordmark{display:flex;align-items:center;gap:20px;font-family:inherit;font-size:clamp(48px,5.1vw,74px);font-weight:400;letter-spacing:-.05em;line-height:1.15;margin:0;white-space:nowrap}
.suite-wordmark .suite-q{--suite-metal:#b9b9b9;width:clamp(50px,6.25vw,80px);height:clamp(50px,6.25vw,80px);flex-basis:clamp(50px,6.25vw,80px)}
.suite-tagline{font-size:clamp(26px,3.3vw,44px);line-height:1.45;letter-spacing:-.045em;margin:28px 0 0;font-weight:400;color:#282720;text-wrap:balance}
.suite-intro .film-navigation{position:absolute;right:var(--family-edge,7.25vw);bottom:32px;z-index:2;display:flex;align-items:center;gap:14px;color:#795a30}
.suite-intro .film-next{border:1px solid #a6977e;color:#795a30;background:#faf9f6cf}
.suite-intro .film-count{font-size:12px;font-variant-numeric:tabular-nums}
.suite-lead{max-width:650px;margin:28px 0;font-size:18px;line-height:1.9;color:#645e52}
.suite-index{position:relative;display:flex;gap:50px;margin-top:52px;padding-top:28px;border-top:1px solid #bdb3a2;flex-wrap:wrap}
.suite-index>a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#282720;min-height:56px;font-size:20px;letter-spacing:-.02em}
.suite-index small{display:block;font-size:13px;margin-top:5px;color:#645e52}
.suite-products{padding-block:20px}
.suite-product{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:64px;padding:90px 0;border-bottom:1px solid #ded8cc;scroll-margin-top:105px}
.suite-product:last-child{border-bottom:0}
.suite-product .eyebrow{color:var(--product-ink);margin-bottom:20px}
.suite-product-name{display:flex;align-items:center;gap:16px}
.suite-product-name .suite-q{width:44px;height:44px;flex-basis:44px}
.suite-product h2{font-size:clamp(32px,4vw,48px);font-weight:450;letter-spacing:-.04em;line-height:1.2;margin:0;color:var(--product-ink)}
.suite-product h3{font-size:22px;line-height:1.5;letter-spacing:-.035em;font-weight:500;margin:24px 0 16px;text-wrap:balance}
.suite-product-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#645e52;max-width:38ch;margin-bottom:25px}
.suite-product figure{margin:0;min-width:0}
.suite-product figure>a{display:block;padding:18px;background:color-mix(in srgb,var(--product-metal) 17%,white);border-top:2px solid var(--product-metal);transition:background 220ms}
.suite-product figure>a:hover{background:color-mix(in srgb,var(--product-metal) 28%,white)}
.suite-product figure img{display:block;width:100%;height:auto;box-shadow:0 10px 30px #2820150d}
.suite-product figcaption{color:#746a59;font-size:12px;line-height:1.8;margin-top:12px}
.suite-page :is(a,summary):focus-visible{outline:2px solid #795a30;outline-offset:5px}
.suite-comparison{padding-block:85px;background:#f0ede6;scroll-margin-top:84px}
.suite-page :is(.suite-comparison,.suite-connect) h2{font-size:clamp(30px,3.8vw,48px);line-height:1.45;letter-spacing:-.045em;font-weight:450;margin:20px 0 35px}
.suite-table-scroll{overflow-x:auto;margin-top:40px;overscroll-behavior-x:contain}
.suite-table-scroll:focus-visible{outline:2px solid #795a30;outline-offset:4px}
.suite-comparison table{width:100%;min-width:700px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.8}
.suite-comparison caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.suite-comparison :is(th,td){padding:22px 18px;vertical-align:top;border-bottom:1px solid #d5cec0}
.suite-comparison th{font-weight:550}
.suite-comparison thead th[data-suite-product]{color:var(--suite-ink);border-top:3px solid var(--suite-metal);font-size:20px}
.suite-comparison tbody th{width:16%;color:#645e52}
.suite-comparison td{width:28%}
.suite-comparison td a{display:inline-flex;align-items:center;min-height:44px;color:#795a30}
.suite-table-hint{margin-top:22px;font-size:14px;line-height:1.8;color:#645e52}
.suite-scroll-hint{display:none}
.suite-connect{padding-block:100px 120px}
.suite-connect h2 span{color:#795a30}
.suite-connect>p:not(.eyebrow){max-width:720px;font-size:17px;line-height:1.9;color:#645e52}
.suite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px}
@media(max-width:760px){
 .suite-page main>section{padding-inline:24px}
 .suite-intro{padding-block:210px 80px}
 .suite-intro .footage{inset:0 0 auto;height:470px}
 .suite-intro .shade{background:linear-gradient(0deg,#f0ede6 0%,#f0ede6 52%,#f0ede6e6 67%,#f0ede694 85%,#f0ede638 100%)}
 .suite-intro h1.suite-wordmark{font-size:clamp(40px,11vw,58px);gap:14px}
 .suite-wordmark .suite-q{width:46px;height:46px;flex-basis:46px}
 .suite-tagline{font-size:27px}
 .suite-lead{font-size:16px}
 .suite-index{display:grid;gap:16px;margin-top:36px}
 .suite-intro .film-navigation{right:24px;bottom:22px}
 .suite-product{grid-template-columns:1fr;gap:28px;padding:54px 0}
 .suite-product-copy>p:not(.eyebrow){max-width:48ch}
 .suite-product h3{font-size:21px}
 .suite-product figure>a{padding:10px}
 .suite-comparison{padding-block:56px}
 .suite-scroll-hint{display:block;font-size:13px;color:#645e52;margin:0}
 .suite-connect{padding-block:64px 80px}
 .suite-actions{align-items:stretch;flex-direction:column}
 .suite-actions .button{font-size:15px;max-width:100%;box-sizing:border-box;padding:18px}
}
@media(prefers-reduced-motion:reduce){.suite-product figure>a{transition:none}}