@font-face{font-family:Genty;src:url(/fonts/Genty-Regular.otf)format("opentype");font-display:swap}@font-face{font-family:Genty Sans;src:url(/fonts/GentySans-Regular.otf)format("opentype");font-display:swap}@font-face{font-family:Termina;src:url(/fonts/Termina-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Termina;src:url(/fonts/Termina-Demi.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Termina;src:url(/fonts/Termina-Bold.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}:root{--blue:#005eac;--blue-600:#00559b;--blue-700:#004b8a;--blue-800:#004278;--blue-900:#002f56;--navy:#001e33;--blue-50:#e6eff7;--blue-100:#ccdfee;--blue-200:#b3cfe6;--blue-300:#80accf;--cream:#fff6e0;--cream-50:#fffbf0;--paper:#fffdf8;--butter:#ffe7b2;--butter-600:#e6d0a0;--mint:#d7efd5;--mint-ink:#1e2f1c;--almond:#facf81;--almond-ink:#773e13;--ink:#151413;--text:var(--blue-700);--script:"Genty", "Genty Sans", cursive;--display:"Genty Sans", "Nunito", system-ui, sans-serif;--label:"Termina", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--cream);color:var(--text);font:500 17px/1.62 var(--body);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1.5px}strong{font-weight:800}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.script,.doc-tagline{font-feature-settings:"calt" 0;font-variant-ligatures:no-contextual}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes wobble{0%,to{rotate:8deg}50%{rotate:-4deg}}.logo-lc,.logo-fjr{-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;background:currentColor;display:inline-block}.logo-lc{--m:url(/brand/la-creme.svg);aspect-ratio:310/160}.logo-fjr{--m:url(/brand/fjr-looks.svg);aspect-ratio:317/40}.cover{-webkit-user-select:none;user-select:none;width:100%;height:auto}.tag,.tag-inline,.profile,.tag-new{font:700 10.5px/1 var(--label);letter-spacing:.03em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 9px 5px;display:inline-flex}.tag.solid,.tag-new{background:var(--blue);color:var(--blue-50)}.tag.lg{border-radius:11px;padding:9px 14px 8px;font-size:13px}.tag-inline{vertical-align:.14em;border-radius:.6em;padding:.45em .7em .38em;font-size:.62em}.tag-new{vertical-align:2px;border-radius:5px;margin-left:8px;padding:4px 6px 3px;font-size:8.5px}.chip{font:700 10.5px/1 var(--label);letter-spacing:.03em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 12px 8px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.chip.on,.chip:hover{background:var(--blue);color:var(--blue-50)}.btn{font:400 21px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;transition:transform .2s var(--ease), box-shadow .2s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px 26px 13px;text-decoration:none;display:inline-flex;box-shadow:-1px 6px 14px #0000002e}.btn:hover{transform:translateY(-2px);box-shadow:-1px 9px 18px #00000038}.btn:active{transform:translateY(0)scale(.98)}.btn-blue{background:var(--blue);color:var(--butter)}.btn-butter{background:var(--butter);color:var(--blue)}.btn-ghost{font:700 10.5px/1 var(--label);letter-spacing:.03em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 13px 9px;display:inline-flex}.btn-ghost:hover{background:var(--blue);color:var(--blue-50)}.page{overflow-x:clip}.progress{background:var(--blue);transform-origin:0;height:3px;transform:scaleX(var(--p,0));z-index:50;position:fixed;inset:0 0 auto}.preview-bar{z-index:60;background:var(--butter);color:var(--blue);text-align:center;font:700 10.5px/1 var(--label);letter-spacing:.04em;text-transform:uppercase;padding:10px;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:18px max(16px,50vw - 566px);display:flex}.topbar-logo{width:156px;color:var(--blue);flex:none}.lang{position:relative}.lang summary{cursor:pointer;font:700 11px/1 var(--label);letter-spacing:.06em;color:var(--blue);background:var(--blue-50);border-radius:10px;align-items:center;gap:7px;padding:9px 10px 8px 12px;list-style:none;transition:background .2s;display:flex}.lang summary:hover,.lang[open] summary{background:var(--blue-100)}.lang-caret{width:6px;height:6px;transition:rotate .25s var(--ease), translate .25s var(--ease);border:1.6px solid;border-width:0 1.6px 1.6px 0;translate:0 -2px;rotate:45deg}.lang[open] .lang-caret{translate:0 1px;rotate:225deg}.lang summary::-webkit-details-marker{display:none}.lang-menu{z-index:30;background:var(--paper);border:1.5px solid var(--blue-100);min-width:160px;animation:fadeUp .2s var(--ease);border-radius:12px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 30px -12px #002f5659}.lang-menu button{width:100%;color:var(--blue);font:700 14px var(--body);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.lang-menu button:hover{background:var(--blue-50)}.layout{grid-template-columns:250px minmax(0,1fr);gap:48px;max-width:1180px;margin:0 auto;padding:0 24px 96px;display:grid}.toc{padding-top:44px;position:relative}.toc-list:not(.mobile){position:sticky;top:28px}.toc-list ol{margin:0;padding:0;list-style:none}.toc-list li a{color:var(--blue-700);opacity:.55;grid-template-columns:10px 1fr;align-items:center;gap:12px;padding:5px 0;font-size:14px;line-height:1.3;text-decoration:none;transition:opacity .2s;display:grid}.toc-list li a:hover,.toc-list li.on a{opacity:1}.toc-list li.on a{font-weight:800}.toc-dot{border:1.5px solid;border-radius:50%;width:8px;height:8px;transition:background .3s}.toc-list li.seen .toc-dot{background:currentColor}.toc-meter{max-width:160px;max-height:60px;margin-top:16px;transition:opacity .6s,max-height .6s;overflow:hidden}.toc-meter.complete{opacity:0;max-height:0}.meter{background:var(--blue-100);border-radius:99px;height:4px;overflow:hidden}.meter span{background:var(--blue);border-radius:inherit;height:100%;transition:width .6s var(--ease);display:block}.toc-meter small{opacity:.7;margin-top:8px;font-size:12px;font-weight:700;display:block}.toc-card{border:2px solid var(--blue);background:var(--cream-50);border-radius:22px;padding:16px 18px}.content{min-width:0;max-width:780px}.hero{padding:0 12px}.hero-shape{background:var(--blue);isolation:isolate;border-radius:28px;place-items:center;height:clamp(170px,24vw,300px);display:grid;position:relative;overflow:hidden}.hero-20{filter:drop-shadow(0 18px 22px #001e3359);width:clamp(150px,22vw,290px);animation:6s ease-in-out infinite float}.hero-rows{z-index:-1;flex-direction:column;justify-content:center;gap:10px;display:flex;position:absolute;inset:-30% -10%;rotate:-7deg}.hero-row{width:max-content;animation:55s linear infinite hero-slide;display:flex}.hero-row.rev{animation-direction:reverse}.hero-row span{aspect-ratio:284/53;opacity:.4;background:#1468b4;flex:none;width:clamp(220px,26vw,380px);margin-right:36px;-webkit-mask:url(/brand/la-creme-horizontal.svg) 50%/contain no-repeat;mask:url(/brand/la-creme-horizontal.svg) 50%/contain no-repeat}@keyframes hero-slide{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hero-row{animation:none}}.doc-head{margin-bottom:30px;padding-top:36px;position:relative}.doc-tagline{font:400 clamp(32px, 4.6vw, 46px)/1.06 var(--display);color:var(--blue);text-wrap:balance;margin:0 0 18px}.doc-tagline .script{font-family:var(--script)}.doc-intro{max-width:660px;font-size:18px}.news{border:2px solid var(--blue);background:var(--cream-50);border-radius:32px;margin-bottom:28px;padding:clamp(22px,4vw,44px)}@supports (animation-timeline:view()){.news,.embed,.done{animation:linear both fadeUp;animation-timeline:view();animation-range:entry entry 35%}}.news-title{font:400 clamp(32px, 5vw, 46px)/1.02 var(--display);color:var(--blue);text-wrap:balance;margin:0 0 20px}.prose>:first-child{margin-top:0}.prose>:last-child,.callout-body>:last-child,.tabs-panel>:last-child{margin-bottom:0}.prose p{text-wrap:pretty;margin:0 0 14px}.prose p.empty{min-height:1em}.prose h2{font:400 clamp(30px, 5vw, 42px)/1.05 var(--display);color:var(--blue);margin:36px 0 14px}.prose h3{font:800 21px/1.25 var(--body);color:var(--blue);margin:26px 0 8px}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}.prose li{margin:4px 0;padding-left:4px}.prose li::marker{color:var(--blue)}.prose li>p{margin:0}.prose li>ul{margin:4px 0 8px}.prose hr{background:var(--blue-100);border:0;border-radius:2px;height:2px;margin:28px 0}.quote{font:400 clamp(24px, 3.4vw, 30px)/1.18 var(--display);color:var(--blue);margin:26px 0;padding:4px 0 4px 22px;position:relative}.quote p{margin:0}.quote:before{content:"";background:var(--blue);border-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.figure{margin:24px 0}.figure img{border-radius:20px;width:100%}.figure figcaption{opacity:.8;text-align:center;margin-top:8px;font-size:13px}.tl-item{margin:24px 0;padding-left:34px;position:relative}.tl-item:before{content:"";background:var(--blue);border-radius:50%;width:18px;height:18px;position:absolute;top:5px;left:0}.tl-item:after{content:"";background:var(--blue-200);border-radius:2px;width:2px;position:absolute;top:30px;bottom:2px;left:8px}.prose .tl-item h3{margin:0 0 6px}.tl-body>:last-child{margin-bottom:0}.callout{background:var(--blue-50);color:var(--blue-700);border-radius:16px;margin:22px 0 22px 10px;padding:18px 20px 16px 24px;position:relative}.callout-badge{background:var(--blue);width:28px;height:28px;color:var(--cream);box-shadow:0 0 0 3px var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;left:-10px}.callout-body>:last-child{margin-bottom:0}.tone-cream{background:#ffefca}.tone-mint{background:var(--mint);color:var(--mint-ink)}.tone-mint .callout-badge{background:var(--mint-ink);color:var(--mint)}.tone-almond{color:var(--almond-ink);background:#fde3b4}.tone-almond .callout-badge{background:var(--almond-ink);color:var(--almond)}.tone-ink{background:var(--ink);color:var(--cream)}.tone-ink .callout-badge{background:var(--butter);color:var(--ink)}.tone-mint a,.tone-almond a{color:inherit}.tabs{margin:22px 0}.tabs-bar,.seg{background:var(--blue-50);border-radius:12px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.tabs-bar button,.seg button{color:var(--blue);font:700 10.5px/1 var(--label);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;border-radius:9px;padding:10px 14px 9px;transition:background .2s,color .2s}.tabs-bar button.on,.seg button.on{background:var(--blue);color:var(--blue-50)}.tabs-panel{border:1.5px solid var(--blue-200);animation:fadeUp .4s var(--ease);border-radius:20px;margin-top:12px;padding:20px 22px 6px}.toggle{border:1.5px solid var(--blue);background:var(--paper);border-radius:18px;margin:12px 0}.toggle summary{cursor:pointer;color:var(--blue);align-items:center;gap:10px;padding:12px 16px;font-weight:800;list-style:none;display:flex}.toggle summary::-webkit-details-marker{display:none}.toggle-chev{transition:transform .25s var(--ease);flex:none}.toggle[open] .toggle-chev{transform:rotate(90deg)}.toggle-body{animation:fadeUp .35s var(--ease);padding:0 18px 4px 42px}.embed{margin:26px 0}.embed-hint{font:700 10px/1 var(--label);letter-spacing:.04em;text-transform:uppercase;color:var(--blue);opacity:.75;margin-bottom:12px}.flavor-detail{background:var(--bg);color:var(--fg);animation:fadeUp .45s var(--ease);border-radius:24px;grid-template-columns:104px 1fr 184px;align-items:center;gap:34px;padding:24px 24px 24px 36px;display:grid}.flavor-vertical{filter:drop-shadow(0 10px 12px #00000040);outline:2px solid color-mix(in srgb, var(--fg) 35%, transparent);outline-offset:4px;border-radius:9px;rotate:-3deg}.flavor-text{min-width:0}.flavor-text h4{font:400 24px/1.1 var(--display);text-wrap:balance;margin:14px 0 10px}.flavor-text p{opacity:.9;text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.flavor-detail .tag{background:color-mix(in srgb, var(--fg) 14%, transparent);color:var(--fg)}.flavor-photo{aspect-ratio:4/5;object-fit:cover;border-radius:16px;width:100%;display:block}.flavor-photo.empty{border:1.5px dashed color-mix(in srgb, var(--fg) 40%, transparent);background:color-mix(in srgb, var(--fg) 6%, transparent)}.cameras{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cam-card{background:var(--paper);border:1.5px solid var(--blue-100);border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.cam-name{font:700 15px/1 var(--label);text-transform:uppercase;letter-spacing:.02em;color:var(--blue)}.cam-badge{font:700 8.5px/1 var(--label);letter-spacing:.04em;text-transform:uppercase;color:var(--blue-50);background:var(--blue);border-radius:5px;padding:4px 6px 3px}.cam-items{flex-wrap:wrap;gap:5px;margin-top:auto;display:flex}.nt-play{z-index:2;background:var(--cream-50);width:26px;height:26px;color:var(--blue);box-shadow:0 0 0 1.5px var(--blue-200);border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:10px;left:10px}.nt-play:hover{background:var(--blue);color:var(--cream-50)}.nodetree{border:1.5px solid var(--blue-100);background:var(--paper);border-radius:26px;padding:18px}.nt-head{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.nt-stage{aspect-ratio:2.3;background:var(--blue-50) radial-gradient(var(--blue-200) 1.2px, transparent 1.3px) 0 0 / 18px 18px;border-radius:18px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);min-height:210px;display:grid;position:relative}.nt-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nt-links path{fill:none;stroke:var(--blue-200);stroke-width:2px;stroke-linecap:round;stroke-opacity:.7;transition:stroke .3s,stroke-opacity .3s}.nt-links path.on{stroke:var(--blue-300)}.nt-links path.passed{stroke:var(--blue);stroke-opacity:.45}.nt-node{z-index:1;transition:opacity .3s, transform .3s var(--ease);background:0 0;border:0;flex-direction:column;place-self:center;align-items:center;gap:5px;padding:4px;display:flex;position:relative}.nt-node:hover{transform:translateY(-2px)}.nt-node.dim{opacity:.35}.nt-label{font:800 12.5px/1 var(--body);color:var(--blue);background:var(--blue-50);border-radius:4px;padding:2px 4px}.nt-box{aspect-ratio:16/10;border:2.5px solid var(--blue-300);background:var(--paper);width:clamp(62px,13vw,104px);color:var(--blue);border-radius:12px;place-items:center;transition:border-color .2s,box-shadow .2s,background .2s,color .2s;display:grid;position:relative;overflow:hidden}.nt-node.star .nt-box{border-color:var(--blue)}.nt-node.sel .nt-box{border-color:var(--blue);background:var(--blue);color:var(--cream);box-shadow:0 0 0 5px #005eac2e}.nt-node.live .nt-box{box-shadow:0 0 0 7px #005eac40}.nt-num{font:700 7.5px/1 var(--label);background:var(--blue-50);color:var(--blue);border-radius:4px;padding:3px 4px 2px;position:absolute;bottom:5px;left:6px}.nt-detail{border-top:2px dashed var(--blue-200);animation:fadeUp .35s var(--ease);margin-top:16px;padding:18px 4px 2px}.nt-detail-head{color:var(--blue);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.nt-detail h4{font:400 28px/1 var(--display);color:var(--blue);margin:0 4px 0 0}.nt-detail p{margin:0 0 12px}.nt-meta{flex-wrap:wrap;gap:8px 18px;margin-bottom:12px;font-size:14px;display:flex}.nt-meta .icon{vertical-align:-2px}.nt-why{background:var(--blue-50);border-radius:14px;padding:12px 16px;font-size:15px}.nt-why b{font:800 14px/1.2 var(--body);margin-bottom:4px;display:block}.fx{display:block;overflow:visible}.fx-soft-in{transform-origin:15.4px 12.5px;animation:3.2s ease-in-out infinite fx-breathe}.fx-soft{animation:3.2s ease-in-out infinite fx-blur}.fx-sharp{animation:2.6s linear infinite fx-shine;-webkit-mask:linear-gradient(110deg,#000 35%,#00000059 50%,#000 65%) 0 0/300% 100%;mask:linear-gradient(110deg,#000 35%,#00000059 50%,#000 65%) 0 0/300% 100%}.fx-grain circle{animation:1.8s ease-in-out infinite fx-twinkle;animation-delay:calc(var(--i) * -.37s)}.fx-rays{transform-origin:15.4px 12.5px;animation:14s linear infinite fx-spin}.fx-core{transform-origin:15.4px 12.5px;animation:2.4s ease-in-out infinite fx-glow}.fx-puck{animation:6s ease-in-out infinite fx-orbit}.fx-cube{animation:3s ease-in-out infinite fx-bob}@keyframes fx-bob{50%{translate:0 -1.5px}}@keyframes fx-breathe{50%{transform:scale(.55)}}@keyframes fx-blur{50%{filter:blur(.6px)}}@keyframes fx-shine{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes fx-twinkle{50%{opacity:.3}}@keyframes fx-spin{to{transform:rotate(360deg)}}@keyframes fx-glow{50%{transform:scale(1.25)}}@keyframes fx-orbit{25%{translate:3px -2px}50%{translate:-2px 3px}75%{translate:-3px -1px}}.flow{background:var(--blue-50);grid-template-columns:repeat(var(--n), 1fr);border-radius:18px;gap:26px;margin:18px 0 6px;padding:18px;list-style:none;display:grid}.flow-step{background:var(--paper);color:var(--blue-700);animation:pop .45s calc(var(--i) * 90ms) var(--ease) both;border-radius:14px;flex-direction:column;gap:6px;padding:14px 14px 13px;display:flex;position:relative}.flow-step b{font:700 11px/1.1 var(--label);letter-spacing:.03em;text-transform:uppercase;color:var(--blue)}.flow-step small{opacity:.85;font-size:13px;line-height:1.35}.flow-step.hl{background:var(--blue);color:var(--blue-50);box-shadow:0 10px 22px -12px #002f5699}.flow-step.hl b{color:var(--butter)}.flow-icon{color:var(--butter);margin-bottom:2px}.flow-step:not(:last-child):after{content:"";background:var(--blue-300);width:26px;height:2px;position:absolute;top:50%;left:100%}.flow-step:not(:last-child):before{content:"";border:solid var(--blue-300);border-width:2px 2px 0 0;width:6px;height:6px;position:absolute;top:calc(50% - 4px);left:calc(100% + 17px);rotate:45deg}.compare{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;border-radius:20px;position:relative;overflow:hidden}.compare img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cmp-after{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.cmp-label{font:700 10px/1 var(--label);text-transform:uppercase;color:var(--ink);background:#ffffffd9;border-radius:8px;padding:6px 9px 5px;position:absolute;top:14px}.cmp-label.l{left:14px}.cmp-label.r{right:14px}.compare:after{content:"";top:0;bottom:0;left:var(--x);background:#fff;width:2px;position:absolute}.cmp-handle{top:50%;left:var(--x);z-index:1;width:42px;height:42px;color:var(--ink);background:#ffffffd9;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;translate:-50% -50%}.compare input{opacity:0;cursor:ew-resize;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare.empty{aspect-ratio:auto;text-align:center;border:2px dashed var(--blue-200);padding:28px}.cta{--fg:var(--blue);--on:var(--cream);--accent:var(--blue);background:var(--cream-50);border:2px solid var(--blue);color:var(--blue-700);border-radius:28px;margin:10px 0 40px;padding:30px 28px}.cta-ask{font:400 26px/1.05 var(--display);color:var(--fg);margin:0 0 14px}.cta-choices{flex-wrap:wrap;gap:10px;display:flex}.cta-choices button{border:1.5px solid color-mix(in srgb, var(--fg) 30%, transparent);color:var(--fg);font:800 15px/1 var(--body);background:0 0;border-radius:14px;align-items:center;gap:10px;padding:13px 18px 13px 14px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.cta-choices button:hover{border-color:var(--fg)}.cta-choices button.on{background:var(--accent);border-color:var(--accent);color:var(--on)}.cta-radio{border:1.5px solid;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.cta-choices button.on .cta-radio:after{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.cta-result{animation:fadeUp .35s var(--ease);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:18px;display:flex}.cta-result p{flex:260px;max-width:46ch;margin:0}.cta-result .btn{background:var(--accent);color:var(--on)}.done{--fg:var(--blue);--on:var(--cream);--accent:var(--blue);border:2px dashed var(--blue-300);border-radius:28px;margin:8px 0 36px;padding:22px 24px;transition:background .5s,color .5s}.done-head{align-items:center;gap:16px;display:flex}.done p{margin:0}.done-badge{background:var(--butter);width:52px;height:52px;color:var(--blue);border-radius:50%;flex:none;place-items:center;display:grid}.done-badge .icon path{fill:currentColor}.done-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.done.is-done{--fg:var(--cream);--on:var(--blue);--accent:var(--butter);background:var(--blue);color:var(--cream);border:2px solid var(--blue)}.done.is-done .done-badge{animation:pop .7s var(--ease) both}.done h3{font:400 30px/1 var(--display);margin:0 0 6px}.cta-inline{--fg:inherit;--on:inherit;--accent:inherit;border:0;border-top:1.5px solid color-mix(in srgb, var(--fg) 22%, transparent);color:inherit;background:0 0;border-radius:0;margin:22px 0 0;padding:22px 0 0}.standalone{margin:40px 0 0}.toc-fab{display:none}.to-top{width:fit-content;font:700 11px/1 var(--label);letter-spacing:.04em;text-transform:uppercase;color:var(--blue);background:var(--blue-50);border-radius:99px;align-items:center;gap:8px;margin:8px auto 56px;padding:12px 18px 11px;text-decoration:none;transition:background .2s;display:flex}.to-top:hover{background:var(--blue-100)}@media (max-width:1000px){.layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}.content{width:100%;margin:0 auto}.toc-fab{z-index:40;left:50%;bottom:max(16px, env(safe-area-inset-bottom));display:block;position:fixed;translate:-50%}.fab{background:var(--blue);color:var(--cream);font:700 11px/1 var(--label);letter-spacing:.03em;text-transform:uppercase;border:0;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:0 10px 24px -8px #001e338c}.fab b{background:var(--cream);color:var(--blue);border-radius:7px;padding:4px 7px 3px}.toc-card.mobile{width:min(340px,100vw - 32px);max-height:62vh;animation:fadeUp .3s var(--ease);position:absolute;bottom:calc(100% + 10px);left:50%;overflow:auto;translate:-50%;box-shadow:0 20px 40px -12px #001e3373}.to-top{margin-bottom:96px}.topbar-logo{width:128px}}@media (max-width:640px){body{font-size:16px}.layout{padding:0 16px 80px}.hero{padding:0 16px}.hero-shape{border-radius:20px}.cameras{grid-template-columns:repeat(2,1fr)}.news{border-radius:26px}.flavor-detail{grid-template-columns:78px 1fr;grid-template-areas:"photo photo""cover tag""cover title""body body";align-items:center;gap:0 20px;padding:14px 14px 26px}.flavor-text{display:contents}.flavor-photo{border-radius:14px;grid-area:photo;margin-bottom:26px}.flavor-vertical{grid-area:cover;margin-left:10px}.flavor-detail .tag{grid-area:tag;place-self:end start}.flavor-text h4{grid-area:title;align-self:start;margin:10px 10px 0 0;font-size:22px}.flavor-text p{grid-area:body;margin:22px 10px 0;font-size:15.5px}.cta:not(.cta-inline){padding:24px 20px}.cta-choices{gap:8px}.flow{grid-template-columns:1fr;gap:22px;padding:14px}.flow-step{gap:4px;padding:12px 14px}.flow-step:not(:last-child):after{width:2px;height:22px;top:100%;left:28px}.flow-step:not(:last-child):before{top:calc(100% + 13px);left:25px;rotate:135deg}.cta-choices button{white-space:nowrap;flex:1;justify-content:center;gap:8px;padding:13px 10px;font-size:14px}.nt-stage{aspect-ratio:auto;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr);height:520px}.nt-box{width:min(132px,36vw)}.nt-play{left:50%;translate:-50%}.nt-label{font-size:12.5px}.callout{margin-left:6px}.tl-item{padding-left:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}