/* The transformation collection: a large stage and a browsable contact sheet. */
.hero-preview-status{font-size:10px;color:#e5cba6!important}.hero-preview-status:empty{display:none}.hero-preview-status:not(:empty){padding-top:10px}
body .hero-motion{display:block;aspect-ratio:1.55;width:100%;object-fit:cover;background:#050a17}body .hero-motion[hidden],body #comparison[hidden]{display:none!important}
.hero-scene-fade{position:absolute;inset:0;z-index:1;pointer-events:none;will-change:opacity}
@media(max-width:560px){body .hero-motion{aspect-ratio:1.25}}
body .hero{padding-bottom:35px}body .hero-grid{gap:58px}
@media(min-width:801px){body .hero{padding-top:26px}body .hero-grid{align-items:center;grid-template-columns:.68fr 1.52fr}body .hero-copy{padding-top:8px}body .hero .comparison,body .hero-motion{aspect-ratio:1.68}body .hero-bottom{margin-top:28px}body .hero .comparison-caption{padding-top:12px;padding-bottom:12px}}
body .hero h1{font-size:clamp(47px,4.65vw,66px)}
body .hero-copy>p{max-width:365px;line-height:1.8}
body .comparison-caption{padding:14px 18px}
body .possibilities{position:relative;padding:85px 0 62px;background:radial-gradient(ellipse at 80% 40%,#2942661f,transparent 65%),#080e1d}
.collection-heading h2 em{font-family:Georgia,'Times New Roman',serif;color:#b9cfed;font-size:1.12em;font-weight:400;letter-spacing:-.055em}
body .collection-heading{margin-bottom:35px}.collection-heading p{font-size:13px;max-width:325px}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.collection-filters{display:flex;flex-wrap:wrap;gap:6px}
.collection-filters button{min-height:40px;background:transparent;color:#aebbd5;border:1px solid transparent;border-radius:6px;padding:10px 16px;font-size:11px;transition:color .25s,border-color .25s,background .25s}
.collection-filters button:hover{color:#f8f4ed;background:#1b2643}
.collection-filters button[aria-pressed=true]{color:#f0ebdd;background:linear-gradient(115deg,#303f55,#253448);border-color:#bbcee83d;box-shadow:inset 0 1px 0 #ffffff14}
.collection-filters button span{font-size:9px;margin-left:7px;color:#b1c0d5}
.collection-instruction{font-size:10px;color:#8e9bb6;letter-spacing:.02em}
.collection-stage{display:grid;grid-template-columns:minmax(0,1fr) 285px;border:1px solid #a7c0e247;border-radius:14px;background:linear-gradient(140deg,#1c264080,#141c32);overflow:hidden;box-shadow:0 25px 80px -35px #000b,0 0 50px -35px #80b5ff66;scroll-margin-top:12px}
.collection-visual{min-width:0;background:#080e1b;border-right:1px solid #a7c0e229;display:flex;flex-direction:column}
.collection-comparison{position:relative;isolation:isolate;aspect-ratio:1.64;overflow:hidden;background:#111b29;flex:1}
.collection-comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.collection-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.collection-comparison .divider{left:var(--split);z-index:2}
.collection-comparison:focus-within{outline:3px solid var(--gold);outline-offset:-4px}
.collection-visual video{display:block;width:100%;aspect-ratio:1.64;object-fit:cover;flex:1;background:#030711}
.collection-visual [hidden]{display:none!important}
.collection-visual-footer{min-height:47px;padding:10px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#131c30;border-top:1px solid #bacfed20;font-size:10px;color:#a9b7d2}
.collection-visual-footer button{font-size:10px;min-height:30px;border:1px solid #acb9df45;border-radius:5px;padding:6px 12px;background:#25304a88;color:#e4ebf5}
.collection-visual-footer button:hover{border-color:#d6e2f290;background:#364160}
.collection-story{padding:29px 25px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;background:radial-gradient(ellipse at 100% 0%,#6288bc20,transparent 70%)}
.collection-index{display:block;color:#8d9ab6;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em;margin-bottom:30px}
body .collection-story .eyebrow{font-size:9px;letter-spacing:.15em;color:#dbcaac;margin:0 0 14px;line-height:1.5}
.collection-story h3{font-family:Georgia,'Times New Roman',serif;font-size:35px;font-weight:400;letter-spacing:-.045em;line-height:1.1;color:#eaf0f8;margin-bottom:18px}
.collection-story>div>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#aebcd3}
.collection-detail{border-top:1px solid #b0c4e02b;margin-top:24px;padding-top:18px}.collection-detail span{display:block;font-size:9px;color:#8a9bb8;margin-bottom:7px}.collection-detail strong{font-weight:450;font-size:11px;line-height:1.6;display:block;color:#cfd9e7}
.collection-reveal{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;width:100%;padding:10px 12px;border:1px solid #d9c59969;border-radius:7px;background:linear-gradient(110deg,#3c465433,#75655722);color:#ecdcb9;font-size:11px;box-shadow:inset 0 1px 0 #fff5d010}
.collection-reveal:hover{background:#57637340;box-shadow:0 0 25px #e8c87510}.collection-reveal span{font-size:17px}
.collection-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px}.collection-pagination button{background:none;border:none;border-bottom:1px solid #8594bb45;color:#c4cfe5;font-size:10px;min-height:32px;padding:5px 0}.collection-pagination button:hover{color:#f3deb3;border-color:#e0c591}.collection-pagination>span{font-size:9px;color:#8e9ebc;font-variant-numeric:tabular-nums}
.collection-pagination button:disabled{opacity:.35;cursor:default;border-color:transparent}
.collection-previews{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;margin-top:24px}
.collection-preview{position:relative;text-align:left;min-width:0;padding:0;background:transparent;border:0;color:#aab8d1;border-radius:7px}
.collection-preview .preview-image{position:relative;aspect-ratio:1.75;border-radius:7px;overflow:hidden;outline:1px solid #a4b4da29;outline-offset:-1px;transition:outline .25s,box-shadow .25s}
.collection-preview img{width:100%;height:100%;object-fit:cover;opacity:.64;transition:opacity .3s,transform .5s}
.collection-preview:hover img,.collection-preview[aria-pressed=true] img{opacity:1}.collection-preview:hover img{transform:scale(1.045)}
.collection-preview[aria-pressed=true] .preview-image{outline:2px solid #dfcca2;outline-offset:3px;box-shadow:0 0 22px #a8ccff21}
.collection-preview[aria-pressed=true]{color:#f1e1bd}
.preview-caption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:11px;font-size:10px;line-height:1.5}.preview-caption small{font-size:8px;color:#6f809f;font-variant-numeric:tabular-nums}
.preview-motion{position:absolute;right:7px;bottom:7px;background:#111b30d9;border:1px solid #e0d1ac44;color:#edddba;font-size:8px;letter-spacing:.08em;border-radius:3px;padding:4px 6px}
.collection-status{font-size:11px;color:#dfc9ab;line-height:1.6}.collection-status:empty{display:none}.collection-status:not(:empty){padding:14px 0}
.collection-endnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid #a9b9e322}.collection-endnote>span{font-size:11px;color:#91a1bd}.collection-endnote a{font-size:11px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a5c9fc60}
.collection-stage.is-changing .collection-visual{opacity:.55;transition:opacity .2s}.collection-stage:not(.is-changing) .collection-visual{opacity:1;transition:opacity .4s}
.collection-stage.is-revealing .divider{box-shadow:0 0 17px #ffeac3,0 0 40px 10px #a3c8fb80}
.collection-dialog{width:min(1200px,calc(100vw - 60px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #bbcee865;border-radius:14px;background:#0d1528;color:#f8fafc;box-shadow:0 25px 100px #000b}
.collection-dialog::backdrop{background:#020611e8;backdrop-filter:blur(12px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 25px}.dialog-heading .eyebrow{font-size:8px;margin:0 0 7px}.dialog-heading h2{font-size:25px;font-weight:500;letter-spacing:-.03em}.dialog-heading button{min-height:40px;padding:10px 18px;background:#26334b;border:1px solid #bbcee850;border-radius:6px;color:white;font-size:12px}
#dialog-media{background:#030711}#dialog-media .collection-comparison{height:min(65dvh,720px);aspect-ratio:auto;flex:none}#dialog-media .collection-comparison>img{object-fit:contain}#dialog-media video{display:block;width:100%;max-height:65dvh}
.dialog-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 25px;font-size:10px;color:#9aaac4}body.collection-modal-open{overflow:hidden}
@media(min-width:1500px){.collection-stage{grid-template-columns:minmax(0,1fr) 315px}.collection-story{padding:33px 30px 25px}.collection-story h3{font-size:40px}}
@media(max-width:1100px){body .hero-grid{gap:32px}.collection-stage{grid-template-columns:minmax(0,1fr) 255px}.collection-story{padding:23px 20px 19px}.collection-index{margin-bottom:22px}.collection-story h3{font-size:32px}.collection-detail{margin-top:18px;padding-top:14px}.collection-previews{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-instruction{display:none}}
@media(max-width:800px){body .hero-grid{gap:32px}body .hero h1{font-size:53px}.collection-stage{grid-template-columns:1fr}.collection-visual{border-right:none;border-bottom:1px solid #a7c0e229}.collection-comparison{flex:none;aspect-ratio:1.6}.collection-story{display:grid;grid-template-columns:1fr 190px;gap:30px;padding:26px}.collection-index{margin-bottom:12px}.collection-story h3{font-size:33px}.collection-story>div:last-child{align-self:center}.collection-detail{display:none}.collection-previews{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-link{font-size:11px}.collection-dialog{width:calc(100vw - 30px)}body .possibilities{padding-top:60px}}
@media(max-width:560px){body .hero h1{font-size:44px}body .hero-grid{gap:28px}.collection-link{font-size:10px;gap:8px}.collection-link span{font-size:8px}.collection-heading h2 em{font-size:1.08em}.collection-filters{display:grid;grid-template-columns:repeat(4,auto);gap:3px;width:100%}.collection-filters button{font-size:9px;padding:9px 8px;min-height:40px;white-space:nowrap}.collection-filters button span{display:none}.collection-toolbar{margin-bottom:16px}.collection-stage{border-radius:11px}.collection-comparison{aspect-ratio:1.2}.collection-visual-footer{padding:8px 12px;font-size:9px}.collection-story{display:block;padding:23px}.collection-story h3{font-size:35px;margin-bottom:12px}.collection-story>div>p:not(.eyebrow){font-size:12px}.collection-story>div:last-child{margin-top:20px}.collection-index{float:right;font-size:9px;margin-top:2px}.collection-story .eyebrow{padding-right:60px}.collection-pagination{margin-top:10px}.collection-previews{display:flex;overflow-x:auto;gap:14px;padding:5px 4px 17px;margin-top:16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#78879c #182138}.collection-preview{flex:0 0 135px;scroll-snap-align:start}.preview-caption{font-size:10px}.collection-endnote{flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}.collection-endnote>span{font-size:10px;line-height:1.7}.collection-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:10px}.dialog-heading{padding:18px 16px}.dialog-heading h2{font-size:22px}.dialog-heading button{font-size:11px;padding:9px 14px}#dialog-media .collection-comparison{height:52dvh}.dialog-footer{padding:14px 16px;font-size:9px}.dialog-footer>span:last-child{display:none}}