:root{--canvas:#110e0b;--panel:#1a1612;--paper:#f4ebdd;--muted:#bdafa0;--ink:#1b1209;--accent:#ffaa5c;--line:#42382e;--serif:Literata,Georgia,serif;color-scheme:dark;scrollbar-color:var(--muted) var(--canvas)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--paper);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--ink)}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1240px,100% - 88px);margin-inline:auto}.skip{position:absolute;top:10px;left:10px;transform:translateY(-180%);z-index:30;background:var(--paper);color:var(--ink);padding:10px 15px}.skip:focus{transform:none}h1,h2{font-family:var(--serif);font-weight:450;letter-spacing:-.035em;line-height:1.06;text-wrap:balance}h1{font-size:clamp(64px,7.2vw,96px)}h2{font-size:clamp(46px,5vw,72px)}h1 em,h2 em{font-weight:400;color:var(--accent)}h3{font-size:20px;line-height:1.35;font-weight:600}
.nav{border-bottom:1px solid var(--line);background:var(--canvas)}.nav-inner{display:flex;align-items:center;gap:28px;min-height:80px}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-size:24px;font-weight:600;letter-spacing:-.035em}.brand img{border-radius:8px}.nav-links{display:flex;gap:30px;margin-left:auto}.nav a:not(.brand):not(.button){font-size:14px;text-decoration:none;color:var(--muted)}.nav a:not(.button):hover{color:var(--paper)}.language{min-height:44px;display:flex;align-items:center}.button{display:inline-flex;justify-content:center;gap:14px;align-items:center;min-height:52px;padding:14px 22px;border-radius:14px;background:var(--paper);color:var(--ink);font-size:15px;font-weight:650;text-decoration:none;line-height:1.35;transition:background-color .18s ease-out}.button:hover{background:var(--accent);color:var(--ink)}.button.primary{background:var(--accent)}.button.primary:hover{background:var(--paper)}.button.small{min-height:44px;padding:10px 16px;font-size:14px}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;padding-block:60px 72px;min-height:700px}.hero-copy{padding-bottom:40px}.intro{font-size:19px;line-height:1.55;color:var(--muted);max-width:35ch;margin-top:28px}.cta{margin-top:32px}.release-note{font-size:13px;line-height:1.6;max-width:43ch;color:var(--muted);margin-top:16px}.hero-visual{height:570px;position:relative}.look-preview{width:87%;position:absolute;top:22px;left:0}.look-preview>img{aspect-ratio:16/9;object-fit:contain;border-radius:14px}.look-preview figcaption{padding-top:16px;max-width:280px}.look-buttons{display:flex;flex-wrap:wrap;gap:4px;max-width:280px}.look-buttons button{color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:9px 6px;min-height:44px;line-height:1.1;font-size:13px;font-weight:600}.look-buttons button[aria-pressed=true]{border-color:var(--paper);color:var(--paper)}.look-buttons button:hover{color:var(--paper)}#look-description{color:var(--muted);font-size:13px;margin-top:8px;max-width:24ch}.phone{width:245px;overflow:hidden;border:5px solid #080706;border-radius:34px;background:#080706}.hero-visual>.phone{position:absolute;right:0;bottom:18px}.phone img{width:100%;height:auto}.screen-note{position:absolute;bottom:-14px;right:0;font-size:12px;color:var(--muted);max-width:240px;text-align:center}
.paper{background:var(--paper);color:var(--ink);--muted:#6a5848;--line:#cbbdad;color-scheme:light}.paper em{color:#7a4215}.paper a:hover{color:#7a4215}.paper .release-note{color:var(--muted)}.paper .button.primary{background:var(--ink);color:var(--paper)}.paper .button.primary:hover{background:#6a3b18}.feeling{padding-block:90px 76px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}.section-head>p{max-width:40ch;font-size:18px;color:var(--muted);padding-bottom:7px}.look-filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.look-filmstrip img{width:100%;border-radius:8px;aspect-ratio:16/9;object-fit:contain}.look-filmstrip figcaption{font-family:var(--serif);font-size:25px;margin-top:12px}.caption{color:var(--muted);font-size:13px;margin-top:26px}.editing{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding-block:110px}.editing-rows{margin-top:40px;max-width:480px}.editing-rows>div{border-top:1px solid var(--line);padding:20px 0}.editing-rows p{color:var(--muted);margin-top:8px;max-width:42ch}.library-proof{justify-self:center}.library-proof .phone{width:270px}.library-proof figcaption{color:var(--muted);font-size:12px;text-align:center;margin-top:18px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:35px 100px}.faq-list details{border-top:1px solid var(--line);padding-block:20px}.faq-list details:last-of-type{border-bottom:1px solid var(--line)}summary{font-weight:600;font-size:17px;cursor:pointer;min-height:30px}details p{color:var(--muted);margin-top:15px;max-width:64ch}.text-link{display:inline-block;margin-top:24px;padding-block:7px}.closing{padding-block:75px}.closing>.wrap{display:flex;align-items:center;gap:60px}.closing img{border-radius:22px;width:120px;height:120px;flex-shrink:0}.closing h2{font-size:clamp(42px,5vw,64px);margin-bottom:30px}.closing .release-note{max-width:60ch}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding-block:32px;color:var(--muted);font-size:12px}.footer nav{display:flex;gap:22px;margin-left:auto}.footer span{width:100%;font-size:12px}.footer a{text-decoration:none}.article{padding-block:75px 100px}.article h1{font-size:clamp(48px,6vw,80px);margin-bottom:30px}.prose{max-width:72ch}.prose p{margin-block:18px}.prose .article-lede{font-size:22px;color:var(--muted);margin-bottom:30px}.prose h2{font-size:32px;margin-top:44px;letter-spacing:-.02em}.prose h3{margin-top:28px}.prose a{color:var(--accent)}
.paper a:focus-visible,.paper button:focus-visible,.paper summary:focus-visible{outline-color:var(--ink)}
@media(min-width:1500px){.hero{gap:80px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:24px}.hero-visual{height:520px}.hero-visual>.phone{width:215px}.look-preview{width:95%}.hero h1{font-size:76px}.look-preview figcaption{max-width:165px}.look-buttons{max-width:150px}.editing{gap:50px}.questions{gap:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav-inner{gap:16px;min-height:68px}.brand{font-size:21px;gap:8px}.brand img{width:30px;height:30px}.nav-links{display:none}.language{margin-left:auto}.nav .button.small{padding:9px 12px;font-size:12px}.nav a:not(.brand):not(.button){font-size:12px}.hero{display:block;padding-block:38px 55px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:60px;line-height:1.1}.intro{font-size:17px;max-width:33ch;margin-top:20px}.cta{margin-top:24px}.release-note{font-size:12px}.hero-visual{height:515px;margin-top:35px;max-width:450px;margin-inline:auto}.look-preview{top:0;width:100%}.look-preview figcaption{max-width:142px;padding-top:12px}.look-buttons{max-width:134px}.look-buttons button{font-size:12px;padding:10px 4px}.hero-visual>.phone{width:190px;bottom:18px;border-radius:28px;border-width:4px}#look-description{max-width:16ch;font-size:12px}.screen-note{max-width:190px;font-size:12px;bottom:-10px}.feeling{padding-block:58px}.section-head{display:block;margin-bottom:30px}.section-head p{font-size:16px;margin-top:22px;padding:0}.look-filmstrip{grid-template-columns:1fr;gap:26px}.look-filmstrip figcaption{font-size:24px;margin-top:8px}h2{font-size:44px}.editing{grid-template-columns:1fr;gap:44px;padding-block:60px}.editing-rows{margin-top:28px}.editing-rows h3{font-size:19px}.library-proof .phone{width:245px}.questions{display:block;padding-block:10px 60px}.faq-list{margin-top:30px}summary{font-size:16px}.closing{padding-block:52px}.closing>.wrap{display:block}.closing img{width:72px;height:72px;border-radius:16px;margin-bottom:26px}.closing h2{font-size:42px;margin-bottom:26px}.footer{font-size:12px;padding-block:26px;gap:16px}.footer nav{width:100%;margin:0;gap:20px;flex-wrap:wrap}.article{padding-block:45px 65px}.article h1{font-size:48px}.prose .article-lede{font-size:20px}.prose h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}