.comparison-stories{padding:64px 5vw;background:#fff;color:#151517;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.comparison-stories>header{margin-bottom:32px}.comparison-stories h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;line-height:1.1;margin:12px 0}
.comparison-story{display:grid;grid-template-columns:1fr 1.25fr;isolation:isolate;background:#0b0b0d;color:#fff;text-decoration:none;border-radius:20px;overflow:hidden;margin-top:24px;min-height:440px}
.comparison-story__photos{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--panels),minmax(0,1fr));gap:4px;min-width:0}
.comparison-story__photos figure{position:relative;margin:0;overflow:hidden;min-height:440px;background:#17121d}
.comparison-story__photos figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,9,.95),transparent 45%),linear-gradient(90deg,rgba(7,7,9,.25),transparent 35%);pointer-events:none}
.comparison-story__photos img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;transform:scale(1.4);object-position:center 58%;transition:transform .7s ease}
.comparison-story__photos figcaption{position:absolute;z-index:1;bottom:25px;left:20px;right:12px;font-size:17px;font-weight:600;line-height:1.25}.comparison-story__photos small{display:block;font-size:12px;font-weight:400;color:#d0ccd3;margin-top:7px}
.comparison-story__copy{grid-column:1;grid-row:1;padding:48px 36px;align-self:center;position:relative;z-index:2}.comparison-story h3{font-size:clamp(34px,4.4vw,64px);line-height:1.02;letter-spacing:-.045em;margin:20px 0;max-width:12ch}
.comparison-story p{font-size:17px;line-height:1.55;max-width:30ch;color:#c5c3c9}.comparison-story__copy>span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#bcff00}.comparison-story b{display:flex;align-items:center;gap:20px;margin-top:30px;font-size:14px;font-weight:500}.comparison-story b i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #666;border-radius:50%;font-style:normal;font-size:20px}
.comparison-story--purple{grid-template-columns:1fr 1.65fr;min-height:560px;background:radial-gradient(ellipse at 90% 50%,#35213d,#0d0b10 70%)}.comparison-story--purple figure{min-height:560px}.comparison-story--purple h3{font-size:clamp(42px,5vw,76px)}
.comparison-story:hover img{transform:scale(1.48)}
.comparison-story:hover b{text-decoration:underline;text-underline-offset:5px}
.compare-body{margin:0;color:#19191b;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
#comparison{max-width:1500px;margin:auto;padding:40px 4vw 72px}#comparison>header>span{display:block;margin-top:32px;font-size:15px}#comparison h1{font-size:clamp(36px,5vw,68px);line-height:1.1;letter-spacing:-.04em;max-width:18ch;margin:16px 0}#comparison p{font-size:17px;line-height:1.65;max-width:64ch}#comparison a{color:inherit}
.compare-controls{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.compare-controls button{border:1px solid #aaa;background:white;border-radius:24px;padding:12px 20px;font:600 15px Arial;cursor:pointer}.compare-controls [aria-pressed=true]{background:#19191b;color:white;border-color:#19191b}
.compare-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:20px}.compare-grid article{background:white;border-radius:14px;overflow:hidden;padding-bottom:24px}.compare-grid img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.compare-grid h2,.compare-grid strong,.compare-grid p,.compare-grid article>a:last-child{display:block;margin:12px 20px}.compare-grid h2{font-size:24px;line-height:1.2}.compare-grid a{text-decoration:none}.compare-grid article>a:last-child{text-decoration:underline;text-underline-offset:4px}.compare-grid strong{font-size:16px}.compare-grid p{font-size:14px!important}
.compare-note{margin:48px 0;border-top:1px solid #ccc;padding-top:24px}.compare-note h2{font-size:23px}.compare-more{display:flex;gap:24px;flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #6c43b5;outline-offset:4px}
@media(max-width:760px){.comparison-stories{padding:40px 20px}.comparison-story{grid-template-columns:1fr;gap:0}.comparison-story__copy{padding:24px}.compare-grid{overflow-x:auto;grid-template-columns:repeat(var(--columns),minmax(260px,75vw));padding-bottom:16px;scroll-snap-type:x proximity}.compare-grid article{scroll-snap-align:start}#comparison{padding:24px 20px 48px}}
@media(max-width:760px){.comparison-story__photos{grid-column:1;grid-row:1}.comparison-story__photos figure{min-height:330px}.comparison-story--purple figure{min-height:390px}.comparison-story__copy{grid-row:2;padding:30px}.comparison-story h3{max-width:16ch}.comparison-story__photos figcaption{left:10px;bottom:16px;font-size:13px}.comparison-story__photos small{font-size:10px}.comparison-story p{max-width:36ch}}
/* A face-off: panoramic photographs, with the headline laid over the center. */
.comparison-story--cap-junky{display:block;position:relative;min-height:560px;background:#080b0c}
.comparison-story--cap-junky .comparison-story__photos{position:absolute;inset:0;gap:2px}
.comparison-story--cap-junky figure{min-height:560px}
.comparison-story--cap-junky figure:after{background:linear-gradient(0deg,#080b0c 0%,rgba(8,11,12,.3) 28%,rgba(8,11,12,.65) 64%,rgba(8,11,12,.1))}
.comparison-story--cap-junky .comparison-story__copy{text-align:center;max-width:650px;margin:auto;padding:100px 32px 130px}
.comparison-story--cap-junky h3{max-width:15ch;margin:20px auto;font-size:clamp(44px,6vw,82px);text-shadow:0 2px 30px #000}
.comparison-story--cap-junky p{margin:0 auto;color:#eee}.comparison-story--cap-junky b{justify-content:center}
.comparison-story--cap-junky figcaption{bottom:28px;left:32px;font-size:18px}.comparison-story--cap-junky figcaption small{font-size:16px;color:#fff}
/* A return visit: staggered photographic frames and a quiet session line. */
.comparison-story--headspace{grid-template-columns:1.4fr 1fr;background:radial-gradient(ellipse at 15% 30%,#253135,#0b1012 75%);min-height:540px}
.comparison-story--headspace .comparison-story__copy{grid-column:2;grid-row:1;padding:48px 40px 48px 20px}
.comparison-story--headspace .comparison-story__photos{grid-column:1;grid-row:1;padding:44px 32px 64px;gap:18px;align-items:start;position:relative}
.comparison-story--headspace .comparison-story__photos:after{content:"TWO PHOTOGRAPHIC SESSIONS · ONE NAME";position:absolute;bottom:24px;left:32px;right:32px;border-top:1px solid #637074;padding-top:12px;font-size:10px;letter-spacing:.12em;color:#becacf}
.comparison-story--headspace figure{min-height:300px;height:300px;border-radius:3px;box-shadow:0 14px 30px #0005}
.comparison-story--headspace figure:nth-child(2){margin-top:95px}
.comparison-story--headspace .comparison-story__photos img{transform:scale(1.8);object-position:center 65%}.comparison-story--headspace:hover .comparison-story__photos img{transform:scale(1.86)}
.comparison-story--headspace h3{font-size:clamp(38px,4.6vw,66px)}
.comparison-story--headspace figcaption{left:15px;bottom:18px;font-size:16px}
@media(max-width:760px){.comparison-story--cap-junky,.comparison-story--cap-junky figure{min-height:490px}.comparison-story--cap-junky .comparison-story__copy{padding:72px 24px 130px}.comparison-story--cap-junky figcaption{left:16px;font-size:14px}.comparison-story--cap-junky figcaption small{font-size:12px}.comparison-story--headspace{grid-template-columns:1fr}.comparison-story--headspace .comparison-story__photos{grid-column:1;grid-row:2;padding:0 24px 60px}.comparison-story--headspace .comparison-story__copy{grid-column:1;grid-row:1;padding:30px}.comparison-story--headspace figure{min-height:240px;height:240px}.comparison-story--headspace figure:nth-child(2){margin-top:55px}.comparison-story--headspace .comparison-story__photos:after{left:24px;right:24px;font-size:9px}.comparison-story--headspace figcaption{font-size:12px;left:10px}}
@media(prefers-reduced-motion:reduce){.comparison-story__photos img{transition:none}.comparison-story:hover img{transform:scale(1.4)}}
/* Inside the stories: editorial covers, then uncut comparison photographs. */
.compare-body{background:#0c0d0f;color:#f6f5f2}
#comparison{max-width:1600px;padding:24px 4vw 80px}
#comparison>header{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:570px;padding:36px 40px;box-sizing:border-box;background:#17111e}
#comparison>header>a{position:relative;z-index:2;font-size:13px;text-decoration:none}
#comparison>header>span{position:relative;z-index:2;margin-top:90px;color:#bdff00;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
#comparison>header h1{position:relative;z-index:2;font-size:clamp(46px,6.2vw,88px);max-width:9ch;letter-spacing:-.055em;margin:22px 0}
#comparison>header>p{position:relative;z-index:2;max-width:32ch;color:#d0cad5;font-size:16px}
.compare-cover{position:absolute;inset:0 0 0 44%;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:4px;z-index:-1}
.compare-cover>div{position:relative;overflow:hidden}.compare-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1.65)}
.compare-cover>div:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0d0fee,transparent 50%)}
.compare-cover span{position:absolute;z-index:1;bottom:28px;left:16px;color:#fff;font-size:13px}
.compare-theme--cap-junky #comparison>header{text-align:center;min-height:610px;background:#0b0e10}
.compare-theme--cap-junky .compare-cover{inset:0;gap:2px}.compare-theme--cap-junky .compare-cover>div:after{background:linear-gradient(0deg,#080b0cf5,rgba(8,11,12,.6) 40%,rgba(8,11,12,.65))}
.compare-theme--cap-junky #comparison>header h1{max-width:15ch;margin:24px auto}.compare-theme--cap-junky #comparison>header>p{margin:auto;max-width:48ch;color:#eee}
.compare-theme--cap-junky #comparison>header>span{margin-top:80px}
.compare-theme--headspace #comparison>header{background:radial-gradient(ellipse at 70% 50%,#263c40,#10171a)}
.compare-theme--headspace .compare-cover{inset:40px 30px 40px 46%;gap:20px}.compare-theme--headspace .compare-cover>div{height:75%;border-radius:4px}.compare-theme--headspace .compare-cover>div:nth-child(2){align-self:end}
.compare-section-label{margin-top:64px}.compare-section-label>span{font-size:11px;letter-spacing:.14em;color:#bdff00}.compare-section-label h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:16px 0}.compare-section-label p{color:#aeb1b7}
.compare-controls{gap:8px;margin:26px 0}.compare-controls button{background:#202226;border:1px solid #42454a;color:#ddd}.compare-controls [aria-pressed=true]{background:#c3ff36;color:#0b0c0d;border-color:#c3ff36}
.compare-grid{gap:18px}.compare-grid article{background:#1a1c20;border-radius:12px;padding-bottom:24px}.compare-grid img{background:#fff}.compare-grid h2{font-size:26px;letter-spacing:-.03em}.compare-grid strong{font-weight:400;color:#d6d8dc}.compare-grid p{color:#9da3ab}
.compare-note{border-color:#3a3c40;display:block;padding:30px;background:#14161a;border-radius:12px}.compare-note h2{font-size:21px}.compare-note p{color:#b5bac3}.compare-note a{font-size:14px}
.compare-more{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-more a{padding:28px;background:#23232b;border-radius:10px;font-size:22px;letter-spacing:-.025em;text-decoration:none}.compare-more a:hover{background:#30303b}
@media(max-width:760px){#comparison{padding:16px 16px 40px}#comparison>header{padding:26px;min-height:720px}#comparison>header>span{margin-top:42px}#comparison>header h1{font-size:48px;max-width:12ch}#comparison>header>p{max-width:36ch}.compare-cover{inset:390px 0 0}.compare-cover span{left:8px;font-size:11px}.compare-theme--headspace .compare-cover{inset:370px 22px 24px}.compare-theme--cap-junky #comparison>header{min-height:590px}.compare-theme--cap-junky #comparison>header>span{margin-top:70px}.compare-more{grid-template-columns:1fr}.compare-note{padding:22px}.compare-section-label{margin-top:40px}}