/* CLIPPSI: a quiet, precise finish over the continuous scroll film. */
@font-face{font-family:Manrope;src:url("/immutable/assets/fonts/manrope-variable.3ae11c49db0455a3.ttf") format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--clip-accent:#c1ee9f;--clip-ink:#edf2ec;--clip-muted:#a8b0aa;--clip-line:#ffffff14;--clip-panel:#151a17}
body{font-family:Manrope,Arial,sans-serif;color:var(--clip-ink);background:#0e1110}
button,input,textarea,select{font-family:inherit}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;text-wrap:balance}
p{ text-wrap:pretty }
::selection{background:#c1ee9f;color:#152013}
/* A sharp SVG stays legible at every size; the wordmark is real text. */
.brand,.nav .brand,body>footer .brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-weight:750;font-size:25px;letter-spacing:-.025em;line-height:1;white-space:nowrap;text-decoration:none;color:var(--clip-ink)}
.brand .brand-word{display:inline;letter-spacing:-.025em}.brand .brand-word b{margin-left:.07em;font-weight:inherit;color:var(--clip-accent)}
.brand img,.nav .brand img{display:block;width:32px;height:32px;object-fit:contain;filter:none}
.nav.wrap{margin-top:0;border:0;border-bottom:1px solid var(--clip-line);border-radius:0;background:#0e1110f2;backdrop-filter:blur(18px);box-shadow:none}
.nav nav a{color:#a7aea9;font-size:12px;border-radius:7px}
.nav nav a[aria-current=location]{color:#eff5e9;background:#ffffff06}
.nav nav a[aria-current=location]::after{display:block;content:'';position:absolute;left:calc(50% - 8px);right:auto;bottom:4px;width:16px;height:2px;background:var(--clip-accent);border-radius:2px}
.nav .button.small{border:1px solid #ffffff25;border-radius:9px;background:#ffffff04;font-weight:650;padding-inline:17px}
.nav .button.small:hover{background:#c1ee9f10;border-color:#c1ee9f70}
.journey-progress{opacity:.65;height:1px}
/* Type does the work; color only calls attention to the next action. */
.cinema-copy h1,.cinema-copy h2{font-weight:620;font-size:clamp(47px,5.3vw,78px);letter-spacing:-.062em;line-height:1.045}
.cinema-copy .eyebrow{color:#b0baad;letter-spacing:.13em}
.cinema-copy p:not(.eyebrow){color:#b6beb8}
.cinema-copy p.cinema-audience{color:#8f9b92}
.cinema-actions .button,.access .access-action .button{border-radius:10px;background:var(--clip-accent);border-color:#d0f5b5;color:#162014;box-shadow:inset 0 1px #ffffff65,0 5px 18px #0003;transition:background .2s,box-shadow .2s,translate .2s}
.cinema-actions .button:hover,.access .access-action .button:hover{background:#d1f4b8;translate:0 -2px;box-shadow:inset 0 1px #fff8,0 8px 24px #c1ee9f14}
.cinema-actions .button span,.access-action .button span{transition:translate .2s}.cinema-actions .button:hover span,.access-action .button:hover span{translate:3px -1px}
.cinema-actions .text-link,.product-section .text-link{color:#dae2d7;border-color:#ffffff25;text-underline-offset:5px}
.cinema-actions .text-link:hover,.product-section .text-link:hover{color:var(--clip-accent);border-color:#c1ee9f80}
.cinema-chapters button{border-top-color:#ffffff1c}.cinema-chapters button[aria-current=step]{background:linear-gradient(#c1ee9f08,transparent);color:var(--clip-ink)}
.cinema-tools button{border-color:#ffffff1c;border-radius:7px;color:#a9b5a8;background:#ffffff02}
.cinema-scroll-cue{color:#a7b09f}.cinema-frame-label{color:#a6b2a5}
.cinema-depth-grid,.cinema-scene-number{opacity:.65}
.film-background svg{opacity:.45}.film-ambient{opacity:.55}
.film-chapter{font-size:10px;color:#9da897;letter-spacing:.11em}.film-chapter>span:first-child{font-size:11px}
.film-ruler{font-size:8px;color:#93a18a;letter-spacing:.13em}.film-ruler::before{background:#ffffff0c}
.film-tour-note{color:#9faa9b;font-size:11px}
.journey-line{opacity:.35}
/* One family of surfaces, radii and borders across the product story. */
.preset-showcase.assembly-showcase{border:1px solid #ffffff1c;border-radius:20px;background:radial-gradient(ellipse at 75% 50%,#c1ee9f06,transparent 66%),linear-gradient(145deg,#191e1a,#121614);box-shadow:inset 0 1px #ffffff05,0 24px 70px #0002}
.assembly-copy h3{font-weight:590;letter-spacing:-.055em}.assembly-intro{color:#aab5aa}
.assembly-label{color:#e0e8db}.assembly-label span{color:#a0ad95}
.assembly-summary{border-color:#ffffff16}.assembly-replay{border-color:#ffffff24;border-radius:8px;background:#ffffff04;color:#d3ddcc}
.assembly-replay:hover{border-color:#c1ee9f70;background:#c1ee9f08}
.assembly-steps li{border-color:#ffffff12}.assembly-grid{opacity:.65}
.story-enabled .value-basics .value-card h3{font-weight:580}.story-enabled .value-basics .value-card p{color:#aab4ab}
.story-enabled .value-basics .value-top svg{stroke:#bcd9a9;filter:none}
.story-enabled .value-basics .value-top span{color:#aebba5}
.product-section .product-copy h2{font-weight:590;line-height:1.11;letter-spacing:-.05em}
.product-copy>p:not(.eyebrow){color:#adb7ad!important}
.journey-enabled .gallery-frame{border-color:#ffffff20;border-radius:18px;background:#151a17;box-shadow:0 18px 55px #0003,inset 0 1px #ffffff05}
.journey-enabled .workspace-tabs{background:#191e1b;padding:11px 13px;gap:7px;border-bottom:1px solid #ffffff0d;justify-content:flex-start}
.journey-enabled .workspace-tabs button{border:1px solid transparent;border-radius:7px;color:#a8b1a7;min-height:37px;padding:8px 19px}
.journey-enabled .workspace-tabs button:hover{color:#e7efdf;background:#ffffff05}
.journey-enabled .workspace-tabs button[aria-selected=true]{background:#c1ee9f14;border-color:#c1ee9f48;color:#d6efc3;box-shadow:inset 0 1px #c1ee9f10}
.workspace-image{background:#101411}.workspace-image .image-open{background:#111711e8;border-color:#ffffff26;border-radius:7px;backdrop-filter:blur(8px);font-weight:550}
.workspace-panel figcaption{background:#191f1a;border-color:#ffffff10;padding:20px 23px}.workspace-panel figcaption strong{font-size:15px;font-weight:650;color:#e4ecdf}.workspace-panel figcaption span{font-size:12px;line-height:1.6;color:#a9b5a5}
.layout-mini li{color:#a7b3a1}.layout-mini .frame-icon{border-color:#687b5d}.layout-mini li.is-lit .frame-icon{color:#cae8b6;border-color:#bdd9a7}
.studio-heading{max-width:none}.studio-heading h2{font-weight:590;letter-spacing:-.05em}
.film-scene[data-film=studio] .caption-workbench{border:1px solid #ffffff20;border-radius:18px;background:#151a17;box-shadow:0 24px 65px #0003,inset 0 1px #ffffff06}
.journey-enabled .caption-workbench::after{border-color:#c1ee9f20;box-shadow:none}
.lab-toolbar{background:#1b211d;border-bottom-color:#ffffff12}.lab-toolbar strong{font-weight:650;color:#e3ecdd}.lab-toolbar div div>span{color:#9faa9c}
.reset-look{border-color:#ffffff22;border-radius:7px;background:#ffffff03;color:#becab7}.reset-look:hover{border-color:#b8d79d80;color:#eff6e9}
.studio-controls{border-color:#ffffff12}.lab-tabs{border-color:#ffffff12}.lab-tabs button{font-weight:600;color:#98a596}.lab-tabs button[aria-selected=true]{color:#e1eed9;border-bottom-color:#c1ee9f}
.look-card{border-color:#ffffff1c;border-radius:8px;background:#121713}.look-sample{background:#121713}.look-label{border-top-color:#ffffff10;background:#1a201c;color:#c3cdbd}
.look-card[aria-pressed=true]{border-color:#b7d79d}.look-card[aria-pressed=true] .look-label{background:#c1ee9f15;color:#e2f4d3}
.film-scene[data-film=studio] .preview-area{background:radial-gradient(ellipse at 50% 45%,#c1ee9f04,transparent 70%)}
.fine-tune{border-color:#ffffff15}.fine-tune summary{color:#ccd6c4}.setting-title>span:first-child{color:#c2cdbb}
.swatch{transition:box-shadow .18s,scale .18s}.swatch:hover{scale:1.09}.swatch[aria-pressed=true]{outline-color:#c1ee9f;outline-offset:3px}
.preview-player button{border-color:#ffffff25;background:#c1ee9f07;color:#d1e5c2}.preview-player button:hover{background:#c1ee9f14;border-color:#b1cc9e80}
/* Readable answers, an intentional close, and matching legal pages. */
.film-scene[data-film=faq] h2{font-weight:570;letter-spacing:-.045em}
.faq .film-body>div:last-child{counter-reset:question}.faq details{counter-increment:question;border-color:#ffffff15}
.faq summary{gap:14px;color:#d8e2d2;font-weight:550}.faq summary::before{content:counter(question,decimal-leading-zero);flex:0 0 23px;color:#809078;font:10px monospace;letter-spacing:.04em}
.faq summary>span{margin-left:auto;width:25px;height:25px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:50%;font-size:17px;color:#b9d1a7;transition:background .2s}
.faq details[open] summary>span{background:#c1ee9f12;border-color:#c1ee9f40}.faq details p{padding-left:37px;color:#aab7a4;line-height:1.8}
.film-faq-orbit{opacity:.6}
.film-scene[data-film=launch] .launch-content h2{font-size:clamp(48px,5.25vw,76px);font-weight:590;letter-spacing:-.06em;max-width:650px}
.film-scene[data-film=launch] .launch-signature span{font-weight:520;letter-spacing:-.045em}.film-launch-seal{opacity:calc(.12 + var(--film-progress)*.22)}
.launch-benefits{border-color:#ffffff15;color:#bccab3}
body>footer.wrap{padding-block:31px;border-color:#ffffff17;gap:18px 26px}.film-footer::before{opacity:.45}body>footer p{color:#9ba797}body>footer .brand{font-size:23px}body>footer .brand img{width:28px;height:28px}
.legal-links{gap:20px;color:#a8b29f}.legal-links a:hover,.cookie-footer:hover{color:#d1edbb}
.cookie-notice,dialog{border:1px solid #ffffff22;border-radius:16px;background:#171e18;color:#e4ecde;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#070a08c9;backdrop-filter:blur(6px)}
.privacy-page h1{font-weight:650;letter-spacing:-.055em}.privacy-page h2{font-family:Manrope,Arial,sans-serif;font-weight:620}.privacy-page p,.privacy-page li{color:#b8c2b5}.privacy-page .privacy-date{font-size:12px;color:#9caa96}.privacy-lead{border-color:#ffffff18}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[role=slider]:focus-visible{outline:2px solid #c1ee9f;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.cinema-copy h1,.cinema-copy h2{font-size:53px}.nav .brand{font-size:23px;gap:9px}.nav nav a{padding-inline:10px;font-size:11px}}
@media(max-width:760px){
 .brand,.nav .brand{font-size:23px;gap:9px}.brand img,.nav .brand img{width:29px;height:29px}
 .nav nav a{font-size:10px;padding-inline:8px}.nav .button.small{font-size:11px;padding-inline:11px;min-height:38px}.nav nav a[aria-current=location]::after{bottom:3px}
 .cinema-copy h1,.cinema-copy h2{font-size:clamp(32px,9.4vw,46px);font-weight:640;line-height:1.04;letter-spacing:-.055em}.cinema-copy .eyebrow{font-size:8px;letter-spacing:.1em}
 .cinema-actions .button{border-radius:8px}.cinema-tools button{border-radius:6px}
 .film-chapter{font-size:8px;letter-spacing:.07em}.film-chapter>span:first-child{font-size:9px}.film-ruler{font-size:7px}.film-tour-note{font-size:10px;line-height:1.7}
 .preset-showcase.assembly-showcase{border-radius:16px}.assembly-copy h3{font-size:35px}
 .journey-enabled .gallery-frame,.film-scene[data-film=studio] .caption-workbench{border-radius:14px}.journey-enabled .workspace-tabs{padding:9px;gap:5px}.journey-enabled .workspace-tabs button{font-size:12px;flex:1;padding:8px}
 .workspace-panel figcaption{padding:18px}.workspace-panel figcaption strong{font-size:14px}.workspace-panel figcaption span{font-size:12px}
 .faq summary{gap:10px;font-size:13px;line-height:1.55}.faq summary::before{flex-basis:17px;font-size:9px}.faq summary>span{flex:0 0 24px}.faq details p{padding-left:27px;font-size:13px}
 .film-launch-seal{opacity:.1}
 .film-scene[data-film=launch] .launch-content h2{font-size:clamp(45px,12vw,60px);line-height:1.05}.film-scene[data-film=launch] .launch-signature span{font-size:12px}
 body>footer.wrap{padding-block:27px;gap:18px}.legal-links{gap:14px;font-size:11px}.privacy-page h1{font-size:39px}.privacy-page p,.privacy-page li{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.cinema-actions .button,.access-action .button,.swatch{transition:none!important;translate:none!important;scale:1!important}}
.journey-reduced .button{translate:none!important}

/* Transformed off-screen scenes must never create a horizontal scrollbar. */
#main{overflow-x:clip}
@media(max-width:760px){
 header.nav nav a,header.nav nav a:last-child{padding:9px 8px;font-size:10px}
 .story-enabled .film-scene[data-film=faq] details,.story-enabled .film-scene[data-film=faq] details:nth-child(even){transform:translateY(calc((1 - var(--question-in,1))*24px))}
}
@media(max-width:360px){header.nav nav a,header.nav nav a:last-child{font-size:9px;padding:8px 6px}}

/* The cut-C monogram: optically aligned, quiet until interacted with. */
.brand img,.nav .brand img{width:36px;height:36px;flex:0 0 auto;transition:filter .25s ease}
.brand .brand-word{letter-spacing:-.045em}.brand .brand-word b{margin-left:.035em}
.brand:hover img,.brand:focus-visible img{filter:drop-shadow(0 0 7px #c1ee9f38)}
body>footer .brand img{width:32px;height:32px}
@media(max-width:760px){.brand img,.nav .brand img{width:33px;height:33px}}
@media(prefers-reduced-motion:reduce){.brand img{transition:none}}