:root{--ink:#1e1e1e;--muted:#999;--body-ink:#5d5d5d;--guide:#ededed;--media-radius:4px;--edge:clamp(24px,calc(35vw - 320px),240px);--rail:clamp(210px,17vw,326px);--gutter:clamp(24px,4vw,64px);--start:calc(var(--edge) + var(--rail) + var(--gutter));--top:128px;--sans:"SF Pro Display",-apple-system,system-ui,"Helvetica Neue",Arial,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;font-family:var(--sans);color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:#e4e4df}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:#191919;color:white;padding:12px;z-index:9}.skip:focus{top:20px}
.site-header{position:fixed;inset:0 0 auto;z-index:5;background:transparent;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:var(--gutter);align-items:start;padding:16px var(--edge);min-height:64px}.name{font:400 12px/16px var(--mono);letter-spacing:.48px}nav{display:flex;align-items:center;gap:24px;font:400 12px/16px var(--mono);letter-spacing:.48px;text-transform:uppercase}nav>a[href="#about"]{margin-left:auto}nav a:hover,.links a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.sidebar{position:fixed;top:var(--top);bottom:0;left:var(--edge);width:var(--rail);display:flex;flex-direction:column;padding-bottom:24px;overflow-y:auto}.role,.section-header h2{font:500 12px/16px var(--mono);letter-spacing:.6px;color:var(--muted);margin:0}.introduction{margin-top:0}h1{font-size:24px;font-weight:500;line-height:28px;letter-spacing:-.66px;margin:0 0 40px}.introduction>p{font-size:15px;font-weight:400;line-height:22px;color:var(--body-ink);margin:0}.links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:14px;font-weight:500;line-height:20px;margin-top:40px}.sidebar-bottom{margin-top:auto;padding-top:64px}.location{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;line-height:16px;margin:0}.location>span:first-child{font:400 12px/16px var(--mono);letter-spacing:.48px;color:var(--muted)}.copyright{font:400 12px/16px var(--mono);letter-spacing:.48px;color:#121212;text-transform:uppercase;margin:0}
main{margin-left:var(--start);padding:var(--top) var(--edge) 0 0;min-width:0;outline:none}.section-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:500 12px/16px var(--mono);letter-spacing:.6px;margin:0 0 40px;min-height:16px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;align-items:start}.project{display:block;min-width:0}.cover{overflow:hidden;border-radius:var(--media-radius);background:#e4e4df;aspect-ratio:1.5}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project:hover .cover img{transform:scale(1.015)}.brew{grid-column:1/-1}.brew .cover{aspect-ratio:16/9;background:#fff}.brew .cover img{object-fit:contain}.caption{padding:12px 0 0}.caption h3{font-size:14px;font-weight:700;letter-spacing:.07px;margin:0;display:flex;justify-content:space-between;gap:12px;line-height:16px}.caption h3>span{color:var(--muted);font-weight:400}.caption p{margin:0}.caption .category{font-size:14px;font-weight:400;line-height:16px;letter-spacing:.14px;color:var(--muted);margin-top:8px}.caption .outcome{font-size:14px;line-height:20px;font-weight:400;margin-top:12px}.work-footer{margin-top:40px;padding:32px 0 24px;display:flex;justify-content:space-between;align-items:baseline;font-size:14px;line-height:16px}.work-footer p{color:var(--muted);margin:0}.work-footer .footer-contact{color:var(--ink);text-align:right}.footer-email{text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px}.footer-email:hover{text-decoration:underline;color:var(--body-ink)}
.about-content{max-width:700px;padding:0 0 96px}.about-content h2,.project-content h2{font-size:24px;line-height:28px;letter-spacing:-.66px;font-weight:500;margin:0 0 40px}.about-content>p,.project-content>p{font-size:15px;font-weight:400;line-height:22px;color:var(--body-ink);max-width:590px;margin:0 0 28px}.about-content h3{font:500 12px/16px var(--mono);letter-spacing:.6px;text-transform:uppercase;margin:64px 0 28px}.experience{margin-bottom:40px}.experience>div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;font-size:14px;line-height:20px}.experience strong{font-weight:500}.experience span{color:var(--muted)}.text-link{display:inline-block;font-size:14px;line-height:20px;padding:12px 0}.project-content{padding:0 0 96px}.project-content>img{width:100%;height:auto;display:block;border-radius:var(--media-radius);margin:40px 0 28px}
@media(max-width:900px){:root{--edge:24px;--top:64px}body{padding-top:64px}.site-header{position:fixed;display:flex;justify-content:space-between;gap:24px;padding:24px var(--edge);min-height:64px}nav{gap:20px}.sidebar{position:relative;inset:auto;width:auto;margin:40px var(--edge) 0;padding-bottom:0;overflow:visible}.introduction{margin-top:0;max-width:430px}h1{max-width:360px;margin-bottom:28px}.links{margin-top:28px}.sidebar-bottom{display:none}main{margin-left:0;padding:64px var(--edge) 0}.section-header{margin-bottom:28px}.brew .cover{aspect-ratio:16/9;background:#fff}.projects{gap:28px 24px}.work-footer{margin-top:40px;padding:40px 0 64px}}
@media(max-width:480px){:root{--edge:20px}.site-header{flex-wrap:nowrap;gap:16px;row-gap:0}.site-header .name{white-space:nowrap}.site-header nav{width:auto;margin-left:auto}nav>a[href="#about"]{margin-left:auto}.projects{grid-template-columns:1fr;gap:28px}.brew{grid-column:auto}.brew .cover{aspect-ratio:16/9;background:#fff}.cover{aspect-ratio:1.3}.experience>div{flex-direction:column;gap:8px}.work-footer{font-size:14px}.copyright{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Reference-style dotted guides: 24px outside the content, centered in the 64px column gap. */
.layout-guides{position:fixed;inset:0;pointer-events:none;z-index:6}
.layout-guides>span{position:absolute;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--guide) 0 2px,transparent 2px 4px)}
.guide-left{left:calc(var(--edge) - 24px)}
.guide-right{right:calc(var(--edge) - 24px)}
.layout-guides>.guide-center{left:calc(var(--start) - var(--gutter)/2);top:0}

.work-footer{position:relative}
.footer-email{font:400 12px/16px var(--mono);letter-spacing:.48px}
.work-footer::before{content:"";position:absolute;top:0;left:-24px;right:-24px;height:1px;background:repeating-linear-gradient(to right,var(--guide) 0 2px,transparent 2px 4px)}
@media(max-width:900px){.layout-guides{display:none}.work-footer::before{left:0;right:0}}

/* Progressive blur follows the reference: 110px, from 0.25px at the lower edge to 8px at the top. */
.nav-glass{position:fixed;top:0;left:0;right:0;height:110px;z-index:4;pointer-events:none}
.nav-glass>span{position:absolute;inset:0;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(to top,transparent var(--a),#000 var(--b),#000 var(--c),transparent var(--d));mask-image:linear-gradient(to top,transparent var(--a),#000 var(--b),#000 var(--c),transparent var(--d))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav-glass{background:linear-gradient(to bottom,rgba(255,255,255,.96),rgba(255,255,255,.65) 55%,transparent)}}
@media(max-width:900px){.nav-glass{display:block;height:96px;background:linear-gradient(to bottom,rgba(255,255,255,.94),rgba(255,255,255,.75) 60%,transparent)}}

/* Homepage identity: short introduction with a regular, unaccented weight. */
.introduction{container-type:inline-size}
.introduction h1{font-size:clamp(14px,7cqw,24px);line-height:1.25;font-weight:500;letter-spacing:-.48px;color:#999;margin-bottom:24px;text-wrap:pretty}
.introduction h1>span{display:block}.introduction h1>span:last-child{white-space:nowrap}
.introduction .intro-emphasis{color:var(--ink);font-weight:500}
.introduction .intro-greeting{margin-bottom:8px}
.introduction .intro-title{white-space:nowrap}
@media(max-width:480px){.introduction h1{font-size:clamp(14px,7cqw,24px);line-height:1.25}.introduction .intro-title{white-space:nowrap}}
.sidebar .links{margin-top:28px}
.sidebar-bottom{padding-top:32px}
@media(max-width:900px){.introduction h1{max-width:430px}.introduction>p{max-width:430px}}

.work-footer{align-items:center}
.footer-linkedin{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#808080;position:relative;transition:color .15s ease}
.footer-linkedin::before{content:"";position:absolute;inset:-10px}
.footer-linkedin svg{display:block;width:20px;height:20px}
.footer-linkedin:hover{color:#1e1e1e}

nav .index-link{display:inline-flex;align-items:center;gap:6px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.index-icon{display:block;flex:none}

.project-facts{margin:0;display:grid;gap:32px}
.project-facts>div{display:grid;align-content:start;gap:8px}
.project-facts dt{margin:0;font:400 12px/16px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.project-facts dd{margin:0;font:400 15px/22px var(--sans);letter-spacing:normal;color:#010101}
.project-facts dd>span{display:block}
@media(max-width:900px){.project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}
@media(max-width:360px){.project-facts{grid-template-columns:1fr}}

/* Case study: short editorial sections, with images supporting each design decision. */
.case-study{container-type:inline-size}
.project-cover-placeholder{height:100%;padding:24px;background:#f0eff5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--body-ink)}
.project-cover-placeholder span{font:400 11px/16px var(--mono);color:#777}
.project-cover-placeholder strong{font:400 18px/24px var(--sans);letter-spacing:-.3px}
.projects{grid-template-columns:minmax(0,1fr);row-gap:64px}
.case-intro h1{font:500 24px/28px var(--sans);letter-spacing:-.66px;margin:0 0 28px;max-width:900px;text-wrap:balance}
.case-deck{font:400 18px/26px var(--sans);letter-spacing:-.18px;color:var(--body-ink);max-width:640px;margin:0 0 20px;text-wrap:pretty}
.case-edition{font:400 12px/18px var(--sans);color:#777;margin:0;max-width:640px}
.case-section{position:relative;margin-top:96px}
.case-section::before{content:"";position:absolute;top:-48px;left:-32px;right:-24px;height:1px;background:repeating-linear-gradient(to right,var(--guide) 0 2px,transparent 2px 4px)}
.case-label{font:400 12px/16px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:0 0 28px}
.case-copy{max-width:640px}
.case-copy h2{font:500 24px/28px var(--sans);letter-spacing:-.66px;color:var(--ink);margin:0 0 28px;text-wrap:pretty}
.case-copy h3{font:500 18px/24px var(--sans);letter-spacing:-.3px;margin:0 0 20px}
.case-copy p{font:400 15px/22px var(--sans);color:var(--body-ink);margin:0 0 20px;text-wrap:pretty}
.case-copy p:last-child{margin-bottom:0}
.case-media{margin:40px 0 0}
.case-hero{margin-top:48px}
.case-placeholder{width:100%;min-height:220px;aspect-ratio:16/10;background:#f5f5f3;border:1px solid #ecece9;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px 24px}
.case-hero .case-placeholder{aspect-ratio:16/9;background:#f0efF5}
.project.dashboard .cover,.project.admin .cover{aspect-ratio:auto;overflow:hidden;background:transparent;border-radius:var(--media-radius)}
.project.dashboard .cover img,.project.admin .cover img{height:auto;object-fit:contain}
.case-hero .case-image-link{overflow:hidden;border:0;border-radius:var(--media-radius);background:transparent}
.placeholder-index{font:400 11px/16px var(--mono);letter-spacing:.6px;color:#888;text-transform:uppercase}
.placeholder-title{font:400 18px/24px var(--sans);letter-spacing:-.3px;color:#5d5d5d;max-width:380px;text-wrap:balance}
.placeholder-detail{font:400 12px/18px var(--sans);color:#777;max-width:380px}
.case-media figcaption{font:400 12px/18px var(--sans);color:#777;margin-top:12px;max-width:640px}
.case-image-link{display:block;min-width:0;overflow:hidden;border:1px solid #ededed;border-radius:var(--media-radius);background:#f5f6f8;cursor:zoom-in}
.case-image-link img{display:block;width:100%;height:auto}
.case-image-stack{display:grid;gap:20px;min-width:0}
.case-dialog-image{padding:20px;background:#f0eff5}
.case-dialog-grid{display:grid;grid-template-columns:1fr;gap:20px}
.case-comparison{max-width:560px;margin:24px 0 0;padding:20px;background:#fafaf9;border:1px solid #ededed;border-radius:5px}
.comparison-label{font:400 11px/16px var(--mono);letter-spacing:.6px;color:var(--muted);text-transform:uppercase;margin:0 0 12px}
.case-system-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
.case-feedback-image{padding:24px;background:#f5f6f8}
.case-feedback-image img{max-width:374px;margin:auto}
@container(min-width:850px){.case-dialog-grid,.case-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.case-dialog-image,.case-comparison{padding:12px}.case-image-stack,.case-dialog-grid,.case-system-grid{gap:16px}}
.case-followup{margin-top:48px}
.case-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.case-timeline li{min-width:0}
.timeline-year{display:block;font:400 12px/18px var(--mono);color:#777;margin-bottom:8px}
.case-timeline strong{display:block;font:500 14px/20px var(--sans);color:var(--body-ink);margin-bottom:8px}
.case-timeline li p{font:400 12px/18px var(--sans);color:#777;margin:0}
.timeline-current .timeline-year,.timeline-current strong{color:var(--ink)}
.timeline-focus{display:inline;font:400 11px/16px var(--sans);color:var(--body-ink);margin-left:6px;white-space:nowrap}
.case-before{min-height:0;aspect-ratio:auto;padding:24px;gap:8px;margin-top:16px;background:#fafaf9}
.case-before .placeholder-title{font-size:14px;line-height:20px;letter-spacing:0}
.case-before .placeholder-detail{max-width:440px}
.case-reflection{margin-bottom:80px}
.case-footer{margin-top:0}
.project-footer{font:400 12px/16px var(--mono);letter-spacing:.48px}
.project-footer nav{width:100%;justify-content:flex-end;font:inherit;letter-spacing:inherit;text-transform:none;gap:24px}
.project-footer nav a:last-child{text-align:right}
@container(min-width:850px){.case-section>.case-copy{margin-left:22%;max-width:640px}.case-label{margin-bottom:32px}.case-section>.case-followup{margin-top:48px}}
@media(max-width:900px){.case-section{margin-top:64px}.case-section::before{top:-32px;left:0;right:0}.case-intro h1{margin-bottom:24px}.case-hero{margin-top:32px}.case-media{margin-top:32px}.case-reflection{margin-bottom:64px}.case-footer{padding-bottom:24px}.case-copy{max-width:640px}.case-placeholder{min-height:200px}}
@media(max-width:900px){.case-before{min-height:0}.case-timeline{gap:16px}}
@media(max-width:480px){.case-timeline{grid-template-columns:1fr;gap:20px}.case-timeline li{display:block}.timeline-year{margin-bottom:8px}.case-timeline strong{margin-bottom:4px}}

/* Case navigation shares the fixed project rail and follows the reading position. */
.case-intro .project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:0 0 36px}
.case-toc{display:block;flex:none;margin-top:0;font:400 12px/16px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.toc-title{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;margin:0 0 20px}
.case-toc ol{list-style:none;padding:0;margin:0}
.case-toc a{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;min-height:32px;padding:8px 0}
.case-toc a:hover{text-decoration:none;color:var(--ink)}
.case-toc a:hover .toc-number{color:var(--ink)}
.toc-number{color:var(--muted);font-size:inherit;padding-left:6px}
.case-toc a[aria-current="location"]{color:var(--ink);font-weight:400}
.case-toc a[aria-current="location"] .toc-number{color:var(--ink)}
.case-toc a[aria-current="location"]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--ink)}
.case-section{scroll-margin-top:var(--top)}
.case-section h2:focus{outline:none}
.case-strategy{display:grid;gap:24px;margin-top:32px;max-width:900px}
.case-strategy>div{border-left:1px solid var(--guide);padding-left:20px}
.case-strategy h3{font:500 15px/22px var(--sans);margin:0 0 8px}
.case-strategy p{font:400 15px/22px var(--sans);color:var(--body-ink);margin:0}
#adb-case-study>.case-section:last-child{margin-bottom:80px}
@container(min-width:850px){.case-intro .project-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}}
@media(max-width:900px){.case-toc{min-width:0;margin-top:0}.case-toc ol{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px}.case-toc li{flex:none}.case-toc a{display:flex;gap:8px;min-height:40px;white-space:nowrap}.toc-number{padding-left:0}.case-toc a[aria-current="location"]::before{left:0;right:0;top:auto;bottom:0;width:auto;height:1px}.case-intro .project-facts{gap:24px}}
@media(max-width:360px){.case-intro .project-facts{grid-template-columns:1fr}}

/* Owner-created transparent artwork sits directly on the page. */
.case-image-link.case-artwork-transparent{background:transparent;border:0}
.case-copy .case-outcome-scale{margin:0 0 28px}
.case-outcome-number{display:block;font:500 32px/36px var(--sans);letter-spacing:-.7px;color:var(--ink);margin-bottom:8px}
.case-outcome-context{display:block;font:400 12px/18px var(--sans);color:var(--muted)}
.case-outcome-list{padding-left:20px;margin:0 0 28px;font:400 15px/22px var(--sans);color:var(--body-ink)}
.case-outcome-list li{padding-left:2px;margin-bottom:12px}
.case-outcome-list li:last-child{margin-bottom:0}
.case-copy .case-evidence-note{font:400 12px/18px var(--sans);color:#777;margin-top:24px}


/* Interactive Seller Workspace: static, equally sized Figma exports. */
.workspace-gallery{margin-top:24px}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 16px}
.workspace-tab{appearance:none;border:0;border-bottom:1px solid transparent;background:transparent;padding:10px 0;color:var(--muted);font:400 12px/18px var(--sans);cursor:pointer;transition:color .15s ease,border-color .15s ease}
.workspace-tab:hover{color:var(--ink)}
.workspace-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.workspace-tab:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
.workspace-panel:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.workspace-panel img{aspect-ratio:1440/1360;object-fit:contain}
.workspace-media{margin:0}
#adb-case-study .case-image-link{border:0;background:transparent;box-shadow:none;padding:0}
.analytics-gallery .workspace-tabs{gap:8px}
.analytics-gallery .workspace-tab{border:1px solid #e5e9ee;border-radius:10px;padding:6px 12px;min-height:32px;background:#fff;color:#001727;line-height:18px}
.analytics-gallery .workspace-tab:hover{background:#f0f2f5}
.analytics-gallery .workspace-tab[aria-selected="true"]{background:#001727;border-color:#001727;color:#fff}
.analytics-gallery .workspace-panel img{aspect-ratio:auto;height:auto;object-fit:contain}
@container(min-width:850px){.workspace-tabs{margin-left:22%}}
@media(max-width:480px){.workspace-tabs{gap:0 14px}}

/* Original-ratio portfolio artwork from the approved ADB Figma presentation. */
.design-system-gallery .workspace-panel img{aspect-ratio:auto;height:auto;object-fit:contain}

/* Case artwork: equal inset from the two dotted page guides; retain original pixels and ratio. */
@media(min-width:901px){#adb-case-study .case-image-link,#sdb-case-study .case-image-link{width:calc(100% - 8px)}}

/* Recorded ADB outcomes reuse the existing case-study metric typography. */
#adb-case-study .case-outcome-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
#adb-case-study .case-outcome-metrics .case-outcome-scale{margin:0}
@media(max-width:480px){#adb-case-study .case-outcome-metrics{gap:16px}}

.introduction>p+p{margin-top:16px}

/* Brew identity uses the supplied original logo alongside the linked company name. */
.introduction .intro-company{display:inline-flex;align-items:center;gap:6px;vertical-align:baseline;white-space:nowrap;color:var(--ink);font:inherit;letter-spacing:inherit;transition:opacity .15s ease}
.introduction .intro-company:hover{opacity:.65}
.introduction .intro-company-logo{display:block;flex:none;width:28px;height:20px;object-fit:contain}

/* Seller Hub phone headings use available line space without editorial rebalancing. */
@media(max-width:600px){#seller-overview,#seller-product{text-wrap:wrap}}

@media(max-width:600px){
 .design-system-gallery .workspace-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:16px;padding-bottom:8px;-webkit-overflow-scrolling:touch}
 .design-system-gallery .workspace-tabs::-webkit-scrollbar{display:none}
 .design-system-gallery .workspace-tab{flex:0 0 auto;white-space:nowrap}
}

/* Inline demo directions follow the editorial text column; controls span the artwork. */
@container(min-width:850px){
 .case-section .sdb-demo-controls>p,.case-section .hpd-controls>p,.case-section .adb-workspace-controls>p,.case-section .adb-analysis-controls>p{margin-left:22%;max-width:640px}
}
.adb-workspace-dialog:modal .adb-workspace-controls>p,.adb-analysis-dialog:modal .adb-analysis-controls>p{margin-left:0;max-width:none}

/* Keep all three demo controls separate on the smallest phone widths. */
@media(max-width:360px){
 body .sdb-demo-controls>div,body .hub-product-demo .hpd-control-buttons{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
 body .sdb-demo-controls button{padding-inline:8px}
}

/* Programmatic focus after touch navigation is not keyboard focus. */
html[data-input-modality="pointer"] a:focus{outline:none}
@media(hover:none){nav a:hover{text-decoration:none}}