/*
Theme Name: N-SPORT Wear OS
Theme URI: https://wearoswatchface.com/
Author: N-SPORT
Description: Editorial watch face discovery theme for Wear OS.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: nsport-wearos
*/
:root{--ink:#111a20;--deep:#0b1419;--paper:#f5f5f0;--white:#fff;--mint:#bcf2d9;--muted:#58666a;--line:#dce1dc;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
a:focus-visible,button:focus-visible{outline:3px solid #50b989;outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:30;background:#fff;color:var(--ink);padding:10px 15px}.skip-link:focus{left:8px}
/* Navigation and hero */
.top{color:#fff;background:radial-gradient(circle at 78% 44%,#233b40 0,#132329 31%,var(--deep) 69%);overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #ffffff24;position:relative;z-index:3}
.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:850;letter-spacing:.05em;line-height:1.1;white-space:nowrap}.brandmark{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--mint);border-radius:50%;color:var(--mint);font-size:23px;font-weight:700;font-family:var(--serif);box-shadow:0 0 0 4px #bcf2d920,inset 0 0 0 4px var(--deep)}.brand small{display:block;margin-top:5px;color:#8daaa5;font-size:10px;font-weight:800;letter-spacing:.22em}
.nav{display:flex;align-items:center;gap:30px;color:#d6e4df;font-size:13px;font-weight:650}.nav a:not(.navcta):hover,.foot a:hover{color:var(--mint)}.navcta{padding:11px 18px;border:1px solid #a9dbc6;border-radius:3px;color:var(--mint)}.navcta:hover{background:var(--mint);color:var(--deep)}.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:5%;align-items:center;min-height:660px;padding-top:55px;padding-bottom:72px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--mint);font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px #bcf2d921}.hero h1{max-width:690px;margin:26px 0 24px;font-size:clamp(52px,6.1vw,88px);font-weight:650;line-height:1.025;letter-spacing:-.07em}.hero h1 em,.section-head h2 em,.guide h2 em{font:italic .98em/1 var(--serif);letter-spacing:-.055em;color:var(--mint)}.hero-copy>p{max-width:540px;color:#bacdc9;font-size:18px;line-height:1.65;margin:0 0 31px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:0 21px;border-radius:3px;font-size:13px;font-weight:800;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--mint);color:var(--deep)}.button.primary:hover{background:#dcffe9}.button.secondary{border:1px solid #607e79;color:#e2efea}.button.secondary:hover{background:#ffffff14}.hero-caption{display:flex;gap:16px;align-items:center;margin-top:68px;color:#91aaa6;font-size:10px;font-weight:850;letter-spacing:.16em}.hero-caption span:first-child{color:var(--mint)}.hero-caption:before{content:"";width:42px;height:1px;background:#7a9a90}
.hero-art{position:relative;display:grid;place-items:center;min-width:0;min-height:530px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#62a69820 0,#8ed0af11 46%,transparent 68%);filter:blur(7px)}.hero-arc{position:absolute;border:1px solid #74938a48;border-radius:50%;aspect-ratio:1}.hero-arc--one{width:min(100%,520px)}.hero-arc--two{width:min(85%,440px);border-style:dashed;opacity:.55}.hero-face{position:relative;z-index:1;width:min(72%,385px);aspect-ratio:1;border-radius:50%;padding:7px;background:linear-gradient(145deg,#b8c6bd,#3a4949 24%,#091117 50%,#7f918b 81%,#e4eee2);box-shadow:0 32px 64px #0009,0 0 0 11px #b6d2c814,0 0 0 12px #b6d2c82b}.hero-face img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:50%}.hero-art-label{position:absolute;z-index:2;left:0;bottom:40px;display:flex;flex-direction:column;gap:3px;padding:13px 17px;background:#f8f8f3;color:#52605e;font-size:10px;font-weight:800;letter-spacing:.16em;box-shadow:0 15px 45px #0005}.hero-art-label strong{color:var(--ink);font-size:15px;letter-spacing:.02em}.hero-coordinate{position:absolute;top:45px;right:4px;text-align:right;color:#8ba9a3;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.6}
/* Short value strip */
.trust{background:#e3ede5;border-bottom:1px solid #d1ded5}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;align-items:center;gap:15px;min-height:72px;padding:16px 24px;border-right:1px solid #cbdcd0;color:#243e38;font-size:13px;font-weight:750}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-number{color:#478f72;font-size:11px;font-weight:850;letter-spacing:.08em}
/* Shared section heading */
section.collection,section.editorial{padding-top:102px;padding-bottom:102px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:33px}.section-head .kicker,.guide .kicker{color:#287e5f}.section-head h2,.guide h2{margin:12px 0 0;font-size:clamp(40px,4.6vw,64px);font-weight:680;line-height:1.08;letter-spacing:-.06em}.section-head h2 em{color:#2e8d6b}.section-head p{max-width:450px;margin:0 0 6px;color:var(--muted);font-size:16px;line-height:1.7}
/* Face collection */
.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.filter{padding:9px 16px;border:1px solid #cbd4cd;background:transparent;border-radius:2px;color:#45554f;cursor:pointer;font-size:12px;font-weight:750}.filter:hover{border-color:#558b72}.filter[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{min-width:0;background:#fff;border:1px solid #dde3dc;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #11261e18}.card[hidden]{display:none!important}.card-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:365px;overflow:hidden;background:radial-gradient(circle at 50% 52%,#385150 0,#1a2a2e 48%,#111b21 86%);color:#adcdc1}.card--hybrid .card-visual{background:radial-gradient(circle at 50% 53%,#504846 0,#2c292b 48%,#191c22 86%)}.card--weather .card-visual{background:radial-gradient(circle at 50% 53%,#30536a 0,#1b3345 49%,#11222d 86%)}.card-visual:before{content:"";position:absolute;width:312px;height:312px;border:1px solid #ffffff24;border-radius:50%;pointer-events:none}.card-visual:after{content:"";position:absolute;width:338px;height:338px;border:1px dashed #ffffff18;border-radius:50%;pointer-events:none}.card-index,.card-category,.card-visual-note{position:absolute;z-index:2;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.card-index{top:19px;left:19px}.card-category{top:19px;right:19px}.card-visual-note{bottom:17px;left:19px;color:#a1b9ae}.card-face{position:relative;z-index:1;flex:none;width:clamp(190px,19vw,260px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 20px 45px #0008,0 0 0 5px #d9e5dd24}.card-face img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:50%}.card-body{padding:23px 25px 24px}.card-title{display:flex;align-items:end;justify-content:space-between;gap:10px}.pill{display:inline-block;color:#358061;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.card h3{margin:5px 0 0;font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.04em}.card-arrow{font-size:22px;color:#338365}.card p{min-height:42px;margin:10px 0 19px;color:var(--muted);font-size:14px}.card-body>a{display:flex;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #e7ebe7;color:#174f3b;font-size:12px;font-weight:850;letter-spacing:.02em}.card-body>a:hover{color:#328c68}.collection-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;color:#64736d;font-size:13px}.collection-footer>a{color:#174f3b;font-weight:850}
/* Choice and guides */
.guide{padding:94px 0;background:#e5ebe5}.guide-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.guide h2 em{color:#378768}.guide-copy>p{max-width:520px;margin:22px 0 29px;color:#4f6159;font-size:17px;line-height:1.7}.guide .button.primary{background:var(--ink);color:#fff}.guide .button.primary:hover{background:#315144}.steps{border-top:1px solid #bfcfc3}.step{display:grid;grid-template-columns:51px 1fr;gap:15px;align-items:start;padding:22px 0;border-bottom:1px solid #bfcfc3}.number{font:italic 27px/1 var(--serif);color:#3e9570}.step strong{display:block;margin-bottom:4px;font-size:17px}.step span:last-child{color:#5c6d63;font-size:13px}.editorial .tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tile{display:flex;flex-direction:column;min-height:290px;padding:32px 35px;background:#182a2b;color:white;transition:transform .2s ease}.tile:nth-child(2){background:#2d5548}.tile:hover{transform:translateY(-4px)}.tile small{color:#b4ead1;font-size:10px;font-weight:850;letter-spacing:.17em}.tile h3{max-width:450px;margin:auto 0 28px;font-size:clamp(27px,3vw,39px);font-weight:650;line-height:1.15;letter-spacing:-.05em}.tile p{display:flex;justify-content:space-between;gap:15px;margin:0;padding-top:16px;border-top:1px solid #ffffff38;color:#d5e8dc;font-size:13px}.tile p span{font-size:17px}
/* Interior pages */
.content-page{max-width:860px;margin:auto;padding:75px 24px 105px}.content-page h1{margin:0 0 20px;font-size:clamp(40px,5vw,62px);font-weight:680;letter-spacing:-.06em;line-height:1.08;color:var(--ink)}.content-page h2{margin:42px 0 12px;font-size:30px;letter-spacing:-.04em;line-height:1.2}.content-page h3{margin:30px 0 10px;font-size:22px}.content-page p,.content-page li{color:#455550}.content-page ul,.content-page ol{padding-left:24px}.content-page a{color:#1b6b4e;text-decoration:underline}.content-page .intro{font-size:20px;color:#576963}.content-page blockquote{margin-left:0;padding-left:20px;border-left:3px solid #61a882}.content-page img{height:auto}.content-page .wp-block-button__link{background:var(--ink);color:#fff;text-decoration:none;border-radius:3px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-list article{padding:26px;border:1px solid var(--line);background:#fff}.article-list h2{margin:0 0 10px;font-size:23px}.article-list a{color:#1b6b4e}
.foot{padding:47px 0;background:var(--deep);color:#acbfba;font-size:13px}.foot .wrap{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.foot strong{display:block;margin-bottom:7px;color:#fff;font-size:15px}.foot nav{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1080px){.nav{gap:16px}.hero{min-height:600px}.hero h1{font-size:clamp(50px,6vw,72px)}.card-visual{min-height:320px}.card-visual:before{width:270px;height:270px}.card-visual:after{width:290px;height:290px}.card-face{width:clamp(175px,21vw,225px)}}
@media(max-width:800px){.wrap{width:min(100% - 40px,1280px)}.topbar{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:0}.nav{display:none}.mobile-nav{display:flex;gap:23px;overflow-x:auto;white-space:nowrap;padding:0 0 15px;color:#cfdfd7;font-size:12px;font-weight:700}.hero{grid-template-columns:1fr;gap:10px;padding-top:65px;padding-bottom:68px}.hero-art{min-height:455px}.hero-caption{margin-top:40px}.section-head{display:block}.section-head p{margin-top:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .card:last-child{grid-column:span 2}.grid .card:last-child .card-visual{min-height:330px}.guide-layout{grid-template-columns:1fr;gap:36px}.guide{padding:75px 0}}
@media(max-width:580px){.wrap{width:min(100% - 32px,1280px)}.brand{font-size:14px}.hero{padding-top:52px;padding-bottom:45px}.hero h1{font-size:clamp(47px,12vw,63px)}.hero-copy>p{font-size:16px}.hero-caption{margin-top:33px;font-size:9px}.hero-art{min-height:350px}.hero-face{width:min(68%,260px)}.hero-arc--one{width:min(92%,360px)}.hero-arc--two{width:min(75%,290px)}.hero-coordinate{top:8px;font-size:8px}.hero-art-label{left:0;bottom:8px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{min-height:48px;padding:8px 0;border-right:0;border-bottom:1px solid #cbdcd0}.trust-grid>div:last-child{border:0}section.collection,section.editorial{padding-top:70px;padding-bottom:70px}.section-head h2,.guide h2{font-size:clamp(40px,10vw,54px)}.grid,.editorial .tiles{grid-template-columns:1fr}.grid .card:last-child{grid-column:auto}.card-visual,.grid .card:last-child .card-visual{min-height:335px}.card-face{width:230px}.card-visual:before{width:285px;height:285px}.card-visual:after{width:305px;height:305px}.collection-footer{align-items:start;flex-direction:column}.tile{min-height:265px}.article-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.card,.tile{transition:none}}

.hero-collection-button{border:0;cursor:pointer}