@font-face{font-family:Bricolage;src:url('assets/bricolage-800.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Bricolage;src:url('assets/bricolage-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--space:24px;--heading:Bricolage,Arial,sans-serif;--body:Manrope,Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;--bg:#111313;--ink:#fafaf5;--muted:#b4b9b5;--accent:#e1ff59;--accent-ink:#111313;--surface:#1b1e1d;--line:#3c413e;--radius:24px;--control-radius:12px;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.05}h2{font-size:clamp(2rem,4.5vw,3.7rem);font-weight:600}h3{font-size:1.8rem;font-weight:600}em{font-style:normal;color:var(--accent)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:10;top:-100px;left:16px;padding:12px 20px;background:#fff;color:#111}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px;box-shadow:0 0 0 3px var(--bg)}.review-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:#fff;color:#202523;border-bottom:1px solid #ddd;box-shadow:0 2px 20px #0000000a;--accent:#234dd7;--bg:#fff}.review-title{display:flex;gap:16px;align-items:center;font-size:.75rem}.review-title strong{font-size:.875rem;letter-spacing:.07em}.review-title span{color:#626966}.direction-picker{display:flex;gap:6px}.direction-picker button{background:#fff;border:1px solid transparent;border-radius:6px;min-height:44px;padding:6px 14px;color:#535955;font-size:.875rem;font-weight:600}.direction-picker button b{padding-right:5px}.direction-picker button:hover{background:#f0f2ef}.direction-picker button[aria-pressed=true]{background:#18201d;color:#fff}.system-link{font-size:.875rem;font-weight:600;display:flex;gap:12px;align-items:center;min-height:44px}.site-header{display:flex;align-items:center;gap:32px;justify-content:space-between;min-height:116px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--heading);font-weight:800;font-size:2.3rem;line-height:.76;letter-spacing:-.08em;display:inline-flex;align-items:flex-end;gap:7px;padding:12px 0}.wordmark>span{font-size:1.2rem;color:var(--accent);letter-spacing:-.04em;line-height:1}.site-header nav{display:flex;gap:32px;font-size:.875rem}.site-header nav a{padding:14px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:8px}.header-contact{display:flex;align-items:center;gap:24px;background:none;border:1px solid var(--line);border-radius:var(--control-radius);padding:12px 20px;min-height:48px;font-size:.875rem}.header-contact:hover{border-color:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding-top:62px;padding-bottom:64px;align-items:center;min-height:700px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{padding-inline:8px;color:var(--accent)}.hero h1{font-size:clamp(4.25rem,7.8vw,7.5rem);letter-spacing:-.055em;font-weight:800;line-height:1;margin-top:26px}.hero h1 em{display:inline-block;position:relative}.hero-description{margin-top:30px}.hero-description>p{font-size:1.125rem;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;border-radius:var(--control-radius);padding:14px 22px;font-size:.875rem;font-weight:600;border:1px solid transparent;transition:transform .18s ease,filter .18s ease,background .18s ease}.button.primary{background:var(--accent);color:var(--accent-ink)}.button:hover{transform:translateY(-2px);filter:brightness(.96)}.button:active{transform:translateY(0)}.text-link{background:transparent;border:0;border-bottom:1px solid currentColor;line-height:1.5;padding:10px 0;font-size:.875rem;font-weight:600;min-height:44px}.hero-visual{min-width:0;position:relative;padding:50px 0 60px;isolation:isolate;scroll-margin-top:130px}.wayne-figure{position:relative;width:80%;max-width:430px;margin-inline:auto}.portrait-crop{position:relative;aspect-ratio:1;overflow:hidden;border-radius:50%;background:#d8d1c7}.portrait-crop img{position:absolute;width:151.18%;max-width:none;height:auto;left:-25.695%;top:-97.216%}.wayne-figure figcaption{margin-top:22px;font-family:var(--heading);font-size:1.4rem;font-weight:600;text-align:center}.wayne-figure figcaption span{font-family:var(--body);display:block;font-size:.75rem;color:var(--muted);font-weight:400;margin-top:4px}.portrait-orbit{position:absolute;width:96%;aspect-ratio:1;max-width:540px;left:2%;top:5%;border:1px solid var(--line);border-radius:50%;z-index:-1}.portrait-orbit:before{content:'';position:absolute;inset:18px;border:1px dashed var(--line);border-radius:50%}.hero-note{position:absolute;bottom:13%;left:0;background:var(--accent);color:var(--accent-ink);padding:20px 24px;transform:rotate(-7deg);border-radius:4px;box-shadow:0 18px 40px #0003}.hero-note>span{font-size:.75rem;font-weight:600;letter-spacing:.12em}.hero-note strong{display:block;font-family:var(--heading);font-size:1.55rem;line-height:1.05;letter-spacing:-.04em;margin-top:10px}.visual-index{position:absolute;right:0;bottom:5%;font-size:.75rem;color:var(--muted);letter-spacing:.12em}.editorial-product{display:none}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:22px;gap:20px}.category-strip span{font-family:var(--heading);font-size:1.25rem;text-align:center;border-right:1px solid var(--line)}.category-strip span:last-child{border:0}.catalog{padding-top:88px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-heading h2{margin-top:16px}.demo-disclosure{font-size:.75rem;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.product-feature{background:#e9e9e4;color:#151a16;border-radius:var(--radius);padding:24px 32px;min-width:0}.product-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.badge{font-size:.75rem;font-weight:600;border:1px solid currentColor;display:inline-flex;align-items:center;padding:5px 10px;border-radius:99px;line-height:1.3}.product-series{font-size:.75rem}.product-image{height:320px;display:flex;align-items:center;justify-content:center}.product-image img{height:100%;width:100%;object-fit:contain;transition:transform .3s ease}.product-feature:hover .product-image img{transform:translateY(-5px)}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.product-bottom h3{font-size:2rem}.product-bottom p{font-size:.75rem;color:#51564f;margin-top:5px}.round-button{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #7f867d;border-radius:50%;background:transparent;font-size:1.5rem;--accent:#234dd7;--bg:#e9e9e4}.round-button:hover{background:#fff}.product-negotiate{background:none;border:0;border-top:1px solid #c0c4bb;width:100%;text-align:left;font-size:.875rem;padding:16px 0 0;margin-top:22px;display:flex;justify-content:space-between;gap:16px;--accent:#234dd7;--bg:#e9e9e4}.trade-panel{background:var(--surface);padding:42px;border-radius:var(--radius);display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:26px;scroll-margin-top:130px}.trade-panel h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.035em}.trade-panel>p{color:var(--muted);font-size:.875rem}.secondary{border-color:var(--line);background:transparent;color:var(--ink)}.small-note{font-size:.75rem;color:var(--muted)}.mac-line{display:grid;grid-template-columns:1fr 1.05fr auto;align-items:center;gap:30px;padding:54px 0;border-bottom:1px solid var(--line)}.mac-line h3{margin-top:12px}.mac-line p{font-size:.875rem;color:var(--muted);margin-top:10px}.mac-line img{width:100%;height:130px;object-fit:contain}.conversation{padding-top:106px;padding-bottom:106px}.conversation>p{color:var(--muted);font-size:.875rem;margin-bottom:26px}.conversation h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.055em}.conversation-actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:32px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:36px;border-top:1px solid var(--line)}.site-footer>p{font-size:.875rem}.footer-note{color:var(--muted);font-size:.75rem!important}.design-system{background:var(--surface);border-top:1px solid var(--line);padding:70px 0}.system-heading{max-width:680px}.system-heading h2{margin-block:16px}.system-heading>p:last-child{color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.system-grid article{border-top:1px solid var(--line);padding-top:22px;min-width:0}.system-grid h3{font-family:var(--body);font-size:.875rem;line-height:1.5;margin-bottom:24px}.system-grid p,.system-grid article>span{font-size:.75rem;color:var(--muted);margin-top:14px}.swatches{display:flex;gap:12px}.swatch{display:flex;flex-direction:column;gap:8px;font-size:.75rem}.swatch i{width:48px;height:48px;display:block;border:1px solid #8888;border-radius:8px}.type-spec>strong{font-family:var(--heading);font-size:2rem;line-height:1.15}.spacing-demo{display:flex;gap:8px;align-items:end;height:48px}.spacing-demo i{width:12px;background:var(--accent)}.spacing-demo i:nth-child(1){height:8px}.spacing-demo i:nth-child(2){height:16px}.spacing-demo i:nth-child(3){height:24px}.spacing-demo i:nth-child(4){height:32px}.spacing-demo i:nth-child(5){height:48px}.components-spec .button{width:100%;padding-inline:16px}.components-spec label{display:block;font-size:.875rem;margin-top:20px}.components-spec input{width:100%;margin-top:8px}input,textarea,select{min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--bg);color:var(--ink);width:100%;font-size:1rem}input::placeholder{color:var(--muted);opacity:1}.badges-demo{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.system-foot{display:flex;gap:40px;justify-content:space-between;padding-top:32px;border-top:1px solid var(--line);margin-top:36px}.system-foot p{font-size:.75rem;color:var(--muted);max-width:500px}dialog{width:min(580px,calc(100% - 32px));max-height:85dvh;overflow-y:auto;padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);box-shadow:0 24px 80px #0005}dialog::backdrop{background:#0b1118b0;backdrop-filter:blur(6px)}.close-dialog{position:absolute;top:12px;right:12px;width:44px;height:44px;font-size:1.8rem;background:transparent;border:0;border-radius:8px}dialog h2{font-size:2.1rem;letter-spacing:-.03em;margin:22px 0}dialog p{margin:16px 0;font-size:.875rem;color:var(--muted)}dialog label{display:block;font-size:.875rem;margin-top:18px}dialog label input,dialog label select,dialog label textarea{margin-top:6px}dialog .button{margin-top:22px}dialog pre{font:400 .875rem/1.7 var(--body);white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:var(--control-radius)}.pending-note{padding:14px;border:1px solid var(--line);border-radius:var(--control-radius)}
body[data-direction=b]{--bg:#f6f7f9;--ink:#152342;--muted:#55627a;--accent:#234dd7;--accent-ink:#fff;--surface:#fff;--line:#cdd3df;--radius:8px;--control-radius:8px}body[data-direction=b] .site-header{min-height:100px}body[data-direction=b] .wordmark{color:var(--accent)}body[data-direction=b] .hero{grid-template-columns:1.35fr .65fr;grid-template-rows:auto auto;gap:0 56px;padding-top:55px;padding-bottom:48px;min-height:auto;align-items:start}body[data-direction=b] .hero-copy{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1.35fr .65fr;gap:0 56px}body[data-direction=b] .hero-copy>.eyebrow{grid-column:1/-1}body[data-direction=b] .hero h1{font-size:clamp(3.8rem,7vw,6.5rem);color:var(--accent);grid-column:1;letter-spacing:-.06em;max-width:750px}body[data-direction=b] .hero h1 br:nth-of-type(2){display:none}body[data-direction=b] .hero h1 em{padding-left:.15em}body[data-direction=b] .hero-description{grid-column:2;align-self:end;margin-bottom:15px}body[data-direction=b] .hero-actions{gap:15px;flex-direction:column;align-items:flex-start}body[data-direction=b] .hero-visual{grid-column:2;grid-row:2;align-self:center;padding:34px 0 0}body[data-direction=b] .wayne-figure{width:75%;max-width:270px}body[data-direction=b] .wayne-figure figcaption{text-align:left;font-size:1.15rem}body[data-direction=b] .portrait-crop{border-radius:50% 50% 8px 8px}body[data-direction=b] .portrait-orbit,body[data-direction=b] .hero-note,body[data-direction=b] .visual-index{display:none}body[data-direction=b] .editorial-product{display:block;grid-column:1;grid-row:2;margin-top:16px}body[data-direction=b] .editorial-product img{width:100%;height:360px;object-fit:contain}body[data-direction=b] .editorial-product>span{display:block;text-align:center;font-size:.75rem;color:var(--muted)}body[data-direction=b] .category-strip{text-align:left;padding-block:26px}body[data-direction=b] .category-strip span{font-size:1.35rem}body[data-direction=b] .product-feature{background:#e7ebf2}body[data-direction=b] .catalog-grid{grid-template-columns:1.3fr 1fr;gap:64px}body[data-direction=b] .trade-panel{padding:20px 0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}body[data-direction=b] .conversation{text-align:center}body[data-direction=b] .conversation-actions{justify-content:center}body[data-direction=b] .design-system{background:#e9edf5}
body[data-direction=c]{--bg:#f2f0ec;--ink:#181817;--muted:#5d5a55;--accent:#ba381b;--accent-ink:#fff;--surface:#fff;--line:#cac6be;--radius:4px;--control-radius:4px}body[data-direction=c] .site-header{min-height:100px}body[data-direction=c] .wordmark{font-size:2.6rem}body[data-direction=c] .hero{width:100%;max-width:none;grid-template-columns:1.3fr .7fr;gap:32px;padding:64px max(48px,calc((100vw - 1280px)/2));background:#ba381b;color:#fff;min-height:670px;--accent:#fff;--accent-ink:#ba381b;--muted:#fff;--line:#ffffff70}body[data-direction=c] .hero h1{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.06em}body[data-direction=c] .hero h1 br:nth-of-type(2){display:none}body[data-direction=c] .hero h1 em{display:block}body[data-direction=c] .hero-visual{padding:30px 0 90px;align-self:end}body[data-direction=c] .portrait-orbit{display:none}body[data-direction=c] .wayne-figure{width:100%;transform:rotate(5deg);background:#f2f0ec;color:#181817;padding:16px 16px 20px}body[data-direction=c] .portrait-crop{border-radius:50%}body[data-direction=c] .wayne-figure figcaption{font-size:1.45rem;text-align:left;margin-top:16px}body[data-direction=c] .wayne-figure figcaption span{color:#5d5a55}body[data-direction=c] .hero-note{bottom:7%;left:-30px;transform:rotate(-5deg);background:#181817;color:#fff;padding:18px 24px}body[data-direction=c] .visual-index{right:-10px;bottom:3%;color:#fff}body[data-direction=c] .category-strip{border-top:0;padding-block:28px}body[data-direction=c] .category-strip span{font-weight:800;text-transform:uppercase;font-size:1.1rem}body[data-direction=c] .catalog-grid{grid-template-columns:1fr 1fr;gap:32px}body[data-direction=c] .product-feature{background:#fff}body[data-direction=c] .trade-panel{background:#1c1e1d;color:#fff;--ink:#fff;--muted:#c4c7c4;--accent:#ff997c;--line:#757b77}body[data-direction=c] .conversation{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:end}body[data-direction=c] .conversation>p{grid-column:1/-1;margin:0}body[data-direction=c] .conversation h2{font-size:clamp(3rem,5.6vw,5rem)}body[data-direction=c] .conversation-actions{flex-direction:column;align-items:start;margin:0;gap:12px}body[data-direction=c] .design-system{background:#e5e1d9}
@media(min-width:1600px){.hero{min-height:770px}.hero-visual{padding-block:60px 90px}.hero-note{left:10px}}@media(max-width:1190px){.wrap{width:calc(100% - 64px)}.review-title span{display:none}.site-header nav{gap:24px}.hero h1{font-size:6rem}.hero{min-height:670px;gap:16px}.hero-note{padding:16px 18px;left:-6px}.hero-note strong{font-size:1.3rem}.hero-actions{gap:18px}.trade-panel{padding:30px}.system-grid{grid-template-columns:repeat(2,1fr)}.mac-line{grid-template-columns:1fr 1fr}.mac-line .badge{justify-self:start;grid-column:1/-1}.mac-line img{grid-column:2;grid-row:1}body[data-direction=b] .hero,body[data-direction=b] .hero-copy{gap:0 30px}body[data-direction=c] .hero{padding-inline:32px}body[data-direction=c] .hero h1{font-size:6rem}body[data-direction=c] .hero-note{left:-12px}}
@media(max-width:900px){.site-header{min-height:95px}.site-header nav{gap:18px}.header-contact{display:none}.hero{grid-template-columns:1.1fr .9fr;padding-top:45px;min-height:590px}.hero h1{font-size:4.7rem}.hero-visual{padding:35px 0 60px}.hero-note{bottom:13%;left:0;padding:12px 16px}.hero-note strong{font-size:1rem}.hero-note>span{font-size:.75rem}.wayne-figure figcaption{font-size:1.1rem}.wayne-figure figcaption span{font-size:.75rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.08em}.hero-description>p{font-size:1rem}.catalog{padding-top:64px}.catalog-grid{grid-template-columns:1fr!important;gap:24px!important}.product-image{height:350px}.trade-panel{padding:36px!important}.trade-panel h2{font-size:3rem}.trade-panel>p{max-width:480px}.section-heading{align-items:start}.category-strip span{font-size:1rem!important}.conversation{padding-block:76px}.site-footer{flex-wrap:wrap}.footer-note{width:100%}.system-link{display:none}.review-bar{justify-content:space-between;padding-inline:24px;gap:10px}.direction-picker button{padding-inline:11px}.hero-note{box-shadow:0 8px 24px #0002}body[data-direction=b] .hero h1{font-size:4.4rem}body[data-direction=b] .hero-description>p{font-size:.875rem}body[data-direction=b] .hero .button{font-size:.875rem;padding-inline:14px;gap:12px}body[data-direction=b] .editorial-product img{height:280px}body[data-direction=b] .wayne-figure{width:90%}body[data-direction=b] .hero-visual{padding-top:16px}body[data-direction=c] .hero{min-height:620px;grid-template-columns:1.25fr .75fr}body[data-direction=c] .hero h1{font-size:4.8rem}body[data-direction=c] .hero-visual{padding-bottom:110px}body[data-direction=c] .hero-note{bottom:12%}body[data-direction=c] .hero-note strong{font-size:1.2rem}body[data-direction=c] .conversation{grid-template-columns:1fr;gap:24px}body[data-direction=c] .conversation-actions{flex-direction:row;flex-wrap:wrap;gap:24px}}
@media(max-width:600px){:root{scroll-padding-top:128px}.wrap{width:calc(100% - 40px)}.review-bar{flex-direction:column;gap:6px;padding:8px 16px}.review-title{align-self:flex-start;font-size:.75rem}.review-title span{display:inline;font-size:.75rem}.review-title strong{font-size:.75rem}.direction-picker{width:100%;gap:4px}.direction-picker button{flex:1;padding:6px 7px;min-height:44px;font-size:.875rem}.site-header{min-height:85px;gap:18px}.wordmark{font-size:2rem}.wordmark>span{font-size:1rem}.site-header nav{gap:14px;font-size:.75rem}.site-header nav a:last-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;padding-bottom:34px;min-height:auto;gap:24px}.hero h1{font-size:clamp(3.6rem,16vw,5.6rem);margin-top:20px;letter-spacing:-.06em}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{padding-left:.08em}.hero-description{margin-top:24px}.hero .eyebrow{font-size:.75rem;letter-spacing:.09em}.hero-actions{margin-top:24px;gap:16px;align-items:flex-start;flex-direction:column}.button{min-height:52px}.hero-actions .button{width:100%;justify-content:space-between}.hero-actions .text-link{align-self:flex-start}.hero-visual{width:100%;max-width:390px;margin-inline:auto;padding:20px 0 44px}.wayne-figure{width:72%}.portrait-orbit{width:84%;left:8%;top:0}.wayne-figure figcaption{font-size:1.2rem;margin-top:16px}.wayne-figure figcaption span{font-size:.75rem}.hero-note{left:1%;bottom:17%;padding:15px 20px}.hero-note strong{font-size:1.3rem}.hero-note>span{font-size:.75rem}.visual-index{font-size:.75rem;right:1%;bottom:4%}.category-strip{grid-template-columns:1fr 1fr;gap:16px 0;padding-block:18px}.category-strip span{font-size:1.05rem!important}.category-strip span:nth-child(2){border-right:0}.catalog{padding-top:48px}.section-heading{flex-direction:column;gap:16px;margin-bottom:26px}.section-heading h2{font-size:2.6rem;margin-top:12px}.section-heading .eyebrow{font-size:.75rem}.demo-disclosure{font-size:.75rem}.demo-disclosure br{display:none}.product-feature{padding:20px}.product-image{height:270px}.product-top{gap:8px}.product-bottom h3{font-size:1.7rem}.product-bottom p{font-size:.75rem}.product-bottom{gap:12px}.trade-panel{padding:30px 26px!important;gap:24px}.trade-panel h2{font-size:2.6rem}.trade-panel .button{width:100%;gap:12px}.mac-line{grid-template-columns:1fr;gap:22px;padding-block:36px}.mac-line img{grid-column:1;grid-row:auto;width:100%;height:130px}.mac-line h3{font-size:1.7rem}.mac-line .badge{grid-column:1}.conversation{padding-block:64px}.conversation h2{font-size:clamp(2.7rem,11.5vw,3.5rem)}.conversation-actions{gap:16px;align-items:flex-start;flex-direction:column}.conversation-actions .button{width:100%}.site-footer{gap:24px;padding-block:30px}.site-footer>p{font-size:.75rem}.design-system{padding:48px 0}.system-grid{grid-template-columns:1fr;gap:32px}.system-heading h2{font-size:2.5rem}.system-heading>p:last-child{font-size:.875rem}.system-foot{flex-direction:column;gap:18px}.system-grid p,.system-grid article>span,.system-foot p{font-size:.875rem}.swatches{gap:20px}.swatch{font-size:.75rem}.swatch i{width:65px;height:65px}.components-spec .button{max-width:none}dialog{padding:28px 22px;border-radius:16px}dialog h2{font-size:1.9rem}.close-dialog{right:4px;top:4px}body[data-direction=b] .hero{display:flex;gap:24px;padding-top:34px;padding-bottom:34px}body[data-direction=b] .hero-copy{display:flex;flex-direction:column;gap:0}body[data-direction=b] .hero h1{font-size:clamp(3.4rem,14vw,5.2rem)}body[data-direction=b] .hero h1 em{padding-left:.12em}body[data-direction=b] .hero-description{align-self:stretch;margin-top:24px;margin-bottom:0}body[data-direction=b] .hero-description>p{font-size:1rem}body[data-direction=b] .hero .button{font-size:.875rem;padding-inline:22px}body[data-direction=b] .editorial-product{order:1;margin-top:0}body[data-direction=b] .editorial-product img{height:260px}body[data-direction=b] .hero-visual{order:2;width:100%;max-width:none;padding:8px 0 0}body[data-direction=b] .wayne-figure{display:flex;align-items:center;gap:22px;width:100%;max-width:none}body[data-direction=b] .portrait-crop{width:110px;flex:none}body[data-direction=b] .wayne-figure figcaption{margin:0;font-size:1.2rem}body[data-direction=b] .wayne-figure figcaption span{max-width:160px}body[data-direction=b] .trade-panel{padding:28px 0!important}body[data-direction=b] .conversation{text-align:left}body[data-direction=c] .hero{display:flex;padding:34px 20px 38px;min-height:auto;gap:28px}body[data-direction=c] .hero h1{font-size:clamp(3.6rem,16vw,5.6rem)}body[data-direction=c] .hero h1 em{display:inline-block;padding-left:.1em}body[data-direction=c] .hero-visual{align-self:center;max-width:320px;padding:20px 22px 70px;margin:0}body[data-direction=c] .wayne-figure{transform:rotate(4deg);padding:12px 12px 16px}body[data-direction=c] .wayne-figure figcaption{font-size:1.25rem}body[data-direction=c] .wayne-figure figcaption span{font-size:.75rem}body[data-direction=c] .hero-note{left:0;bottom:8%;padding:14px 20px}body[data-direction=c] .visual-index{right:6px;bottom:2%}body[data-direction=c] .conversation{display:block}body[data-direction=c] .conversation>p{margin-bottom:24px}body[data-direction=c] .conversation h2{font-size:clamp(2.7rem,11.5vw,3.5rem)}body[data-direction=c] .conversation-actions{margin-top:26px;flex-direction:column;align-items:flex-start}.desktop-break{display:none}}
body[data-direction=c] .hero-note{display:none}
.portrait-stage{position:relative}
body[data-direction=a] .hero-note{bottom:24px;left:-28px;width:max-content;max-width:100%}
body[data-direction=a] .wayne-figure figcaption{position:relative;margin-top:32px}
@media(max-width:600px){body[data-direction=a] .hero-note{left:-20px;bottom:20px;padding:14px 18px}body[data-direction=a] .hero-note strong{font-size:1.15rem}body[data-direction=a] .wayne-figure figcaption{margin-top:28px}}
input,textarea,select,.secondary{border-color:var(--muted)}
@media(max-width:600px){.site-header nav{font-size:.875rem}}
@media(max-width:375px){.site-header nav a:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.product-feature:hover .product-image img{transform:none}}