:root{color-scheme:light;--paper:#f3dfb8;--ink:#3b2932;--muted:#775747;--line:#cc9a68;--accent:#8b2839;--sky-top:#d96849;--sky-bottom:#eda45a;--cloud:#f7c174;--ridge:#70445c;--ridge-light:#925066;--town-ground:#a6423e;--building-one:#944043;--building-two:#c76d46;--building-three:#a85143;--brick-line:#71353d55;--roof:#3f2c3c;--sign:#efd49e;--sign-ink:#563643;--trim:#493340;--door:#342936;--wire:#392d3b;--street:#583040;--curb:#d98253;--foreground:#3a2838;--window:#ffd26f;--leaf:#f0a03f;--star:#f4e0b1;--card:#efd8ad;--card-two:#e8c996;--sky-ink:#3b2932}
:root[data-theme=dark]{color-scheme:dark;--paper:#0d1b2e;--ink:#f0e6d2;--muted:#aab9b5;--line:#354d56;--accent:#8fe3e0;--sky-top:#05070c;--sky-bottom:#0d1b2e;--cloud:#315163;--ridge:#142c3d;--ridge-light:#284658;--town-ground:#6b1f2a;--building-one:#652a35;--building-two:#4a3540;--building-three:#73313a;--brick-line:#33131f88;--roof:#170f1b;--sign:#d6c294;--sign-ink:#302638;--trim:#182631;--door:#101820;--wire:#101820;--street:#3d1017;--curb:#7e3940;--foreground:#210b12;--window:#ffd076;--leaf:#c95b45;--star:#8fe3e0;--card:#172c3b;--card-two:#1b303c;--sky-ink:#f0e6d2}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#0d1b2e;--ink:#f0e6d2;--muted:#aab9b5;--line:#354d56;--accent:#8fe3e0;--sky-top:#05070c;--sky-bottom:#0d1b2e;--cloud:#315163;--ridge:#142c3d;--ridge-light:#284658;--town-ground:#6b1f2a;--building-one:#652a35;--building-two:#4a3540;--building-three:#73313a;--brick-line:#33131f88;--roof:#170f1b;--sign:#d6c294;--sign-ink:#302638;--trim:#182631;--door:#101820;--wire:#101820;--street:#3d1017;--curb:#7e3940;--foreground:#210b12;--window:#ffd076;--leaf:#c95b45;--star:#8fe3e0;--card:#172c3b;--card-two:#1b303c;--sky-ink:#f0e6d2}}
:root{--sky-glow:#ffe59c;--far-building:#8d3c3d;--far-building-two:#b77459;--siding-line:#74463f44;--window-frame:#d8bea4;--window-cyan:#70c8cd;--window-cross:#3e7884;--fence:#63352f;--tree:#4a2429;--foreground-accent:#782e35}
:root[data-theme=dark]{--sky-glow:#214257;--far-building:#121d2d;--far-building-two:#263343;--siding-line:#10182366;--window-frame:#f0d69d;--window-cyan:#ffd076;--window-cross:#7d593d;--fence:#35151d;--tree:#100a12;--foreground-accent:#541924}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sky-glow:#214257;--far-building:#121d2d;--far-building-two:#263343;--siding-line:#10182366;--window-frame:#f0d69d;--window-cyan:#ffd076;--window-cross:#7d593d;--fence:#35151d;--tree:#100a12;--foreground-accent:#541924}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--paper);z-index:20}.skip:focus{top:10px}.site-header{height:94px;max-width:1320px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:25px;letter-spacing:-1px}.brand svg{width:25px;height:30px;margin-right:11px}.brand span{font-weight:500;opacity:.7}nav{margin-left:auto;display:flex;gap:34px;font-size:13px;font-weight:500}nav a:hover,footer>a:last-child:hover{text-decoration:underline;text-underline-offset:6px}nav span{margin-left:8px}.theme-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);width:37px;height:37px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:23px}.hero{position:relative;height:750px;background:var(--sky-top);overflow:hidden}.hero-copy{position:relative;z-index:2;text-align:center;padding:53px 20px 0;color:var(--sky-ink)}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;display:flex;align-items:center;gap:9px}.hero .eyebrow{justify-content:center}.eyebrow>span{width:6px;height:6px;background:var(--leaf);border-radius:50%}h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.08;margin:0}h1{font-size:clamp(48px,5.1vw,73px);letter-spacing:-3px;margin:22px 0 20px}h1 em{font-weight:500;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 24%,transparent)}.hero-copy>p{font-size:14px;line-height:1.8;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:12px 23px;font-size:12px;font-weight:600;border-radius:3px;background:var(--ink);color:var(--paper);box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 70%,black);transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.2);transform:translateY(-2px)}.landscape{position:absolute;inset:0;pointer-events:none}.landscape svg{width:100%;height:100%;display:block}.scene-caption{position:absolute;bottom:0;left:0;right:0;height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;background:var(--foreground);color:var(--window);font-size:8px;letter-spacing:1.5px}.scene-caption a{font-size:10px;letter-spacing:.4px}.section{max-width:1200px;margin:0 auto;padding:70px 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.section-heading h2{font-size:43px;letter-spacing:-1.5px;margin-top:14px}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 3px}.account-callout{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;width:min(100%,390px);margin:0 0 3px;padding:14px 18px 15px 14px;background:var(--accent);color:var(--paper);border:1px solid color-mix(in srgb,var(--paper) 28%,transparent);border-radius:4px;box-shadow:5px 5px 0 color-mix(in srgb,var(--accent) 30%,var(--line));transform:rotate(.35deg)}.account-callout-key{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-family:'Fraunces',Georgia,serif;font-size:23px;line-height:1}.account-callout p{display:flex;flex-direction:column;gap:2px;margin:0;font-size:11px;line-height:1.45}.account-callout-label{font-size:8px;font-weight:700;letter-spacing:1.4px;opacity:.78}.account-callout strong{font-family:'Fraunces',Georgia,serif;font-size:15px;line-height:1.25;font-weight:600}.account-callout p>span:last-child{opacity:.86}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{padding:27px 30px 22px;background:var(--card);border:1px solid var(--line);border-radius:5px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 7px 0 #73836322}.matrix{background:var(--card-two)}.card-top{display:flex;align-items:center;gap:14px}.service-icon{font-family:Arial,sans-serif;font-size:29px;line-height:1;font-weight:900;letter-spacing:-3px;width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--card);border-radius:8px 8px 8px 2px;padding-right:3px}.matrix-icon{background:none;color:var(--ink);font-family:monospace;font-size:25px;letter-spacing:-3px}.card-label{font-size:9px;letter-spacing:1.8px;font-weight:600}.card-arrow{margin-left:auto;font-size:24px}.service-card h3{font-size:32px;margin-top:22px;letter-spacing:-1px}.service-card p{font-size:12px;line-height:1.9;color:var(--muted);max-width:370px;margin:15px 0 25px}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700}.card-bottom>span:last-child{font-size:9px;font-weight:400;color:var(--muted)}.account-note{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:var(--muted);padding-top:25px}.account-note>span:first-child{font-size:23px;margin-right:5px}.account-note a{text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:57px;padding-bottom:70px}.about h2{font-size:48px;letter-spacing:-1.7px;margin:22px 0}.handwritten{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:15px;color:var(--muted);display:block;transform:rotate(-3deg)}.about-copy{font-size:13px;color:var(--muted);padding-top:5px}.about-copy p{margin:0 0 17px}.about-copy .lead{font-family:'Fraunces',Georgia,serif;font-size:21px;color:var(--ink)}.values{display:flex;gap:20px;font-size:9px;color:var(--ink);padding-top:10px}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-family:'Fraunces',Georgia,serif;font-style:italic;padding:25px;font-size:20px}.closing span{font-size:12px;margin:0 20px;color:var(--muted)}footer{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:32px 48px;font-size:10px;color:var(--muted)}footer .brand{font-size:20px;color:var(--ink)}.celestial{fill:#f6cf70}.stars{opacity:0}.night .stars{opacity:.9}.night .celestial{fill:#d8f2ed}.window-glow{fill:var(--window);opacity:.12}.clouds{opacity:.42;animation:drift 42s ease-in-out infinite alternate}.falling-leaves{animation:fall 12s ease-in-out infinite alternate}.stars{animation:twinkle 5s ease-in-out infinite alternate}svg path,svg circle,svg rect{transition:fill 1s}body,.hero{transition:background-color .8s,color .8s}@keyframes drift{to{transform:translateX(32px)}}@keyframes fall{to{transform:translate(22px,32px) rotate(10deg)}}@keyframes twinkle{to{filter:brightness(.65)}}
@media(min-width:1600px){.hero{height:820px}.hero-copy{padding-top:70px}}
@media(max-width:800px){.site-header{padding:0 25px;height:78px;gap:22px}nav{gap:20px}.hero{height:720px}.hero-copy{padding-top:48px}.landscape svg{width:125%;max-width:none;margin-left:-12.5%}.scene-caption{padding:0 25px}.time-caption{display:none}.section{padding:48px 25px}.section-heading{gap:24px}.section-heading>p br{display:none}.section-heading>p{max-width:240px}.service-card{padding:22px}.card-bottom{align-items:flex-start;flex-direction:column}.about{gap:35px}.about h2{font-size:40px}.values{flex-wrap:wrap;gap:12px}footer{padding:30px 25px}footer p{display:none}}
@media(max-width:540px){.site-header{gap:17px;padding:0 20px}.brand{font-size:22px}.brand svg{width:20px;margin-right:7px}.site-header nav a:first-child{display:none}.site-header nav a{font-size:11px}.theme-toggle{flex-shrink:0;width:32px;height:32px}.hero{height:700px}.hero-copy{padding-top:38px}h1{font-size:51px;letter-spacing:-2.5px}.hero-copy>p{font-size:12px}.hero-copy>p br{display:none}.hero-copy>p{max-width:300px;margin:0 auto 24px}.eyebrow{font-size:8px;letter-spacing:1.6px}.landscape svg{width:185%;margin-left:-42.5%}.scene-caption{padding:0 20px}.scene-caption>span{font-size:6px;letter-spacing:.7px}.scene-caption a{font-size:9px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}.service-grid{grid-template-columns:1fr;gap:16px}.section-heading h2{font-size:39px}.card-bottom{flex-direction:row}.account-note{line-height:1.7}.about{grid-template-columns:1fr;gap:30px}.about h2{font-size:44px}.closing{font-size:17px;padding:25px 10px}.closing span{margin:0 8px}footer{gap:15px}footer>a:last-child{font-size:9px}footer .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:540px){nav a{white-space:nowrap;font-size:10px}.site-header{gap:12px}.hero{height:650px}.landscape svg{position:absolute;bottom:41px;width:100%;height:auto;margin:0}.hero-copy{padding-top:32px}}

/* The cover carries only the mark and the theme control; there is no site header. */
.hero-bar{position:absolute;z-index:5;top:0;left:0;right:0;height:92px;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;color:var(--sky-ink);pointer-events:none}.hero-bar>a,.hero-bar>button{pointer-events:auto}.hero-copy{padding-top:112px}
.theme-toggle{position:relative;display:block;width:68px;height:36px;flex:0 0 68px;padding:0;border:2px solid color-mix(in srgb,var(--sky-ink) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--paper) 28%,transparent);color:var(--sky-ink);cursor:pointer;box-shadow:none;transition:background .35s,border-color .35s}.theme-toggle::before,.theme-toggle::after{position:absolute;top:50%;z-index:1;transform:translateY(-52%);font-size:15px;line-height:1}.theme-toggle::before{content:'☼';left:9px}.theme-toggle::after{content:'☾';right:10px}.toggle-thumb{position:absolute;z-index:2;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--sky-ink);box-shadow:0 1px 4px #0003;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}.night .toggle-thumb{transform:translateX(32px)}
.night .rear-town-layer use[href="#square-window"],.night .street-layer use[href="#square-window"],.night .street-layer use[href="#arch-window"]{filter:drop-shadow(0 0 9px #ffd07688)}.lamp-bulb{fill:var(--trim);opacity:.65}.lamp-glow,.lamp-cone{opacity:0;transition:opacity .8s}.night .lamp-bulb{fill:var(--window);opacity:1;filter:drop-shadow(0 0 5px #ffd076)}.night .lamp-glow{opacity:.36;filter:blur(5px)}.night .lamp-cone{opacity:.82}.tower-beacon{fill:var(--roof);opacity:.65}.night .tower-beacon{fill:#ff4b3e;animation:tower-pulse 2.8s ease-in-out infinite}@keyframes tower-pulse{0%,100%{opacity:.22;filter:drop-shadow(0 0 1px #ff4b3e)}50%{opacity:1;filter:drop-shadow(0 0 9px #ff4b3e)}}
.falling-leaves{animation:none}.fall-leaf{--drift:40px;transform-box:fill-box;transform-origin:center;opacity:0;animation:leaf-fall 9s linear infinite}.leaf-one{--drift:46px;animation-duration:8.4s;animation-delay:-1.2s}.leaf-two{--drift:-35px;animation-duration:10.2s;animation-delay:-6.6s}.leaf-three{--drift:58px;animation-duration:9.5s;animation-delay:-3.8s}.leaf-four{--drift:-48px;animation-duration:11s;animation-delay:-8.2s}.leaf-five{--drift:34px;animation-duration:8.9s;animation-delay:-5.1s}.leaf-six{--drift:-28px;animation-duration:10.6s;animation-delay:-2.5s}@keyframes leaf-fall{0%{opacity:0;transform:translate(0,-85px) rotate(0)}10%{opacity:.9}35%{transform:translate(-16px,40px) rotate(105deg)}68%{opacity:.85;transform:translate(12px,175px) rotate(235deg)}100%{opacity:0;transform:translate(var(--drift),330px) rotate(390deg)}}
@media(min-width:1600px){.hero-copy{padding-top:125px}}
@media(max-width:800px){.hero-bar{height:78px;padding:16px 25px}.hero-copy{padding-top:100px}}
@media(max-width:540px){.hero-bar{padding:15px 20px}.hero-bar .brand{font-size:22px}.theme-toggle{width:62px;height:34px;flex-basis:62px}.toggle-thumb{width:22px;height:22px}.night .toggle-thumb{transform:translateX(28px)}.hero-copy{padding-top:94px}}
@media(prefers-reduced-motion:reduce){.fall-leaf{display:none}}

:root{--hero-haze:#eda45a;--tree-canopy:#8b553f}:root[data-theme=dark]{--hero-haze:#102638;--tree-canopy:#385163}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--hero-haze:#102638;--tree-canopy:#385163}}
.tree-canopy{opacity:.16}.night .tree-canopy{opacity:.1}.hero-copy{isolation:isolate}.hero-copy::before{content:'';position:absolute;z-index:0;top:58px;left:50%;width:min(760px,86vw);height:350px;transform:translateX(-50%);border-radius:50%;background:var(--hero-haze);opacity:.62;filter:blur(82px);pointer-events:none}.hero-copy>*{position:relative;z-index:1}.hero-copy>p{text-shadow:0 1px 8px color-mix(in srgb,var(--hero-haze) 85%,transparent)}.hero-copy>.button{display:none}
@media(max-width:640px){.hero-copy>.button{display:inline-flex}.hero-copy::before{top:62px;height:430px;width:98vw}}

@media(max-width:640px){.hero{height:760px}.hero-bar{height:76px;padding:15px 20px}.hero-copy{padding:96px 18px 0}.hero-copy::before{top:48px;width:180vw;height:500px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--hero-haze) 74%,transparent) 0 48%,color-mix(in srgb,var(--hero-haze) 36%,transparent) 68%,transparent 88%)}h1{font-size:clamp(44px,11vw,54px);line-height:1.04;letter-spacing:-2.3px;margin:22px 0 25px}.hero-copy>p{max-width:360px;margin:0 auto 24px;padding:0 8px;font-size:12px;line-height:1.85}.landscape{position:absolute;inset:auto 0 41px;height:315px;overflow:hidden}.landscape svg{position:absolute;bottom:0;left:50%;width:140%;max-width:none;height:auto;margin:0;transform:translateX(-50%)}.scene-caption{padding:0 20px}}

@media(max-width:640px){.hero{height:760px;background:radial-gradient(ellipse 82% 45% at 50% 29%,var(--sky-glow) 0%,color-mix(in srgb,var(--sky-bottom) 55%,transparent) 62%,transparent 100%),linear-gradient(to bottom,var(--sky-top),var(--sky-bottom))}.sky-base,.sky-light{display:none}.hero-copy::before{display:none}.hero-copy>p{text-shadow:none}.landscape{inset:auto 0 41px;height:370px;overflow:visible}.landscape svg{bottom:0;width:120%}}
@media(max-width:480px){.landscape svg{width:140%}}
.stars{animation:none;transition:opacity .8s}.night .stars{opacity:.95}.star{transform-box:fill-box;transform-origin:center;animation:star-sparkle 3.6s ease-in-out infinite}.star:nth-child(2n){animation-delay:-1.1s;animation-duration:4.4s}.star:nth-child(3n){animation-delay:-2.5s;animation-duration:3s}@keyframes star-sparkle{0%,100%{opacity:.22;transform:scale(.72)}50%{opacity:1;transform:scale(1.22)}}
@media(min-width:1600px){.hero{height:clamp(820px,46vw,1200px)}}
@media(prefers-reduced-motion:reduce){.star{animation:none!important}}
.scene-caption{height:48px;font-size:12px;font-weight:500;letter-spacing:.8px}.scene-caption a{font-size:12px;font-weight:600}footer{font-size:12px}
@media(max-width:540px){.scene-caption{padding-inline:16px}.scene-caption>span{font-size:10px;letter-spacing:.45px}.scene-caption a{font-size:11px}footer>a:last-child{font-size:11px}}
:root{--tower:#59404b}:root[data-theme=dark]{--tower:#315363}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tower:#315363}}
.values{font-size:12px;font-weight:500;gap:24px}
@media(max-width:800px){.landscape{position:absolute;inset:auto 0 45px;height:370px;overflow:visible}.landscape svg{position:absolute;bottom:0;left:50%;width:120%;max-width:none;height:auto;margin:0;transform:translateX(-50%)}}
@media(max-width:480px){.landscape svg{width:140%}}

/* Footer navigation is shared by the landing page and the information pages. */
.footer-links{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:500}
.footer-links a:hover{text-decoration:underline;text-underline-offset:6px}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-shrink:0}.footer-identity p{display:block;margin:0;font-family:'Fraunces',Georgia,serif;font-size:13px;font-style:italic;font-weight:500;line-height:1.45;color:var(--ink);opacity:.82}
.footer-links .footer-github{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);line-height:1;transition:background-color .2s,border-color .2s}.footer-github>span{display:block;margin:0}.footer-github svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-links .footer-github:hover{background:var(--card);border-color:var(--muted);text-decoration:none}
@media(max-width:700px){footer{align-items:flex-start;flex-wrap:wrap}.footer-links{width:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap;gap:12px 20px}}
@media(max-width:800px){.account-callout{max-width:360px}}
@media(max-width:540px){.account-callout{width:100%;max-width:none;margin:24px 0 0;transform:none}.account-callout strong{font-size:16px}.account-note{text-align:center}}

/* Supporting copy stays readable on both the warm day palette and the dark theme. */
.account-note{gap:6px;font-size:13px;line-height:1.65;color:var(--ink)}
.account-note>span:first-child{font-size:20px}
.guide-note{display:flex;justify-content:center;padding-top:25px}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 18px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--line);font-size:13px;font-weight:700;line-height:1.4;text-align:center;transition:transform .2s,filter .2s}.guide-button-arrow{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.guide-button:hover{filter:brightness(1.16);transform:translateY(-2px)}.guide-button:hover .guide-button-arrow{transform:translateX(3px)}
@media(max-width:540px){.guide-note{padding-top:24px}.guide-button{justify-content:space-between;width:100%;max-width:340px;padding:13px 16px;text-align:left}}

/* Downward cues make the in-page scroll actions distinct from external links. */
.button .scroll-arrow,.scene-caption .scroll-arrow{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.scene-caption a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.scene-caption .scroll-arrow{width:17px;height:17px}