.guide{--guide-stick:76px;--guide-nav:56px;grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.guide>.guide-chapter{margin-top:clamp(96px,11vw,168px)}.guide>.guide-nav+.guide-chapter{margin-top:clamp(56px,7vw,104px)}.guide-hero-wrap{gap:clamp(32px,4vw,56px);margin:-43px -40px 0;display:grid}.guide-hero{border-bottom:1px solid var(--line);grid-template-rows:minmax(0,1fr) minmax(0,.7fr) auto;grid-template-columns:repeat(12,minmax(0,1fr));height:clamp(520px,70vh,760px);display:grid;overflow:hidden}.guide-hero>*{min-width:0;min-height:0}.guide-hero-logo{border-right:1px solid var(--line);grid-area:1/1/3/8;place-items:center;padding:clamp(32px,6vw,96px);display:grid}.guide-hero-logo img{object-fit:contain;width:min(100%,560px);height:auto;max-height:min(42%,240px);display:block}.guide-hero-name{font-family:var(--g-display,var(--sans));letter-spacing:-.01em;text-align:center;overflow-wrap:anywhere;margin:0;font-size:clamp(48px,7vw,112px);font-weight:500;line-height:.98}.guide-hero-motif{border-bottom:1px solid var(--line);grid-area:1/8/auto/13;position:relative;overflow:hidden}.guide-hero-motif img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guide-hero-face{grid-row:2;align-content:space-between;padding:20px 22px;display:grid;position:relative;overflow:hidden}.guide-hero-face:not([data-second]){grid-column:8/11}.guide-hero-face[data-second]{grid-column:11/13}.guide-hero-face:only-of-type{grid-column:8/13}.guide-hero-aa{letter-spacing:-.02em;font-size:clamp(56px,7vw,120px);line-height:.9}.guide-hero-family{letter-spacing:.01em;opacity:.86;font-size:13px;font-weight:500}.guide-hero-band{border-top:1px solid var(--line);grid-area:3/1/auto/-1;height:clamp(40px,5vw,72px);margin:0;padding:0;list-style:none;display:flex}.guide-hero-band li{flex:1 1 0}.guide-hero-band li+li{box-shadow:none;border-left:1px solid color-mix(in srgb, var(--line) 60%, transparent)}.guide-hero-foot{grid-template-columns:minmax(160px,3fr) minmax(0,9fr);align-items:start;gap:24px;padding:0 40px;display:grid}.guide-hero-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding-top:.5em;font-size:13px;display:flex}.guide-hero-meta .guide-tag{color:var(--ink)}.guide-hero-essence{max-width:30ch;font-family:var(--g-display,var(--sans));color:var(--ink);letter-spacing:-.005em;text-wrap:pretty;margin:0;font-size:clamp(24px,2.7vw,40px);font-weight:400;line-height:1.22}.guide-nav{top:var(--guide-stick);z-index:12;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:16px;margin:clamp(40px,5vw,64px) -40px 0;padding:0 28px 0 40px;display:flex;position:sticky}.guide-nav-list{scrollbar-width:none;flex:1;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.guide-nav-list::-webkit-scrollbar{display:none}.guide-nav-list a{white-space:nowrap;height:55px;color:var(--muted);align-items:baseline;gap:6px;padding:19px 10px 0;font-size:14px;text-decoration:none;transition:color .16s;display:flex;position:relative}.guide-nav-list li:first-child a{padding-left:0}.guide-nav-list a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .24s cubic-bezier(.2,0,0,1);position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(0)}.guide-nav-list li:first-child a:after{left:0}.guide-nav-list a:hover,.guide-nav-list a[aria-current=true]{color:var(--ink)}.guide-nav-list a[aria-current=true]:after{transform:scaleX(1)}.guide-nav-list a:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-nav-n{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.guide-nav-tools{flex:none;align-items:center;gap:12px;display:flex}.guide-nav-more{border-radius:var(--hs-control-radius);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.guide-nav-more:hover,.guide-nav-more[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 6%, transparent)}.guide-nav-more:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-tools a{border-radius:var(--hs-control-radius);min-height:44px;color:var(--ink);align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.guide-tools a svg{color:var(--muted);flex:none}.guide-tools a:hover,.guide-tools a:focus-visible{background:color-mix(in srgb, var(--ink) 6%, transparent);outline:none}.guide-tools.is-sheet a{min-height:52px;font-size:16px}.guide-chapter{scroll-margin-top:calc(var(--guide-stick) + var(--guide-nav) + 24px);grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,56px);display:grid}.guide-chapter-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.guide-chapter-head h2{font-family:var(--g-display,var(--sans));letter-spacing:-.015em;color:var(--ink);gap:14px;margin:0;font-size:clamp(40px,5.4vw,80px);font-weight:500;line-height:1;display:grid}.guide-chapter-head h2:focus{outline:none}.guide-chapter-n{font-family:var(--sans);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;font-weight:500}.guide-sub{color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:500}.guide-quiet{color:var(--muted);margin:0;font-size:14px}.guide-rules{border-top:1px solid var(--line);counter-reset:rule;max-width:72ch;margin:0;padding:0;font-size:16px;line-height:1.5;list-style:none;display:grid}.guide-rules li{border-bottom:1px solid var(--line);counter-increment:rule;grid-template-columns:40px 1fr;padding:14px 0;display:grid}.guide-rules li:before{content:counter(rule, decimal-leading-zero);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:4px;font-size:12px}.guide-prose p{max-width:62ch;margin:0 0 12px;font-size:16px;line-height:1.55}.guide-pin{border-radius:var(--hs-control-radius);min-width:36px;height:36px;color:var(--muted);font:inherit;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;transition:opacity .16s,background .16s;display:inline-flex}.guide-chapter:hover .guide-pin,.guide-chapter:focus-within .guide-pin,.guide-pin[aria-expanded=true],.guide-pin[data-has-notes]{opacity:1}.guide-pin:hover,.guide-pin[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.guide-pin[data-has-notes]{color:var(--ink);border-color:var(--line)}.guide-pin:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-pin-count{font-variant-numeric:tabular-nums}@media (hover:none){.guide-pin{opacity:.7}}.guide-pop{z-index:72;border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--paper);width:360px;max-width:calc(100vw - 16px);color:var(--ink);font-family:var(--sans);gap:12px;padding:14px;animation:.16s cubic-bezier(.2,0,0,1) piece-menu-in;display:grid;position:fixed}.guide-pop.is-sheet{width:auto;max-width:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--hs-control-radius) var(--hs-control-radius) 0 0;border-width:1px 0 0;animation:.26s cubic-bezier(.32,1.2,.5,1) piece-menu-up;inset:auto 0 0}.guide-pop-title{gap:2px;margin:0;font-size:15px;font-weight:600;display:grid}.guide-pop-title small{color:var(--muted);font-size:13px;font-weight:400}.guide-pop-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.guide-pop textarea,.guide-pop select{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--bg,#fff);color:var(--ink);resize:vertical;padding:10px 12px;font-size:15px}.guide-note-form{gap:8px;display:grid}.guide-notes{border-bottom:1px solid var(--line);gap:0;max-height:40vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.guide-note{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px 0;font-size:14px;line-height:1.45;display:grid}.guide-note:first-child{border-top:0;padding-top:0}.guide-note-words{gap:2px;display:grid}.guide-note-words small{color:var(--muted);font-size:12px}.guide-share{gap:12px;display:grid}.guide-share-url{border:1px solid var(--line);background:var(--bg,#fff);align-items:center;gap:8px;margin:0;padding:10px 12px;display:flex}.guide-share-url span{overflow-wrap:anywhere;min-width:0;font-size:13px}@media (max-width:1200px){.guide-hero-wrap{margin:-34px -27px 0}.guide-hero-foot{padding:0 27px}.guide-nav{margin-left:-27px;margin-right:-27px;padding-left:27px;padding-right:16px}}@media (max-width:820px){.guide-hero{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.guide-hero-logo{aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;padding:32px}.guide-hero-logo img{width:82%;max-height:46%}.guide-hero-motif{aspect-ratio:1;border-bottom:0;grid-area:2/1}.guide-hero-face{aspect-ratio:1;grid-row:2;padding:12px 14px}.guide-hero-face:not([data-second]){grid-column:2}.guide-hero-face[data-second]{grid-column:3}.guide-hero-face:only-of-type{aspect-ratio:auto;grid-column:2/-1}.guide-hero-aa{font-size:clamp(44px,13vw,88px)}.guide-hero-family{font-size:12px}.guide-hero-band{grid-row:3;height:40px}.guide-hero-foot{grid-template-columns:1fr;gap:16px}.guide-hero-essence{font-size:clamp(22px,6vw,28px)}.guide-chapter-head h2{gap:10px}}@media (max-width:760px){.guide-hero-wrap{margin:-28px -20px 0}.guide-hero-foot{padding:0 20px}.guide-nav{gap:4px;margin-left:-20px;margin-right:-20px;padding:0 4px 0 20px}.guide-nav-list a{height:47px;padding-top:15px}.guide-tray{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));justify-content:space-between;left:12px}}.guide-tray{z-index:30;border:1px solid var(--ink);border-radius:var(--hs-control-radius);background:var(--bg,#fff);color:var(--ink);align-items:center;gap:12px;padding:6px 6px 6px 16px;animation:.2s cubic-bezier(.2,0,0,1) piece-menu-in;display:flex;position:fixed;bottom:24px;right:24px}.guide-tray p{white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:flex}.guide-tray p[role=status]{white-space:normal;padding-right:10px}.guide-tray .primary{border-radius:var(--hs-control-radius)}.guide-tag{background:0 0;border:1px solid;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.guide-tag[data-kind=example]{color:var(--muted);border-color:var(--line);background:var(--paper)}.guide-chapter .brand-logo>.section-label,.guide-chapter .brand-colors .brand-block-head h2{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.guide-chapter .brand-colors .brand-block-head{justify-content:flex-end}.guide-chapter .brand-logo{gap:16px;display:grid}.guide-chapter .logo-pair{border:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.guide-chapter .logo-pair:has(>.logo-card+.logo-card){grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.guide-chapter .logo-card+.logo-card{border-left:1px solid var(--line)}.guide-chapter .brand-logo-ground{aspect-ratio:2;border:0;min-height:0;padding:clamp(32px,6vw,96px);position:relative}.guide-chapter .logo-own .brand-logo-ground{aspect-ratio:auto;background:var(--paper);height:100%}.guide-chapter .brand-logo-ground img{object-fit:contain;width:min(100%,640px);max-width:100%;max-height:44%}.guide-chapter .logo-own .brand-logo-ground img{width:min(100%,320px);max-height:40%}.guide-chapter .brand-logo-name{font-family:var(--g-display,var(--sans));color:var(--g-main);text-align:center;font-size:clamp(40px,6vw,88px);line-height:1}.guide-logo-files{flex-wrap:wrap;align-items:center;gap:4px 20px;min-height:24px;display:flex}.guide-logo-files .logo-drawn-line{color:var(--muted);margin:0;font-size:14px}.guide-logo{gap:clamp(48px,6vw,88px);display:grid}.guide-logo-grounds{border:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-logo-ground{aspect-ratio:3/2;background-position:50%;background-size:cover;place-items:center;padding:32px;display:grid;position:relative}.guide-logo-ground+.guide-logo-ground{border-left:1px solid var(--line)}.guide-logo-ground img{object-fit:contain;max-width:64%;max-height:40%}.guide-logo-label{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:3px 8px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:12px}.guide-logo-ground[data-lost] .guide-logo-label{color:var(--danger,#b42318)}.guide-logo-specs{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;display:grid}.guide-spec{grid-template-rows:1fr auto;gap:16px;margin:0;padding:32px 32px 0 0;display:grid}.guide-spec+.guide-spec{border-left:1px solid var(--line);padding-left:32px}.guide-spec figcaption{color:var(--muted);font-size:13px;font-weight:500}.guide-spec-art{place-items:center start;min-height:180px;display:grid}.guide-clear-box{outline:1px dashed var(--muted);outline-offset:-1px;background:color-mix(in srgb, var(--muted) 10%, transparent);place-items:center;padding:28px;display:inline-grid}.guide-clear-box img{background:var(--g-ground,var(--paper));max-width:240px;max-height:72px;padding:6px 8px;display:block}.guide-min{flex-wrap:wrap;align-items:baseline;gap:8px 32px;display:flex}.guide-min-figure{font-family:var(--g-display,var(--sans));letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(56px,6vw,96px);line-height:1}.guide-min-figure small{font-family:var(--sans);letter-spacing:0;color:var(--muted);margin-left:4px;font-size:15px}.guide-mark{object-fit:contain;border:1px solid var(--line);width:96px;height:96px;display:block}.guide-colours{border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-colour{border:1px solid var(--line);border-left:0;grid-template-rows:auto auto 1fr;align-content:start;display:grid}.guide-colour[data-use=main]{grid-column:span 2}.guide-colour-field{border-bottom:1px solid var(--line);align-content:space-between;min-height:clamp(220px,26vw,400px);padding:20px;display:grid;container-type:inline-size}.guide-colour-role{opacity:.86;font-size:13px;font-weight:500}.guide-colour-name{font-family:var(--g-display,var(--sans));letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.05}.guide-colour-name[data-hex]{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-size:min(clamp(26px,2.6vw,40px),17cqi)}.guide-codes{padding:8px 6px;display:grid}.guide-code{min-height:36px;font:inherit;font-variant-numeric:tabular-nums;text-align:left;color:var(--ink);border-radius:var(--hs-control-radius);cursor:pointer;background:0 0;border:0;grid-template-columns:44px 1fr 16px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:grid}.guide-code:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.guide-code:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-code .copy-mark{color:var(--muted);opacity:0;transition:opacity .12s}.guide-code:hover .copy-mark,.guide-code:focus-visible .copy-mark{opacity:1}.guide-code-label{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:600}.guide-code-value{overflow-wrap:anywhere}.guide-colour-note{color:var(--muted);margin:0;padding:4px 14px 18px;font-size:13px;line-height:1.5}.guide-pairs-block{gap:0;display:grid}.guide-pairs{border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-pair{border:1px solid var(--line);border-left:0;align-content:space-between;gap:24px;min-height:180px;padding:18px;display:grid}.guide-pair-sample{font-family:var(--g-display,var(--sans));font-size:clamp(48px,4.4vw,72px);font-weight:500;line-height:1}.guide-pair-words{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.45}.guide-type{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.guide-type-row{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;gap:24px;padding:24px 0;display:grid}.guide-type-label{align-content:start;gap:4px;font-size:13px;display:grid}.guide-type-label span,.guide-type-label small{color:var(--muted)}.guide-type-sample{color:var(--ink);overflow-wrap:anywhere;max-width:32em;margin:0;line-height:1.2}.guide-type-row[data-role=body] .guide-type-sample{line-height:1.55}.guide-faces{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide-faces .guide-code{border:1px solid var(--line);grid-template-columns:32px auto 16px}.guide-faces .guide-code-label{color:var(--ink);font-size:18px}.guide-imagery{gap:16px;display:grid}.guide-textures{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-texture{aspect-ratio:1;border:1px solid var(--line);position:relative;overflow:hidden}.guide-texture-art,.guide-texture-art svg{width:100%;height:100%;display:block}.guide-texture .guide-tag{position:absolute;bottom:8px;left:8px}.guide-voice{gap:16px;display:grid;position:relative}.guide-edit{justify-self:end}.guide-voice-summary{max-width:46ch;margin:0;font-size:20px;line-height:1.45}.guide-voice-traits{color:var(--muted);margin:0}.guide-words{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-words ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.guide-words li{border:1px solid var(--line);padding:4px 8px;font-size:14px}.guide-words ul[data-avoid] li{color:var(--muted)}.guide-examples{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-examples li{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;padding:12px 0;display:grid}.guide-examples span{gap:4px;font-size:15px;display:grid}.guide-examples small{color:var(--muted);font-size:12px}.guide-examples span:first-child{color:var(--muted)}.guide-form{gap:16px;max-width:760px;display:grid}.guide-form label{gap:6px;font-size:13px;font-weight:500;display:grid}.guide-form textarea,.guide-form input{font:inherit;border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--bg,#fff);color:var(--ink);padding:10px 12px;font-size:15px}.guide-form-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guide-dos{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-dos ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-dos li{grid-template-columns:16px 1fr;gap:8px;font-size:15px;line-height:1.45;display:grid}.guide-dos ul[data-kind=dont] li svg{color:var(--danger,#b42318)}.guide-context{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.guide-context-item{align-content:start;justify-items:start;gap:8px;display:grid}.guide-context-item>img,.guide-context-item>.guide-ex{justify-self:stretch}.guide-context-item>img{border:1px solid var(--line);background:var(--paper);width:100%;height:auto;display:block}.guide-ex{border:1px solid var(--line);background:var(--g-ground);color:var(--g-text-colour);align-content:space-between;gap:12px;padding:16px;display:grid;overflow:hidden}.guide-ex-post{aspect-ratio:4/5}.guide-ex-story{aspect-ratio:9/16;max-height:360px}.guide-ex-card{aspect-ratio:85/55;background:var(--g-fill);color:var(--g-on-fill);align-content:center;justify-items:start}.guide-ex-header{aspect-ratio:16/9;grid-template-rows:auto 1fr;align-content:start}.guide-ex-head{font-family:var(--g-display,var(--sans));color:var(--g-main);overflow-wrap:anywhere;font-size:22px;line-height:1.1}.guide-ex-card .guide-ex-head{color:inherit}.guide-ex-header .guide-ex-head{align-self:center;font-size:26px}.guide-ex-body{font-family:var(--g-text,var(--sans));-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.guide-ex-small{font-family:var(--g-text,var(--sans));font-size:11px}.guide-ex-logo{object-fit:contain;object-position:left center;max-width:45%;max-height:40px;display:block}.guide-ex-name{max-width:none;font-family:var(--g-display,var(--sans));font-size:16px}@media (max-width:820px){.guide-chapter .brand-logo-ground{aspect-ratio:4/3;padding:32px}.guide-chapter .logo-pair:has(>.logo-card+.logo-card){grid-template-columns:1fr}.guide-chapter .logo-card+.logo-card{border-left:0;border-top:1px solid var(--line)}.guide-chapter .logo-own .brand-logo-ground{aspect-ratio:2}.guide-logo-ground{aspect-ratio:1;padding:20px}.guide-logo-ground img{max-width:80%}.guide-logo-specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guide-spec{padding:24px 16px 24px 0}.guide-spec+.guide-spec{padding-left:16px}.guide-spec:nth-child(3){border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding-left:0}.guide-spec-art{min-height:120px}.guide-min{gap:4px 16px}.guide-min-figure{font-size:48px}.guide-clear-box{padding:18px}.guide-clear-box img{max-width:110px}.guide-type-row{grid-template-columns:1fr;gap:8px}.guide-textures{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-words,.guide-dos,.guide-form-pair,.guide-examples li{grid-template-columns:1fr}.guide-colours{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-colour-field{min-height:150px;padding:14px}.guide-code{grid-template-columns:36px 1fr 16px;padding:6px;font-size:13px}.guide-code .copy-mark{opacity:1}.guide-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-pair{min-height:128px}.guide-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-context-item[data-example=header]{grid-column:1/-1}}.page-slot{align-items:center;min-width:0;display:flex}.page-slot:empty{display:none}.guide>.guide-switch{justify-self:start;margin-bottom:24px}.guide-hero-foot:not(:has(.guide-hero-meta)){grid-template-columns:minmax(0,1fr)}.guide-switch{border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--bg,#fff);max-width:100%;min-height:36px;color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:14px;font-weight:500;transition:background .16s,border-color .16s;display:inline-flex}.guide-switch>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.guide-switch svg{color:var(--muted);flex:none;transition:transform .2s cubic-bezier(.2,0,0,1)}.guide-switch:hover,.guide-switch[aria-expanded=true]{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:color-mix(in srgb, var(--ink) 4%, var(--bg,#fff))}.guide-switch[aria-expanded=true] svg{transform:rotate(180deg)}.guide-switch:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-pop.guide-switch-pop{overscroll-behavior:contain;gap:0;width:400px;max-height:min(72vh,640px);padding:6px;overflow-y:auto}.guide-pop.guide-switch-pop.is-sheet{width:auto;max-height:86vh;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.guide-switch-panel{gap:4px;display:grid}.guide-switch-panel>.error{margin:4px 10px}.guide-switch-behind{border-bottom:1px solid var(--line);justify-items:start;gap:6px;margin-bottom:4px;padding:10px 10px 12px;font-size:13px;line-height:1.45;display:grid}.guide-switch-behind p{margin:0}.guide-switch-line{gap:2px;display:grid}.guide-switch-line+.guide-switch-line{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.guide-switch-line-head{justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding-left:10px;display:flex}.guide-switch-line-head h3{min-width:0;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.guide-switch-line-tools{flex:none;display:flex}.guide-switch-line-tools .icon-button,.guide-switch-rename .icon-button{width:36px;height:36px;color:var(--muted)}.guide-switch-line-tools .icon-button:hover{color:var(--ink)}.guide-switch-rename{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.guide-switch-rename input{min-width:0;height:34px;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--bg,#fff);flex:1;padding:0 10px;font-size:14px}.guide-switch-line[data-status=archived] .guide-switch-list{opacity:.72}.guide-switch-confirm{border:1px solid var(--line);border-radius:var(--hs-control-radius);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 16px;margin:2px 4px 6px;padding:10px 12px;display:flex}.guide-switch-confirm p{flex:100%;margin:0;font-size:13px;line-height:1.45}.guide-switch-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.guide-switch-row{border-radius:var(--hs-control-radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:background .12s;display:grid}:is(.guide-switch-row:has(button.guide-switch-pick:hover),.guide-switch-row:has(button.guide-switch-pick:focus-visible)){background:color-mix(in srgb, var(--ink) 5%, transparent)}.guide-switch-pick{border-radius:var(--hs-control-radius);width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) 16px;align-items:start;gap:10px;padding:10px;display:grid}button.guide-switch-pick{cursor:pointer}.guide-switch-pick:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-switch-pick>svg{margin-top:2px}.guide-switch-n{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;font-weight:500;line-height:1.45}.guide-switch-row[data-current] .guide-switch-n{color:var(--ink)}.guide-switch-row[data-waiting] .guide-switch-n:before{content:"";border:1px solid var(--muted);width:9px;height:9px;margin-top:6px;display:block}.guide-switch-words{min-width:0;color:var(--muted);gap:2px;font-size:13px;line-height:1.45;display:grid}.guide-switch-words strong{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.guide-switch-words strong .guide-tag{height:20px;padding:0 6px;font-size:11px}.guide-switch-words>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide-switch-words small{font-size:12px}.guide-switch-make{white-space:nowrap;margin-right:10px;font-size:13px}.guide-switch-actions{border-top:1px solid var(--line);background:var(--paper);margin:4px -6px -6px;padding:4px 6px 6px;display:grid;position:sticky;bottom:-6px}.guide-switch-pop.is-sheet .guide-switch-actions{bottom:calc(-10px - env(safe-area-inset-bottom));margin:4px -8px calc(-10px - env(safe-area-inset-bottom));padding:4px 8px calc(10px + env(safe-area-inset-bottom))}.guide-switch-actions button{border-radius:var(--hs-control-radius);min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.guide-switch-actions button svg{color:var(--muted);flex:none}.guide-switch-actions button:hover,.guide-switch-actions button:focus-visible{background:color-mix(in srgb, var(--ink) 5%, transparent);outline:none}.guide-switch-actions button:focus-visible{box-shadow:inset 0 0 0 1px var(--muted)}.guide-switch-pop.is-sheet .guide-switch-actions button{min-height:52px;font-size:16px}.guide-viewing{border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;min-height:52px;margin:-43px -40px 0;padding:8px 28px 8px 40px;font-size:14px;display:flex}.guide-viewing p{margin:0;font-weight:500}.guide-viewing-actions{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.guide-viewing .secondary{min-height:36px}.guide-viewing .error{flex-basis:100%}.guide-viewing+.guide-hero-wrap{margin-top:0}@media (max-width:1200px){.guide-viewing{margin:-34px -27px 0;padding:8px 16px 8px 27px}}@media (max-width:760px){.guide-viewing{margin:-28px -20px 0;padding:8px 20px}}.guide-sheet-scrim{z-index:66;background:color-mix(in srgb, var(--ink) 18%, transparent);justify-content:flex-end;display:flex;position:fixed;inset:0}.guide-sheet{background:var(--paper);width:min(440px,100%);height:100%;color:var(--ink);border-left:1px solid var(--line);font-family:var(--sans);flex-direction:column;display:flex}.guide-sheet.is-wide{width:min(680px,100%)}.guide-sheet:focus{outline:none}.guide-sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 6px 24px;display:flex}.guide-sheet-head h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.guide-sheet-body{overscroll-behavior:contain;flex:1;align-content:start;gap:16px;min-height:0;padding:16px 24px 24px;display:grid;overflow:auto}.guide-sheet-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.guide-sheet-foot .secondary[aria-disabled=true]{cursor:default}.guide-sheet-form{gap:8px;display:grid}.guide-sheet-form label{font-size:15px;font-weight:500}.guide-sheet-form textarea,.guide-checkup textarea{width:100%;min-height:148px;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--bg,#fff);resize:vertical;padding:12px;font-size:16px;line-height:1.5}.guide-sheet-form textarea[readonly]{color:var(--muted)}.guide-sheet-sent{justify-items:start;gap:12px;padding-top:8px;display:grid}.guide-sheet-sent p{text-wrap:pretty;max-width:34ch;margin:0;font-size:18px;line-height:1.45}.guide-sheet-scrim.is-phone{align-items:flex-end}.is-phone .guide-sheet{border-left:0;border-top:1px solid var(--line);border-radius:var(--hs-control-radius) var(--hs-control-radius) 0 0;width:100%;height:auto;max-height:calc(100% - 40px)}.is-phone .guide-sheet-head{padding:12px 6px 2px 20px}.is-phone .guide-sheet-head .icon-button{width:44px;height:44px}.is-phone .guide-sheet-body{padding:12px 20px 20px}.is-phone .guide-sheet-foot{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.is-phone .guide-sheet-foot>:last-child{flex:1;justify-content:center;min-height:48px}@media (prefers-reduced-motion:no-preference){.guide-sheet-scrim{animation:.18s cubic-bezier(.2,0,0,1) buy-scrim-in}.guide-sheet{animation:.24s cubic-bezier(.2,0,0,1) buy-panel-in}.is-phone .guide-sheet{animation-name:buy-sheet-in}}@media print{#studio-rail,.phone-bar,.topbar,.guide-nav,.guide-pin,.guide-switch,.guide-viewing,.guide-edit,.brand-actions,.color-fix-form,.brand-block-head .text-button,.toast,[role=status]{display:none!important}.app-shell,.main,.main-inner{max-width:none!important;margin:0!important;padding:0!important;display:block!important}.guide{gap:0}.guide-hero-wrap{break-after:page;min-height:92vh;margin:0}.guide-chapter{break-before:page;padding-top:6mm}.guide-chapter>*{break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.guide-files{gap:24px;display:grid}.guide-kit{border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:20px;display:flex}.guide-kit-inside{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.guide-elements{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.guide-elements li{gap:8px;display:grid}.guide-elements .guide-texture-art,.guide-elements img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);width:100%;height:auto}@media print{.guide-chapter[data-guide-chapter=files]{display:none!important}}.guide-inspired{gap:20px;display:grid}.guide-inspired-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.guide-inspired-item{align-content:start;gap:8px;font-size:14px;display:grid;position:relative}.guide-inspired-item img,.guide-inspired-link{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);width:100%;height:auto}.guide-inspired-link{color:var(--ink);background:var(--paper);overflow-wrap:anywhere;place-content:center;justify-items:center;gap:8px;padding:12px;text-decoration:none;display:grid}.guide-inspired-item .guide-tag{position:absolute;top:8px;left:8px}.guide-inspired-item p{margin:0;line-height:1.45}.guide-inspired-item small{color:var(--muted);font-size:12px}.guide-inspired-item .icon-button{background:var(--bg,#fff);position:absolute;top:4px;right:4px}.guide-checkup{gap:16px;display:grid}.guide-checkup-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.guide-checkup-steps{gap:4px;margin:-8px 0 8px;padding:0;list-style:none;display:flex}.guide-checkup-steps li{background:var(--line);flex:1;height:2px;transition:background .2s}.guide-checkup-steps li:is([data-done],[data-now]){background:var(--ink)}.guide-checkup fieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.guide-checkup legend{text-wrap:pretty;margin-bottom:16px;padding:0;font-size:20px;font-weight:500;line-height:1.3}.guide-checkup textarea{min-height:120px}.guide-checkup-choices{flex-wrap:wrap;gap:8px;display:flex}.guide-choice{min-height:44px;font:inherit;color:var(--ink);background:var(--bg,#fff);border:1px solid var(--line);border-radius:var(--hs-control-radius);cursor:pointer;padding:0 16px;font-size:15px}.guide-choice[aria-pressed=true]{background:var(--ink);color:var(--bg,#fff);border-color:var(--ink)}.guide-choice:focus-visible{box-shadow:inset 0 0 0 1px var(--muted);outline:none}.guide-choice[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--bg,#fff)}.guide-compare{gap:20px;display:grid}.guide-compare-head{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.guide-compare-head select{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--bg,#fff);color:var(--ink);padding:10px 12px;font-size:15px}.guide-compare-sides{border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}.guide-compare-side{align-content:start;gap:12px;padding:16px;display:grid}.guide-compare-side+.guide-compare-side{border-left:1px solid var(--line)}.guide-compare-swatches{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.guide-compare-swatches li{grid-template-columns:20px 1fr auto;align-items:center;gap:8px;display:grid}.guide-compare-swatches i,.guide-change-hex i{border:1px solid var(--line);width:20px;height:20px;display:inline-block}.guide-compare-swatches code{color:var(--muted);font-size:12px}.guide-compare-faces,.guide-compare-voice{margin:0;font-size:14px;line-height:1.45}.guide-changes{gap:16px;margin:0;padding:0;list-style:none;display:grid}.guide-changes h4{margin:0 0 6px;font-size:13px;font-weight:600}.guide-changes ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guide-change{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;line-height:1.45;display:flex}.guide-change mark{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:1px 6px}.guide-change-hex{align-items:center;gap:6px;display:inline-flex}@media (max-width:640px){.guide-compare-head,.guide-compare-sides{grid-template-columns:1fr}.guide-compare-side+.guide-compare-side{border-left:0;border-top:1px solid var(--line)}}@media print{.guide-tray,.guide-pop,.guide-sheet-scrim,.guide-chapter[data-guide-chapter=inspired]{display:none!important}}.guide-chapter .voice-line{padding:28px 24px 28px 28px}.guide-chapter .voice-line q{font-family:var(--g-display,var(--serif));font-size:clamp(28px,3.4vw,48px);line-height:1.12}@media (max-width:640px){.guide-chapter .voice-line{grid-template-columns:minmax(0,1fr) auto;row-gap:12px;padding:20px 16px}.guide-chapter .voice-line q{grid-column:1/-1}}
.welcome{--welcome-pad:20px;z-index:65;overscroll-behavior:contain;background:var(--bg);color:var(--ink);grid-template-rows:auto minmax(0,1fr);animation:.18s cubic-bezier(.2,0,0,1) both welcome-in;display:grid;position:fixed;inset:0;overflow-y:auto}.welcome:not(.is-landed){overflow:hidden}.welcome-bar{z-index:3;min-height:64px;padding:max(10px, env(safe-area-inset-top)) var(--welcome-pad) 10px;background:var(--bg);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.welcome-by{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.welcome-skip{border:1px solid var(--line);background:var(--paper);min-height:44px;padding:0 16px;font-size:14px;font-weight:600}.welcome-skip:hover{background:var(--tint)}.welcome-intro{z-index:2;padding:0 var(--welcome-pad) 6vh;text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.welcome-block{color:var(--ill-face);margin-bottom:10px}.welcome-for{color:var(--muted);font-size:14px;font-weight:500}.welcome-intro .welcome-for{color:var(--ink);font-size:16px}.welcome h1{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-variant-numeric:lining-nums;text-wrap:balance;margin:0;line-height:1.04}.welcome-intro h1{max-width:14ch;font-size:clamp(38px,10vw,72px)}.welcome-intro .welcome-for{animation:.52s cubic-bezier(.16,1,.3,1) .24s both welcome-land}.welcome-intro h1{animation:.76s cubic-bezier(.16,1,.3,1) .32s both welcome-rise}.welcome-stage{z-index:1;perspective:var(--welcome-perspective,1400px);perspective-origin:50%;transform-style:preserve-3d;pointer-events:none;position:fixed;inset:0}.welcome-card{opacity:0;backface-visibility:hidden;will-change:transform, opacity;width:0;height:0;position:absolute;top:50%;left:50%}.welcome-card :is(img,video){object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.welcome-card video{opacity:0}.welcome-captions{z-index:2;pointer-events:none;position:fixed;inset:0}.welcome-caption{top:100%;right:var(--welcome-pad);left:var(--welcome-pad);text-align:center;opacity:0;will-change:transform, opacity;justify-items:center;gap:4px;margin:0;display:grid;position:absolute}.welcome-type{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.welcome-caption strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;font-weight:600;overflow:hidden}.welcome:is([data-welcome=intro],[data-welcome=piece]) .welcome-end,.welcome:not(.is-landed) :is(.welcome-pick img,.welcome-heart){visibility:hidden}.welcome.is-end :is(.welcome-head,.welcome-next){animation:.56s cubic-bezier(.16,1,.3,1) .26s both welcome-land}.welcome.is-end .welcome-name{animation:.4s cubic-bezier(.2,0,0,1) .9s both welcome-in}.welcome.is-end .welcome-pick .welcome-field:before{animation:.7s cubic-bezier(.2,0,0,1) .42s both welcome-in}.welcome.is-landed .welcome-heart{animation:welcome-stamp .2s cubic-bezier(.2, 0, 0, 1) calc(var(--i,0) * 36ms) both}.welcome-end{width:100%;max-width:1040px;padding:4px var(--welcome-pad) 0;align-content:start;justify-self:center;gap:24px;display:grid}.welcome-head{gap:8px;display:grid}.welcome-head .welcome-for{margin-bottom:4px}.welcome-head h1{font-size:clamp(30px,7vw,48px)}.welcome-head p{max-width:48ch;color:var(--muted);font-size:15px;line-height:1.5}.welcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin:0;padding:0;list-style:none;display:grid}.welcome-grid li{gap:8px;min-width:0;display:grid}.welcome-pick{--field-pad:14px;aspect-ratio:4/5;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.welcome-field{display:block;position:relative}.welcome-field img{inset:var(--field-pad);width:calc(100% - 2 * var(--field-pad));height:calc(100% - 2 * var(--field-pad));object-fit:contain;position:absolute}.welcome-pick .welcome-field{position:absolute;inset:0}.welcome-field:before{content:"";background:var(--tint);position:absolute;inset:0}.welcome-pick:hover img{transform:scale(1.02)}.welcome-pick img{transition:transform .2s cubic-bezier(.2,0,0,1)}.welcome-heart{border:1px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--ink);place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.welcome-pick[aria-pressed=true] .welcome-heart{border-color:var(--sig);background:var(--sig);color:var(--on-sig)}.welcome-pick[aria-pressed=true] .welcome-field{outline:2px solid var(--ink);outline-offset:-2px}.welcome-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.welcome-next{z-index:2;margin:0 calc(-1 * var(--welcome-pad));padding:14px var(--welcome-pad) max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);gap:12px;display:grid;position:sticky;bottom:0}.welcome-next p{font-size:15px;line-height:1.5}.welcome-next p strong{font-weight:600}.welcome-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.welcome-end .error{margin:0}.welcome-empty{max-width:560px;padding-bottom:max(32px, env(safe-area-inset-bottom));align-self:center;animation:.56s cubic-bezier(.16,1,.3,1) both welcome-land}.welcome-spot.ill{width:152px;margin-left:-10px}.welcome-making{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.welcome-making li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;font-size:15px;display:grid}.welcome-making strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.welcome-making span{color:var(--muted);font-size:13px}@media (min-width:761px){.welcome{--welcome-pad:40px}.welcome-bar{min-height:76px}.welcome-grid{grid-template-columns:repeat(4,minmax(0,232px));gap:28px 20px}.welcome-end:is([data-count="3"],[data-count="5"],[data-count="6"]) .welcome-grid{grid-template-columns:repeat(3,minmax(0,232px))}.welcome-end:is([data-count="1"],[data-count="2"]) .welcome-grid{grid-template-columns:repeat(2,minmax(0,280px))}.welcome-next{grid-template-columns:minmax(0,1fr) auto;align-items:center}.welcome-pick{--field-pad:20px}}@keyframes welcome-stamp{0%{opacity:0;transform:scale(1.06)}}@keyframes welcome-in{0%{opacity:0}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes welcome-land{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.welcome,.welcome *{transition:none!important;animation:none!important}}html:has([data-first-visit]){scrollbar-gutter:stable}
.conveyor{--cv-host:40px;--cv-logo:120px;--cv-words:232px;--cv-side:72px;--cv-width:416px;--cv-controls:76px;z-index:65;background:var(--bg);color:var(--ink);grid-template-columns:560px minmax(0,1fr);animation:.18s cubic-bezier(.2,0,0,1) both welcome-in;display:grid;position:fixed;inset:0}@media (max-width:1180px){.conveyor{--cv-side:48px;grid-template-columns:512px minmax(0,1fr)}}.conveyor-guide{min-width:0;min-height:0;position:relative}.conveyor-host{top:var(--cv-host);left:var(--cv-side);box-sizing:border-box;height:36px;color:var(--ink);align-items:center;padding:0 8px;display:inline-flex;position:absolute}.conveyor-host .lockup svg{margin:0 4px}.conveyor-host .lockup .lockup-word{font-size:14.8px}.conveyor-logo-slot{top:var(--cv-logo);left:var(--cv-side);width:var(--cv-width);pointer-events:none;height:96px;position:absolute}.conveyor-logo{--logo-filter:var(--logo-ground-filter);--logo-chip:var(--logo-ground-chip);--logo-pad:var(--logo-ground-pad);align-items:center;max-width:100%;height:48px;display:flex;position:absolute;top:0;left:0}.conveyor-logo.is-large{height:96px}.conveyor-logo .wordmark-logo{height:100%;max-width:var(--cv-width);box-sizing:border-box;object-fit:contain;object-position:left center;display:block}.conveyor-name{max-width:var(--cv-width);font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.conveyor-logo .conveyor-name{font-size:28px;line-height:36px}.conveyor-logo.is-large .conveyor-name{font-size:34px;line-height:44px}.conveyor-logo.is-large .conveyor-name.is-long{white-space:normal;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:28px;line-height:36px;display:-webkit-box}.conveyor-blocks{top:var(--cv-words);left:var(--cv-side);bottom:calc(var(--cv-controls) + 44px + 32px);width:var(--cv-width);overscroll-behavior:contain;scrollbar-width:thin;align-content:start;display:grid;position:absolute;overflow-y:auto}.conveyor-block{flex-direction:column;grid-area:1/1;align-items:flex-start;min-width:0;display:flex}.conveyor-block.is-welcome{padding-top:16px}.conveyor-block[aria-hidden=true]{pointer-events:none}.conveyor-block h1,.conveyor-block h2{max-width:100%;font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-variant-numeric:lining-nums;text-wrap:balance;overflow-wrap:anywhere;margin:0}.conveyor-block h1{font-size:44px;line-height:52px}.conveyor-block h1.is-long{font-size:36px;line-height:44px}.conveyor-block h2{font-size:40px;line-height:48px}.conveyor-body{margin:24px 0 0;font-size:17px;line-height:26px}.conveyor-body+.conveyor-body{color:var(--muted);margin-top:16px}.conveyor-intro{flex-direction:column;align-items:flex-start;max-width:100%;display:flex}.conveyor-kind{color:var(--muted);flex-wrap:wrap;column-gap:12px;margin:0 0 8px;font-size:15px;font-weight:500;line-height:20px;display:flex}.conveyor-look{color:var(--muted);margin:-4px 0 8px;font-size:13px;line-height:18px}.conveyor-reason{margin:16px 0 0;font-size:17px;line-height:26px}.conveyor-group{margin-top:32px}.conveyor-label{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:500;line-height:18px}.conveyor-uses{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.conveyor-uses li{color:var(--ink);white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:400;line-height:22px;display:inline-flex}.conveyor-uses li svg{width:18px;height:18px;color:var(--muted);flex:none}.conveyor-price{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;line-height:20px;display:flex}.conveyor-price strong{color:var(--ink);font-variant-numeric:lining-nums;font-size:28px;font-weight:600;line-height:34px}.conveyor-reactions{flex-wrap:wrap;gap:8px;display:flex}.conveyor-price+.conveyor-reactions{margin-top:16px}.conveyor-react{border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--paper);height:32px;color:var(--ink);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;display:inline-flex}.conveyor-react:hover{background:var(--tint)}.conveyor-react[aria-pressed=true]{border-color:var(--ink);background:var(--tint)}.conveyor-block .error{margin-top:12px}.conveyor-controls{left:var(--cv-side);bottom:var(--cv-controls);width:var(--cv-width);height:44px;position:absolute}.conveyor-controls-set{align-items:center;gap:8px;display:flex;position:absolute;inset:0}.conveyor-back.icon-button{border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--paper);flex:none;width:44px;height:44px}.conveyor-back.icon-button:hover{background:var(--tint)}.conveyor-progress-slot{width:160px;min-width:0;height:44px;display:grid}.conveyor-progress{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/1;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:18px;display:flex}.conveyor-segments{flex:1;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.conveyor-progress[data-many] .conveyor-segments{gap:2px}.conveyor-segments{container:conveyor-segments/inline-size}@container conveyor-segments (max-width:72px){.conveyor-segments li+li{margin-left:-3px}}.conveyor-count{flex:none;display:grid;position:relative}.conveyor-count>span{grid-area:1/1}.conveyor-segments li{background:var(--line);flex:0 11px;min-width:2px;height:3px;position:relative}.conveyor-segments li.is-done{background:var(--muted)}.conveyor-segment-bar{background:var(--ink);position:absolute;inset:0}.conveyor-pause.icon-button{border-radius:var(--hs-control-radius);width:32px;height:44px;color:var(--muted);background-clip:content-box;flex:none;margin:0 -8px;padding:0 4px}.conveyor-pause.icon-button:hover{color:var(--ink)}.conveyor-pause.icon-button:focus-visible{outline-offset:-5px}.conveyor-start+.conveyor-pause.icon-button{margin-left:0}.conveyor-next.primary,.conveyor-start.primary{white-space:nowrap;flex:none;width:196px;height:44px}.conveyor-next.primary{margin-left:auto}.conveyor-next-label{display:grid}.conveyor-next-label>span{grid-area:1/1}.conveyor-start[aria-disabled=true]{cursor:progress}.conveyor-controls[data-start-slot=next] .conveyor-start.primary{margin-left:auto}.conveyor-controls-set[data-arriving] :is(.conveyor-back,.conveyor-start,.conveyor-pause){pointer-events:none}.conveyor-note{left:var(--cv-side);max-width:var(--cv-width);min-height:44px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:13px;line-height:18px;display:flex;position:absolute;bottom:17px}.conveyor-note:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.conveyor-ask{left:var(--cv-side);bottom:var(--cv-controls);z-index:2;box-sizing:border-box;width:var(--cv-width);border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--paper);padding:24px;animation:.16s cubic-bezier(.2,0,0,1) both welcome-in;position:absolute}.conveyor-ask:focus{outline:none}.conveyor-ask h2{margin:0;font-size:17px;font-weight:600;line-height:26px}.conveyor-ask p{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:22px}.conveyor-ask-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.conveyor-ask-actions>*{min-height:44px}.conveyor-top{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:32px;right:32px}.conveyor-phone-logo{display:none}.conveyor-skip{white-space:nowrap;min-height:44px;color:var(--ink);flex:none;padding:0 12px;font-size:15px;font-weight:600;line-height:20px}.conveyor-skip:hover{color:var(--muted)}.conveyor-top .theme-switch-compact{border:1px solid var(--line);border-radius:var(--hs-control-radius);background:var(--paper);width:44px;height:44px}.conveyor-stage{background:color-mix(in srgb, var(--ink) 4%, var(--bg));min-width:0;position:relative;overflow:hidden}.conveyor-stage>.conveyor-ill.ill{width:min(calc(100% - 120px), var(--cv-ill-w,640px));height:min(calc(100% - 96px), var(--cv-ill-h,700px));position:absolute;top:50%;left:60px;overflow:visible;translate:0 -50%}.conveyor-ill .conveyor-plate{fill:var(--paper)}.conveyor-card{box-sizing:border-box;border:1px solid var(--line);background:var(--paper);opacity:0;transform-origin:0 0;pointer-events:none;padding:16px;position:absolute;top:0;left:0}.conveyor-card img{object-fit:contain;width:100%;height:100%;display:block}.conveyor-row{perspective:var(--row-perspective,1400px);perspective-origin:50%;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.conveyor-row-card{backface-visibility:hidden;will-change:transform, opacity;position:absolute;top:50%;left:50%}.conveyor-row-card img,.conveyor-row-card video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.conveyor-row-card>img:first-child{transition:opacity}.conveyor-row-card:has(>.live-art[data-live-ready])>img:first-child{opacity:0;transition:opacity 0s .44s}.conveyor-row-card .conveyor-row-large{z-index:2;opacity:0;transition:opacity .24s cubic-bezier(.2,0,0,1)}.conveyor-row-card .conveyor-row-large[data-row-large=on]{opacity:1}.conveyor-row-card video[data-row-video]{z-index:3;opacity:0;transition:opacity .36s cubic-bezier(.2,0,0,1)}.conveyor-row-card video[data-row-video=on]{opacity:1}.conveyor-row-card.placeholder-block{background:color-mix(in srgb, var(--ink) 7%, color-mix(in srgb, var(--ink) 4%, var(--bg)))}.conveyor-ill.ill{--ill-ink:var(--ill-stroke,var(--ink));--ill-ground:var(--ill-plane,var(--paper));--ill-block:var(--ill-face,var(--sig));--ill-line:1.15px;stroke-linecap:round;stroke-linejoin:round}.conveyor-ill.ill :is(path,polygon,polyline,line,rect,circle){vector-effect:none}@media (min-width:901px){.conveyor{--cv-slot:96px;--cv-title:clamp(32px, 4.45vh, 40px);--cv-headline:clamp(36px, 4.9vh, 44px);--cv-gap:clamp(20px, 3.6vh, 32px)}.conveyor-guide{box-sizing:border-box;height:100%;padding:var(--cv-host) var(--cv-side) 17px;flex-direction:column;align-items:flex-start;display:flex}.conveyor-host{flex:none;position:static}.conveyor-logo-slot{height:var(--cv-slot);margin-top:calc(var(--cv-logo) - var(--cv-host) - 36px);flex:none;position:relative;top:auto;left:auto}.conveyor-blocks{min-height:0;margin:calc(var(--cv-words) - var(--cv-logo) - var(--cv-slot)) 0 32px;scrollbar-width:thin;flex:auto;position:relative;top:auto;bottom:auto;left:auto}.conveyor-blocks[data-more]{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.conveyor-blocks[data-above]{-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}.conveyor-blocks[data-above][data-more]{-webkit-mask-image:linear-gradient(#0000,#000 40px calc(100% - 56px),#0000);mask-image:linear-gradient(#0000,#000 40px calc(100% - 56px),#0000)}.conveyor-block.is-welcome{padding-top:calc(var(--cv-logo-large,96px) + 32px - var(--cv-slot) - (var(--cv-words) - var(--cv-logo) - var(--cv-slot)))}.conveyor-controls{flex:none;position:relative;bottom:auto;left:auto}.conveyor-note{margin-top:calc(var(--cv-controls) - 44px - 17px);flex:none;position:static}.conveyor-block h1{font-size:var(--cv-headline);line-height:1.18}.conveyor-block h1.is-long{font-size:calc(var(--cv-headline) - 8px)}.conveyor-block h2{font-size:var(--cv-title);line-height:1.2}.conveyor-group{margin-top:var(--cv-gap)}}@media (min-width:901px) and (max-height:860px){.conveyor{--cv-logo:104px;--cv-words:200px}}@media (min-width:901px) and (max-height:800px){.conveyor{--cv-host:28px;--cv-logo:88px;--cv-words:168px;--cv-controls:68px;--cv-slot:80px}.conveyor-top{top:24px}}@media (min-width:901px) and (max-height:768px){.conveyor{--cv-host:24px;--cv-logo:76px;--cv-words:136px;--cv-slot:60px;--cv-logo-large:72px;--cv-gap:20px}.conveyor-logo{height:40px}.conveyor-logo.is-large{height:72px}.conveyor-reason{margin-top:12px}.conveyor-uses{gap:6px 16px}.conveyor-uses li{font-size:14px;line-height:20px}.conveyor-uses li svg{width:16px;height:16px}.conveyor-price strong{font-size:24px;line-height:30px}.conveyor-price+.conveyor-reactions{margin-top:12px}}@media (max-width:900px){.conveyor{--cv-top:64px;--cv-stage:clamp(168px, 40svh, 440px);--cv-safe-b:env(safe-area-inset-bottom,0px);grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--cv-top) + env(safe-area-inset-top,0px)) var(--cv-stage) minmax(0, 1fr) auto auto;grid-template-areas:"top""stage""words""note""controls";height:100dvh;display:grid;bottom:auto}.conveyor-guide{display:contents}.conveyor-top{box-sizing:border-box;min-width:0;padding:env(safe-area-inset-top,0px) 16px 0 20px;background:var(--bg);grid-area:top;position:relative;top:auto;right:auto}.conveyor-phone-logo{--logo-filter:var(--logo-ground-filter);--logo-chip:var(--logo-ground-chip);--logo-pad:var(--logo-ground-pad);flex:auto;align-items:center;min-width:0;height:28px;margin-right:auto;display:flex}.conveyor-phone-logo .wordmark-logo{object-fit:contain;object-position:left center;max-width:140px;height:28px}.conveyor-phone-logo .conveyor-name{max-width:100%;font-size:18px;line-height:28px}.conveyor-host,.conveyor-logo-slot{display:none}.conveyor-stage{grid-area:stage;min-height:0}.conveyor-stage>.conveyor-ill.ill{width:calc(100% - 32px);height:calc(100% - 24px);left:16px}.conveyor-card{padding:12px}.conveyor-blocks{box-sizing:border-box;grid-area:words;width:auto;min-height:0;padding:16px 20px 0;position:relative;top:auto;bottom:auto;left:auto;container:conveyor-words/size}.conveyor-blocks[data-more]{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.conveyor-block.is-welcome{padding-top:0}.conveyor-block h1{font-size:30px;line-height:36px}.conveyor-block h1.is-long{font-size:26px;line-height:32px}.conveyor-block h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:28px;line-height:34px;display:-webkit-box;overflow:hidden}.conveyor-body{margin-top:12px;font-size:15px;line-height:22px}.conveyor-body+.conveyor-body{margin-top:10px}.conveyor-kind{margin-bottom:6px;font-size:13px;line-height:18px}.conveyor-look{margin:-2px 0 6px;font-size:12px;line-height:16px}.conveyor-reason{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:15px;line-height:22px;display:-webkit-box;overflow:hidden}.conveyor-group{margin-top:14px}.conveyor-label{margin-bottom:4px;font-size:12px;line-height:16px}.conveyor-uses{gap:4px 14px}.conveyor-uses li{font-size:14px;line-height:20px}.conveyor-uses li svg{width:16px;height:16px}.conveyor-price{font-size:14px}.conveyor-price strong{font-size:24px;line-height:30px}.conveyor-note{grid-area:note;max-width:none;min-height:40px;margin:0 20px;display:none;position:relative;bottom:auto;left:auto}.conveyor-controls{z-index:3;box-sizing:border-box;width:auto;height:auto;padding:10px 16px calc(10px + var(--cv-safe-b));border-top:1px solid var(--line);background:var(--bg);grid-area:controls;display:grid;position:relative;bottom:auto;left:auto}.conveyor-controls-set{flex-wrap:wrap;grid-area:1/1;align-content:end;min-width:0;height:auto;position:relative;inset:auto}.conveyor-bar-reactions{flex-wrap:nowrap;flex:100%;min-width:0}.conveyor-bar-reactions .conveyor-react{flex:1 1 0;justify-content:center;min-width:0;height:44px;padding:0 10px;font-size:14px}.conveyor-bar-reactions .conveyor-react svg{flex:none}.conveyor-bar-reactions .conveyor-react span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conveyor-progress-slot{flex:1 0 auto;width:auto}.conveyor-progress{justify-content:center}.conveyor-segments{display:none}.conveyor-pause.icon-button{width:44px}.conveyor-start+.conveyor-pause.icon-button{order:-1;margin:0}.conveyor-next.primary,.conveyor-start.primary{flex:0 190px;width:auto;min-width:0}.conveyor-start.primary{margin-left:auto}.conveyor-ask{z-index:4;width:auto;padding:24px 20px calc(24px + var(--cv-safe-b));border-width:1px 0 0;border-radius:0;position:fixed;bottom:0;left:0;right:0}}@media (max-width:900px) and (min-height:720px){.conveyor-note{display:flex}}@media (max-width:900px) and (max-height:620px){.conveyor{--cv-top:56px;--cv-stage:clamp(160px, 36svh, 440px)}.conveyor-controls{padding:8px 16px calc(8px + var(--cv-safe-b))}.conveyor-controls-set{gap:6px 8px}.conveyor-bar-reactions .conveyor-react{height:40px}}@container conveyor-words (max-height:300px){.conveyor-block .conveyor-group:not(.conveyor-keep){display:none}.conveyor-block h1,.conveyor-block h1.is-long{font-size:24px;line-height:30px}.conveyor-body{margin-top:8px;font-size:14px;line-height:20px}.conveyor-body+.conveyor-body{margin-top:8px}}@container conveyor-words (max-height:215px){.conveyor-block h2{font-size:24px;line-height:30px}.conveyor-reason{margin-top:6px;font-size:14px;line-height:20px}.conveyor-keep{margin-top:10px}.conveyor-price strong,.conveyor-block h1,.conveyor-block h1.is-long{font-size:22px;line-height:28px}.conveyor-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}}@container conveyor-words (max-height:190px){.conveyor-reason{-webkit-line-clamp:1}.conveyor-look{display:none}}@container conveyor-words (max-height:150px){.conveyor-block h2{font-size:22px;line-height:27px}.conveyor-reason{display:none}.conveyor-block h1,.conveyor-block h1.is-long{font-size:20px;line-height:26px}.conveyor-body+.conveyor-body{display:none}}@media (max-width:420px){.conveyor-skip{padding:0 8px}}@media (max-width:360px){.conveyor-skip{padding:0 6px}.conveyor-count{display:none}}@media (prefers-reduced-motion:reduce){.conveyor,.conveyor *{transition:none!important;animation:none!important}}