@font-face{font-family:Inter;src:url('/assets/fonts/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-medium.ttf') format('truetype');font-weight:500 900;font-display:swap}
@font-face{font-family:'DM Serif';src:url('/assets/fonts/display.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif';src:url('/assets/fonts/display-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Caveat;src:url('/assets/fonts/handwriting.ttf') format('truetype');font-weight:600;font-display:swap}

:root {
  --paper:#fff5f9; --ink:#241d29; --muted:#756977; --coral:#bc447c;
  --line:#e8dce7; --display:'DM Serif',Georgia,serif; --body:Inter,system-ui,sans-serif; --script:Caveat,cursive;
  --glass-highlight:rgba(255,255,255,.88); color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--body);-webkit-font-smoothing:antialiased}
button,a,input,summary{-webkit-tap-highlight-color:transparent;outline-offset:5px}
button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;vertical-align:middle;flex-shrink:0}
button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}
:focus-visible{outline:3px solid #9a3773}::selection{background:#f6b9d8;color:#241d29}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1,h2{line-height:1.04;letter-spacing:-3px}
h2{font-size:clamp(46px,5.4vw,76px);margin-bottom:0}h2 em{font-family:var(--display);font-weight:400;color:#a54276}
.wrap{width:min(1264px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:112px}
.svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:24px;top:-80px;padding:12px 20px;border-radius:99px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:16px}
.eyebrow{font-size:10px;font-weight:500;line-height:1.7;letter-spacing:1.6px}.section-index{color:#95446f;margin-bottom:22px}
.handwritten{font:600 28px/1.15 var(--script)}

/* Clear, convex material: a refracted backdrop, edge reflections, then content.
   The material remains readable with a plain backdrop blur on Safari. */
.glass,.glass-rim{isolation:isolate;position:relative;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 2px 2px #ffffffa8,inset 2px 0 2px #ffffff50,inset 0 -2px 2px #94789922,0 6px 20px #69426d13;backdrop-filter:blur(14px) saturate(1.65);-webkit-backdrop-filter:blur(14px) saturate(1.65)}
.glass::before,.glass-rim::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--glint-x,20%) var(--glint-y,0%),#ffffff75,transparent 62%),linear-gradient(135deg,#ffffff33,transparent 35% 65%,#ffffff20)}
.glass::after,.glass-rim::after{content:'';position:absolute;inset:1px;border-radius:inherit;border-top:1px solid #fff9;border-bottom:1px solid #fff3;pointer-events:none;z-index:1}
.glass-dark{color:#fff;border-color:#ffffff70;background:#231e3480;box-shadow:inset 0 2px 2px #ffffff65,inset 0 -2px 2px #0d051b55,0 8px 24px #16052420;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.glass-dark::before{background:radial-gradient(ellipse at var(--glint-x,20%) var(--glint-y,0%),#ffffff30,transparent 65%),linear-gradient(135deg,#ffffff18,transparent 65%)}
.glass-photo{color:#fff;background:#251d3560;backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6)}
html[data-glass-refraction=true] .glass{backdrop-filter:url('#snappie-glass') blur(8px) saturate(1.6)}
html[data-glass-refraction=true] .glass-dark{backdrop-filter:url('#snappie-glass') blur(12px) saturate(1.5)}

.site-header{position:fixed;z-index:30;top:24px;left:50%;translate:-50% 0;width:min(820px,calc(100% - 48px));margin:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 11px 10px 21px;border-radius:100px;background:#ffffff58;transition:box-shadow .3s}
.site-header.is-scrolled{box-shadow:inset 0 2px 2px #fffb,0 10px 35px #57376420}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{width:37px;height:37px;border-radius:11px;box-shadow:0 3px 8px #70366518}.wordmark{font:italic 34px/1 var(--display);letter-spacing:-1.5px}.brand-dot{color:#bf4b7e}
.desktop-nav{display:flex;gap:2px;font-size:11px}.desktop-nav a{padding:12px 14px;border-radius:99px;transition:background .2s}.desktop-nav a:hover,.desktop-nav a.is-active{background:#fff7}
.button,.app-store-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff;border:1px solid #171018;background:linear-gradient(145deg,#3f3340,#201820 65%);border-radius:100px;box-shadow:inset 0 2px 1px #ffffff30,0 6px 15px #301d3217;transition:translate .2s,box-shadow .2s}
.button-small{padding:12px 20px;min-height:46px;font-size:11px}.button-small svg{width:14px;height:14px}
.button:hover,.app-store-button:hover{translate:0 -3px;box-shadow:inset 0 2px 1px #ffffff30,0 12px 22px #301d3225}
.app-store-button{min-height:65px;padding:13px 25px;gap:13px;min-width:195px}.app-store-button>svg{width:26px;height:29px}.app-store-button>span{display:flex;flex-direction:column;align-items:flex-start}.app-store-button small{font-size:10px;line-height:1.5}.app-store-button strong{font-size:23px;letter-spacing:-.5px;line-height:1.1;font-weight:500}
.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:500}.text-link svg{width:16px;height:16px}.text-link:hover{color:var(--coral)}

/* A real photograph with a precisely aligned illustrative browser color preview. */
.hero{position:relative;overflow:clip;isolation:isolate;background:#fff2f7;padding:155px 0 28px}
.hero-halo{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 50%,#e9c0f5a6,transparent 54%),radial-gradient(ellipse at 50% 87%,#f1acd29e,transparent 48%),radial-gradient(ellipse at 4% 0,#ffe8c3aa,transparent 47%)}
.hero-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;min-height:660px}
.hero-copy{position:relative;z-index:3;padding:0 0 35px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:1.2px;color:#864665;margin-bottom:28px}.hero-kicker>span{font-size:23px;line-height:1}
.hero h1{font-size:clamp(68px,6.8vw,100px);letter-spacing:-5.5px;line-height:1.015;margin-bottom:28px;font-weight:600}.hero h1>span{font-family:var(--display);font-style:italic;font-weight:400;color:#ad3e77;letter-spacing:-3.5px}
.hero-description{max-width:375px;font-size:16px;line-height:1.8;color:#726074;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px}.hero-preview-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;white-space:nowrap}.preview-link-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;transition:scale .2s}.preview-link-icon svg{width:15px;height:15px;rotate:45deg}.hero-preview-link:hover .preview-link-icon{scale:1.1}
.hero-note{font-size:10px;color:#7d6576;margin:20px 0 0}.hero-note>span{padding-inline:8px}.hero-caption{display:flex;align-items:center;gap:15px;margin-top:40px;font-size:9px;line-height:1.6;color:#746372}.hero-caption-line{width:35px;height:1px;background:#bf8caa}.hero-caption .handwritten{font-size:24px;margin-left:20px;color:#af5a88;rotate:-7deg}
.hero-stage{position:relative;min-width:0;width:100%;height:690px;isolation:isolate;scroll-margin-top:120px}
.hero-side{position:absolute;width:36%;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 25px 40px -14px #69426938}.hero-side img{width:100%;aspect-ratio:3/4.6;object-fit:cover;object-position:50% 35%}
.hero-side-left{left:0;top:142px;rotate:-13deg;transform:translate(var(--depth-x,0px),var(--depth-y,0px))}.hero-side-right{right:0;top:66px;rotate:12deg;transform:translate(calc(var(--depth-x,0px)*-1),calc(var(--depth-y,0px)*-1))}.hero-side-right img{object-position:40% 30%}
.hero-side figcaption{position:absolute;left:12px;right:12px;bottom:15px;border-radius:99px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500}.hero-side figcaption svg{width:14px;height:14px}
.compare-demo{position:absolute;left:17%;top:10px;width:66%;padding:8px;border-radius:33px;z-index:3;background:#ffffff42;box-shadow:inset 0 2px 2px #fffb,inset 0 -2px 2px #957f9b44,0 28px 55px -14px #50356442}
.studio-toolbar{display:flex;justify-content:space-between;align-items:center;height:35px;padding:0 9px 5px;font-size:7px;letter-spacing:1.1px;color:#6c536f}.studio-status{display:inline-flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.8px}.studio-status i{width:4px;height:4px;background:#a95b9b;border-radius:50%;box-shadow:0 0 0 3px #a95b9b15}
.comparison{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:24px;isolation:isolate;background:#ab93ae}
.compare-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transform-origin:0 0}.compare-original-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}
.compare-image{transform:scale(var(--preview-zoom,1));transform-origin:50% 25%}
.compare-color-preview{filter:var(--preview-filter)}
.warm-color-preview{filter:sepia(.24) saturate(1.16) brightness(1.07) contrast(1.02)}
.compare-label{position:absolute;top:16px;padding:7px 13px;border-radius:99px;font-size:10px;z-index:4;pointer-events:none;background:#ffffff65;color:#241d29;box-shadow:inset 0 2px 2px #ffffff80,0 4px 10px #0001}.label-before{left:15px}.label-after{right:15px;background:#231b357d;color:#fff;border-color:#ffffff8f}
.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;translate:-50% 0;background:#fff;z-index:4;pointer-events:none;box-shadow:0 0 8px #38213622}
.compare-divider>span{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:11px;width:48px;height:48px;border-radius:50%;font-size:25px;line-height:1;background:#ffffff85;color:#302334;box-shadow:inset 0 2px 2px white,0 5px 16px #0002}
.compare-slider{position:absolute;inset:0;z-index:5;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid #ac407e;outline-offset:4px}
.editor-material{position:absolute;z-index:6;left:13px;right:13px;bottom:13px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:21px;pointer-events:none}.editor-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #fff6;background:#ffffff16}.editor-symbol svg{width:19px;height:19px;color:#ffe5f7}.editor-name{display:flex;flex-direction:column;gap:3px;min-width:0}.editor-name small{font-size:6px;letter-spacing:1.6px;color:#ffe4f4}.editor-name>span{font-size:11px;letter-spacing:.8px}
.preview-toggle{pointer-events:auto;display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid #fff7;border-radius:50%;background:#ffffff16;color:#fff;margin-left:auto}.preview-toggle:hover{background:#ffffff40}.motion-symbol{display:block;width:10px;height:10px;background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 7px,currentColor 7px)}[aria-pressed=false]>.motion-symbol{clip-path:polygon(10% 0,100% 50%,10% 100%);background:currentColor}
.hero-look-picker{display:flex;align-items:center;gap:2px;padding:7px 0 0}.hero-look-picker button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1;min-height:43px;border:1px solid transparent;border-radius:99px;background:transparent;font-size:9px;color:#65496b;transition:background .25s,box-shadow .25s}.hero-look-picker button[aria-pressed=true]{background:#ffffff70;border-color:#fff9;box-shadow:inset 0 2px 1px #ffffffa8,0 3px 8px #65446c17;color:#38233f}.hero-look-picker button:hover{background:#fff6}.look-dot{width:7px;height:7px;border-radius:50%;border:1px solid #0001}.look-dot.golden{background:#bb9254}.look-dot.digicam{background:#878bd3}.look-dot.lumicam{background:#d682b4}
.glass-stamp{position:absolute;z-index:6;pointer-events:none;right:-8px;bottom:121px;padding:15px 21px;display:flex;align-items:center;gap:13px;border-radius:23px;rotate:9deg;background:#ffffff40;color:#55395c}.glass-stamp>svg{width:28px;height:28px;color:#a94b85}.glass-stamp>span{font-size:10px;line-height:1.5}.glass-stamp strong{font-size:13px;font-weight:500}
.compare-hint{position:absolute;top:calc(100% + 11px);left:0;right:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#735773;margin:0}.hint-arrow{font-size:16px}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #aa739b30;margin-top:32px;padding-top:24px;font-size:7px;letter-spacing:1.6px;color:#795e78}.hero-bottom>a{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:0;color:#49374e}.hero-bottom>a>span{font-size:17px}

/* A compact contact sheet, separate from the larger interactive lookbook. */
.camera-roll{position:relative;overflow:hidden;padding:30px 0 25px;background:#fbf9ff;border-bottom:1px solid #e9e0ed}
.roll-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.roll-heading .eyebrow{font-size:8px;color:#79647b}.roll-heading .handwritten{font-size:22px;color:#a75984;rotate:-3deg}.roll-heading svg{width:16px;height:16px}
.roll-window{overflow-x:auto;scrollbar-width:none;outline-offset:-4px;overscroll-behavior-x:contain}.roll-window::-webkit-scrollbar{display:none}.roll-track,.roll-group{display:flex;gap:12px;width:max-content}.roll-group{padding-left:12px}.roll-track{animation:camera-roll 65s linear infinite;will-change:transform}
.roll-frame{position:relative;width:160px;aspect-ratio:3/3.3;margin:0;flex-shrink:0;overflow:hidden;border-radius:13px;background:#dbcbd9}.roll-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.roll-frame::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#1e132aa8)}.roll-frame figcaption{position:absolute;z-index:1;bottom:12px;left:12px;right:12px;color:#fff}.roll-frame figcaption>span{display:none}.roll-frame figcaption>b{font-size:10px;font-weight:400}.roll-footnote{font-size:8px;color:#7e6980;margin-top:14px;margin-bottom:0}
.roll-window:hover .roll-track,.roll-window:focus .roll-track,.motion-paused .roll-track,.camera-roll[data-motion-live=false] .roll-track{animation-play-state:paused}@keyframes camera-roll{to{transform:translateX(-50%)}}

.looks-section{padding-top:104px;padding-bottom:102px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:4px;max-width:310px}
.look-filters{display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:35px;padding:5px;background:#fff7;border:1px solid #fff;border-radius:100px;box-shadow:inset 0 1px 0 #fff,0 3px 8px #6b3a7212}
.filter-button{min-height:43px;padding:11px 19px;border:1px solid transparent;border-radius:99px;background:transparent;color:#725c75;font-size:10px;transition:background .25s}.filter-button[aria-pressed=true]{background:linear-gradient(140deg,#4b354a,#241d29);border-color:#382237;color:#fff;box-shadow:inset 0 2px 1px #ffffff3a,0 3px 8px #0002}.filter-button:hover:not([aria-pressed=true]){background:#fff}
.looks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.look-card{position:relative;min-width:0;aspect-ratio:3/4.45;padding:0;border:0;border-radius:28px;overflow:hidden;background:#dfc3dd;text-align:left;box-shadow:0 10px 26px #45234e0c;transition:translate .35s,box-shadow .35s}.look-card:nth-child(even){margin-top:34px}.look-card:hover{translate:0 -7px;box-shadow:0 18px 35px #45234e24}.look-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:scale .5s}.look-card:hover>img{scale:1.035}.look-card::after{content:'';position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#25132924);pointer-events:none}
.look-arrow{position:absolute;z-index:3;right:16px;top:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #fffc;background:#ffffff50;color:#26182c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 2px 2px #fff9,0 2px 8px #0001}.look-arrow svg{width:16px;height:16px}
.look-card-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:7px;padding:16px 15px 18px;border-radius:21px;overflow:hidden}.look-card-copy small{font-size:6px;letter-spacing:.9px;color:#fff2fa}.look-card-copy strong{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.7px}.look-card-copy>span{font-size:9px;line-height:1.5;color:#fff2fa}.gallery-note{display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#75617a;margin:22px 0 0}.gallery-note svg{width:12px;height:12px;margin-left:6px}

/* A dark glass booth creates a different scale and rhythm in the page. */
.booth-section{position:relative;overflow:hidden;background:#211626;color:#fff6fb;isolation:isolate}
.booth-section::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 40%,#b385d25c,transparent 56%),radial-gradient(ellipse at 10% 100%,#9a2c622b,transparent 48%)}
.booth-inner{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center;min-height:790px;padding-block:100px}.booth-copy .section-index{color:#dcb1d4}.booth-copy h2{font-size:clamp(48px,5.2vw,74px);margin-bottom:30px}.booth-copy h2 em{color:#e8a5d4}.booth-copy>p:not(.eyebrow){max-width:345px;font-size:14px;line-height:1.9;color:#d2bdd4;margin-bottom:30px}.booth-features{padding:0;list-style:none;display:flex;flex-direction:column;gap:15px;margin:0 0 33px;font-size:11px;color:#e9d8eb}.booth-features li{display:flex;align-items:center;gap:12px}.booth-features svg{width:16px;height:16px;color:#f0acd4}
.paper-picker{display:inline-flex;align-items:center;gap:18px;border-radius:99px;padding:9px 13px 9px 20px;background:#ffffff0a;border-color:#ffffff40;font-size:9px;color:#efdaf0;white-space:nowrap}.paper-picker>div{display:flex;gap:6px}.paper-name{width:31px;margin-right:5px}.paper-swatch{width:34px;height:34px;padding:5px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent}.paper-swatch::before{content:'';width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 2px 2px #fff8,0 2px 4px #0002}.paper-swatch[aria-pressed=true]{border-color:#fff9;background:#ffffff12}
.booth-live{max-width:470px;padding-inline:24px}.booth-live::before{background:radial-gradient(ellipse at 50% 35%,#eebff04a,transparent 65%)}.booth-live-note{font-size:29px;color:#efb7dc;top:-12px;right:18px}
.booth-machine{max-width:385px;border-radius:29px;border-color:#ffffff5f;background:linear-gradient(130deg,#ffffff2a,#ffffff07 45%,#ffffff13);box-shadow:inset 0 2px 2px #ffffff70,inset 0 -2px 2px #08001040,0 26px 50px #09001050;padding:20px 22px 25px}.booth-machine-wordmark{font-style:italic;color:#fff0fc}.booth-machine-live{color:#f8d5f0}.booth-machine-live::before{background:#e6afd6;box-shadow:0 0 8px #e6afd677}.booth-viewfinder{border-color:#1d1225;border-radius:17px}.booth-machine-bottom{color:#f4daf2}.booth-print-mouth{border-color:#83758c;border-radius:8px}.booth-print-window{max-width:385px;height:370px}.booth-live-controls{border-top-color:#ffffff24}.booth-live-label{color:#d9b9d9}.booth-live-label>span{color:#ffdef8}.booth-replay{min-height:43px;color:#fff2fa;background:#ffffff10;border-color:#ffffff65}.booth-replay:hover{background:#ffffff25;border-color:#fff}

.details-section{background:var(--paper)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin-top:45px}.feature-grid article{min-width:0}.step-visual{position:relative;aspect-ratio:1/.99;overflow:hidden;border-radius:27px;background:#e6d8ef;margin-bottom:25px}.step-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 33%}.step-app{background:radial-gradient(ellipse at 50% 80%,#e9b0d0,#ece1f4 60%)}.step-app>img{width:67%;height:auto;object-fit:contain;margin:35px auto 0;border:5px solid #2a2130;border-radius:28px;box-shadow:0 12px 28px #46314f35;rotate:-6deg}.step-number{position:absolute;left:17px;top:17px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff85;color:#352338;font-size:12px}
.step-floating{position:absolute;left:17px;right:17px;bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:99px;padding:14px 17px;font-size:11px;color:#261b2d;background:#ffffff70}.step-floating svg{width:17px;height:17px}.feature-grid h3{font-size:21px;letter-spacing:-.6px;line-height:1.4;margin-bottom:13px}.feature-grid p{font-size:12px;color:#796a7d;line-height:1.9;margin:0;max-width:340px}.ai-note{border-top:1px solid var(--line);padding-top:23px;margin:35px 0 0;font-size:9px;line-height:1.8;color:#7d6b80;max-width:800px}

.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.92fr 1.08fr;gap:110px;padding-top:100px;padding-bottom:112px}.faq-heading h2{font-size:58px;margin-bottom:27px}.faq-heading>p:not(.eyebrow){font-size:12px;color:#7c677e;line-height:1.9}.faq-heading .text-link{margin-top:10px}.faq-list{align-self:start}.faq-list details{border-bottom:1px solid #ded1df}.faq-list details:first-child{border-top:1px solid #ded1df}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:24px 0;font-size:13px;font-weight:500;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{flex-shrink:0;position:relative;width:27px;height:27px;border:1px solid #d3bdd3;border-radius:50%;background:#fff7}.faq-list summary>span::before,.faq-list summary>span::after{content:'';position:absolute;left:8px;top:12px;width:9px;height:1px;background:#86688c}.faq-list summary>span::after{rotate:90deg;transition:rotate .2s}.faq-list details[open] summary>span::after{rotate:0deg}.faq-list details>div{padding:0 32px 24px 0}.faq-list details p{font-size:11px;color:#756077;line-height:1.9;margin-bottom:13px}.faq-list details p:last-child{margin:0}.faq-list a{text-decoration:underline;text-underline-offset:3px;color:#98416f}

.download-section{position:relative;overflow:hidden;isolation:isolate;background:#281b2f;color:#fff;padding:88px 0 94px;text-align:center}.download-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 37%;filter:blur(3px);scale:1.02}.download-section::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#241127d9,#3d1b38bd 45%,#241128dc)}.download-inner{position:relative}.download-brand{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:27px}.download-brand img{width:47px;height:47px;border-radius:14px;box-shadow:0 3px 16px #180f2038}.download-brand .handwritten{font-size:25px;color:#ffd1eb;rotate:-4deg}.download-inner h2{font-size:clamp(54px,6.5vw,94px);letter-spacing:-4.5px;margin-bottom:22px}.download-inner h2 em{color:#f4c2e4}.download-inner>p:not(.download-note){font-size:13px;color:#f2d5eb;margin-bottom:30px}.download-inner .app-store-button{background:#ffffff48;border-color:#ffffffaa;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 2px #ffffff15,0 8px 24px #130a2330}.download-note{font-size:9px;margin:20px 0 0;color:#f5dff1}.download-spark{position:absolute;width:34px;height:34px;color:#efbada;opacity:.7}.spark-one{left:10%;top:50%;rotate:12deg}.spark-two{right:12%;top:24%;width:22px;height:22px;rotate:-10deg}
.site-footer{padding-top:53px;padding-bottom:25px;overflow:hidden}.footer-wordmark{font:italic clamp(110px,21vw,300px)/.94 var(--display);letter-spacing:-.055em;text-align:center;color:#2b1c30;margin-bottom:46px;padding-right:20px}.footer-wordmark>span{color:#c05a94}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:30px}.footer-top p{font-size:10px;color:#7c687e;margin:12px 0 0}.footer-top nav{display:flex;gap:28px;font-size:11px;color:#705a74}.footer-top nav a{display:flex;align-items:center;min-height:44px}.footer-top nav svg{width:12px;height:12px;margin-left:6px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:21px;font-size:9px;color:#75617a;line-height:1.8}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.motion-control{position:fixed;z-index:20;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;min-height:42px;padding:11px 16px;border-radius:99px;font-size:10px;color:#39283f;background:#ffffffa1}

@media(min-width:1550px){.hero-inner{min-height:700px}.hero h1{font-size:100px}.hero-stage{height:715px}.compare-demo{width:64%;left:19%}.hero-side{width:35%}.hero-side-left{left:2%}}
@media(max-width:1150px){
  .wrap{width:calc(100% - 80px)}.hero{padding-top:145px}.hero-inner{gap:30px;grid-template-columns:.92fr 1.08fr;min-height:570px}.hero h1{font-size:76px;letter-spacing:-4.3px}.hero-description{font-size:14px;max-width:340px}.hero-actions{gap:17px}.app-store-button{min-width:177px;padding:12px 21px}.app-store-button strong{font-size:21px}.hero-preview-link{font-size:10px;gap:8px}.preview-link-icon{width:39px;height:39px}.hero-stage{height:585px}.hero-side{width:37%}.hero-side-left{top:125px}.hero-side-right{top:76px}.compare-demo{left:16%;width:70%;padding:7px;border-radius:28px}.comparison{border-radius:21px}.glass-stamp{right:-6px;bottom:113px;padding:12px 15px;gap:10px;border-radius:20px}.glass-stamp strong{font-size:11px}.glass-stamp>span{font-size:9px}.glass-stamp>svg{width:24px;height:24px}.compare-hint{font-size:8px}.hero-caption .handwritten{font-size:21px;margin-left:5px}.hero-bottom{margin-top:25px}.look-card-copy{padding:14px 12px 16px}.look-card-copy strong{font-size:19px}.look-card-copy small{font-size:5.5px;letter-spacing:.6px}.look-card-copy>span{font-size:8px}.looks-grid{gap:15px}.booth-inner{gap:65px;padding-block:82px}.feature-grid{gap:22px}.step-visual{aspect-ratio:1/1.12}.faq-section{gap:70px}.faq-heading h2{font-size:52px}
}
@media(max-width:960px){
  .wrap{width:calc(100% - 64px)}.hero{padding-top:140px}.hero-inner{grid-template-columns:1fr;gap:38px;min-height:0}.hero-copy{text-align:center;padding:0}.hero-kicker{margin-bottom:22px}.hero h1{font-size:88px;letter-spacing:-4.5px}.hero h1 br:nth-of-type(2){display:none}.hero h1>span{margin-left:12px}.hero-description{max-width:420px;margin-inline:auto;font-size:15px}.hero-actions{justify-content:center;gap:25px}.hero-preview-link{font-size:12px}.hero-note{margin-top:19px}.hero-caption{display:none}.hero-stage{width:min(630px,100%);height:695px;justify-self:center;margin-top:12px}.compare-demo{left:18%;width:65%}.hero-side{width:36%}.hero-side-left{top:147px}.hero-side-right{top:69px}.glass-stamp{bottom:118px;right:0}.compare-hint{font-size:9px}.hero-bottom{margin-top:14px}.hero-bottom>span:last-child{display:none}.section-space{padding-block:83px}.section-heading{gap:28px}.section-heading>p{font-size:12px;max-width:230px}.section-heading>p br{display:none}.looks-grid{gap:13px}.look-card{border-radius:23px;aspect-ratio:3/5}.look-card:nth-child(even){margin-top:26px}.look-card-copy{left:9px;right:9px;bottom:9px;padding:13px 10px;border-radius:17px}.look-card-copy strong{font-size:16px}.look-card-copy small{font-size:5px;letter-spacing:.25px}.look-card-copy>span{font-size:9px}.look-arrow{width:33px;height:33px;right:12px;top:12px}.booth-inner{gap:30px;padding-block:75px;min-height:770px}.booth-copy h2{font-size:54px}.booth-copy>p:not(.eyebrow){font-size:12px}.booth-features{font-size:9px;gap:13px}.paper-picker{gap:9px;padding-inline:13px;font-size:8px}.paper-swatch{width:31px;height:31px}.booth-live{padding-inline:0}.booth-machine{padding:19px}.booth-live-note{font-size:24px}.booth-print-window{height:350px}.feature-grid{gap:19px}.step-visual{border-radius:23px;aspect-ratio:1/1.15}.step-app>img{border-width:4px;border-radius:21px;width:75%;margin-top:40px}.step-floating{font-size:8px;padding:12px;left:12px;right:12px;bottom:12px}.step-floating svg{width:14px;height:14px}.step-number{width:35px;height:35px;font-size:10px;left:12px;top:12px}.feature-grid h3{font-size:18px}.feature-grid p{font-size:11px}.faq-section{gap:45px}.faq-heading h2{font-size:45px}.faq-list summary{font-size:12px}.download-section{padding-block:78px}.footer-wordmark{margin-bottom:35px}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 40px)}.site-header{top:13px;width:calc(100% - 30px);padding:8px 8px 8px 15px;gap:16px}.desktop-nav{display:none}.brand-lockup{gap:8px}.brand-icon{width:33px;height:33px;border-radius:10px}.wordmark{font-size:29px}.button-small{min-height:43px;padding:11px 17px;font-size:10px;gap:9px}.button-small svg{width:13px;height:13px}.hero{padding-top:121px;padding-bottom:22px}.hero-inner{gap:30px}.hero-kicker{font-size:8px;letter-spacing:.9px;margin-bottom:23px;gap:7px}.hero-kicker>span{font-size:19px}.hero h1{font-size:clamp(56px,11vw,80px);letter-spacing:-3.3px;margin-bottom:24px;line-height:1.035}.hero h1 br:nth-of-type(2){display:block}.hero h1>span{margin-left:0;letter-spacing:-2px}.hero-description{font-size:13px;line-height:1.85;max-width:305px;margin-bottom:25px}.hero-actions{gap:20px}.app-store-button{min-width:169px;min-height:58px;padding:11px 21px;gap:10px}.app-store-button>svg{width:23px;height:26px}.app-store-button small{font-size:9px}.app-store-button strong{font-size:21px}.hero-preview-link{font-size:10px;gap:7px}.preview-link-icon{width:35px;height:35px}.preview-link-icon svg{width:13px;height:13px}.hero-note{font-size:9px;margin-top:19px}.hero-note>span{padding-inline:5px}.hero-stage{width:min(540px,100%);height:auto;aspect-ratio:1/1.24;margin-top:12px}.compare-demo{left:14%;width:74%;top:0;padding:6px;border-radius:27px}.studio-toolbar{height:29px;padding-inline:8px;font-size:5.5px;letter-spacing:.8px}.studio-status{font-size:5px;letter-spacing:.35px;gap:4px}.studio-status i{width:3px;height:3px}.comparison{border-radius:20px;aspect-ratio:3/4.08}.hero-side{width:37%;border-radius:17px}.hero-side-left{left:-2%;top:24%;rotate:-12deg}.hero-side-right{right:-2%;top:13%;rotate:12deg}.hero-side figcaption{display:none}.compare-label{top:12px;padding:6px 10px;font-size:8px;min-height:28px}.label-before{left:11px}.label-after{right:11px}.compare-divider>span{width:41px;height:41px;gap:10px;font-size:23px}.editor-material{left:10px;right:10px;bottom:10px;border-radius:17px;padding:10px;gap:9px}.editor-symbol{width:27px;height:27px}.editor-symbol svg{width:16px;height:16px}.editor-name small{font-size:5px;letter-spacing:1px}.editor-name>span{font-size:9px;letter-spacing:.7px}.preview-toggle{width:40px;height:40px;min-width:40px}.hero-look-picker{padding-top:5px;gap:0}.hero-look-picker button{font-size:9px;min-height:44px;gap:4px;padding:7px 3px}.look-dot{width:6px;height:6px}.glass-stamp{right:-3%;bottom:16%;padding:10px 12px;gap:8px;border-radius:17px;rotate:8deg}.glass-stamp>svg{width:21px;height:21px}.glass-stamp>span{font-size:7px}.glass-stamp strong{font-size:9px}.compare-hint{left:-8px;right:-8px;top:calc(100% + 9px);font-size:7.5px;gap:5px}.hint-arrow{font-size:14px}.hero-bottom{margin-top:32px;padding-top:17px;font-size:6px;letter-spacing:1px}.hero-bottom>a{font-size:9px;gap:9px}.hero-bottom>a>span{font-size:15px}.camera-roll{padding-top:22px;padding-bottom:20px}.roll-heading{margin-bottom:18px}.roll-heading .eyebrow{font-size:6px;letter-spacing:1px}.roll-heading .handwritten{font-size:17px}.roll-heading svg{width:13px;height:13px}.roll-frame{width:128px;border-radius:11px}.roll-frame figcaption>b{font-size:8px}.roll-frame figcaption{left:10px;right:10px;bottom:10px}.roll-footnote{font-size:7px;margin-top:13px}.section-space{padding-block:65px}h2{font-size:48px;letter-spacing:-2.2px}.section-index{font-size:8px;letter-spacing:1.2px;margin-bottom:18px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:330px;font-size:12px;margin:20px 0 0}.section-heading>p br{display:block}.look-filters{max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:1px;margin-bottom:27px;padding:4px}.filter-button{font-size:10px;padding:10px 11px;min-height:44px;flex-shrink:0}.looks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.look-card{aspect-ratio:3/4.9;border-radius:22px}.look-card:nth-child(even){margin-top:25px}.look-card-copy{left:8px;right:8px;bottom:8px;border-radius:16px;padding:12px 10px;gap:6px}.look-card-copy strong{font-size:17px;letter-spacing:-.5px}.look-card-copy small{display:none}.look-card-copy>span{font-size:10px;line-height:1.6}.look-arrow{width:31px;height:31px;right:11px;top:11px}.look-arrow svg{width:13px;height:13px}.gallery-note{font-size:7px;gap:19px;margin-top:20px}.gallery-note>span:last-child{text-align:right}.gallery-note svg{width:10px;height:10px;margin-left:2px}.booth-inner{grid-template-columns:1fr;gap:0;padding-block:63px}.booth-copy h2{font-size:57px;letter-spacing:-2.8px;margin-bottom:27px}.booth-copy>p:not(.eyebrow){font-size:13px;max-width:400px}.booth-features{font-size:10px;margin-bottom:25px}.paper-picker{padding:8px 10px 8px 16px;gap:11px;font-size:9px}.paper-picker>div{gap:4px}.paper-swatch{width:42px;height:42px}.booth-live{margin-top:65px;padding-top:30px;max-width:420px;padding-bottom:0}.booth-machine{max-width:340px;padding:18px 20px 23px;border-radius:27px}.booth-live-note{font-size:25px;right:15px;top:-13px}.booth-print-window{height:350px;max-width:340px}.booth-live-label{font-size:6px}.booth-live-label>span{font-size:9px}.booth-replay{font-size:8px;padding-inline:12px}.feature-grid{grid-template-columns:1fr;gap:37px;margin-top:35px}.step-visual{aspect-ratio:1/1.05;border-radius:26px;margin-bottom:21px}.step-app>img{width:65%;border-radius:29px;border-width:5px;margin-top:35px}.step-number{left:17px;top:17px;width:39px;height:39px;font-size:11px}.step-floating{left:17px;right:17px;bottom:17px;padding:14px 17px;font-size:11px}.step-floating svg{width:17px;height:17px}.feature-grid h3{font-size:23px;margin-bottom:12px}.feature-grid p{font-size:12px;max-width:400px}.ai-note{font-size:8px;margin-top:31px;padding-top:22px}.faq-section{grid-template-columns:1fr;gap:20px;padding-top:59px;padding-bottom:62px}.faq-heading h2{font-size:46px;margin-bottom:22px}.faq-heading>p:not(.eyebrow){font-size:11px}.faq-heading .text-link{font-size:12px}.faq-list summary{font-size:12px;padding-block:21px;gap:18px}.faq-list details p{font-size:11px}.faq-list details>div{padding:0 15px 23px 0}.download-section{padding-top:65px;padding-bottom:68px}.download-brand{gap:12px;margin-bottom:25px}.download-brand img{width:40px;height:40px;border-radius:12px}.download-brand .handwritten{font-size:21px}.download-inner h2{font-size:54px;letter-spacing:-2.7px;margin-bottom:24px}.download-inner>p:not(.download-note){font-size:11px;margin-bottom:27px}.download-note{font-size:8px}.download-spark{width:20px;height:20px}.spark-one{left:3%;top:53%}.spark-two{right:5%;top:15%;width:16px;height:16px}.site-footer{padding-top:39px;padding-bottom:23px}.footer-wordmark{font-size:26vw;margin-bottom:30px;padding-right:6px;letter-spacing:-.06em}.footer-top{display:block;padding-bottom:25px}.footer-top p{font-size:9px;margin-top:12px}.footer-top nav{gap:23px;font-size:10px;margin-top:15px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px;padding-top:19px;font-size:8px}.motion-control{font-size:9px;right:12px;bottom:12px;min-height:44px;padding:10px 13px}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 32px)}.hero h1{font-size:55px;letter-spacing:-3px}.hero-actions{gap:15px}.app-store-button{min-width:154px;padding-inline:17px}.hero-preview-link{font-size:9px;gap:6px}.preview-link-icon{width:32px;height:32px}.hero-description{font-size:12px;max-width:280px}.hero-stage{aspect-ratio:1/1.28}.hero-look-picker button{font-size:8px;gap:3px}.studio-toolbar{font-size:5px}.glass-stamp{bottom:20%;padding:9px 11px}.look-card-copy strong{font-size:15px}.look-card-copy small{font-size:4.7px;letter-spacing:0}.look-card-copy>span{font-size:9px}.looks-grid{gap:12px}.filter-button{font-size:9px;padding-inline:9px}.paper-picker{gap:9px;padding-left:14px;font-size:8px}.paper-name{width:27px;margin-right:0}.booth-copy h2{font-size:52px}.download-inner h2{font-size:48px}.booth-live-controls{gap:11px}.booth-live-label>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.roll-track{transform:none!important;will-change:auto}.roll-group[aria-hidden=true]{display:none}.hero-side{transform:none!important}.look-card:hover,.app-store-button:hover,.button:hover{translate:none}.look-card:hover>img{scale:1}
}
@media(prefers-contrast:more){
  :root{--muted:#4f3a54;--line:#a38da6}.hero-description,.hero-note,.compare-hint,.gallery-note,.ai-note,.footer-bottom{color:#58395d}.glass:not(.glass-dark,.glass-photo){background:#fff2fa;border-color:#94739a}.glass-dark,.glass-photo{background:#35233e;border-color:#fff9}.look-card-copy small,.look-card-copy>span{color:#fff}.site-header{background:#fff2fa}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,.glass-rim{background:#fff0fadf}.glass-dark,.glass-photo{background:#35233ee8;color:#fff}.site-header{background:#fff2faf2}
}