@charset "UTF-8";
:root {
  --paper:#f2f1ec; --ink:#252822; --muted:#5b6055; --line:#d4d6cc;
  --dark:#11140f; --light:#e8ece2; --accent:#bb4433;
  --max:1240px; --gutter:clamp(22px,6vw,96px);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-synthesis:none; color:var(--ink); background:var(--paper); color-scheme:light;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:98px; }
body { margin:0; } body.modal-open { overflow:hidden; }
button,input,a { -webkit-tap-highlight-color:transparent; }
button,input { font:inherit; } button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
button { color:inherit; } a,button { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible { outline:2px solid #ba4b37; outline-offset:5px; }
button:disabled { cursor:default; }
p,h1,h2,h3,h4,figure { margin:0; } p { line-height:1.9; }
img { display:block; width:100%; height:auto; } svg { display:block; }
::selection { color:#f8f8f0; background:#914638; }
[hidden] { display:none!important; }
.section { width:min(var(--max),calc(100% - var(--gutter)*2)); margin:auto; padding:112px 0; }
.section h2,.power-copy h2 { font-size:clamp(34px,3.55vw,52px); line-height:1.42; letter-spacing:-.045em; font-weight:400; }
.eyebrow,.small-label { font-size:12px; line-height:1.7; letter-spacing:.055em; color:var(--muted); font-weight:400; }
.eyebrow > span { display:inline-block; font:11px ui-monospace,SFMono-Regular,monospace; margin-right:14px; color:#945444; }
.text-link { display:inline-flex; gap:22px; align-items:center; min-height:44px; font-size:13px; border-bottom:1px solid currentColor; }
.text-link span { transition:transform .2s; }.text-link:hover span { transform:translate(2px,-2px); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:14px 24px; min-height:48px; border:1px solid #92998b; background:transparent; font-size:14px; line-height:1.4; transition:background .2s,border-color .2s; }
.button:hover { background:#e1e2d9; border-color:#737d68; }
.photo-open,.zoom-photo { display:block; width:100%; border:0; background:transparent; padding:0; cursor:zoom-in; }
.product-cutout { display:block; width:100%; height:100%; overflow:hidden; }
.signal-ring { display:inline-block; width:8px; height:8px; border:1px solid #d96d56; border-radius:50%; flex:0 0 auto; }
.skip-link { position:fixed; top:12px; left:20px; z-index:100; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; padding:14px; background:white; }
.skip-link:focus { width:auto; height:auto; clip-path:none; }

/* Persistent orientation, complete navigation on every screen. */
.site-header { position:sticky; top:0; z-index:30; background:rgba(15,18,13,.95); color:#e6eadf; border-bottom:1px solid #e8ece214; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.nav-shell { width:min(1440px,100%); margin:auto; min-height:82px; padding:0 var(--gutter); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:13px; flex-shrink:0; min-height:44px; }
.brand-mark { color:#c6cdbe; }.brand-wordmark { font-size:16px; letter-spacing:.02em; }
.brand-wordmark small { display:block; font:9px/1.4 ui-monospace,SFMono-Regular,monospace; letter-spacing:.075em; color:#acb4a2; margin-top:5px; }
.site-header nav { display:flex; gap:30px; font-size:13px; }
.site-header nav a { display:flex; min-height:44px; align-items:center; position:relative; color:#b2b9a9; }
.site-header nav a:hover,.site-header nav a[aria-current] { color:white; }
.site-header nav a[aria-current]::after { content:''; position:absolute; bottom:4px; left:50%; width:3px; height:3px; border-radius:50%; background:#e0755c; }
.header-actions { display:flex; align-items:center; gap:14px; }
.header-actions .button { min-height:42px; padding:10px 17px; border-radius:2px; font-size:12px; border-color:#69705f; }
.header-actions .button:hover { background:#353b2e; }
#menu-toggle { display:none; width:44px; height:44px; padding:12px 9px; border:1px solid #68725e; background:none; }
#menu-toggle span { display:block; height:1px; background:#d3d9c9; margin:5px 0; }
.reading-progress { position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#d76a51; transform:scaleX(0); transform-origin:left; }

/* The actual device is the first image. */
.sensor-hero { display:flex; flex-direction:column; align-items:center; min-height:min(930px,calc(100svh - 82px)); padding:50px var(--gutter) 23px; overflow:hidden; color:#e9ece3; text-align:center; background:radial-gradient(ellipse at 50% 61%,#20251b, #0e120c 50%,#0a0e08 86%); }
.sensor-hero .eyebrow { color:#bdc6b1; font-size:12px; letter-spacing:.18em; }
.sensor-hero h1 { font-size:clamp(48px,5.65vw,84px); font-weight:400; line-height:1.22; letter-spacing:-.06em; margin:20px 0; }
.sensor-hero h1 span { display:inline-block; }.hero-intro { font-size:16px; color:#aab59d; }
.sensor-stage { position:relative; width:min(810px,76vw); margin:35px auto 0; padding-bottom:42px; }
.sensor-stage::before { content:''; position:absolute; width:83%; height:8%; bottom:8%; left:8.5%; border-radius:50%; filter:blur(24px); background:#000; }
.sensor-camera { position:relative; aspect-ratio:1340/800; }
.sensor-signals { position:absolute; top:0; left:0; width:100%; height:auto; pointer-events:none; }
.sensor-leader { fill:none; stroke:#b7c2a9; stroke-width:1; opacity:.5; }
.emitter-glow { animation:emitter-light 4s ease-in-out infinite; }.emitter-wave { fill:none; stroke:#ed8a64; stroke-width:1; opacity:0; transform-origin:1110px 737px; animation:emitter-wave 4s ease-out infinite; }.emitter-wave.delayed { animation-delay:1s; }
@keyframes emitter-light { 0%,100% { opacity:.55; } 50% { opacity:1; } }
@keyframes emitter-wave { 0% { transform:scale(.55); opacity:.55; } 70%,100% { transform:scale(4); opacity:0; } }
.sensor-labels { position:absolute; bottom:4px; left:0; width:100%; height:26px; color:#b0bba3; font-size:12px; letter-spacing:.03em; }
.sensor-labels span { position:absolute; left:var(--position); transform:translateX(-50%); white-space:nowrap; }
.sensor-foot { width:min(var(--max),100%); margin:auto auto 0; padding-top:25px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.sensor-foot .text-link { border:0; color:#c5ceba; }.sensor-foot > span { font-size:11px; color:#a5b096; }.foot-separator { margin:0 8px; }

/* Image-led reading and source text. */
.perception-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:100px; align-items:center; }
.perception-art { background:#050505; }.perception-art img { aspect-ratio:1.15; object-fit:cover; }
.perception-art figcaption { padding:0 24px 24px; display:flex; justify-content:space-between; gap:15px; color:#adb1a7; font-size:11px; line-height:1.8; }
.perception-copy h2 { margin:26px 0 28px; }.perception-copy > p:last-child { font-size:17px; color:var(--muted); }
.essay-entry { margin-top:52px; border-top:1px solid var(--line); padding-top:20px; display:grid; grid-template-columns:1.15fr 1fr; gap:100px; }
.essay-title { font-size:12px; color:var(--muted); padding-top:10px; }
.essay-details summary { display:flex; justify-content:space-between; align-items:center; min-height:44px; cursor:pointer; font-size:13px; list-style:none; }
.essay-details summary::-webkit-details-marker { display:none; }.essay-details summary span { color:#a64a36; font-size:22px; transition:transform .25s; }.essay-details[open] summary span { transform:rotate(45deg); }
.essay-text { padding-top:18px; }.essay-text p { margin-bottom:22px; color:var(--muted); font-size:15px; }.essay-text .essay-source { font-size:12px; }
.room-interlude { background:#e6e4dc; }
.room-heading { width:min(var(--max),calc(100% - var(--gutter)*2)); margin:auto; padding:60px 0 38px; display:flex; justify-content:space-between; align-items:baseline; gap:30px; }
.room-heading h2 { font-size:34px; font-weight:400; letter-spacing:-.035em; line-height:1.5; }.room-heading h2 br { display:none; }.room-heading h2 span { color:#63675d; margin-left:14px; }
.room-interlude > img { height:min(57vw,850px); object-fit:cover; object-position:center 65%; }
.room-interlude figcaption { width:min(var(--max),calc(100% - var(--gutter)*2)); margin:auto; padding:24px 0; display:flex; justify-content:space-between; gap:20px; font-size:12px; color:#62665b; }
.room-interlude figcaption span:last-child { font-size:11px; }

/* The viewing study: one interaction, directly tied to the tool's idea. */
.lab-band { background:var(--dark); color:var(--light); }
.lab-shell { padding-top:105px; padding-bottom:90px; }
.intention-copy { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:end; padding-bottom:52px; }
.intention-copy .eyebrow { color:#adb5a4; }.intention-copy h2 { margin-top:22px; font-size:clamp(36px,3.8vw,56px); }
.lab-intro { justify-self:end; padding-bottom:3px; }.lab-intro p { font-size:16px; color:#b2bba9; }.lab-intro .text-link { margin-top:18px; color:#d1d8c7; border-color:#626d57; }
.imaging-demo { border-top:1px solid #4d5743; }
.demo-topline { display:flex; justify-content:space-between; gap:20px; padding:23px 0 0; font-size:11px; color:#a8b49a; }
.demo-topline > span:first-child { display:flex; align-items:center; gap:10px; }.demo-topline > span:last-child { color:#9ca98d; }
.canvas-wrap { position:relative; }.canvas-wrap::before,.canvas-wrap::after { content:''; position:absolute; pointer-events:none; top:22%; width:6px; height:45%; border-top:1px solid #4c5a41; border-bottom:1px solid #4c5a41; }
.canvas-wrap::before { left:0; border-left:1px solid #4c5a41; }.canvas-wrap::after { right:0; border-right:1px solid #4c5a41; }
#creative-preview { display:block; width:100%; height:clamp(380px,45vw,610px); cursor:grab; touch-action:pan-y; }
#creative-preview.dragging { cursor:grabbing; }
.canvas-coordinate { position:absolute; top:34px; right:0; font:11px ui-monospace,SFMono-Regular,monospace; color:#a8b698; letter-spacing:.2em; }
.canvas-toolbar { position:absolute; bottom:10px; right:0; display:flex; gap:22px; align-items:center; font-size:11px; color:#a8b698; }
.canvas-toolbar button { background:none; border:0; color:#c5d1b6; min-width:65px; min-height:44px; padding:10px; font-size:12px; }
.canvas-toolbar button span { margin-left:10px; }
.demo-controls { display:flex; justify-content:space-between; align-items:center; gap:50px; border-top:1px solid #3c4931; padding-top:20px; min-height:88px; }
.demo-choices { display:flex; gap:6px; }.demo-choices button { background:transparent; border:1px solid #59644f; color:#c1cbb6; min-height:46px; padding:12px 22px; font-size:13px; transition:background .2s,border-color .2s; }
.demo-choices button span { font:10px ui-monospace,SFMono-Regular,monospace; margin-right:16px; color:#9fac93; }
.demo-choices button[aria-pressed=true] { background:#e3e9dc; color:#21291b; border-color:#e3e9dc; }.demo-choices button[aria-pressed=true] span { color:#56634a; }.demo-choices button:hover { border-color:#becaac; }
.slice-control { width:250px; flex:0 1 250px; }.slice-control label { display:flex; justify-content:space-between; font-size:12px; color:#bec9b0; }.slice-control output { font:11px ui-monospace,SFMono-Regular,monospace; }
.slice-control input { display:block; width:100%; min-height:32px; margin:0; accent-color:#d9795e; cursor:ew-resize; }
#render-caption { color:#bbc6ae; font-size:14px; line-height:1.9; margin-top:19px; min-height:27px; }

/* From the whole object to the way it was made. */
.design-overview { background:#e8e8e1; }
.design-introduction { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:65px; padding-bottom:50px; }
.design-copy h2 { font-size:43px; margin:25px 0 27px; }.design-copy > p:not(.eyebrow) { font-size:16px; color:#616659; margin-top:16px; }.author-line { display:block; margin-top:26px; font-size:12px; color:#616659; }
.product-showcase { height:520px; }.design-device figcaption { display:flex; justify-content:space-between; gap:15px; padding-top:16px; font-size:11px; color:#59624e; border-top:1px solid #c1c7b6; }.design-device figcaption span { font:10px ui-monospace,SFMono-Regular,monospace; }
.profile-study { border-top:1px solid #c7cbbb; display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:45px; align-items:center; padding-top:38px; padding-bottom:50px; }.profile-study > span:last-child { text-align:right; }.slope-photo { height:170px; }
.material-story { background:#20231d; color:#e7ebdf; }
.material-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:110px; align-items:center; }
.material-heading .eyebrow { color:#b5bda9; }.material-heading h2 { font-size:47px; margin:25px 0 30px; }.material-heading h2 span { color:#b6c0a9; }.material-heading > p:not(.eyebrow) { font-size:16px; color:#b4bea7; margin-top:20px; }
.texture-figure { position:relative; }.texture-figure button { height:590px; }.texture-figure figcaption { font-size:11px; color:#bbc4af; padding-top:19px; }
.power-transition { display:grid; grid-template-columns:1.08fr .92fr; background:#151913; color:#e1e6d9; align-items:center; }
.power-photo { height:650px; overflow:hidden; }.power-copy { max-width:550px; padding:65px 60px; }.power-copy h2 { font-size:43px; margin:25px 0 28px; }.power-copy .eyebrow { color:#b7c0ac; }.power-copy .signal-ring { margin-right:7px; }.power-copy > p:not(.eyebrow) { font-size:16px; color:#b6c0aa; }.power-copy .small-label { display:block; margin-top:30px; color:#b5bea9; }

/* Clear steps, with product information at the point where it is useful. */
.creative { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.creative h2 { font-size:42px; margin:25px 0; }.creative-intro > p:not(.eyebrow) { color:var(--muted); font-size:16px; }
.creation-steps { margin:0; padding:0; list-style:none; }.creation-steps li { border-top:1px solid #bfc5b4; padding:26px 0 30px; }.creation-steps li:first-child { padding-top:0; border-top:0; }.creation-steps li:last-child { padding-bottom:0; }
.creation-steps li > span { font-size:11px; color:#636d56; }.creation-steps h3 { font-size:22px; font-weight:400; margin:12px 0 9px; }.creation-steps p { font-size:15px; color:var(--muted); }
.hardware-band { background:#e8e9e2; }
.section-heading-row { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }.section-heading-row h2 { margin-top:24px; }.section-heading-row > p { color:#626b57; font-size:15px; margin-bottom:6px; }
.hardware-tabs { display:flex; gap:32px; border-bottom:1px solid #b9c1ae; margin:50px 0 0; }
.hardware-tabs button { background:transparent; border:0; border-bottom:2px solid transparent; padding:17px 0; min-height:50px; font-size:13px; color:#59644d; position:relative; top:1px; }
.hardware-tabs button[aria-selected=true] { color:#26321c; border-bottom-color:#3a4c2b; }.hardware-tabs button:hover { color:#26321c; }
.hardware-view { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; min-height:545px; padding:45px 0 15px; }
.device-photo { display:flex; align-items:center; justify-content:center; min-width:0; }#device-view { display:block; height:340px; }
.zoom-label { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:32px; font-size:12px; color:#536046; }
.device-details { padding-top:4px; }.device-details h3 { font-size:29px; line-height:1.5; font-weight:400; margin:12px 0 25px; }.device-details ul { list-style:none; margin:0; padding:0; }
.device-details li { border-top:1px solid #c2c9b9; padding:16px 0; font-size:14px; }.device-details strong { font-weight:500; display:block; margin-bottom:6px; }.device-details li span { display:block; color:#626c57; line-height:1.8; }.device-details em { font-size:11px; color:#72503c; margin-left:10px; font-style:normal; font-weight:400; }
.section-note { font-size:12px; color:#536046; margin-top:20px; }
.specifications,.firmware,.faq { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; }
.spec-title h2 { max-width:230px; font-size:36px; margin-top:22px; }.spec-list { margin:0; }.spec-list > div { display:grid; grid-template-columns:120px 1fr; gap:28px; border-bottom:1px solid var(--line); padding:20px 0; font-size:14px; line-height:1.8; }.spec-list > div:first-child { padding-top:0; }.spec-list dt { font-weight:500; }.spec-list dd { margin:0; color:var(--muted); }.status-label { display:block; font-size:12px; color:#80543e; margin-top:3px; }
.firmware-band { background:#dfe3d6; }.firmware-title h2 { margin:22px 0; }.firmware-title > p:not(.eyebrow) { font-size:16px; color:#5d6651; }
.release-card { border:1px solid #afbba0; padding:27px; display:grid; grid-template-columns:36px 1fr; gap:22px; align-items:center; }.firmware-icon svg { width:34px; color:#596a4a; }.release-card h3 { font-size:21px; font-weight:400; margin:7px 0; }.release-card p:not(.small-label) { color:#5e6b50; font-size:14px; }.release-card .small-label { color:#5a674d; }
.unavailable { grid-column:2; font-size:12px; color:#526044; }.download-button { grid-column:2; justify-self:start; }.release-meta { grid-column:1/-1; font-size:12px; color:#526044; overflow-wrap:anywhere; }
.release-card #firmware-description,.update-steps > li > span,.update-steps p { color:#526044; }
.update-heading { font-size:21px; font-weight:400; margin:40px 0 24px; }.update-steps { list-style:none; margin:0; padding:0; }.update-steps li { display:flex; gap:23px; margin-top:21px; }.update-steps > li > span { color:#526044; font:11px ui-monospace,SFMono-Regular,monospace; padding-top:6px; }.update-steps h4 { font-size:16px; font-weight:500; line-height:1.7; }.update-steps p { font-size:14px; color:#526044; }.firmware-note { font-size:12px; color:#5b664d; border-top:1px solid #b8c0ab; padding-top:24px; margin-top:30px; }
.faq h2 { font-size:36px; margin-top:24px; }.faq-list details { border-bottom:1px solid var(--line); }.faq summary { cursor:pointer; padding:25px 30px 25px 0; font-size:16px; line-height:1.7; list-style:none; position:relative; }.faq summary::-webkit-details-marker { display:none; }.faq summary::after { content:'+'; position:absolute; right:0; top:24px; color:#7b624c; font-size:22px; font-weight:300; }.faq details[open] summary::after { content:'−'; }.faq details p { padding-bottom:25px; font-size:15px; color:var(--muted); }.faq a { text-decoration:underline; text-underline-offset:4px; }
.order { padding:118px var(--gutter) 100px; text-align:center; background:#12170f; color:#e3e9da; }.order .eyebrow { color:#aebd9f; }.order h2 { font-size:clamp(38px,5vw,72px); font-weight:400; letter-spacing:-.055em; line-height:1.3; margin:24px 0; }.order > p:not(.eyebrow) { font-size:16px; color:#b2c0a3; }.order .button { color:#e1e9d6; border-color:#92a47f; margin-top:30px; min-height:54px; }.order .button:hover { background:#38482b; }.email-line { display:flex; gap:12px; justify-content:center; align-items:center; margin-top:20px; font-size:14px; color:#bac9a9; }.email-line > a { min-height:44px; display:flex; align-items:center; }.email-line button { display:grid; place-items:center; border:1px solid transparent; background:none; color:#bdcdae; width:44px; height:44px; }.email-line button:hover { border-color:#849c6c; }.order > .order-note { margin-top:19px; font-size:12px!important; }.order > .copy-status { min-height:25px; margin-top:10px; font-size:13px!important; color:#e0b59f!important; }
.site-footer { width:min(var(--max),calc(100% - var(--gutter)*2)); margin:auto; padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:25px; font-size:11px; color:#636d59; }.site-footer > div { display:flex; gap:28px; }.site-footer a { display:flex; align-items:center; min-height:44px; }

/* Native dialogs keep focus and Escape behavior predictable. */
.photo-dialog { width:min(1200px,95vw); max-height:94dvh; padding:22px; border:0; background:#e6e8df; color:#2e3725; }.photo-dialog::backdrop,.menu-dialog::backdrop { background:#070b05e8; backdrop-filter:blur(10px); }
.dialog-top { display:flex; align-items:center; justify-content:space-between; gap:25px; }.dialog-top h2 { font-size:14px; font-weight:400; }.dialog-close { width:44px; height:44px; display:grid; place-items:center; border:1px solid #b4bea8; background:transparent; color:#38452c; }#dialog-image { height:min(72vh,820px); padding:20px; }.photo-dialog > p { color:#596a49; font-size:12px; text-align:center; margin-top:12px; }
.menu-dialog { inset:0; margin:0 0 0 auto; width:min(500px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; padding:25px var(--gutter) 35px; border:0; color:#e9efe1; background:#161e11; }
.menu-top { display:flex; justify-content:space-between; gap:20px; align-items:center; font-size:14px; }.menu-top button { min-height:44px; padding:10px 0 10px 20px; border:0; background:none; font-size:13px; color:#c0cfb0; }.menu-top button span { font-size:21px; margin-left:12px; }
.menu-dialog nav { margin:50px 0; }.menu-dialog nav a { display:flex; gap:25px; align-items:center; padding:19px 0; min-height:58px; border-bottom:1px solid #536148; font-size:24px; }.menu-dialog nav a span { font:11px ui-monospace,SFMono-Regular,monospace; color:#b3c49f; }.menu-dialog > p { color:#a9bc92; font-size:13px; }
.reveal-ready { opacity:0; transform:translateY(20px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1); }.reveal-ready.is-visible { opacity:1; transform:none; }

@media(min-width:1700px) { .sensor-stage { width:860px; }.sensor-hero { padding-top:60px; } }
@media(max-width:1100px) { .nav-shell { gap:20px; }.site-header nav { gap:20px; }.brand-mark { display:none; }.perception-layout,.essay-entry,.intention-copy,.creative,.specifications,.firmware,.faq { gap:55px; }.material-layout { gap:65px; }.design-introduction { gap:35px; }.design-copy h2 { font-size:36px; }.power-copy { padding:45px 35px; }.power-copy h2 { font-size:36px; }.hardware-view { gap:35px; }.demo-choices button { padding:12px 16px; }.demo-controls { gap:30px; } }
@media(max-width:980px) { .site-header nav { display:none; }#menu-toggle { display:block; }.brand-mark { display:block; }.nav-shell { min-height:74px; }.sensor-hero { min-height:0; padding-top:65px; }.sensor-stage { width:85vw; }.sensor-foot { margin-top:45px; }.intention-copy { gap:35px; }.lab-intro { justify-self:start; }.lab-intro p { font-size:15px; }.design-introduction { grid-template-columns:1fr 1.1fr; }.product-showcase { height:380px; }.profile-study { grid-template-columns:1fr 2fr; gap:25px; }.profile-study > span:last-child { display:none; }.material-layout { grid-template-columns:1fr 1fr; gap:40px; }.texture-figure button { height:480px; }.material-heading h2 { font-size:37px; }.power-photo { height:540px; }.power-copy h2 { font-size:32px; }.hardware-view { grid-template-columns:1fr 1fr; }.specifications,.firmware { grid-template-columns:.7fr 1.3fr; gap:40px; }.demo-controls { align-items:flex-start; flex-direction:column; gap:20px; }.slice-control { flex-basis:auto; width:100%; max-width:400px; } }
@media(max-width:760px) {
  .section { padding:80px 0; }.perception-layout { grid-template-columns:1fr; gap:35px; }.perception-copy { grid-row:1; }.perception-copy h2 { font-size:42px; margin:22px 0; }.perception-art img { aspect-ratio:1.4; }.essay-entry { grid-template-columns:1fr; gap:14px; margin-top:35px; }
  .room-heading { display:block; padding:45px 0 30px; }.room-heading h2 { margin-top:19px; font-size:30px; }.room-interlude figcaption { flex-direction:column; gap:9px; }
  .intention-copy { grid-template-columns:1fr; gap:28px; padding-bottom:35px; }.intention-copy h2 { font-size:43px; }.intention-copy h2 br { display:none; }.lab-intro p br { display:none; }.lab-intro .text-link { margin-top:12px; }
  .demo-topline { font-size:10px; }#creative-preview { height:420px; }.canvas-coordinate { top:24px; }.canvas-toolbar { gap:12px; font-size:10px; }.demo-choices { width:100%; }.demo-choices button { flex:1; font-size:12px; padding:12px 8px; }.demo-choices button span { margin-right:10px; }
  .design-introduction { grid-template-columns:1fr; gap:22px; padding-bottom:35px; }.design-copy { max-width:530px; }.design-copy h2 { font-size:39px; }.product-showcase { height:430px; }.profile-study { padding-top:30px; padding-bottom:35px; }.slope-photo { height:150px; }
  .material-layout { grid-template-columns:1fr; gap:35px; }.material-heading { max-width:550px; }.texture-figure button { height:540px; }.texture-figure { max-width:550px; width:100%; margin:auto; }
  .power-transition { grid-template-columns:1fr; }.power-photo { height:420px; }.power-copy { max-width:none; padding:40px var(--gutter) 65px; }.power-copy h2 { font-size:37px; }
  .creative { grid-template-columns:1fr; gap:45px; }.creative h2 { font-size:37px; }.creative-intro > p br { display:none; }
  .section-heading-row { display:block; }.section-heading-row > p { margin-top:22px; }.section-heading-row > p br { display:none; }.hardware-view { grid-template-columns:1fr; gap:36px; min-height:0; padding-top:35px; }.device-details ul { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }.device-details h3 br { display:none; }#device-view { height:290px; }.hardware-tabs { margin-top:30px; }
  .specifications,.firmware,.faq { grid-template-columns:1fr; gap:35px; }.spec-title h2 { max-width:none; }.faq h2 { margin-top:18px; }.order { padding:85px var(--gutter) 70px; }
}
@media(max-width:500px) {
  html { scroll-padding-top:85px; }.nav-shell { min-height:68px; gap:12px; padding:0 20px; }.brand-mark { width:24px; }.brand { gap:9px; }.brand-wordmark { font-size:14px; }.brand-wordmark small { display:none; }.header-actions { gap:9px; }.header-actions .button { font-size:11px; padding:10px 12px; min-height:40px; }.header-actions .button span { display:none; }#menu-toggle { width:40px; height:40px; }
  .sensor-hero { min-height:min(710px,calc(100svh - 68px)); padding:52px 22px 25px; }.sensor-hero h1 { font-size:48px; line-height:1.25; margin:23px 0 20px; }.sensor-hero h1 span { display:block; }.sensor-hero .eyebrow { font-size:12px; }.hero-intro { font-size:14px; white-space:nowrap; }.sensor-stage { width:calc(100% + 22px); margin:42px -11px 20px; padding-bottom:38px; }.sensor-labels { font-size:10px; }.sensor-labels > span:nth-child(2) { margin-left:-1%; }.sensor-labels > span:nth-child(3) { margin-left:2%; }.sensor-foot { margin-top:auto; padding-top:26px; flex-direction:column; gap:10px; }.sensor-foot .text-link { font-size:12px; }.sensor-foot > span { font-size:10px; }
  .section { padding:72px 0; }.section h2 { font-size:35px; }.eyebrow { font-size:11px; }.perception-copy h2 { margin:22px 0; }.perception-copy > p:last-child { font-size:15px; }.perception-copy > p:last-child br { display:none; }.perception-art img { aspect-ratio:1.25; }.perception-art figcaption { flex-direction:column; gap:3px; padding:0 18px 20px; font-size:11px; }.essay-title { font-size:11px; }.essay-entry { margin-top:28px; }.essay-text p { font-size:15px; }
  .room-heading h2 { font-size:29px; }.room-heading h2 br { display:block; }.room-heading h2 span { margin-left:0; }.room-interlude > img { height:auto; aspect-ratio:1.15; object-position:50% 65%; object-fit:cover; }.room-interlude figcaption { padding:21px 0 25px; font-size:11px; }.room-interlude figcaption span:last-child { font-size:10px; }
  .intention-copy h2 { font-size:36px; }.intention-copy h2 br { display:block; }.lab-intro p { font-size:15px; }.lab-intro .text-link { font-size:12px; }.demo-topline { flex-direction:column; gap:9px; padding-top:22px; }.demo-topline > span:last-child { font-size:10px; }#creative-preview { height:360px; }.canvas-coordinate { font-size:10px; top:20px; }.canvas-toolbar { bottom:4px; }.canvas-toolbar > span { font-size:10px; }.demo-controls { padding-top:18px; gap:15px; }.demo-choices { gap:5px; }.demo-choices button { padding:13px 5px; font-size:11px; }.demo-choices button span { margin-right:5px; font-size:9px; }#render-caption { font-size:12px; min-height:46px; margin-top:18px; }.slice-control { max-width:none; }.slice-control input { min-height:42px; }.lab-shell { padding-bottom:60px; }
  .design-copy > p:not(.eyebrow) { font-size:15px; }.design-copy h2 { margin:22px 0; }.product-showcase { height:310px; }.design-introduction { padding-bottom:32px; }.design-device figcaption { font-size:11px; flex-direction:column; gap:7px; }.profile-study { display:block; padding-top:25px; padding-bottom:30px; }.profile-study > span:first-child { display:block; font-size:11px; margin-bottom:16px; }.slope-photo { height:175px; }
  .material-heading h2 { font-size:36px; }.material-heading > p:not(.eyebrow) { font-size:15px; }.texture-figure button { height:440px; }.texture-figure figcaption { font-size:10px; padding-top:13px; }.power-photo { height:340px; }.power-copy { padding-top:30px; }.power-copy h2 { font-size:35px; }.power-copy > p:not(.eyebrow) { font-size:15px; }.power-copy .small-label { font-size:11px; }
  .creative h2 { font-size:32px; }.creative-intro > p:not(.eyebrow) { font-size:15px; }.creation-steps h3 { font-size:21px; }.creation-steps p { font-size:14px; }.creation-steps li { padding:25px 0; }
  .hardware h2 { font-size:32px; }.hardware-tabs { gap:0; justify-content:space-between; }.hardware-tabs button { font-size:12px; padding:15px 3px; }.device-details ul { display:block; }.device-details h3 { font-size:26px; }#device-view { height:215px; }.zoom-label { font-size:11px; margin-top:21px; }.device-details li { font-size:14px; }.section-note { font-size:11px; }
  .spec-list > div { grid-template-columns:82px 1fr; gap:16px; font-size:14px; }.release-card { padding:22px; grid-template-columns:28px 1fr; gap:17px; }.firmware-icon svg { width:27px; }.release-card h3 { font-size:18px; }.firmware-title > p:not(.eyebrow) { font-size:15px; }.faq summary { font-size:15px; }.faq details p { font-size:14px; }.order h2 { font-size:38px; }.order > p:not(.eyebrow) { font-size:15px; }.order > .order-note { font-size:11px!important; }
  .site-footer { flex-direction:column; align-items:flex-start; padding:24px 0 14px; gap:8px; }.site-footer > div { gap:30px; }.photo-dialog { padding:14px; }.dialog-top h2 { font-size:12px; }#dialog-image { height:65dvh; padding:10px 0; }.menu-dialog { padding-top:20px; }.menu-dialog nav { margin:36px 0; }.menu-dialog nav a { font-size:23px; padding:17px 0; }
}
@media(max-width:350px) { .brand-mark { display:none; }.nav-shell { padding:0 15px; }.sensor-hero { padding-left:18px; padding-right:18px; }.sensor-hero h1 { font-size:45px; }.hero-intro { font-size:13px; }.sensor-labels { font-size:9px; }.sensor-foot > span { font-size:9px; }.foot-separator { margin:0 4px; }#creative-preview { height:310px; }.demo-choices button { font-size:10px; }.demo-choices button span { display:none; }.intention-copy h2 { font-size:33px; }.creative h2 { font-size:29px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important; transition:none!important; }.reveal-ready { opacity:1!important; transform:none!important; }.emitter-wave { opacity:.18; } }

/* A single room carries the story: device, photograph, depth, and expression. */
.chair-hero { position:relative; display:block; min-height:0; padding:0; color:#252c25; text-align:left; background:#c9c9bd; }
.chair-hero .sensor-heading { position:absolute; z-index:4; left:var(--gutter); top:8%; pointer-events:none; }
.chair-hero .eyebrow { color:#4e5a4c; font-size:11px; letter-spacing:.13em; }
.chair-hero h1 { font-size:clamp(42px,5.25vw,76px); line-height:1.28; margin:19px 0 18px; }
.chair-hero h1 span { display:block; }.chair-hero .hero-intro { color:#4f594b; font-size:14px; }
.hero-visual { width:100%; overflow:hidden; }.hero-scene { position:relative; width:100%; aspect-ratio:3/2; }
#hero-chair-scene { width:100%; height:100%; object-fit:cover; }
.chair-hero .sensor-stage { --device-left:50%; --device-top:57%; --device-width:27%; position:absolute; z-index:2; left:var(--device-left); top:var(--device-top); width:var(--device-width); margin:0; padding:0 0 32px; transform:translate(-50%,-50%); }
.chair-hero .sensor-stage::before { width:82%; left:9%; bottom:15%; height:5%; filter:blur(8px); opacity:.55; }
.chair-hero .sensor-camera { aspect-ratio:1340/800; }.chair-hero .sensor-signals { width:100%; }
.chair-hero .sensor-labels { bottom:0; color:#e2e5d6; font-size:clamp(8px,.75vw,11px); text-shadow:0 1px 6px #091108; }
.chair-hero .sensor-leader { stroke:#e6ebdf; opacity:.7; }
.chair-hero .sensor-foot { position:absolute; z-index:4; left:var(--gutter); right:var(--gutter); bottom:22px; width:auto; padding:0; margin:0; color:#e1e6d9; }
.chair-hero .sensor-foot .text-link,.chair-hero .sensor-foot > span { color:#e5e8dd; text-shadow:0 1px 5px #152014aa; }.chair-hero .sensor-foot > span { font-size:10px; }
.chair-chapter { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:36px; }
.chair-chapter h2 { margin:20px 0 0; font-size:clamp(38px,4.1vw,60px); line-height:1.25; }.chair-chapter > p { color:#5b6554; font-size:15px; padding-bottom:4px; }
.depth-capture-stage { position:relative; width:100%; aspect-ratio:3/2; background:#000; overflow:hidden; }
#depth-capture-photo,#depth-capture { position:absolute; inset:0; width:100%; height:100%; display:block; }
#depth-capture-photo { object-fit:contain; }.depth-capture-stage.is-ready #depth-capture-photo,.depth-capture-stage[data-ready=true] #depth-capture-photo { visibility:hidden; }
#depth-capture { touch-action:pan-y; cursor:grab; }.depth-capture-stage.is-dragging #depth-capture,#depth-capture:active { cursor:grabbing; }
.depth-capture-topline { position:absolute; pointer-events:none; top:25px; left:28px; right:28px; display:flex; justify-content:space-between; gap:20px; font-size:10px; letter-spacing:.02em; color:#384532; text-shadow:0 1px 4px #e6e5d9a3; }
#depth-capture-angle { font:11px/1.6 ui-monospace,SFMono-Regular,monospace; }
.depth-capture-caption { display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); min-height:70px; padding:12px 0; font-size:12px; color:#56614c; }
.keyboard-hint { margin-left:14px; color:#65705a; font-size:10px; }.depth-capture-caption button { padding:10px 0 10px 14px; min-height:44px; border:0; background:none; color:#34442b; font-size:12px; white-space:nowrap; }.depth-capture-caption button span { margin-left:16px; font-size:16px; }
.capture-reading { display:flex; justify-content:space-between; gap:36px; margin-top:28px; }.capture-reading > p:first-child { font-size:17px; color:#3d4934; }.capture-reading > p:last-child { font-size:12px; color:#616b57; }.capture-reading > p:last-child span { font-size:10px; }
.chair-perception .essay-entry { margin-top:38px; }
.passage-story { background:#171b15; color:#e0e6d8; }.passage-art { position:relative; width:100%; aspect-ratio:3/2; overflow:hidden; background:#0b0e09; }
#passage-image { width:100%; height:100%; object-fit:cover; }.passage-title { position:absolute; top:8%; left:var(--gutter); z-index:1; max-width:570px; }
.passage-title .eyebrow { color:#b3bca9; }.passage-title .eyebrow > span { color:#d39077; }.passage-title h2 { font-size:clamp(36px,4vw,59px); line-height:1.4; font-weight:400; letter-spacing:-.045em; margin-top:20px; text-shadow:0 2px 20px #0008; }
.passage-image-note { position:absolute; left:var(--gutter); bottom:25px; font-size:10px; color:#c1cbbb; text-shadow:0 1px 8px #000; }
.passage-origin { padding-top:52px; padding-bottom:60px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:110px; }
.passage-origin > div { max-width:470px; }.passage-origin .small-label { color:#b6c0ad; font-size:11px; }.passage-origin p { font-size:15px; color:#c0c9b7; margin-top:19px; }.passage-origin .author-line { margin-top:23px; color:#a8b49a; font-size:11px; }
.passage-profile .slope-photo { height:205px; }.passage-profile figcaption { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #434d3a; padding-top:17px; margin-top:15px; font-size:11px; color:#b8c4aa; }.passage-profile figcaption span { font:9px/1.7 ui-monospace,SFMono-Regular,monospace; }
.possibilities-story { background:#e7e7de; }.possibilities-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; padding-top:95px; padding-bottom:42px; }
.possibilities-heading .room-heading { width:auto; margin:0; padding:0; display:block; }.possibilities-heading h2 { font-size:clamp(36px,4vw,56px); line-height:1.4; margin:20px 0 0; }.possibilities-heading h2 br { display:block; }
.possibilities-heading > p { color:#5a6651; font-size:15px; padding-bottom:7px; }
.handheld-stage { position:relative; width:100%; aspect-ratio:3/2; overflow:hidden; background:#a7ad9e; }
#handheld-room-image,#handheld-foreground { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; }
#handheld-foreground { z-index:1; pointer-events:none; }.handheld-screen-window { position:absolute; z-index:2; left:var(--screen-left); top:var(--screen-top); width:var(--screen-width); height:var(--screen-height); background:#030403; clip-path:var(--screen-clip); transform:var(--screen-transform,none); transform-origin:0 0; pointer-events:none; }
#handheld-screen { display:block; width:100%; height:100%; background:#030403; }
.possibilities-story .handheld-figure > figcaption { border-bottom:1px solid #c6ccbd; font-size:11px; padding:22px 0; }
.screen-expressions { padding-top:28px; padding-bottom:85px; }.screen-style-switches { display:flex; gap:8px; flex-wrap:wrap; }
.screen-style-switches button { display:flex; align-items:center; gap:21px; background:none; color:#4f5f43; border:1px solid #adb89f; min-height:47px; padding:13px 23px; font-size:13px; transition:background .2s,color .2s; }
.screen-style-switches button span { font:10px ui-monospace,SFMono-Regular,monospace; color:#637457; }.screen-style-switches button[aria-pressed=true] { background:#35472c; border-color:#35472c; color:#edf1e5; }.screen-style-switches button[aria-pressed=true] span { color:#c7d3bd; }.screen-style-switches button:hover { border-color:#647752; }
#screen-style-caption { font-size:13px; color:#59684e; min-height:27px; margin-top:18px; }
.toolkit-entry { margin-top:29px; display:flex; align-items:center; gap:25px; }.toolkit-link { color:#3c5030; font-size:13px; }.toolkit-link[aria-disabled=true] { cursor:default; border-color:#8b9b7c; }.toolkit-link[aria-disabled=true]:hover span { transform:none; }.toolkit-entry > p { font-size:10px; color:#637358; }
@media(min-width:1700px) { .passage-art { aspect-ratio:16/9; } }
@media(max-width:1100px) { .chair-hero .sensor-heading { top:7%; }.chair-hero h1 { font-size:49px; }.chair-hero .hero-intro { font-size:12px; }.passage-origin { gap:60px; }.passage-title h2 { font-size:42px; }.possibilities-heading { gap:35px; } }
@media(max-width:760px) {
  .chair-hero .sensor-heading { position:relative; left:auto; top:auto; padding:43px var(--gutter) 0; background:#c8c9bd; }.chair-hero h1 { font-size:47px; margin:18px 0 13px; }.chair-hero h1 span { display:inline; }.chair-hero .hero-intro { font-size:13px; }
  .hero-scene { width:145%; left:-22.5%; }.chair-hero .sensor-stage { padding-bottom:28px; }.chair-hero .sensor-foot { position:relative; bottom:auto; left:auto; right:auto; margin:0; padding:12px var(--gutter) 24px; gap:15px; background:#243429; }.chair-hero .sensor-foot > span { font-size:9px; }
  .chair-chapter { display:block; margin-bottom:25px; }.chair-chapter h2 { font-size:39px; margin-top:19px; }.chair-chapter > p { font-size:14px; margin-top:20px; }.depth-capture-topline { top:17px; left:17px; right:17px; font-size:9px; }#depth-capture-angle { font-size:10px; }
  .depth-capture-stage { margin-left:calc(var(--gutter) * -1); width:calc(100% + var(--gutter) * 2); }.depth-capture-caption { font-size:11px; gap:14px; }.keyboard-hint { display:none; }.depth-capture-caption button { font-size:11px; padding-left:5px; }.depth-capture-caption button span { margin-left:8px; }
  .capture-reading { display:block; margin-top:24px; }.capture-reading > p:first-child { font-size:15px; }.capture-reading > p:last-child { font-size:11px; margin-top:14px; }.chair-perception .essay-entry { margin-top:27px; }
  .passage-art { aspect-ratio:1/1; }.passage-title { top:7%; }.passage-title h2 { font-size:35px; margin-top:17px; }.passage-image-note { bottom:18px; font-size:9px; }.passage-origin { grid-template-columns:1fr; gap:35px; padding-top:37px; padding-bottom:40px; }.passage-origin > div { max-width:none; }.passage-origin p { font-size:14px; }.passage-profile .slope-photo { height:180px; }.passage-profile figcaption { margin-top:5px; font-size:10px; }
  .possibilities-heading { display:block; padding-top:66px; padding-bottom:29px; }.possibilities-heading h2 { font-size:37px; }.possibilities-heading > p { font-size:14px; margin-top:20px; padding:0; }
  .possibilities-story .handheld-figure > figcaption { padding:18px 0; gap:8px; font-size:10px; }.possibilities-story .handheld-figure > figcaption span:last-child { font-size:9px; }
  .screen-expressions { padding-top:23px; padding-bottom:65px; }.screen-style-switches { gap:5px; flex-wrap:nowrap; }.screen-style-switches button { flex:1; justify-content:center; min-height:47px; gap:10px; padding:12px 10px; font-size:11px; }.screen-style-switches button span { font-size:9px; }#screen-style-caption { font-size:12px; margin-top:17px; }.toolkit-entry { display:block; margin-top:20px; }.toolkit-entry > p { margin-top:9px; }
}
@media(max-width:500px) {
  .chair-hero { padding:0; min-height:0; }.chair-hero .sensor-heading { padding-top:38px; }.chair-hero h1 { font-size:39px; letter-spacing:-.055em; }.chair-hero .hero-intro { white-space:normal; font-size:12px; }.chair-hero .eyebrow { font-size:10px; }.hero-scene { width:170%; left:-35%; }
  .chair-hero .sensor-stage { padding-bottom:24px; margin:0; }.chair-hero .sensor-labels { font-size:8px; height:18px; }.chair-hero .sensor-labels > span:nth-child(2),.chair-hero .sensor-labels > span:nth-child(3) { margin-left:0; }.chair-hero .sensor-foot { padding-top:13px; padding-bottom:17px; flex-direction:row; align-items:center; }.chair-hero .sensor-foot > span { max-width:145px; line-height:1.7; text-align:right; font-size:8px; }.chair-hero .sensor-foot .text-link { font-size:11px; white-space:nowrap; }
  .chair-chapter h2 { font-size:35px; }.depth-capture-caption { align-items:start; min-height:63px; padding:10px 0; }.depth-capture-caption > span { line-height:1.7; padding-top:13px; }.depth-capture-caption button { min-width:126px; }.depth-capture-topline { left:var(--gutter); right:var(--gutter); top:13px; font-size:8px; }
  .passage-art { aspect-ratio:4/5; }.passage-title h2 { font-size:31px; }.passage-title .eyebrow { font-size:10px; }.passage-profile .slope-photo { height:160px; }.passage-profile figcaption { gap:15px; }.possibilities-heading h2 { font-size:34px; }
  .screen-style-switches button { font-size:10px; gap:7px; padding:11px 5px; }.toolkit-link { font-size:12px; }#screen-style-caption { font-size:11px; min-height:42px; }.toolkit-entry > p { font-size:9px; }
}
@media(max-width:350px) { .chair-hero h1 { font-size:33px; }.chair-hero .sensor-foot > span { max-width:115px; }.screen-style-switches button span { display:none; }.depth-capture-caption { font-size:10px; }.depth-capture-caption button { font-size:10px; min-width:119px; }.passage-title h2 { font-size:28px; } }

/* Final shared-scene positioning. */
.hero-scene { aspect-ratio:8/5; }
.chair-hero .sensor-heading { color:#edf0e5; }
.chair-hero .sensor-heading .eyebrow,.chair-hero .hero-intro { color:#d3ddcb; }
@media(max-width:760px) {
 .chair-hero .sensor-heading { background:#dfe2d7; color:#253025; }
 .chair-hero .sensor-heading .eyebrow,.chair-hero .hero-intro { color:#53634b; }
}
.depth-capture-topline > span,.depth-capture-topline > output { background:#e4e7dce8; padding:4px 8px; color:#2a3626; text-shadow:none; }
@media(max-width:760px) {
 .passage-art { display:flex; flex-direction:column; aspect-ratio:auto; }
 .passage-title { position:relative; top:auto; left:auto; order:-1; max-width:none; padding:46px var(--gutter) 25px; }
 #passage-image { height:auto; aspect-ratio:1; object-fit:cover; object-position:right center; }
 .passage-image-note { left:var(--gutter); bottom:13px; }
}
.screen-style-switches button span { color:#526147; }
.toolkit-entry > p { color:#526147; }
.screen-style-switches button[aria-pressed=true] span { color:#c7d3bd; }

.hero-background { display:contents; }

/* Contact details share one quiet, aligned column. */
.contact-list { width:min(100%,350px); margin:34px auto 0; text-align:left; }
.contact-row { display:grid; grid-template-columns:64px minmax(0,1fr) 44px; gap:12px; align-items:center; min-height:48px; font-size:14px; color:#e3e9da; }
.contact-label { font-size:12px; color:#aebd9f; white-space:nowrap; }
.contact-row > a { display:flex; align-items:center; min-height:44px; }
.contact-row button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#bac9a9; }
.contact-row button:hover,.contact-row a:hover { color:#fff; }
.contact-row .personal-site { grid-column:2 / 4; justify-content:space-between; }
.personal-site > span { width:44px; text-align:center; color:#bac9a9; }
@media(max-width:350px) { .contact-row { grid-template-columns:56px minmax(0,1fr) 36px; gap:8px; font-size:13px; } }

/* The menu close action uses a quiet keyboard focus cue, without a red box. */
#menu-close:focus-visible { outline:none; text-decoration:underline; text-underline-offset:5px; }