@font-face { font-family:"Noto Serif"; src:url("/assets/fonts/noto-serif/noto-serif-latin-700-site.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Noto Serif"; src:url("/assets/fonts/noto-serif/noto-serif-latin-800-site.woff2") format("woff2"); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:"Noto Sans"; src:url("/assets/fonts/noto-sans/noto-sans-latin-400-900.woff2") format("woff2"); font-weight:400 900; font-style:normal; font-display:swap; }
:root {
--paper:#fbeee6;
--ink:#06080F;
--cover:#fffaf6;
--rule:rgba(6,8,15,0.16);
--rule-14:rgba(6,8,15,0.14);
--rule-10:rgba(6,8,15,0.1);
--tint:rgba(6,8,15,0.02);
--body:#2b3345;
--body-mute:#4b5262;
--mono:#666565;
--muted:#55544F;
--brick:#a83822;
--coral-text:#c23e26;
--coral-display:#e25036;
--coral:#FD664C;
--coral-bright:#FD664C;
--measured:#4c6b5d;
--focus:#2f6fd0;
--measured-accent:#6A8E7F;
--coral-tint:rgba(253,102,76,0.09);
--status-error:#bf4329;
--status-ok:#177049;
--slab-bg:#06080F;
--slab-ink:#f4ece7;
--slab-body:rgba(244,236,231,0.82);
--slab-accent:#FF8A75;
--grain-opacity:0.14;
--edge:rgba(6,8,15,0.3);
--prose:#1c2436;
--slab-edge:rgba(244,236,231,0.4);
--slab-note:rgba(244,236,231,0.72);
--slab-faint:rgba(244,236,231,0.6);
--slab-mute:rgba(244,236,231,0.7);
--slab-rule:rgba(244,236,231,0.22);
--slab-shadow:0 20px 48px rgba(6,8,15,0.14);
--slab-track:rgba(6,8,15,0.14);
--slab-strike:rgba(244,236,231,0.55);
--letter-ink:#1c2436;
--rule-28:rgba(6,8,15,0.28);
--grain-blend:multiply;
--rule-dash:rgba(6,8,15,0.28);
--slab-body-mute:rgba(244,236,231,0.7);
--accent-on-ink:#ffb09d;
--slab-plus:#FD664C;
--card-shadow:0 20px 48px rgba(6,8,15,0.14);
--surface-raised:#fffaf6;
--surface-border:rgba(6,8,15,0.22);
--action-primary-bg:#06080F;
--action-primary-ink:#fbeee6;
--action-primary-border:#06080F;
--action-primary-hover:#e25036;
--action-primary-hover-ink:#06080F;
--action-accent:#FD664C;
--action-accent-hover:#e25036;
--action-accent-ink:#06080F;
--preview-bg:#06080F;
--preview-card:#151e31;
--preview-ink:#fbeee6;
--preview-body:rgba(251,238,230,0.8);
--preview-label:rgba(251,238,230,0.68);
--preview-rule:rgba(251,238,230,0.2);
--preview-accent:#FD664C;
--preview-measured:#74e6a4;
--type-mobile-body:1.125rem;
--type-mobile-ui:1rem;
--type-mobile-meta:0.9375rem;
--type-mobile-input:1rem;
}
@media (prefers-color-scheme: dark) {
:root {
--paper:#06080F;
--ink:#fbeee6;
--cover:#10131d;
--rule:rgba(251,238,230,0.18);
--rule-14:rgba(251,238,230,0.14);
--rule-10:rgba(251,238,230,0.1);
--tint:rgba(251,238,230,0.04);
--body:rgba(251,238,230,0.82);
--body-mute:rgba(251,238,230,0.75);
--mono:rgba(251,238,230,0.55);
--muted:rgba(251,238,230,0.62);
--brick:#FF8A75;
--coral-text:#FF8A75;
--coral-display:#FF8A75;
--coral:#FD664C;
--coral-bright:#FD664C;
--measured:#8FB3A3;
--focus:#7FB0F5;
--measured-accent:#8FB3A3;
--coral-tint:rgba(253,102,76,0.12);
--status-error:#ff9a84;
--status-ok:#74e6a4;
--slab-bg:#10131d;
--slab-ink:#fbeee6;
--slab-body:rgba(251,238,230,0.82);
--slab-accent:#FF8A75;
--grain-opacity:0.07;
--edge:rgba(251,238,230,0.3);
--prose:rgba(251,238,230,0.88);
--slab-edge:rgba(251,238,230,0.28);
--slab-note:rgba(251,238,230,0.72);
--slab-faint:rgba(251,238,230,0.6);
--slab-mute:rgba(251,238,230,0.7);
--slab-rule:rgba(251,238,230,0.18);
--slab-shadow:0 18px 42px rgba(0,0,0,0.5);
--slab-track:rgba(251,238,230,0.14);
--slab-strike:rgba(251,238,230,0.55);
--letter-ink:rgba(251,238,230,0.88);
--rule-28:rgba(251,238,230,0.3);
--grain-blend:screen;
--rule-dash:rgba(251,238,230,0.28);
--slab-body-mute:rgba(251,238,230,0.7);
--accent-on-ink:#FF8A75;
--slab-plus:#FF8A75;
--card-shadow:0 18px 42px rgba(0,0,0,0.5);
--surface-raised:#10131d;
--surface-border:rgba(251,238,230,0.28);
--action-primary-bg:#fbeee6;
--action-primary-ink:#06080F;
--action-primary-border:#fbeee6;
--action-primary-hover:#FD664C;
--action-primary-hover-ink:#06080F;
--action-accent:#FD664C;
--action-accent-hover:#e25036;
--action-accent-ink:#06080F;
}
}
@media (prefers-color-scheme: dark) {
.artx-btn-ink,
.artx-form button {
background:var(--action-primary-bg) !important;
color:var(--action-primary-ink) !important;
border:1px solid var(--action-primary-border) !important;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}
.artx-btn-ink:hover,
.artx-form button:hover {
background:var(--action-primary-hover) !important;
color:var(--action-primary-hover-ink) !important;
border-color:var(--action-primary-hover) !important;
}
.artx-btn-outline,
.artx-cookie-reject {
background:rgba(251,238,230,0.035) !important;
color:var(--ink) !important;
border-color:var(--surface-border) !important;
}
.artx-btn-outline:hover,
.artx-cookie-reject:hover {
background:var(--surface-raised) !important;
color:var(--ink) !important;
border-color:var(--ink) !important;
}
.artx-btn-coral,
.artx-navpay,
.artx-cookie-accept {
background:var(--action-accent) !important;
color:var(--action-accent-ink) !important;
border-color:var(--action-accent) !important;
}
.artx-btn-coral:hover,
.artx-navpay:hover,
.artx-cookie-accept:hover {
background:var(--action-accent-hover) !important;
border-color:var(--action-accent-hover) !important;
}
.artx-jobcard,
.artx-cta-card,
.artx-docket,
.artx-herocover,
.artx-linecard,
.artx-route,
.artx-value,
.artx-cookie {
border-color:var(--surface-border) !important;
box-shadow:var(--card-shadow) !important;
}
.artx-field input,
.artx-field textarea {
background:var(--surface-raised) !important;
border-color:var(--surface-border) !important;
}
}
* { box-sizing:border-box; }
[hidden] { display: none !important; }
body { margin:0; font-family:"Noto Sans",system-ui,sans-serif; background:var(--paper); color:var(--ink); line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.artx-skip { position:absolute; left:0.75rem; top:-3rem; z-index:300; background:var(--ink); color:var(--paper); padding:0.6rem 1rem; font-family:ui-monospace,monospace; font-size:0.8rem; text-decoration:none; transition:top 0.15s ease; }
.artx-skip:focus { top:0.75rem; }
.artx-grain { position:fixed; inset:0; z-index:150; pointer-events:none; opacity:var(--grain-opacity); background-image:url("/assets/paper-grain.webp"); background-repeat:repeat; background-size:128px 128px; mix-blend-mode:multiply; }
@media (prefers-color-scheme: dark) { .artx-grain { mix-blend-mode:screen; } }
.artx-masthead { border-bottom:3px double var(--ink); padding-top:1.4rem; }
.artx-mast-top { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; padding-bottom:1.1rem; }
.artx-mast-side { flex:1; font-family:ui-monospace,monospace; font-size:0.68rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--mono); line-height:1.5; }
a.artx-mast-side { text-decoration:none; }
a.artx-mast-side:hover { color:var(--brick); }
.artx-mast-side--right { text-align:right; }
.artx-mast-brand { flex:0 0 auto; text-align:center; text-decoration:none; }
.artx-mast-brand img { height:30px; width:auto; display:block; margin:0 auto 0.4rem; }
.artx-mast-tagline { font-family:ui-monospace,monospace; font-size:0.62rem; letter-spacing:0.34em; text-transform:uppercase; color:var(--ink); display:flex; align-items:center; justify-content:center; gap:0.9rem; }
.artx-diamond { color:var(--coral); }
@media (max-width: 900px) {
}
@media (max-width: 560px) {
.artx-mast-top { justify-content:center; }
.artx-mast-top > .artx-mast-side { display:none; }
}
@media (prefers-reduced-motion: reduce) {
.artx-skip { transition:none; }
}
.artx-frame { width:100%; max-width:1600px; margin:0 auto; padding-inline:1.5rem; }
main a:not([class]):hover, main a:not([class]):focus-visible { color:var(--measured); }
.artx-btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
:is(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
outline:3px solid var(--focus);
outline-offset:3px;
}
.artx-diamond,
.artx-aside-no,
.artx-para-no,
.artx-rate-pop,
.artx-live { color:var(--brick) !important; }
.artx-docket-theme { color:var(--paper) !important; }
.artx-receipt-stamp { color:var(--brick) !important; border-color:var(--brick) !important; }
.artx-local-page { min-height:100vh; }
.artx-local-shell { max-width:960px; padding-block:clamp(1.5rem,6vw,4.5rem); }
.artx-local-card {
margin-top:clamp(1.5rem,5vw,3.5rem); padding:clamp(1.5rem,6vw,4rem);
border:1px solid var(--surface-border); background:var(--surface-raised);
box-shadow:var(--card-shadow);
}
.artx-local-card h1 {
max-width:15ch; margin:0 0 1.5rem; font-family:"Noto Serif",Georgia,serif;
font-size:clamp(2.4rem,7vw,5.4rem); line-height:0.98; letter-spacing:-0.035em;
}
.artx-local-card .artx-kicker {
margin:0 0 1.2rem; font-family:ui-monospace,monospace; font-size:0.875rem;
letter-spacing:0.12em; text-transform:uppercase; color:var(--brick);
}
.artx-local-card .artx-lead { max-width:58ch; font-size:1.15rem; color:var(--body); }
.artx-local-card > p:not([class]) { max-width:62ch; color:var(--body); }
.artx-local-actions { display:flex; flex-wrap:wrap; align-items:center; gap:0.8rem; margin-top:1.8rem; }
.artx-local-card .artx-btn-ink {
padding:1rem 1.4rem; background:var(--action-primary-bg); color:var(--action-primary-ink);
border:1px solid var(--action-primary-border); text-decoration:none; font-weight:800;
}
.artx-local-card .artx-btn-ink:hover {
background:var(--action-primary-hover); color:var(--action-primary-hover-ink);
border-color:var(--action-primary-hover);
}
.artx-local-back {
min-height:44px; display:inline-flex; align-items:center; padding:0.65rem 0.15rem;
color:var(--brick); font-weight:700; text-underline-offset:4px;
}
.artx-mast-top { gap:1.25rem !important; padding-bottom:1.25rem !important; }
.artx-mast-side {
font-size:0.875rem !important; line-height:1.5 !important; letter-spacing:0.14em !important;
}
.artx-mast-tagline { font-size:0.8125rem !important; letter-spacing:0.2em !important; }
@media (min-width: 901px) {
.artx-nav { font-size:0.875rem !important; letter-spacing:0.12em !important; }
}
.artx-mast-side--right a { color:inherit !important; text-decoration:none !important; }
.artx-mast-side--right a:hover,
.artx-mast-side--right a:focus-visible {
color:var(--coral) !important; text-decoration:underline !important;
text-underline-offset:4px !important;
}
.artx-masthead {
background:var(--paper) !important;
border-bottom:3px double var(--ink) !important;
position:relative; z-index:1;
width:100vw !important; max-width:100vw !important;
margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
}
.artx-mast-top {
max-width:1600px !important; margin:0 auto !important;
padding:30px 32px 24px !important;
display:flex !important; align-items:flex-end !important;
justify-content:space-between !important; gap:24px !important; flex-wrap:wrap !important;
}
.artx-mast-brand { display:block !important; text-decoration:none !important; text-align:left !important; }
.artx-mast-brand img { height:44px !important; width:auto !important; display:block !important; margin:0 0 11px 0 !important; }
.artx-mast-tagline {
display:block !important; font-family:ui-monospace,monospace !important;
font-size:13.5px !important; font-weight:600 !important; letter-spacing:0.3em !important;
text-transform:uppercase !important; color:var(--ink) !important;
}
.artx-mast-tagline .artx-diamond { color:var(--coral) !important; }
.artx-mast-side {
font-family:ui-monospace,monospace !important; font-size:13.5px !important;
font-weight:600 !important; letter-spacing:0.14em !important; text-transform:uppercase !important;
color:var(--muted) !important; line-height:1.65 !important;
}
.artx-mast-side--right { text-align:right !important; }
.artx-mast-side--right a { color:var(--measured) !important; text-decoration:none !important; }
.artx-mast-side--right a:hover,
.artx-mast-side--right a:focus-visible { color:var(--coral) !important; text-decoration:underline !important; text-underline-offset:4px !important; }
.artx-nav {
background:#06080F !important; max-width:none !important; margin:0 !important;
padding:0 max(32px, calc((100% - 1600px) / 2)) !important; display:flex !important; align-items:stretch !important;
flex-wrap:wrap !important; font-family:ui-monospace,monospace !important;
font-size:14px !important; font-weight:700 !important; letter-spacing:0.1em !important;
text-transform:uppercase !important; border-top:0 !important;
}
.artx-navlink {
text-decoration:none !important; padding:16px 24px !important; color:#fbeee6 !important;
border-left:1px solid rgba(251,238,230,0.22) !important; display:inline-flex !important;
align-items:center !important; white-space:nowrap !important;
}
.artx-navlink:first-of-type { padding-left:0 !important; border-left:0 !important; }
.artx-navnum { color:#FF8A75 !important; margin-right:9px !important; }
.artx-navlink:hover,
.artx-navlink:focus-visible { color:#FF8A75 !important; text-decoration:none !important; }
.artx-navlink[aria-current="page"] {
color:#FF8A75 !important; background:rgba(251,238,230,0.1) !important;
border-bottom:3px solid #FD664C !important;
}
.artx-navspacer { display:none !important; }
.artx-navpay {
text-decoration:none !important; padding:16px 24px !important; color:#06080F !important;
background:#FD664C !important; font-weight:800 !important; white-space:nowrap !important;
align-self:stretch !important; display:inline-flex !important; align-items:center !important;
margin-left:auto !important;
}
.artx-navpay:hover,
.artx-navpay:focus-visible { background:#e25036 !important; color:#06080F !important; }
@media (prefers-color-scheme: dark) {
.artx-nav { border-top:1px solid rgba(251,238,230,0.22) !important; }
}
@media (max-width: 700px), (max-height: 450px) {
.artx-nav { padding:0 20px !important; font-size:12.5px !important; }
.artx-navlink { padding:13px 16px !important; }
.artx-navlink { padding:13px 16px !important; }
.artx-navspacer { display:none !important; }
.artx-navpay { padding:13px 16px !important; }
.artx-mast-top { padding:22px 20px 18px !important; }
}
@media (max-width: 560px) {
.artx-mast-top { justify-content:center !important; text-align:center !important; }
.artx-mast-side--right { text-align:center !important; }
.artx-nav { justify-content:center !important; }
.artx-navlink { border-left:0 !important; padding:11px 12px !important; }
.artx-navlink:first-of-type { padding-left:12px !important; }
.artx-navpay { width:100% !important; justify-content:center !important; }
}
@media (max-width: 900px) {
.artx-heroleft,
.artx-heromain,
.artx-hero-left {
grid-template-columns:minmax(0,1fr) !important;
}
.artx-herobody,
.artx-hero-body {
grid-column:1 !important;
min-width:0 !important;
max-width:100% !important;
}
.artx-hero-rail { display:none !important; }
:where(
.artx-herowrap, .artx-hero, .artx-hero-main, .artx-herocover,
.artx-linecard, .artx-jobcard, .artx-envelope, .artx-receipt,
.artx-docket, .artx-rail, .artx-railbody, .artx-slab, .artx-coupon,
.artx-gauge, .artx-cta-card, .artx-letter
) { min-width:0 !important; max-width:100% !important; }
:where(img, svg, video, canvas) { max-width:100%; }
.artx-nav,
.artx-contents {
flex-wrap:wrap !important;
overflow:visible !important;
font-size:var(--type-mobile-ui) !important;
letter-spacing:0.06em !important;
}
.artx-navlink,
.artx-contents-link,
.artx-navpay,
.artx-contents-book,
.artx-cookie-actions button,
.artx-cookie-reset {
min-height:44px !important;
font-size:var(--type-mobile-ui) !important;
line-height:1.25 !important;
white-space:normal !important;
display:inline-flex !important;
align-items:center !important;
}
.artx-cookie-reset { min-height:44px !important; padding:0.55rem 0 !important; }
.artx-btn,
.artx-form button {
min-height:44px;
max-width:100%;
white-space:normal !important;
text-align:center;
font-size:var(--type-mobile-ui) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
textarea,
select {
min-height:44px;
font-size:var(--type-mobile-input) !important;
}
input[type="checkbox"],
input[type="radio"] { width:20px !important; height:20px !important; }
.artx-kicker,
.artx-kick,
.artx-hero-kick,
.artx-herofoot,
.artx-hero-meta,
.artx-railtitle,
.artx-aside-label,
.artx-linecard-tag,
.artx-linecard-meta,
.artx-jobcard-tag,
.artx-jobcard-ref,
.artx-spec-label,
.artx-spec-ref,
.artx-docket-theme,
.artx-sheet-title,
.artx-sheet-count,
.artx-q-area,
.artx-step-label,
.artx-fit-label,
.artx-rate-pop,
.artx-receipt-label,
.artx-receipt-ref,
.artx-coupon-label,
.artx-coupon-note,
.artx-cover-label,
.artx-cover-ref,
.artx-figure-label,
.artx-entry-meta,
.artx-entry-read,
.artx-envelope-note,
.artx-notice-num,
.artx-notice-pill,
.artx-reset-btn,
.artx-toc,
.artx-notice-pill,
.artx-reset-btn {
font-size:var(--type-mobile-ui) !important;
}
.artx-notice-pill:is(a, button),
.artx-reset-btn:is(a, button),
.artx-entry-read:is(a, button),
.artx-toc a,
.artx-opt:is(a, button, label) {
min-height:44px;
display:inline-flex;
align-items:center;
}
.artx-hero-note,
.artx-herofoot,
.artx-byline { font-size:var(--type-mobile-ui) !important; }
.artx-toc,
.artx-opt { font-size:var(--type-mobile-ui) !important; }
}
@media (max-width: 640px) {
.artx-cookie {
position:static !important;
inset:auto !important;
width:100% !important;
max-width:none !important;
margin:1rem 0 !important;
padding:1rem !important;
box-shadow:none !important;
}
.artx-cookie p { font-size:var(--type-mobile-ui) !important; line-height:1.55 !important; }
.artx-cookie-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
.artx-cookie-actions button { min-height:44px; font-size:var(--type-mobile-ui) !important; padding:0.75rem !important; }
.artx-site-footer a,
.artx-site-footer .artx-cookie-reset {
min-height:44px; display:flex; align-items:center;
font-size:var(--type-mobile-ui) !important;
}
}
@media (max-width: 560px) {
.artx-frame { padding-inline:1rem !important; }
.artx-nav,
.artx-contents {
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
align-items:stretch !important;
}
.artx-contents-sep,
.artx-navnum,
.artx-contents-link > span:first-child { display:none !important; }
.artx-navlink,
.artx-contents-link {
justify-content:center !important;
text-align:center !important;
padding:0.7rem 0.4rem !important;
}
.artx-navpay,
.artx-contents-book {
grid-column:1 / -1 !important;
justify-content:center !important;
text-align:center !important;
padding:0.75rem !important;
}
.artx-actions,
.artx-hero-actions,
.artx-cta-actions,
.artx-next-actions,
.artx-local-actions { display:grid !important; grid-template-columns:minmax(0,1fr); }
.artx-actions .artx-btn,
.artx-hero-actions .artx-btn,
.artx-cta-actions .artx-btn,
.artx-next-actions .artx-btn,
.artx-local-actions .artx-btn { width:100%; }
main :where(p, li) { font-size:var(--type-mobile-body) !important; }
main :where(
.artx-kicker, .artx-kick, .artx-hero-kick, .artx-herofoot,
.artx-hero-meta, .artx-byline, .artx-railtitle,
.artx-aside-label, .artx-linecard-tag, .artx-linecard-meta,
.artx-jobcard-tag, .artx-jobcard-ref, .artx-spec-label, .artx-spec-ref,
.artx-docket-theme, .artx-sheet-title, .artx-sheet-count, .artx-q-area,
.artx-step-label, .artx-fit-label, .artx-rate-pop,
.artx-receipt-label, .artx-receipt-ref, .artx-coupon-label,
.artx-coupon-note, .artx-cover-label, .artx-cover-ref,
.artx-figure-label, .artx-entry-meta, .artx-entry-read,
.artx-envelope-note, .artx-notice-num
) { font-size:var(--type-mobile-meta) !important; }
.artx-navlink,
.artx-contents-link,
.artx-navpay,
.artx-contents-book,
.artx-btn,
.artx-form button { min-height:48px !important; }
.artx-h1,
.artx-hero-h1,
.artx-wire-h1 { overflow-wrap:break-word; hyphens:manual; }
.artx-local-card { padding:1.5rem 1.1rem; }
.artx-receipt-topline {
flex-direction:column !important;
align-items:flex-start !important;
}
.artx-receipt-stamp {
align-self:flex-start;
max-width:100%;
transform:rotate(2deg) !important;
letter-spacing:0.14em !important;
overflow-wrap:anywhere;
}
}
@media (max-width: 380px) {
.artx-cookie-actions { grid-template-columns:1fr; }
}
.artx-menu-toggle,
.artx-menu-utility { display:none !important; }
@media (max-width: 700px), (max-height: 450px) {
.artx-menu-toggle:not([hidden]) {
width:100%;
min-height:52px;
display:flex !important;
align-items:center;
justify-content:space-between;
gap:1rem;
margin:0;
padding:0.8rem 0.9rem;
border:0;
border-top:1px solid var(--ink);
border-bottom:1px solid var(--rule);
background:var(--surface-raised);
color:var(--ink);
font:800 var(--type-mobile-ui)/1.25 ui-monospace,monospace;
letter-spacing:0.08em;
text-transform:uppercase;
cursor:pointer;
}
.artx-menu-toggle-icon {
color:var(--brick);
font-size:1.35rem;
line-height:1;
}
.artx-mobile-menu-panel {
grid-template-columns:minmax(0,1fr) !important;
border-top:0 !important;
padding-bottom:0.5rem;
}
.artx-mobile-menu-panel[hidden] { display:none !important; }
.artx-mobile-menu-panel .artx-navlink,
.artx-mobile-menu-panel .artx-contents-link,
.artx-mobile-menu-panel .artx-navpay,
.artx-mobile-menu-panel .artx-contents-book,
.artx-mobile-menu-panel .artx-menu-utility {
width:100% !important;
min-height:52px !important;
grid-column:1 / -1 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
margin:0 !important;
padding:0.8rem 0.9rem !important;
border-bottom:1px solid var(--rule) !important;
font-size:var(--type-mobile-ui) !important;
line-height:1.25 !important;
text-align:left !important;
text-decoration:none;
}
.artx-mobile-menu-panel .artx-menu-utility {
color:#fbeee6;
background:rgba(251,238,230,0.06);
}
.artx-mobile-menu-panel .artx-menu-utility:first-of-type {
border-top:1px solid var(--rule) !important;
}
}
.artx-site-footer {
background:#06080F !important; color:#fbeee6 !important;
font-family:"Noto Sans",Arial,sans-serif !important; text-transform:none !important;
letter-spacing:normal !important; font-size:16px !important; line-height:1.55 !important;
border-top:0 !important;
position:relative; z-index:1;
width:100vw !important; max-width:100vw !important;
margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
padding:56px max(32px, calc((100% - 1600px) / 2)) 30px !important;
display:block !important;
}
.artx-colophon-band {
position:relative; display:flex; align-items:flex-end; justify-content:space-between;
gap:36px; flex-wrap:wrap; padding-bottom:42px;
border-bottom:1px solid rgba(251,238,230,0.22);
}
.artx-colophon-ghost { position:absolute; right:390px; bottom:6px; opacity:0.1; pointer-events:none; width:184px; height:212px; }
.artx-colophon-head {
position:relative; margin:0; font-family:"Noto Serif",Georgia,serif; font-weight:800;
font-size:clamp(38px,4.4vw,64px); line-height:1.02; letter-spacing:-0.02em; max-width:20ch;
color:#fbeee6;
}
.artx-colophon-head em { color:#FF8A75; font-style:italic; }
.artx-colophon-cta {
text-decoration:none; background:#FD664C; color:#06080F; font-weight:800;
font-size:18px; padding:20px 30px; white-space:nowrap; min-height:44px;
display:inline-flex; align-items:center;
}
.artx-colophon-cta:hover, .artx-colophon-cta:focus-visible { background:#e25036; color:#06080F; }
.artx-site-footer-links {
display:grid !important; grid-template-columns:1.4fr 1fr 1fr 1fr !important;
gap:40px !important; padding:38px 0 !important;
border-bottom:1px solid rgba(251,238,230,0.22) !important;
}
.artx-site-footer-group { display:grid !important; grid-template-columns:1fr !important; gap:11px !important; align-content:start; font-size:16px; }
.artx-site-footer-group > p:first-child {
margin:0 0 4px; font-family:ui-monospace,monospace; font-size:12.5px; font-weight:700;
letter-spacing:0.14em; text-transform:uppercase; color:rgba(251,238,230,0.68);
}
.artx-site-footer-group a, .artx-site-footer-group span { color:#fbeee6; text-decoration:none; }
.artx-site-footer-group a:hover, .artx-site-footer-group a:focus-visible { color:#FF8A75; }
.artx-colophon-brand { gap:14px !important; }
.artx-colophon-brand img { height:32px; width:auto; justify-self:start; }
.artx-colophon-brand p {
margin:0; font-size:16px; line-height:1.65; color:rgba(251,238,230,0.82); max-width:34ch;
}
.artx-site-footer .artx-cookie-reset {
background:none; border:0; padding:0; text-align:left; cursor:pointer;
font:inherit; color:#fbeee6;
}
.artx-site-footer .artx-cookie-reset:hover { color:#FF8A75 !important; }
.artx-site-footer-meta {
display:flex !important; flex-wrap:wrap; gap:18px; justify-content:space-between;
padding-top:24px !important; font-family:ui-monospace,monospace; font-size:13px;
letter-spacing:0.1em; text-transform:uppercase; color:rgba(251,238,230,0.75) !important;
}
.artx-site-footer-meta p { margin:0; }
@media (max-width: 1100px) { .artx-colophon-ghost { display:none; } }
@media (max-width: 900px) {
.artx-site-footer { padding:40px 20px 24px !important; }
.artx-site-footer-links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:28px !important; }
.artx-colophon-band { gap:22px; padding-bottom:30px; }
.artx-colophon-cta { width:100%; justify-content:center; }
}
@media (max-width: 620px) {
.artx-site-footer-links { grid-template-columns:1fr !important; }
.artx-site-footer-meta { justify-content:flex-start; }
}
@media (max-width: 1180px) and (min-width: 701px) {
.artx-navfull { display:none !important; }
}
@media (max-width: 1024px) and (min-width: 701px) {
.artx-nav { font-size:11.5px !important; letter-spacing:0.05em !important; padding:0 16px !important; flex-wrap:nowrap !important; }
.artx-navlink { padding:14px 11px !important; }
.artx-navlink:first-of-type { padding-left:0 !important; }
.artx-navnum { margin-right:5px !important; }
.artx-navpay { padding:14px 13px !important; white-space:nowrap !important; flex:0 0 auto !important; }
.artx-navlink { flex:0 1 auto !important; min-width:0 !important; }
.artx-hero { grid-template-columns:1fr !important; }
.artx-hero-rail { display:none !important; }
.artx-hero-main { padding:32px 24px 30px !important; }
.artx-marginalia {
border-left:0 !important; border-top:1px solid var(--rule) !important;
padding:24px !important;
}
.artx-record { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 24px !important; }
.artx-record-row:last-child { border-bottom:1px solid var(--rule-28) !important; }
.artx-rail { grid-template-columns:1fr !important; }
.artx-railhead {
border-right:0 !important; border-bottom:1px solid var(--rule) !important;
display:flex !important; align-items:baseline !important; gap:16px !important;
padding:20px 24px !important;
}
.artx-folio { font-size:52px !important; }
.artx-railtitle { margin:0 !important; }
.artx-railbody { padding:28px 24px 32px !important; }
.artx-rung { grid-template-columns:96px 1fr !important; gap:18px !important; }
.artx-rung-plaque { grid-column:2 !important; justify-self:start !important; }
.artx-rung--lead .artx-rung-plaque { transform:none !important; }
.artx-ev-row { grid-template-columns:64px 1fr !important; gap:18px !important; }
.artx-ev-artefact { grid-column:2 !important; justify-self:start !important; text-align:left !important; }
.artx-ev-arrow { display:none !important; }
.artx-letter { grid-template-columns:1fr !important; }
.artx-letter-side { border-right:0 !important; border-bottom:1px solid var(--rule) !important; }
.artx-letter-main { padding:26px 24px !important; }
.artx-coupon { grid-template-columns:1fr !important; }
.artx-coupon-divider { display:none !important; }
.artx-rhythm { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 1180px) and (min-width: 1025px) {
.artx-mast-top { padding:22px 24px 18px !important; }
.artx-mast-brand img { height:36px !important; margin:0 0 9px 0 !important; }
.artx-mast-tagline { font-size:12px !important; letter-spacing:0.26em !important; }
.artx-mast-side--right { font-size:12px !important; letter-spacing:0.12em !important; }
.artx-nav { padding:0 max(24px, calc((100% - 1600px) / 2)) !important; font-size:12.5px !important; letter-spacing:0.08em !important; }
.artx-navlink { padding:14px 16px !important; }
.artx-navlink:first-of-type { padding:14px 16px 14px 0 !important; }
.artx-navnum { margin-right:7px !important; }
.artx-navpay { padding:14px 16px !important; }
.artx-hero { grid-template-columns:44px 1fr 260px !important; }
.artx-hero-h1 { font-size:clamp(48px,6vw,72px) !important; }
}
@media (max-height: 450px) and (min-width: 701px) {
.artx-masthead { position:relative !important; }
.artx-mast-top {
padding:12px 20px !important; display:flex !important;
align-items:center !important; justify-content:flex-start !important; gap:14px !important;
}
.artx-mast-brand img { height:24px !important; margin:0 !important; }
.artx-mast-tagline { display:none !important; }
.artx-mast-top > .artx-mast-side--right {
display:block !important; border-left:1px solid var(--rule-28) !important;
padding:0 0 0 14px !important; margin:0 !important;
font-size:10px !important; font-weight:600 !important; letter-spacing:0.18em !important;
color:var(--muted) !important; text-align:left !important;
}
.artx-mast-est,
.artx-mast-edition,
.artx-mast-side--right br { display:none !important; }
.artx-menu-toggle:not([hidden]) {
position:absolute !important; top:12px !important; right:20px !important;
width:auto !important; min-height:44px !important; margin:0 !important;
padding:12px 16px !important;
background:var(--ink) !important; color:var(--paper) !important; border:0 !important;
font-family:ui-monospace,monospace !important; font-size:11.5px !important;
font-weight:800 !important; letter-spacing:0.14em !important; text-transform:uppercase !important;
}
.artx-menu-toggle .artx-menu-toggle-icon { color:var(--paper) !important; }
}
@media (max-width: 700px) {
.artx-masthead {
position:relative !important;
display:flex !important; flex-wrap:wrap !important; align-items:center !important;
padding:0 !important;
}
.artx-mast-top {
flex:1 1 auto !important; min-width:0 !important;
display:flex !important; align-items:center !important;
justify-content:flex-start !important; gap:0 !important;
padding:14px 16px 14px 16px !important; flex-wrap:wrap !important;
}
.artx-mast-brand { flex:0 0 100% !important; text-align:left !important; padding-right:104px !important; }
.artx-mast-brand img { height:24px !important; margin:0 !important; }
.artx-mast-tagline { display:none !important; }
.artx-mast-top > .artx-mast-side--right {
display:block !important; order:3 !important; flex:0 0 100% !important;
text-align:left !important; font-size:10px !important;
font-weight:600 !important; letter-spacing:0.1em !important;
color:var(--muted) !important; line-height:1.6 !important;
padding:7px 16px 0 0 !important; margin:10px 0 0 !important;
border-top:1px solid var(--rule) !important; width:100% !important;
}
.artx-menu-toggle:not([hidden]) {
position:absolute !important; top:14px !important; right:16px !important;
flex:0 0 auto !important; width:auto !important; min-height:44px !important;
margin:0 !important; padding:12px 16px !important;
background:var(--ink) !important; color:var(--paper) !important;
border:0 !important; align-self:center !important;
font-family:ui-monospace,monospace !important; font-size:11.5px !important;
font-weight:800 !important; letter-spacing:0.14em !important;
text-transform:uppercase !important;
}
.artx-menu-toggle .artx-menu-toggle-icon { color:var(--paper) !important; }
.artx-mobile-menu-panel { flex:0 0 100% !important; }
.artx-hero-main { padding:26px 16px 30px !important; }
.artx-kicker { font-size:11px !important; margin-bottom:10px !important; }
.artx-hero-h1 { font-size:42px !important; line-height:1 !important; letter-spacing:-0.03em !important; }
.artx-railbody { padding:26px 16px 30px !important; }
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
img { max-width:100%; }
.artx-btn { text-decoration:none; font-weight:700; white-space:nowrap; display:inline-block; }
.artx-btn-outline:hover { background:var(--ink); color:var(--paper); }
.artx-cookie { position:fixed; left:1rem; right:1rem; bottom:1rem; z-index:210; max-width:34rem; margin:0 auto; background:var(--cover); color:var(--ink); border:1px solid var(--ink); box-shadow:0 20px 48px rgba(6,8,15,0.2); padding:1.1rem 1.3rem; display:grid; gap:0.9rem; }
.artx-cookie p { margin:0.2rem 0 0; font-size:0.9rem; color:var(--body-mute); }
.artx-cookie-actions { display:flex; flex-wrap:wrap; gap:0.6rem; }
.artx-cookie-actions button { font-family:inherit; font-size:0.85rem; font-weight:700; padding:0.85rem 1.2rem; border:1px solid var(--ink); cursor:pointer; touch-action:manipulation; min-height:44px; }
.artx-cookie-accept { background:var(--coral-bright); color:#06080F; border-color:var(--coral-bright); }
.artx-cookie-accept:hover { background:var(--coral); border-color:var(--coral); }
.artx-cookie-reject { background:transparent; color:var(--ink); }
.artx-cookie-reject:hover { background:var(--ink); color:var(--paper); }
.artx-cookie-reset:hover { color:var(--brick); }
a.artx-mast-side { text-decoration:none; }
.artx-heroleft { display:grid; grid-template-columns:2.6rem 1fr; gap:0; }
.artx-h1 em { font-style:italic; color:var(--coral-display); }
.artx-herofoot strong { color:var(--ink); display:block; margin-bottom:0.3rem; }
.artx-herofoot .artx-em { color:var(--brick); }
.artx-section { border-bottom:1px solid var(--rule); }
.artx-herowrap { display:grid; grid-template-columns:1fr 23rem; gap:0; }
.artx-hero-body { padding:2.4rem 2.4rem 2.4rem 2.2rem; }
.artx-hero-kick { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--brick); margin:0 0 1.4rem; }
.artx-hero-h1 em { font-style:italic; color:var(--coral-display); }
.artx-form-status { margin:0; font-size:0.9rem; font-weight:700; min-height:1.2em; color:var(--ink); }
.artx-field { display:grid; gap:0.35rem; }
.artx-field > span { font-family:ui-monospace,monospace; font-size:0.64rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--body-mute); }
.artx-field > span em { font-style:normal; color:var(--muted); text-transform:none; letter-spacing:0; }
.artx-field textarea { resize:vertical; }
.artx-honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.artx-form button:hover { background:var(--brick); }
.artx-privacy-note { font-size:0.8rem; color:var(--body-mute); margin:0; }
.artx-privacy-note a { color:var(--brick); }
.artx-privacy-note a:hover { color:var(--brick); }
.artx-ledgerrow:last-child { border-bottom:none; }
picture img { display:block; }
.artx-kick--brick { color:var(--brick); }
.artx-intro { max-width:70ch; }
.artx-notices-nav { display:flex; flex-wrap:wrap; gap:0.8rem; font-family:ui-monospace,monospace; font-size:0.66rem; letter-spacing:0.12em; text-transform:uppercase; }
.artx-notice-pill { text-decoration:none; border:1px solid var(--edge); padding:0.55rem 0.9rem; color:var(--ink); }
.artx-notice-pill:hover { background:var(--ink); color:var(--paper); }
.artx-notice-pill[aria-current="page"] { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.artx-notice { display:grid; grid-template-columns:minmax(14rem,1fr) 2.2fr; gap:0; }
.artx-notice-rail { border-right:1px solid var(--rule); padding:0.4rem 2rem 0 0; }
.artx-notice-num { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--brick); margin:0 0 0.6rem; }
.artx-notice-h2 { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:1.6rem; margin:0 0 1.2rem; }
.artx-plain { font-family:ui-monospace,monospace; font-size:0.66rem; letter-spacing:0.06em; line-height:1.9; text-transform:uppercase; color:var(--mono); margin:0; }
.artx-notice-body { padding:0.4rem 0 0 2.4rem; display:grid; gap:1.8rem; max-width:66ch; }
.artx-clause p + p { margin-top:0.6rem; }
.artx-note a { color:var(--brick); text-decoration:underline; text-underline-offset:2px; }
.artx-note a:hover { color:var(--brick); }
.artx-reset-btn { align-self:start; font-family:ui-monospace,monospace; font-size:0.66rem; letter-spacing:0.12em; text-transform:uppercase; background:transparent; border:1px solid var(--edge); color:var(--ink); padding:0.7rem 1.1rem; cursor:pointer; }
.artx-reset-btn:hover { background:var(--ink); color:var(--paper); }
.artx-coupon-unit { font-family:ui-monospace,monospace; font-size:0.66rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--mono); }
.artx-arthead { padding:3rem 0 2.6rem; }
.artx-arthead-inner { max-width:76ch; }
.artx-arthead h1 { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:clamp(2rem,4.6vw,3.4rem); line-height:1.08; letter-spacing:-0.01em; margin:0 0 1.3rem; }
.artx-standfirst { font-family:"Noto Serif",Georgia,serif; font-size:1.15rem; line-height:1.6; color:var(--body); margin:0 0 1.5rem; max-width:66ch; }
.artx-byline { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--mono); margin:0; }
.artx-article { display:grid; grid-template-columns:16rem minmax(0,1fr); }
.artx-article .artx-prose-wrap { max-width:820px; }
.artx-aside-sticky { position:sticky; top:2rem; }
.artx-aside-no { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:2.6rem; color:var(--coral); margin:0 0 1.2rem; }
.artx-aside-label { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--mono); margin:0 0 0.8rem; }
.artx-toc { display:grid; gap:0.55rem; font-family:ui-monospace,monospace; font-size:0.66rem; letter-spacing:0.06em; text-transform:uppercase; line-height:1.5; }
.artx-toc a { text-decoration:none; color:var(--body); }
.artx-toc a:hover, .artx-toc a.is-current { color:var(--brick); }
.artx-prose-wrap { padding:2.8rem 0 2.8rem 2.6rem; max-width:72ch; }
.artx-prose { font-family:"Noto Serif",Georgia,serif; font-size:1.04rem; line-height:1.75; color:var(--prose); }
.artx-prose h2 { font-family:"Noto Serif",Georgia,serif; font-weight:700; font-size:1.45rem; line-height:1.25; margin:2.4rem 0 1rem; color:var(--ink); }
.artx-prose h2:first-child { margin-top:0; }
.artx-para-no { color:var(--coral); font-family:ui-monospace,monospace; font-size:0.75rem; letter-spacing:0.1em; vertical-align:0.5em; margin-right:0.7em; }
.artx-prose p { margin:0 0 1.2rem; }
.artx-prose a { color:var(--brick); }
.artx-prose a:hover { color:var(--brick); }
.artx-lead-para::first-letter { float:left; font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:3.4rem; line-height:0.82; padding:0.08em 0.14em 0 0; color:var(--coral); }
.artx-pull { margin:2rem 0; padding:1.4rem 0 1.4rem 1.6rem; border-left:3px solid var(--coral); }
.artx-pull p { font-family:"Noto Serif",Georgia,serif; font-weight:700; font-style:italic; font-size:1.35rem; line-height:1.4; margin:0; color:var(--ink); }
.artx-rows { list-style:none; margin:0 0 1.8rem; padding:0; border-top:1px solid var(--rule); counter-reset:artxrow; }
.artx-rows li { display:grid; grid-template-columns:2.4rem 1fr; gap:0.8rem; padding:0.9rem 0; border-bottom:1px solid var(--rule); }
.artx-rows li::before { counter-increment:artxrow; content:counter(artxrow, lower-alpha) "."; font-family:ui-monospace,monospace; font-size:0.7rem; color:var(--brick); padding-top:0.35em; }
.artx-rows p { margin:0; font-size:0.98rem; }
.artx-faqsec { padding:2.6rem 0; border-bottom:1px solid var(--rule); }
.artx-faq-kick { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--brick); margin:0 0 1.4rem; }
.artx-faq-list { display:grid; border-top:1px solid var(--rule); max-width:80ch; }
.artx-faq-item { padding:1.3rem 0; border-bottom:1px solid var(--rule); }
.artx-ctasec { padding:3rem 0; border-bottom:1px solid var(--rule); }
.artx-cta { background:var(--slab-bg); color:var(--slab-ink); display:grid; grid-template-columns:1.5fr 1fr; gap:2.4rem; padding:2.6rem 2.8rem; box-shadow:var(--slab-shadow); }
.artx-cta-copy p { font-size:1rem; color:var(--slab-body); margin:0; max-width:56ch; }
.artx-cta-actions { display:flex; flex-direction:column; justify-content:center; gap:0.9rem; }
.artx-btn-slab:hover { background:var(--slab-ink); color:var(--slab-bg); }
.artx-cta-note { font-family:ui-monospace,monospace; font-size:0.6rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--slab-note); margin:0; text-align:center; }
.artx-nextprev { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--rule); }
.artx-np { text-decoration:none; padding:1.6rem 1.6rem 1.6rem 0; }
.artx-np--prev { border-right:1px solid var(--rule); }
.artx-np--next { padding:1.6rem 0 1.6rem 1.6rem; text-align:right; }
.artx-np:hover { background:var(--coral-tint); }
.artx-np-dir { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--mono); display:block; margin-bottom:0.4rem; }
.artx-np-title { font-family:"Noto Serif",Georgia,serif; font-weight:700; font-size:1.05rem; color:var(--ink); }
.artx-fit-label { font-family:ui-monospace,monospace; font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; margin:0 0 1.1rem; }
.artx-fit-label--not { color:var(--mono); }
.artx-fit-list--not li { color:var(--body-mute); }
.artx-mark-not { color:var(--muted); font-weight:800; }
.artx-lead a { color:var(--brick); font-weight:600; }
.artx-lead a:hover { color:var(--brick); }
.artx-three > article { padding:1.6rem 1.4rem 0.5rem; border-right:1px solid var(--rule-14); }
.artx-three > article:first-child { padding-left:0; }
.artx-three > article:last-child { padding-right:0; border-right:none; }
.artx-three h3 { font-family:"Noto Serif",serif; font-weight:700; font-size:1.3rem; line-height:1.12; margin:0 0 0.5rem; }
.artx-three p { font-size:0.92rem; color:var(--body-mute); margin:0; }
.artx-faq details { border-top:1px solid var(--rule); }
.artx-faq details:last-of-type { border-bottom:1px solid var(--rule); }
.artx-faq summary { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:1.15rem 0; font-family:"Noto Serif",serif; font-weight:700; font-size:1.15rem; cursor:pointer; list-style:none; }
.artx-faq summary::-webkit-details-marker { display:none; }
.artx-faq-mark::before { content:"[+]"; }
.artx-faq details[open] .artx-faq-mark::before { content:"[\2212]"; }
.artx-hero { border-bottom:1px solid var(--rule); }
.artx-receipt { border-left:1px solid var(--rule); background:var(--cover); color:var(--ink); padding:1.8rem 1.6rem; display:flex; flex-direction:column; position:relative; box-shadow:var(--card-shadow); }
.artx-receipt-top { display:flex; align-items:baseline; justify-content:space-between; gap:0.6rem; border-bottom:1.5px solid var(--ink); padding-bottom:0.7rem; margin-bottom:1.3rem; }
.artx-receipt-topline { display:flex; align-items:baseline; justify-content:space-between; gap:0.8rem; margin-bottom:1.3rem; }
.artx-receipt-tag { font-family:ui-monospace,monospace; font-size:0.6rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--brick); }
.artx-receipt-ref { font-family:ui-monospace,monospace; font-size:0.6rem; letter-spacing:0.08em; color:var(--muted); }
.artx-receipt-label { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--mono); margin:0 0 0.4rem; }
.artx-receipt-price { display:flex; align-items:baseline; gap:0.5rem; margin-bottom:0.4rem; }
.artx-receipt-num { font-family:"Noto Serif",serif; font-weight:800; font-size:3.2rem; line-height:0.9; }
.artx-receipt-unit { font-family:"Noto Serif",serif; font-weight:700; font-size:1.05rem; color:var(--muted); }
.artx-receipt p.artx-receipt-note { font-size:0.88rem; color:var(--body); margin:0 0 1.3rem; line-height:1.45; }
.artx-receipt-list { display:grid; gap:0; }
.artx-receipt-row { display:grid; grid-template-columns:auto 1fr; gap:0.8rem; align-items:baseline; padding:0.65rem 0; border-top:1px solid var(--rule-14); }
.artx-receipt-row:last-child { border-bottom:1px solid var(--rule-14); }
.artx-receipt-row span:first-child { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--mono); }
.artx-receipt-row span:last-child { font-size:0.94rem; color:var(--ink); text-align:right; }
.artx-receipt-foot { font-family:"Noto Sans",sans-serif; font-size:0.88rem; color:var(--muted); margin:1rem 0 0; }
.artx-receipt-foot a { color:var(--brick); }
.artx-receipt-foot a:hover { color:var(--brick); }
.artx-docket { border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); }
.artx-docketrow { display:grid; grid-template-columns:7.5rem 1fr; gap:1.4rem; align-items:baseline; padding:1.3rem 0; border-bottom:1px solid var(--rule-14); }
.artx-docketrow:last-child { border-bottom:none; }
.artx-docketrow > span { font-family:ui-monospace,monospace; font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--brick); font-weight:700; }
.artx-docketrow h3 { font-family:"Noto Serif",serif; font-weight:700; font-size:1.12rem; margin:0 0 0.3rem; }
.artx-docketrow p { font-size:0.95rem; color:var(--body-mute); margin:0; max-width:58ch; }
.artx-slab { background:var(--slab-bg); color:var(--slab-ink); padding:2.2rem 2.2rem 2rem; }
.artx-slab h2 { font-family:"Noto Serif",serif; font-weight:800; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.06; letter-spacing:-0.02em; margin:0 0 0.9rem; max-width:24ch; color:var(--slab-ink); }
.artx-slab-lead { font-size:1rem; color:var(--slab-body); max-width:60ch; margin:0 0 1.6rem; }
.artx-slab-notes { border-top:1px solid var(--slab-rule); padding-top:1.2rem; display:grid; gap:0.7rem; }
.artx-slab-notes p { margin:0; font-size:0.95rem; color:var(--slab-body); }
.artx-slab-notes p span { color:var(--slab-accent); margin-right:0.6rem; }
.artx-fixgrid { border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); margin-bottom:1.6rem; }
.artx-fixrow { display:grid; grid-template-columns:1.1fr 1fr; gap:1.4rem; align-items:baseline; padding:1.1rem 0; border-bottom:1px solid var(--rule-14); }
.artx-fixrow:last-child { border-bottom:none; }
.artx-fixrow h3 { font-family:"Noto Serif",serif; font-weight:700; font-size:1.08rem; margin:0; }
.artx-fixrow p { font-size:0.92rem; color:var(--body-mute); margin:0; }
.artx-fixcta { background:var(--coral-tint); border:1px solid var(--rule); padding:1.4rem 1.6rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; }
.artx-fixcta p { margin:0; font-size:0.98rem; color:var(--body); }
@media (pointer: coarse), (max-width: 700px) {
.artx-skip { min-height:44px !important; display:inline-flex !important; align-items:center !important; }
.artx-mast-brand { padding:10px 0 !important; }
.artx-mast-edition a,
.artx-letter-main figcaption a,
.artx-privacy-note a {
display:inline-block; padding-block:14px; margin-block:-14px;
}
}
.artx-edition-cta {
display:flex; align-items:center; justify-content:space-between;
gap:24px; flex-wrap:wrap; margin:28px 0 0; padding:20px 0 0;
border-top:1px solid var(--rule);
}
.artx-edition-kick {
margin:0 0 6px; font-family:ui-monospace,monospace; font-size:11.5px;
font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--measured);
}
.artx-edition-line {
margin:0; font-family:"Noto Serif",Georgia,serif; font-weight:800;
font-size:24px; line-height:1.15; color:var(--ink); max-width:34ch;
}
.artx-edition-btn {
text-decoration:none; background:var(--coral); color:#06080F; font-weight:800;
font-size:16px; padding:15px 22px; white-space:nowrap; min-height:44px;
display:inline-flex; align-items:center;
}
.artx-edition-btn:hover, .artx-edition-btn:focus-visible { background:#e25036; color:#06080F; }
@media (max-width: 700px) {
.artx-edition-cta { gap:16px; }
.artx-edition-btn { width:100%; justify-content:center; }
}
.artx-btn {
min-height:44px; display:inline-flex; align-items:center; justify-content:center;
text-decoration:none; font-weight:800; font-size:0.95rem; padding:1rem 1.5rem;
text-align:center; font-family:inherit; cursor:pointer;
}
.artx-btn-coral { background:var(--coral-bright); color:#06080F; border:1px solid var(--coral-bright); }
.artx-btn-coral:hover, .artx-btn-coral:focus-visible { background:var(--coral); border-color:var(--coral); }
.artx-btn-ink { background:var(--ink); color:var(--paper); border:1px solid var(--ink); }
.artx-btn-ink:hover, .artx-btn-ink:focus-visible { background:var(--coral); color:#06080F; border-color:var(--coral); }
.artx-btn-outline { background:transparent; color:var(--ink); border:1px solid var(--ink); }
.artx-btn-outline:hover, .artx-btn-outline:focus-visible { background:var(--ink); color:var(--paper); }
.artx-h1 {
font-family:"Noto Serif",Georgia,serif; font-weight:800;
font-size:clamp(40px,5.4vw,72px); line-height:1.02; letter-spacing:-0.02em;
margin:0 0 22px; color:var(--ink);
}
.artx-h2 {
font-family:"Noto Serif",Georgia,serif; font-weight:800;
font-size:clamp(34px,3.6vw,54px); line-height:1.04; letter-spacing:-0.02em;
margin:0 0 32px; color:var(--ink);
}
.artx-lead { font-size:1.08rem; line-height:1.7; color:var(--body); margin:0 0 1.6rem; max-width:64ch; }
.artx-kicker, .artx-kick {
font-family:ui-monospace,monospace; font-size:14px; font-weight:600;
letter-spacing:0.2em; text-transform:uppercase; color:var(--measured); margin:0 0 22px;
}
.artx-sectlead { font-size:18px; line-height:1.65; color:var(--body); max-width:60ch; margin:0 0 2rem; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }
body {
margin:0; font-family:"Noto Sans",system-ui,sans-serif;
background:var(--paper); color:var(--ink); line-height:1.55;
-webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a { color:inherit; }
h1, h2, h3 { margin:0; }
.artx-grain {
position:fixed; inset:0; z-index:150; pointer-events:none;
opacity:var(--grain-opacity);
background-image:url("/assets/paper-grain.webp");
background-repeat:repeat; background-size:128px 128px;
mix-blend-mode:var(--grain-blend);
}
.artx-diamond { color:var(--coral); }
.artx-hero-rail { border-right:1px solid var(--rule); padding:28px 0; display:flex; justify-content:center; }
.artx-hero-rail span {
writing-mode:vertical-rl; transform:rotate(180deg);
font-family:ui-monospace,monospace; font-size:14px; font-weight:700;
letter-spacing:0.2em; text-transform:uppercase; color:var(--body-mute); line-height:1.2;
}
.artx-folio { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:88px; line-height:0.8; color:var(--ink); }
.artx-railtitle {
font-family:ui-monospace,monospace; font-size:13px; font-weight:600; letter-spacing:0.2em;
text-transform:uppercase; color:var(--mono); margin:16px 0 0;
}
.artx-cookie-reset {
background:none; border:none; padding:0; cursor:pointer; color:var(--ink);
font-family:inherit; font-size:inherit; letter-spacing:inherit; text-align:left;
}
.artx-frame { max-width:1600px; margin:0 auto; padding:0 1.5rem; border-left:1px solid var(--rule); border-right:1px solid var(--rule); position:relative; z-index:1; }
.artx-vh { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.artx-progress { position:fixed; top:0; left:0; height:3px; width:0%; background:var(--coral); z-index:300; pointer-events:none; transition:width 0.08s linear; }
.artx-frame { max-width:1600px; margin:0 auto; padding:0 1.5rem; border-left:1px solid var(--rule); border-right:1px solid var(--rule); position:relative; z-index:1; }
.artx-cookie strong { font-family:"Noto Serif",Georgia,serif; font-size:1.05rem; }
.artx-rail { display:grid; grid-template-columns:170px 1fr; gap:0; }
.artx-railhead { border-right:1px solid var(--rule); padding:38px 20px; }
.artx-railbody { padding:44px 40px; }
.artx-hero { border-bottom:1px solid var(--rule); }
.artx-herowrap { display:grid; grid-template-columns:1fr 23rem; gap:0; }
.artx-herobody { padding:2.4rem 2.4rem 2.4rem 2.2rem; }
.artx-actions { display:flex; flex-wrap:wrap; gap:0.8rem; }
.artx-herofoot { margin:1.5rem 0 0; padding-top:1.1rem; border-top:1px solid var(--rule); font-family:ui-monospace,monospace; font-size:0.68rem; letter-spacing:0.06em; line-height:1.85; color:var(--body-mute); text-transform:uppercase; }
.artx-stamp { display:inline-block; transform:rotate(-6deg); border:2px solid var(--brick); color:var(--brick); font-family:ui-monospace,monospace; font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; padding:0.4rem 0.7rem; }
.artx-contents-link { text-decoration:none; padding:0.65rem 0; color:var(--ink); white-space:nowrap; display:inline-flex; gap:0.5em; align-items:baseline; }
.artx-contents-sep { width:1px; background:var(--rule); }
.artx-contents-book { text-decoration:none; padding:0.65rem 0.9rem; color:#06080F; background:var(--coral-bright); font-weight:800; white-space:nowrap; }
.artx-hero-lead { max-width:52ch; font-size:1.08rem; color:var(--body); margin:0 0 1.9rem; }
.artx-note { font-family:ui-monospace,monospace; font-size:0.64rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--mono); margin:0; padding-top:0.9rem; border-top:1px solid var(--rule); }
.artx-ledgerrow { display:grid; grid-template-columns:4.6rem 1fr 8rem; gap:1.4rem; align-items:baseline; padding:1.5rem 0; border-bottom:1px solid var(--rule); }
.artx-ledgerrow h3 { font-family:"Noto Serif",Georgia,serif; font-weight:700; font-size:1.3rem; line-height:1.12; margin:0 0 0.45rem; }
.artx-ledgerrow p { font-size:0.96rem; color:var(--body-mute); margin:0; max-width:60ch; }
.artx-cta-kick { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--slab-accent); margin:0 0 0.9rem; }
.artx-btn--sm { font-size:0.92rem; padding:0.85rem 1.4rem; }
.artx-hero-h1 { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:clamp(2.6rem,5.4vw,5rem); line-height:0.98; letter-spacing:-0.03em; margin:0 0 1.5rem; }
.artx-clause h3 { font-family:"Noto Serif",Georgia,serif; font-weight:700; font-size:1.1rem; margin:0 0 0.5rem; }
.artx-clause p { font-size:0.95rem; color:var(--body); margin:0; }
.artx-form { display:grid; gap:0.9rem; align-content:start; }
.artx-field > span strong { color:var(--brick); }
.artx-field input, .artx-field textarea { padding:0.75rem 0.85rem; border:1px solid var(--ink); background:var(--cover); color:var(--ink); font-size:0.95rem; font-family:inherit; width:100%; }
.artx-form button { background:var(--ink); color:var(--paper); font-weight:700; font-size:0.95rem; padding:0.95rem; border:none; cursor:pointer; font-family:inherit; }
.artx-sec { border-bottom:1px solid var(--rule); }
.artx-cta h2 { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:clamp(1.6rem,3vw,2.2rem); line-height:1.15; margin:0 0 1rem; color:var(--slab-ink); }
.artx-btn-slab { border:1px solid var(--slab-edge); color:var(--slab-ink); font-weight:700; font-size:0.9rem; padding:1rem 1.5rem; text-align:center; text-decoration:none; }
.artx-sticky[hidden] { display:none; }
.artx-sticky-inner { max-width:1600px; margin:0 auto; padding:0 32px; display:flex; align-items:center; gap:24px; }
.artx-sticky-brand { display:flex; align-items:center; gap:12px; text-decoration:none; padding:10px 0; }
.artx-sticky-brand img { height:26px; width:auto; }
.artx-sticky-spacer { flex:1; }
.artx-sticky-nav { display:flex; gap:26px; align-items:center; font-family:ui-monospace,monospace; font-size:13.5px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; }
.artx-sticky-nav a { text-decoration:none; padding:14px 0; color:#fbeee6; }
.artx-sticky-nav a:hover, .artx-sticky-nav a:focus-visible { color:#FF8A75; }
.artx-sticky-cta { padding:10px 16px !important; background:#FD664C; color:#06080F !important; font-weight:800; min-height:44px; display:inline-flex; align-items:center; }
.artx-sticky-cta:hover, .artx-sticky-cta:focus-visible { background:#e25036; color:#06080F !important; }
.artx-meter { height:10px; background:var(--slab-track); position:relative; }
.artx-meter-fill { position:absolute; left:0; top:0; bottom:0; width:0%; background:var(--slab-accent); transition:width 0.3s ease; }
.artx-coupon-price { display:flex; align-items:baseline; gap:0.7rem; margin:0; }
.artx-coupon-num { font-family:"Noto Serif",Georgia,serif; font-weight:800; font-size:54px; line-height:0.9; color:var(--ink); }
.artx-coupon-divider { background:var(--rule-28); }
.artx-coupon-actions { gap:0.9rem; }
.artx-aside { border-right:1px solid var(--rule); padding:2.8rem 2rem 2.8rem 0; }
.artx-faq-item h3 { font-family:"Noto Serif",Georgia,serif; font-weight:700; font-size:1.08rem; margin:0 0 0.5rem; }
.artx-faq-item p { font-size:0.95rem; color:var(--body); margin:0; max-width:70ch; }
.artx-fit-list { list-style:none; padding:0; margin:0; display:grid; gap:0.9rem; }
.artx-fit-list li { display:flex; gap:0.7rem; font-size:0.96rem; }
.artx-slab-kicker { font-family:ui-monospace,monospace; font-size:0.74rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--slab-accent); margin:0 0 1rem; }
.artx-slab p { font-size:0.95rem; color:var(--slab-body); margin:0 0 1.4rem; }
.artx-faq { max-width:62ch; }
.artx-faq-mark { font-family:ui-monospace,monospace; color:var(--brick); font-size:0.9rem; flex:0 0 auto; }
.artx-faq details p { font-size:0.96rem; color:var(--body-mute); margin:0; padding:0 0 1.3rem; }
.artx-faq-cta { margin-top:1.8rem; }