.eight-studio-story{--studio-ink: #071315;--studio-deep: #031315;--studio-teal: #006a6d;--studio-cyan: #00d4d3;--studio-paper: #f2f4ef;--studio-white: #f7fbf8;--studio-muted: #687476;--studio-line: rgba(7, 19, 21, .14);overflow:clip;color:var(--studio-ink);background:var(--studio-paper);font-family:var(--font-sans, "Figtree", ui-sans-serif, system-ui, sans-serif);font-weight:400;letter-spacing:0}body:has(.eight-studio-story){background:var(--studio-paper, #f2f4ef)}body:has(.eight-studio-story) .site-header__sunglasses-toggle{display:none!important}.eight-studio-story *,.eight-studio-story *:before,.eight-studio-story *:after{box-sizing:border-box}.eight-studio-story img{display:block;width:100%;height:100%;object-fit:cover}.studio-story-progress{position:fixed;z-index:90;inset:0 0 auto;height:2px;background:#ffffff14}.studio-story-progress span{display:block;width:100%;height:100%;background:var(--studio-cyan);transform:scaleX(0);transform-origin:left center}.studio-story-hero{position:relative;min-height:clamp(760px,92svh,920px);overflow:hidden;isolation:isolate;color:var(--studio-white);background:radial-gradient(circle at 78% 24%,rgba(0,212,211,.13),transparent 30%),linear-gradient(135deg,#021114,#041d1f 58%,#031315)}.studio-story-hero:after{position:absolute;z-index:1;inset:auto 0 0;height:34%;pointer-events:none;background:linear-gradient(0deg,rgba(1,11,13,.82),transparent);content:""}.studio-story-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);mask-image:linear-gradient(90deg,#000,transparent 72%)}.studio-story-hero__inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,.86fr);gap:clamp(40px,5vw,86px);align-items:center;width:min(100% - 80px,1380px);min-height:inherit;margin:0 auto;padding:clamp(132px,15vh,174px) 0 86px}.studio-story-hero__copy{position:relative;z-index:5;max-width:720px}.studio-story-kicker,.studio-story-label{margin:0;font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.45;text-transform:uppercase}.studio-story-kicker{display:flex;align-items:center;gap:12px;color:#f7fbf8ab}.studio-story-kicker span{width:7px;height:7px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 18px #00d4d373}.studio-story-hero h1{max-width:720px;margin:28px 0 34px;color:var(--studio-white);font-size:clamp(66px,6.8vw,108px);font-weight:470;letter-spacing:-.07em;line-height:.91;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.studio-story-hero h1 em{color:var(--studio-cyan);font-family:var(--font-sans, "Figtree", ui-sans-serif, system-ui, sans-serif);font-weight:400}.studio-story-hero__dek{max-width:600px;margin:0;color:#f7fbf8c9;font-size:clamp(16px,1.35vw,20px);line-height:1.58}.studio-story-hero__meta{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:42px;color:#f7fbf88c;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.studio-story-hero__meta span:not(:last-child):after{display:inline-block;width:3px;height:3px;margin:0 15px 2px;border-radius:50%;background:var(--studio-cyan);content:""}.studio-story-hero__visual{position:relative;align-self:stretch;min-height:690px}.studio-story-phone{position:absolute;margin:0;filter:drop-shadow(0 32px 55px rgba(0,0,0,.35))}.studio-story-phone img{object-fit:contain}.studio-story-phone--gallery{top:9%;right:30%;width:min(310px,44%);opacity:.55;transform:rotate(-6deg)}.studio-story-phone--editor{z-index:2;right:1%;bottom:-19%;width:min(430px,61%);transform:rotate(3deg)}.studio-story-hero__visual-note{position:absolute;z-index:4;right:0;top:19%;display:flex;align-items:center;gap:12px;margin:0;color:#f7fbf894;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl}.studio-story-hero__visual-note span{width:1px;height:54px;background:currentColor}.studio-story-hero__scroll{position:absolute;z-index:4;left:max(40px,calc((100vw - 1380px)/2));bottom:34px;display:inline-flex;align-items:center;gap:12px;color:#f7fbf8b8;font-size:10px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.studio-story-hero__scroll span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%}.studio-story-layout{display:grid;grid-template-columns:190px minmax(0,820px);gap:clamp(64px,8vw,130px);width:min(100% - 80px,1280px);margin:0 auto;padding:clamp(90px,9vw,132px) 0 clamp(120px,12vw,170px)}.studio-story-rail{min-width:0}.studio-story-rail__inner{position:sticky;top:32px}.studio-story-rail__inner>p:first-child{margin:0 0 18px;color:#8a9497;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.studio-story-rail nav{display:grid}.studio-story-rail nav a{display:grid;grid-template-columns:28px 1fr;min-height:44px;align-items:center;gap:8px;color:#6d777b;font-size:12px;text-decoration:none}.studio-story-rail nav a span{color:#99a2a4;font-size:10px}.studio-story-rail button{width:100%;min-height:48px;margin-top:34px;padding:0;border:0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);color:var(--studio-teal);background:transparent;text-align:left;cursor:pointer;font-size:12px;font-weight:700}.studio-story-rail button span{float:right}.studio-story-rail__status{min-height:32px;color:#758085;font-size:11px;line-height:1.5}.studio-story-body{min-width:0}.studio-story-opening{padding-bottom:86px;border-bottom:1px solid var(--studio-line)}.studio-story-label{color:#758184}.studio-story-opening h2,.studio-story-workflow h2,.studio-story-editorial h2,.studio-story-principles h2,.studio-story-interface h2,.studio-story-faq h2,.studio-story-closing h2{margin:0;color:var(--studio-teal);font-weight:500;letter-spacing:-.06em;line-height:.98;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.studio-story-opening h2{max-width:790px;margin-top:22px;font-size:clamp(48px,5.4vw,78px)}.studio-story-opening__columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:46px}.studio-story-opening p,.studio-story-workflow p,.studio-story-editorial p,.studio-story-principles p,.studio-story-interface p,.studio-story-faq p,.studio-story-closing p{margin:0;color:var(--studio-muted);font-size:16px;line-height:1.76}.studio-story-workflow{padding-top:100px}.studio-story-workflow h2,.studio-story-editorial h2,.studio-story-principles h2,.studio-story-interface h2,.studio-story-faq h2{max-width:720px;margin-top:22px;font-size:clamp(44px,4.8vw,68px)}.studio-story-workflow ol{padding:0;margin:58px 0 0;list-style:none;border-top:1px solid var(--studio-line)}.studio-story-workflow li{display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:start;padding:30px 0;border-bottom:1px solid var(--studio-line)}.studio-story-workflow li>div{display:grid;grid-template-columns:190px 1fr;gap:22px}.studio-story-workflow li>span{color:#8a9597;font-size:10px}.studio-story-workflow h3,.studio-story-principles h3{margin:0;color:var(--studio-teal);font-size:20px;font-weight:650;letter-spacing:-.03em}.studio-story-workflow li p{max-width:410px;font-size:14px;line-height:1.65}.studio-story-capture-break{position:relative;width:100%;aspect-ratio:3 / 2;margin:120px 0 0;overflow:hidden;background:var(--studio-deep)}.studio-story-capture-break img{object-position:center 58%;filter:saturate(.72) contrast(1.07) brightness(.78)}.studio-story-capture-break:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(3,19,21,.74),transparent 55%);content:""}.studio-story-capture-break figcaption{position:absolute;z-index:2;inset:auto 26px 24px;display:flex;justify-content:space-between;gap:20px;color:#ffffffc7;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.studio-story-editorial{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr);gap:clamp(50px,7vw,92px);align-items:center;margin-top:120px;padding:60px;overflow:hidden;color:var(--studio-white);background:radial-gradient(circle at 18% 25%,rgba(0,212,211,.11),transparent 35%),var(--studio-deep)}.studio-story-editorial figure{height:620px;margin:0}.studio-story-editorial figure img{object-fit:contain;filter:drop-shadow(0 25px 35px rgba(0,0,0,.35))}.studio-story-editorial .studio-story-label{color:var(--studio-cyan)}.studio-story-editorial h2{color:var(--studio-white)}.studio-story-editorial__copy>p{margin-top:30px;color:#f7fbf8ad}.studio-story-editorial ul{padding:0;margin:42px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.studio-story-editorial li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.15)}.studio-story-editorial li span{color:var(--studio-cyan);font-size:10px}.studio-story-editorial li strong{color:var(--studio-white);font-size:14px;font-weight:600}.studio-story-statement{margin:120px 0 0;padding:82px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.studio-story-statement p{max-width:800px;margin:0;color:var(--studio-ink);font-size:clamp(52px,6.6vw,92px);font-weight:480;letter-spacing:-.07em;line-height:.95}.studio-story-statement em{color:var(--studio-teal);font-family:var(--font-sans, "Figtree", ui-sans-serif, system-ui, sans-serif);font-weight:400}.studio-story-principles{padding-top:120px}.studio-story-principles__list{margin-top:54px;border-top:1px solid var(--studio-line)}.studio-story-principles article{display:grid;grid-template-columns:70px 240px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--studio-line)}.studio-story-principles article>span{color:#879194;font-size:10px}.studio-story-principles article p{font-size:14px;line-height:1.66}.studio-story-interface{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:64px;align-items:center;margin-top:130px;padding:64px;overflow:hidden;background:#dfe4df}.studio-story-interface__copy>p{margin-top:30px}.studio-story-interface__copy>a{display:inline-flex;gap:10px;align-items:center;margin-top:34px;padding-bottom:7px;border-bottom:1px solid var(--studio-ink);color:var(--studio-ink);font-size:12px;font-weight:700;text-decoration:none}.studio-story-interface__screens{position:relative;min-height:610px}.studio-story-interface__screens figure{position:absolute;margin:0}.studio-story-interface__screens figure:first-child{top:10%;left:0;width:55%;opacity:.74;transform:rotate(-5deg)}.studio-story-interface__screens figure:last-child{z-index:2;right:0;bottom:-15%;width:62%;transform:rotate(4deg)}.studio-story-interface__screens img{object-fit:contain;filter:drop-shadow(0 24px 36px rgba(3,19,21,.24))}.studio-story-faq{margin-top:120px}.studio-story-faq h2{margin-bottom:46px}.studio-story-faq details{border-top:1px solid var(--studio-line)}.studio-story-faq details:last-child{border-bottom:1px solid var(--studio-line)}.studio-story-faq summary{display:flex;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;color:var(--studio-ink);font-size:14px;font-weight:700;list-style:none}.studio-story-faq summary::-webkit-details-marker{display:none}.studio-story-faq summary span{color:#8b9698;font-weight:400;transition:transform .18s ease}.studio-story-faq details[open] summary span{transform:rotate(45deg)}.studio-story-faq details p{max-width:680px;padding:0 0 28px;font-size:14px;line-height:1.7}.studio-story-closing{margin-top:140px;padding:78px 64px;color:var(--studio-white);background:var(--studio-deep)}.studio-story-closing .studio-story-label{color:var(--studio-cyan)}.studio-story-closing h2{max-width:720px;margin-top:22px;color:var(--studio-white);font-size:clamp(48px,5.8vw,80px)}.studio-story-closing__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.studio-story-closing__links a{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--studio-white);font-size:12px;font-weight:700;text-decoration:none}.studio-story-closing__links a:first-child{border-color:var(--studio-cyan);background:var(--studio-cyan);color:var(--studio-deep)}.eight-studio-story a:focus-visible,.eight-studio-story button:focus-visible,.eight-studio-story summary:focus-visible{outline:2px solid var(--studio-cyan);outline-offset:4px}@media(hover:hover){.studio-story-closing__links a:hover,.studio-story-interface__copy>a:hover{border-color:var(--studio-cyan)}}@media(max-width:1080px){.studio-story-hero__inner{grid-template-columns:minmax(0,1fr) minmax(360px,.74fr)}.studio-story-layout{grid-template-columns:155px minmax(0,1fr);gap:52px}.studio-story-editorial,.studio-story-interface{gap:44px;padding:48px}}@media(max-width:800px){.studio-story-hero{min-height:1080px}.studio-story-hero__inner{display:block;width:calc(100% - 42px);padding:126px 0 70px}.studio-story-hero__copy{max-width:660px}.studio-story-hero__visual{min-height:610px;margin-top:48px}.studio-story-phone--gallery{left:4%;right:auto;width:42%}.studio-story-phone--editor{right:8%;bottom:-18%;width:54%}.studio-story-hero__visual-note,.studio-story-hero__scroll{display:none}.studio-story-layout{display:block;width:calc(100% - 42px);padding-top:72px}.studio-story-rail{margin-bottom:64px}.studio-story-rail__inner{position:static;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--studio-line)}.studio-story-rail nav,.studio-story-rail__inner>p:first-child{display:none}.studio-story-rail button{width:150px;margin:0}.studio-story-editorial,.studio-story-interface{grid-template-columns:1fr}.studio-story-editorial figure{height:680px}.studio-story-interface__screens{min-height:680px}}@media(max-width:560px){.studio-story-hero{min-height:920px}.studio-story-hero__inner{padding-top:108px}.studio-story-hero h1{font-size:clamp(52px,14.4vw,68px);line-height:.94}.studio-story-hero__dek{font-size:16px}.studio-story-hero__meta{margin-top:28px}.studio-story-hero__visual{min-height:430px;margin-top:34px}.studio-story-phone--gallery{left:-2%;width:46%}.studio-story-phone--editor{right:0;bottom:-24%;width:60%}.studio-story-opening h2,.studio-story-workflow h2,.studio-story-editorial h2,.studio-story-principles h2,.studio-story-interface h2,.studio-story-faq h2,.studio-story-closing h2{font-size:42px;line-height:1}.studio-story-opening__columns{grid-template-columns:1fr;gap:20px}.studio-story-workflow li{grid-template-columns:42px 1fr}.studio-story-workflow li>div{grid-template-columns:1fr;gap:12px}.studio-story-capture-break{aspect-ratio:.88;margin-top:88px}.studio-story-capture-break figcaption{inset:auto 18px 18px;flex-direction:column;gap:6px}.studio-story-editorial{margin-top:88px;padding:40px 24px}.studio-story-editorial figure{height:540px}.studio-story-statement{margin-top:88px;padding:68px 0}.studio-story-statement p{font-size:52px}.studio-story-principles{padding-top:90px}.studio-story-principles article{grid-template-columns:42px 1fr}.studio-story-principles article p{grid-column:2}.studio-story-interface{margin-top:96px;padding:42px 24px}.studio-story-interface__screens{min-height:520px}.studio-story-faq{margin-top:90px}.studio-story-closing{margin-top:100px;padding:58px 24px}}@media(prefers-reduced-motion:reduce){.studio-story-progress span,.studio-story-faq summary span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/eight-story-studio.css.map */