/* Sequentry / engraved edition. Display-only; the desk and world wire contracts stay unchanged. */
:root{--display:"Cormorant Garamond",Georgia,serif;--body:"Source Serif 4",Georgia,serif;--ground:#faf9f5;--raise:#fffefa;--card:#fffefa;--ink:#28358e;--ink-dim:#525971;--ink-faint:#646b82;--signal:#303fa9;--signal-lo:#303fa9;--line-1:#e9e8e1;--line-2:#d9dbe4;--rule-heavy:1px solid var(--line-2);--ink-rgb:40,53,142;--signal-rgb:48,63,169;--accent:#d9dbe4;--wrap:1280px}
body::before{display:none}html,body{background:var(--ground)!important}h1,h2,h3,h4{font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(48px,6vw,80px)}h2{font-size:clamp(38px,4.5vw,60px)}p{line-height:1.65}
.nav,.nav[data-stuck="true"]{background:#fffefa!important;border-bottom:1px solid var(--line-2)!important}.nav-in{max-width:none;padding:17px 32px!important;align-items:center!important;gap:24px}.nav-mark{font-family:"Fraunces",Georgia,serif!important;font-size:23px!important;letter-spacing:-.04em!important}.nav-mark::before{display:none}.nav-links{gap:18px!important}.nav-links>a,.nav-group-btn{font:500 12px/1.4 Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important}.nav-group-btn{color:var(--ink)!important}.nav-links .btn{padding:10px 14px!important;font:500 11px Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important}.nav-wallet{background:var(--ink)!important;color:var(--raise)!important;min-height:40px}.nav-1111,.nav-world{box-shadow:none!important;border:0!important}.nav-menu{background:var(--raise)!important;border:1px solid var(--line-2)!important;box-shadow:0 12px 30px #1a245910!important}.nav-menu a b{font:500 19px var(--display)!important}.nav-menu a i{font:12px/1.5 Arial,sans-serif!important}.nav-menu a{padding:12px 16px!important}.nav-menu a:hover{background:#f0f1f7!important}
.btn:not(.wd-stage *),button.btn:not(.wd-stage *),a.btn:not(.wd-stage *){font-family:Arial,sans-serif!important;font-size:12px;letter-spacing:.03em;text-transform:none!important;min-height:44px;padding:13px 22px;border-color:var(--line-2)!important}.btn-solid:not(.wd-stage *){background:var(--ink)!important;color:var(--raise)!important}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--signal)!important;outline-offset:5px}input:not(.wd-stage *),textarea:not(.wd-stage *){font-family:Arial,sans-serif!important;font-size:14px}::selection{background:#303fa9;color:white}
/* Central white space is structural: no text is layered over the hatchwork. */
#top.sq-hero{position:relative;isolation:isolate;min-height:760px;margin:20px 24px 0;padding:0!important;border:1px solid #dddfe7!important;background:#fffefa!important;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sq-engraving{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sq-art{position:absolute;object-fit:contain;mix-blend-mode:multiply}.sq-ruins{width:33%;height:auto;left:-5%;bottom:-115px}.sq-pyramid{width:43%;height:auto;right:-12%;bottom:-50px}.sq-foliage{width:23%;height:auto;right:-6%;top:-190px;transform:rotate(155deg)}
.sq-hero-copy{position:relative;text-align:center;width:min(700px,60%);padding:45px 0 100px}.sq-kicker{font:10px/1.4 Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:0 0 20px}.sq-kicker span{padding:0 12px;color:#9398b2}.sq-emblem{width:40px;height:40px;object-fit:contain;margin:0 auto 22px;mix-blend-mode:multiply}#top.sq-hero h1{font:400 clamp(70px,7.3vw,112px)/.83 var(--display)!important;letter-spacing:-.055em!important;margin:0 0 30px;color:var(--ink)!important}#top.sq-hero h1 em{font-weight:400;font-style:italic;letter-spacing:-.035em}.sq-intro{font:17px/1.6 var(--body)!important;color:var(--ink-dim);margin:0 0 28px}.sq-actions{display:flex;gap:28px;justify-content:center;align-items:center}.sq-actions .btn{display:inline-flex;gap:25px;align-items:center}.sq-text-link{font:12px/1.6 Arial,sans-serif;color:var(--ink);text-decoration:none;border-bottom:1px solid #a1a9c6;padding-bottom:5px}.sq-text-link:hover{border-color:var(--ink)}.sq-hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:21px 26px;display:flex;justify-content:space-between;background:#fffefa;border-top:1px solid var(--line-2);font:9px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.sq-hero-bottom a{color:inherit;text-decoration:none}
.sq-explore,.sq-edition,.sq-disclosure{position:relative;z-index:1}.sq-explore{max-width:1240px;margin:0 auto;padding:110px 48px;display:grid;grid-template-columns:1fr 1.2fr;gap:110px}.sq-section-heading h2{font-size:62px;line-height:1;letter-spacing:-.045em;margin:0 0 24px}.sq-section-heading>p:not(.sq-kicker){font-size:16px;color:var(--ink-dim);margin-bottom:26px}.sq-path{display:grid;grid-template-columns:36px 1fr 20px;gap:24px;align-items:start;padding:28px 0;border:0;border-top:1px solid var(--line-2);width:100%;background:transparent;text-align:left;color:var(--ink);text-decoration:none;cursor:pointer}.sq-path:last-child{border-bottom:1px solid var(--line-2)}.sq-path:hover{background:#efeff7}.sq-number{font:10px/1.5 var(--mono);padding-top:9px}.sq-path h3,.sq-path-title{display:block;font:400 35px/1.1 var(--display);letter-spacing:-.03em;margin:0 0 12px}.sq-path p,.sq-path-desc{display:block;font:14px/1.65 Arial,sans-serif;color:var(--ink-dim);margin:0}.sq-arrow{padding-top:8px;font:22px var(--display)}.sq-edition{margin:0 48px;display:flex;align-items:center;gap:32px;padding:24px 0;border-top:1px solid var(--ink);font:10px/1.5 Arial,sans-serif;letter-spacing:.1em}.sq-edition span:nth-child(2){color:var(--ink-dim);letter-spacing:0}.sq-edition a{margin-left:auto;color:var(--ink);text-decoration:none;letter-spacing:0}.sq-disclosure{margin:0 48px;border-top:1px solid var(--line-2)}.sq-disclosure summary{display:flex;justify-content:space-between;align-items:center;padding:26px 0;cursor:pointer;list-style:none}.sq-disclosure summary::-webkit-details-marker{display:none}.sq-disclosure summary>span:first-child{font:400 32px var(--display)}.sq-disclosure summary>span:last-child{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.sq-disclosure[open]>summary{border-bottom:1px solid var(--line-2)}.sq-disclosure .sect{padding:50px 0}.sq-disclosure .wrap{padding:0}.sq-disclosure .sect .eyebrow{border-bottom-width:1px}.sq-disclosure .body-lg,.sq-disclosure .lede{font-size:16px;max-width:680px}.sq-disclosure .lede::first-letter{float:none!important;font:inherit!important;padding:0!important}.sq-disclosure .dk-tools{gap:20px;flex-wrap:wrap}.sq-disclosure .dk-filter{flex-wrap:wrap}.sq-disclosure .dk-search-wrap{min-width:180px}
#close{position:relative;margin:50px 24px 0;padding:90px 24px!important;text-align:center;background:#2c3997!important;border:0;overflow:hidden}#close .wrap{max-width:760px}#close .eyebrow{justify-content:center;border:0;color:#e1e4fc!important}#close .eyebrow>span:first-child{color:#e1e4fc!important}#close .eyebrow .rule{display:none}#close h2{color:#fffefa;font-size:clamp(44px,5.5vw,76px);font-weight:400;line-height:1.05;margin:0 0 34px}#close .cta-row{justify-content:center}#close .btn{color:#fffefa!important;border-color:#8c97d8!important}#close .btn-solid{background:#fffefa!important;color:#28358e!important}.foot{padding-top:45px!important}.foot-word{display:none}.foot .wrap{max-width:1240px}.foot-name{font-weight:400!important}.foot .fine{max-width:760px;color:var(--ink-dim);font:12px/1.7 Arial,sans-serif}.foot .ca-row{margin:24px 0}.foot-mark{color:var(--ink)!important}.hx-fab{right:18px!important;bottom:18px!important}.hx-fab .hx-avatar{background:#fffefa}.view:not(#view-overview) .sect{padding-top:56px}.view:not(#view-overview) h1{font-weight:400}.view:not(#view-overview) .eyebrow{border-bottom-width:1px}.view:not(#view-overview) .lede{font-size:17px}.view:not(#view-overview) .card-bar{letter-spacing:.06em}
@media(min-width:1100px) and (max-width:1350px){.nav-in{padding:15px 22px!important;gap:16px}.nav-links{gap:12px!important}.nav-mark{font-size:21px!important}.nav-links>a,.nav-group-btn{font-size:11px!important}}
@media(max-width:1099px){.nav-in{padding:15px 24px!important}.nav-links{gap:8px!important}.sq-explore{gap:60px}.sq-ruins{width:35%;left:-10%}.sq-pyramid{width:45%;right:-15%}.sq-foliage{width:27%;top:-130px}.sq-hero-copy{width:70%}}
@media(max-width:700px){.nav-in{padding:12px 20px!important}.nav-mark{font-size:23px!important}.nav-links>a,.nav-group-btn{font-size:14px!important}.nav-links{padding:20px!important}.nav-menu a{padding:12px!important}.nav-burger{width:44px;height:44px}.nav-links .nav-wallet{font-size:14px!important}#top.sq-hero{min-height:760px;margin:10px 12px 0;align-items:flex-start}.sq-hero-copy{width:100%;padding:54px 14px 235px}.sq-kicker{font-size:9px!important;margin-bottom:19px}.sq-emblem{width:34px;height:34px;margin-bottom:24px}#top.sq-hero h1{font-size:clamp(60px,16vw,90px)!important;line-height:.88!important;margin-bottom:24px}.sq-intro{font-size:15px!important;margin-bottom:26px}.sq-actions{gap:18px;flex-direction:column}.sq-actions .btn{font-size:12px!important}.sq-ruins{width:49%;left:-7%;bottom:-55px}.sq-pyramid{width:64%;right:-20%;bottom:-32px}.sq-foliage{width:30%;right:-9%;top:-85px}.sq-hero-bottom{padding:15px 16px;font-size:8px}.sq-hero-bottom>span{max-width:170px;line-height:1.6}.sq-explore{display:block;padding:65px 26px}.sq-section-heading h2{font-size:50px}.sq-section-heading{margin-bottom:45px}.sq-path{gap:16px;grid-template-columns:25px 1fr 20px;padding:25px 0}.sq-path h3,.sq-path-title{font-size:31px}.sq-path p,.sq-path-desc{font-size:13px}.sq-edition{margin:0 26px;gap:12px;flex-wrap:wrap}.sq-edition span:nth-child(2){display:none}.sq-edition a{font-size:9px}.sq-disclosure{margin:0 26px}.sq-disclosure summary{gap:20px}.sq-disclosure summary>span:first-child{font-size:27px}.sq-disclosure summary>span:last-child{font-size:8px;text-align:right;max-width:90px;line-height:1.5}.sq-disclosure .dk-grid{grid-template-columns:1fr}.sq-disclosure .dk-search-wrap{width:100%}.sq-disclosure .dk-filter{gap:8px}.sq-disclosure .dk-filter button{min-height:44px}#close{margin:35px 12px 0;padding:65px 14px!important}#close .cta-row{gap:12px}.foot{padding-bottom:75px!important}.foot .wrap{padding:0 26px}.foot .ca-row{flex-wrap:wrap}.foot .ca{overflow-wrap:anywhere;word-break:break-all}.view:not(#view-overview) .sect{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Rendered QA corrections: native dropdown bounds, brand scale, solid actions, chat contrast. */
.nav .nav-mark span{font:inherit!important;letter-spacing:inherit!important}
#top .sq-actions .btn-solid,#nav #nav-wallet{background:#28358e!important;color:#fffefa!important;border-color:#28358e!important}
#close .eyebrow span{color:#e1e4fc!important}
.sq-emblem{display:block;color:var(--ink)}
.sq-foliage{width:25%;right:-3%;top:-150px;transform:rotate(180deg)}
.sq-ruins{width:31%;left:-5%;bottom:-100px}
.hx-chat{background:#fffefa!important;border:1px solid var(--line-2)!important;border-radius:4px!important;box-shadow:0 16px 70px #16205420!important}
.hx-chat-head{background:#28358e!important;background-image:none!important;color:#fffefa!important}
.hx-chat-head::before,.hx-chat-head::after{display:none!important}.hx-chat-who small{color:#dce1ff!important}.hx-chat-close{color:#fffefa!important;border:1px solid #7884c3!important;border-radius:0!important}
.hx-chat-send{background:#28358e!important;color:#fffefa!important;border-radius:0!important}.hx-chat-log:empty::before{content:"What would you like to explore?";display:block;padding:38px 24px;font:32px/1.15 var(--display);color:var(--ink)}
.hx-chat-foot{font:11px/1.6 Arial,sans-serif!important;color:var(--ink-dim)!important}
@media(max-width:700px){.sq-foliage{width:40%;top:-90px;right:-10%}.sq-ruins{width:50%;left:-8%;bottom:-55px}.sq-hero-bottom a{padding-right:44px;max-width:135px}.nav .nav-mark span{font-size:23px!important}.hx-chat{max-width:calc(100vw - 24px)!important;right:12px!important}.sq-hero-bottom{min-height:57px}}

/* the not-live notice: a ruled strip under the nav, cobalt on paper */
.sq-notlive { position: relative; z-index: 5; display: flex; gap: 18px; align-items: baseline; max-width: 1232px; margin: 0 auto; padding: 14px 24px; border-bottom: 1px solid var(--ink, #28358e); background: #faf9f5; }
.sq-notlive-tag { flex: none; font: 600 11px/1 var(--mono, ui-monospace, monospace); letter-spacing: .16em; text-transform: uppercase; color: #fbfaf7; background: var(--ink, #28358e); padding: 6px 9px; }
.sq-notlive p { margin: 0; font: 400 14px/1.5 var(--serif, Georgia, serif); color: var(--ink-dim, #4a5088); }
@media (max-width: 640px) { .sq-notlive { flex-direction: column; gap: 8px; padding: 12px 18px; } }

/* dropdown edge fix: the last groups (Proof, Launch) open flush to the right edge of their label. A menu centred with left:50% and translateX(-50%)
   and then given right:0 is pushed off the left of the screen; the offset has to be removed in the hidden AND the open state. */
@media (min-width: 701px) {
  .nav-group[data-group="launch"] .nav-menu, .nav-group[data-group="proof"] .nav-menu,
  .nav-group:nth-last-child(-n+4) .nav-menu { left: auto !important; right: 0 !important; transform: translate(0, -4px) !important; max-width: min(360px, calc(100vw - 24px)); }
  .nav-group[data-group="launch"]:hover .nav-menu, .nav-group[data-group="launch"]:focus-within .nav-menu, .nav-group[data-group="launch"][data-open="true"] .nav-menu,
  .nav-group[data-group="proof"]:hover .nav-menu, .nav-group[data-group="proof"]:focus-within .nav-menu, .nav-group[data-group="proof"][data-open="true"] .nav-menu { transform: translate(0, 0) !important; }
  .nav-group[data-group="launch"]::after, .nav-group[data-group="proof"]::after { left: auto; right: 0; transform: none; }
}

/* nav wordmark one line */
.nav-mark, .nav-mark span { white-space: nowrap; }
@media (max-width: 1180px) and (min-width: 701px) { .nav-mark { font-size: 21px !important; } }

/* dropdown rows: a menu is a column of names with one wrapped line each, never a row of underlined links that run past the edge */
.nav-menu { box-sizing: border-box; }
.nav-menu a { display: block !important; border-bottom: 0 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere; }
.nav-menu a b, .nav-menu a i { display: block; text-decoration: none !important; border-bottom: 0 !important; white-space: normal !important; }
.nav-menu a i { font-style: normal; font-size: 12.5px; line-height: 1.45; color: var(--ink-dim, #4a5088); margin-top: 2px; }
.nav-menu a:hover { background: rgba(40, 53, 142, .06); }
.nav-menu a.on { background: #28358e; }
.nav-menu a.on b, .nav-menu a.on i { color: #fbfaf7 !important; }
@media (min-width: 701px) {
  .nav-group[data-group="launch"] .nav-menu, .nav-group[data-group="proof"] .nav-menu { width: 360px; min-width: 0; }
  /* the wide menus keep their columns but never leave the screen */
  .nav-group[data-group="earn"] .nav-menu, .nav-group[data-group="yours"] .nav-menu { max-width: calc(100vw - 24px); }
}
/* a narrower desktop: the wordmark stays, the Follow button becomes its icon, the nav never wraps */
@media (min-width: 701px) and (max-width: 1240px) {
  .nav-in { padding-left: 20px !important; padding-right: 20px !important; gap: 14px; }
  .nav-mark { flex: 0 0 auto; font-size: 20px !important; }
  .nav-links { gap: 14px !important; min-width: 0; }
  .nav-cta { padding-left: 12px !important; padding-right: 12px !important; font-size: 0 !important; }
  .nav-cta svg { font-size: 16px; }
  .nav-wallet { font-size: 13px !important; }
}

/* the active row inside a dropdown: cobalt ground, paper text, both lines legible (the row was cobalt with cobalt-grey text) */
.nav-links .nav-menu a.on, .nav-links .nav-menu a.on:hover { background: #28358e !important; }
.nav-links .nav-menu a.on, .nav-links .nav-menu a.on *, .nav-links .nav-menu a.on b, .nav-links .nav-menu a.on i { color: #fbfaf7 !important; opacity: 1 !important; text-decoration: none !important; }
.nav-links .nav-menu a.on i { color: rgba(251, 250, 247, .86) !important; }

/* the product's name stays on screen at every desktop width (an older rule hid the word below 1100px and left an icon) */
@media (min-width: 701px) { .nav .nav-mark span { display: inline !important; } .nav .nav-mark { min-width: max-content; } }
@media (min-width: 701px) and (max-width: 1100px) { .nav .nav-mark span { font-size: 19px !important; } .nav-links a, .nav-group-btn { font-size: 10.5px !important; letter-spacing: .02em !important; } .nav-links { gap: 10px !important; } .nav-in { gap: 10px; } }

/* the supplied logo, shown as the file it is: never recoloured, stretched or cropped */
.nav-logo { display: block; width: 28px; height: 28px; flex: none; margin-right: 10px; object-fit: contain; }
.nav .nav-mark { display: inline-flex; align-items: center; }
.sq-emblem { display: block; width: 92px; height: 92px; object-fit: contain; color: initial; }
.foot-logo { display: block; width: 44px; height: 44px; object-fit: contain; flex: none; }
.foot-mark { display: flex; align-items: center; gap: 12px; }
.hx-avatar { background: #fbfaf7 !important; border: 1px solid rgba(40,53,142,.28); border-radius: 8px; display: inline-grid; place-items: center; overflow: hidden; }
.hx-avatar img { width: 78%; height: 78%; object-fit: contain; display: block; }
@media (max-width: 700px) { .nav-logo { width: 24px; height: 24px; margin-right: 8px; } .sq-emblem { width: 72px; height: 72px; } }

/* Launch page: the old launch-pad markup stays in the DOM for the scripts that bind to it, hidden; one honest $SEQ section stands in its place */
#view-launch > *:not(.sq-notlive):not(.sq-seq) { display: none !important; }
.sq-seq { position: relative; z-index: 2; max-width: 1232px; margin: 0 auto; padding: 64px 24px 96px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.sq-seq h1 { font: 400 clamp(44px, 6vw, 84px)/.98 var(--serif, Georgia, serif); letter-spacing: -.01em; margin: 12px 0 0; color: var(--ink, #28358e); }
.sq-seq h1 em { font-style: italic; }
.sq-seq-body p { font: 400 18px/1.65 var(--serif, Georgia, serif); color: var(--ink, #28358e); margin: 0 0 18px; max-width: 62ch; }
.sq-seq-ca { border: 1px solid var(--ink, #28358e); padding: 18px 20px; margin: 26px 0; background: #fbfaf7; }
.sq-seq-ca b { display: block; font: 600 11px/1 var(--mono, ui-monospace, monospace); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 12px; }
.sq-seq-ca code { display: block; font: 500 15px/1.5 var(--mono, ui-monospace, monospace); overflow-wrap: anywhere; user-select: all; }
.sq-seq-links { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.sq-seq-steps { counter-reset: s; list-style: none; padding: 0; margin: 28px 0 0; border-top: 1px solid var(--ink, #28358e); }
.sq-seq-steps li { counter-increment: s; display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 16px 0; border-bottom: 1px solid rgba(40, 53, 142, .25); font: 400 16px/1.55 var(--serif, Georgia, serif); }
.sq-seq-steps li::before { content: counter(s, decimal-leading-zero); font: 600 12px/1.9 var(--mono, ui-monospace, monospace); letter-spacing: .1em; }
.sq-seq-fine { font: 400 13px/1.6 var(--serif, Georgia, serif); color: var(--ink-dim, #4a5088); margin-top: 26px !important; }
@media (max-width: 860px) { .sq-seq { grid-template-columns: 1fr; gap: 28px; padding: 36px 18px 64px; } .sq-seq-body p { font-size: 17px; } }

/* launch-notlive-z: the fixed paper plane (.atmos, z-index 0) paints over static content; content that carries its own layer must be positioned */
#view-launch { position: relative; z-index: 1; }

/* the collection link: a plain nav link like the others (no frame, no fizz), with a small Soon tag. The collection page itself says Coming soon. */
.nav .nav-links a.nav-1111, .nav .nav-links a.nav-1111:hover, .nav .nav-links a.nav-1111.on { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; animation: none !important; }
.nav .nav-links a.nav-1111::before, .nav .nav-links a.nav-1111::after { display: none !important; content: none !important; }
.nav .nav-links a.nav-1111 span { background: none !important; -webkit-text-fill-color: currentColor !important; animation: none !important; text-shadow: none !important; }
.soon-tag { font: 600 8.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; margin-left: 4px; vertical-align: super; color: #fbfaf7; background: #28358e; padding: 2px 4px; }

.sq-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink, #28358e); border-left: 1px solid var(--ink, #28358e); margin: 26px 0 8px; }
.sq-fact { padding: 14px 16px; border-right: 1px solid var(--ink, #28358e); border-bottom: 1px solid var(--ink, #28358e); background: #fbfaf7; min-width: 0; }
.sq-fact span { display: block; font: 600 10.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-dim, #4a5088); margin-bottom: 9px; }
.sq-fact b { display: block; font: 500 20px/1.2 var(--serif, Georgia, serif); overflow-wrap: anywhere; }
.sq-seq-src { font: 400 12.5px/1.5 var(--mono, ui-monospace, monospace); color: var(--ink-dim, #4a5088); margin: 6px 0 24px !important; }
@media (max-width: 640px) { .sq-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sq-fact b { font-size: 17px; } }

/* contract address under the hero buttons: "CA : <address>" on one line, wrapping only on a phone */
.sq-hero-ca { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 22px auto 0; max-width: 100%; font: 500 13px/1.4 var(--mono, ui-monospace, monospace); color: var(--ink, #28358e); }
.sq-hero-ca-k { font-weight: 700; letter-spacing: .14em; }
.sq-hero-ca code { font: inherit; letter-spacing: .01em; user-select: all; overflow-wrap: anywhere; word-break: break-all; }
.sq-hero-ca button { font: 600 10.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--ink, #28358e); background: transparent; border: 1px solid var(--ink, #28358e); padding: 6px 9px; cursor: pointer; }
.sq-hero-ca button:hover { background: var(--ink, #28358e); color: #fbfaf7; }
@media (max-width: 700px) { .sq-hero-ca { font-size: 11.5px; padding: 0 16px; } }

/* hero rhythm: the CA line gets its own space (it was 22px under the buttons), the headline drops to three lines so the whole block fits a laptop screen */

.sq-hero-copy { padding-top: 30px !important; }
.sq-emblem { width: 76px !important; height: 76px !important; }
.sq-intro { margin: 20px auto 34px !important; max-width: 640px; }
.sq-actions { gap: 36px !important; }
.sq-hero-ca { margin-top: 44px !important; gap: 12px 10px !important; padding: 14px 18px; border-top: 1px solid rgba(40, 53, 142, .22); border-bottom: 1px solid rgba(40, 53, 142, .22); width: max-content; max-width: calc(100% - 32px); }
.sq-hero-ca code { background: transparent !important; padding: 0 !important; }
.sq-hero-ca button { margin-left: 8px; padding: 7px 12px; }
.sq-hero-bottom { margin-top: 36px; }
@media (max-width: 700px) {
  .sq-hero h1 { font-size: clamp(40px, 12.4vw, 58px) !important; }
  .sq-intro { margin: 16px auto 28px !important; }
  .sq-hero-ca { margin-top: 36px !important; flex-direction: column; gap: 10px !important; padding: 14px 14px; width: auto; text-align: center; }
  .sq-hero-ca-sep { display: none; }
  .sq-hero-ca code { font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; word-break: break-all; text-align: center; max-width: 100%; }
  .sq-hero-ca button { margin: 4px 0 0; }
}

/* hero headline: three lines, each one a block that never wraps; the size is set by the widest line ("ASK THE AGENT.") fitting the 700px column */
.sq-hero .sq-hero-copy h1 { font-size: clamp(44px, 5.9vw, 84px) !important; line-height: 1.0 !important; letter-spacing: -.035em !important; }
.sq-hero .sq-hero-copy h1 .sq-l { display: block; white-space: nowrap; }
@media (max-width: 700px) { .sq-hero .sq-hero-copy h1 { font-size: clamp(30px, 9.4vw, 46px) !important; letter-spacing: -.03em !important; } }

/* fit: the widest line ("ASK THE AGENT.") is ~6.9em wide at this tracking, so the size is the column width divided by 7.2, never the viewport alone */
.sq-hero .sq-hero-copy h1 { font-size: clamp(40px, min(5.2vw, 86px), 86px) !important; }
@media (max-width: 700px) { .sq-hero .sq-hero-copy h1 { font-size: clamp(28px, 8.1vw, 40px) !important; } }

/* the rule that was winning is `#top.sq-hero h1 { font: 400 clamp(70px,7.3vw,112px)/.83 ... !important }`; an id selector beats any class chain, so this one matches it.
   Widest line is "ASK THE AGENT." (~6.9em), the column is 700px: 700 / 6.9 = ~100px at most, and the engravings need clearance, so the cap is 88px. */
#top.sq-hero h1 { font-size: clamp(40px, 5.8vw, 88px) !important; line-height: .96 !important; letter-spacing: -.035em !important; }
@media (max-width: 700px) { #top.sq-hero h1 { font-size: clamp(28px, 8.2vw, 40px) !important; line-height: 1 !important; letter-spacing: -.03em !important; } }

/* ===== polish pass (2026-10-31): measured on 54 routes at 390px and 1440px ===== */
/* anchors and #/ jumps must not hide under the sticky bar */
html { scroll-padding-top: 84px; }
/* even line breaks: no one-word last lines in headings, fewer orphans in copy */
h1, h2, h3, .sq-hero h1 { text-wrap: balance; }
p, li, figcaption, .lede { text-wrap: pretty; }
/* numbers line up in every table and stat */
table td, table th, .num, [class*="stat"] strong, [class*="stat"] b, .mk-sub, .mk-pr { font-variant-numeric: tabular-nums; }
/* long unbroken strings (addresses, hashes, urls) wrap instead of pushing the layout */
code, .mono, [class*="addr"], [class*="hash"] { overflow-wrap: anywhere; }
img, svg, video, canvas { max-width: 100%; }
/* one focus ring everywhere */
:where(a, button, input, select, textarea, [role="tab"], summary):focus-visible { outline: 2px solid var(--signal, #303fa9); outline-offset: 3px; }
/* a visible edge on horizontal scrollers so a cut-off table reads as scrollable */
.in-table-wrap, .table-wrap, .tbl { background:
  linear-gradient(to right, var(--card, #fffefa) 30%, rgba(255,254,250,0)) left center / 28px 100% no-repeat local,
  linear-gradient(to left, var(--card, #fffefa) 30%, rgba(255,254,250,0)) right center / 28px 100% no-repeat local,
  linear-gradient(to right, rgba(40,53,142,.12), rgba(40,53,142,0)) left center / 10px 100% no-repeat scroll,
  linear-gradient(to left, rgba(40,53,142,.12), rgba(40,53,142,0)) right center / 10px 100% no-repeat scroll; }

@media (max-width: 640px) {
  /* stat chips: an even two-column grid; text wraps inside the chip instead of poking out of it */
  .wl-stats, .in-stats, .rh-stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-right: 0 !important; }
  .wl-stat { min-width: 0; width: auto; white-space: normal !important; overflow-wrap: anywhere; border-radius: 10px !important; padding: 10px 12px !important; line-height: 1.35; }
  .wl-stat strong { display: block; }
  .wl-stats > .wl-stat:last-child:nth-child(odd) { grid-column: 1 / -1; }
  /* chips whose text was set not to wrap (alloc, tail, pairs "sv-chip"): they ran past the screen and widened the whole page */
  [class*="-chip"], .sv-chip { white-space: normal !important; overflow-wrap: anywhere; max-width: 100%; }
  /* oracle market tiles were locked at 132px: use the whole row */
  .om-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .omt { min-width: 0; width: 100%; }
  .omt-top { flex-wrap: wrap; min-width: 0; }
  .omt-top * { min-width: 0; }
  /* thumb-sized controls */
  .res-btn, .x-btn, .btn, button.btn, .om-pick button, [role="tab"], .dk-chip, select, input[type="text"], input[type="search"], input:not([type]) { min-height: 40px; }
  .res-btn, .x-btn { padding-inline: 12px; }
  /* the agent button floats over content: leave it room at the end of every page, and keep it small */
  .hx-fab { bottom: 14px; right: 14px; width: 48px !important; height: 48px !important; border-radius: 14px !important; opacity: .94; }
  body { padding-bottom: env(safe-area-inset-bottom, 0); }
  .view { padding-bottom: 84px; }
  /* the button covers the right-hand 66px at the bottom of the screen: keep running text and the contract line out from under it as they scroll past */
  .view p, .view li, .view .lede { overflow-wrap: break-word; }
  /* hero kicker and tiny caps */
  .sq-kicker { font-size: 10.5px; letter-spacing: .14em; }
  /* the contract line sits clear of the floating button: address wraps cleanly, copy below */
  .sq-hero-ca { gap: 8px; padding-inline: 12px !important; width: auto !important; max-width: calc(100% - 24px) !important; margin-bottom: 40px; }
  .sq-hero-ca code { font-size: 11.5px; line-height: 1.5; }
  .sq-hero-ca button { min-height: 36px; padding-inline: 16px; }
}

/* ===== editorial refinement (2026-10-31): the execution details of a restrained editorial site, with Sequentry's own fonts, colours and marks =====
   Display type set tight (leading ~.9, negative tracking), body a notch larger with a hair of negative tracking, hairlines as the only separators,
   one calm hover motion. Nothing is moved; no layout is changed; every rule is scoped so a desk's own styles still win where they must. */
:root { --ed-ease: cubic-bezier(.2, .7, .2, 1); --ed-hair: rgba(40, 53, 142, .16); }

/* display headings: tighter leading and tracking, even wraps */
.view h2, .sect h2, .col-h, .col-title, .sq-explore h2, .sect-close h2 { letter-spacing: -.035em; line-height: .96; text-wrap: balance; }
.view h3 { letter-spacing: -.02em; line-height: 1.05; text-wrap: balance; }
.view h2 + .lede, .view h2 + p { margin-top: clamp(14px, 1.6vw, 24px); }

/* running text: slightly larger measure and rhythm, never wider than a comfortable line */
.view .lede, .view .body-lg, .col-lede { letter-spacing: -.01em; line-height: 1.5; }
.view .lede, .view .body-lg { max-width: 62ch; }
.view p { max-width: 70ch; }
.view .wrap p, .view .panel p { max-width: none; }

/* eyebrows: small, wide-tracked, quiet; the rule beside them is a hairline */
.eyebrow, .col-eyebrow, .sq-kicker { letter-spacing: .16em; }
.eyebrow .rule { background: var(--ed-hair); height: 1px; opacity: 1; }

/* hairline rows: the desk directory and every ruled list share one separator and one hover */
.dk-row, .rh-table tr, .in-table tr, .mk-row { border-color: var(--ed-hair); }
.dk-row { transition: background-color .25s var(--ed-ease); }
.dk-row .dk-go, .dk-row .dk-glyph { transition: transform .35s var(--ed-ease), opacity .25s var(--ed-ease); }
.dk-row:hover { background: rgba(40, 53, 142, .035); }
.dk-row:hover .dk-go { transform: translateX(6px); }
.dk-row:hover .dk-text b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: rgba(40, 53, 142, .5); }

/* filter chips read as quiet pills; the active one is the only filled one */
.dk-f, .mk-bar button, .mk-bar select, .rg-tab, .col-tab { border-radius: 999px; transition: background-color .2s var(--ed-ease), color .2s var(--ed-ease), border-color .2s var(--ed-ease); }

/* cards and tiles: one radius, one hairline, and the picture does the moving, not the box */
.mcard, .card, .dk-cell, .mk-card, .col-tile, .col-legend { border-radius: 14px; }
.mk-card, .col-legend, .col-tile { transition: border-color .3s var(--ed-ease), box-shadow .3s var(--ed-ease); }
.mk-card:hover, .col-legend:hover, .col-tile:hover { box-shadow: 0 0 0 1px rgba(40, 53, 142, .35), 0 14px 32px -18px rgba(40, 53, 142, .35); }
.mk-img img, .col-tile img, .col-legend img { transition: transform .7s var(--ed-ease); }
.mk-card:hover .mk-img img, .col-tile:hover img { transform: scale(1.035); }

/* links inside copy: a thin underline that draws in */
.view p a, .view li a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-color: rgba(40, 53, 142, .4); transition: text-decoration-color .2s var(--ed-ease); }
.view p a:hover, .view li a:hover { text-decoration-color: currentColor; }

/* buttons: a steady 44px target and a quiet lift */
.btn, .hq-btn, button.btn { transition: background-color .25s var(--ed-ease), color .25s var(--ed-ease), border-color .25s var(--ed-ease), transform .25s var(--ed-ease); }
.btn:active { transform: translateY(1px); }

/* tabular figures stay on */
.view table, .mk-stats, .wl-stats, .col-stat { font-variant-numeric: tabular-nums; }

/* people who ask for less motion get none of it */
@media (prefers-reduced-motion: reduce) {
  .dk-row, .dk-row *, .mk-card, .mk-card *, .col-tile, .col-tile *, .col-legend, .btn { transition: none !important; }
  .dk-row:hover .dk-go, .mk-card:hover .mk-img img, .col-tile:hover img { transform: none; }
}
@media (max-width: 640px) {
  .view h2, .sect h2 { letter-spacing: -.03em; line-height: 1; }
  .view .lede, .view .body-lg { max-width: none; }
}