:root { --tns-bg:#f7f7f4; --tns-paper:#fff; --tns-ink:#171717; --tns-charcoal:#252525; --tns-muted:#686763; --tns-stone:#e8e7e2; --tns-stone-dark:#c8c5bd; --tns-blue:#4263eb; --tns-line:rgba(23,23,23,.13); --tns-shell:min(1440px, calc(100% - 80px)); --tns-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --tns-display:Manrope, Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--tns-bg); color:var(--tns-ink); font-family:var(--tns-sans); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
body.tns-modal-open { overflow:hidden; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button, input, textarea, select { font:inherit; }
button { cursor:pointer; }
:focus-visible { outline:3px solid var(--tns-blue); outline-offset:3px; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link:focus { z-index:999; top:8px; left:8px; width:auto; height:auto; padding:10px; margin:0; clip:auto; background:#fff; }
.tns-shell { width:var(--tns-shell); margin:0 auto; }
.tns-kicker { margin:0 0 17px; color:var(--tns-blue); font-size:11px; font-weight:800; letter-spacing:.14em; line-height:1.3; text-transform:uppercase; }
h1, h2, h3, h4, p { margin-top:0; }
h1, h2, h3 { font-family:var(--tns-display); letter-spacing:-.055em; line-height:1.03; }
h1 { margin-bottom:26px; font-size:clamp(46px, 6vw, 98px); font-weight:650; }
h2 { margin-bottom:20px; font-size:clamp(36px, 4vw, 64px); font-weight:650; }
h3 { margin-bottom:10px; font-size:24px; font-weight:650; }
.tns-lead { font-size:clamp(18px, 1.7vw, 24px); line-height:1.45; }
.tns-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:51px; padding:13px 20px; border:1px solid transparent; border-radius:4px; font-size:13px; font-weight:750; line-height:1; letter-spacing:.01em; transition:transform .25s ease, background .25s ease, color .25s ease, border .25s ease; }
.tns-button:hover { transform:translateY(-2px); }
.tns-button svg, .tns-text-link svg, .tns-product-card svg, .tns-compare-link svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.75; }
.tns-button--dark { background:var(--tns-ink); color:#fff; }
.tns-button--dark:hover { background:var(--tns-blue); }
.tns-button--ghost { border-color:var(--tns-ink); color:var(--tns-ink); background:transparent; }
.tns-button--ghost:hover { background:var(--tns-ink); color:#fff; }
.tns-button--light { background:#fff; color:var(--tns-ink); }
.tns-button--outline-light { border-color:rgba(255,255,255,.6); color:#fff; background:transparent; }
.tns-button--outline-light:hover { background:#fff; color:var(--tns-ink); }
.tns-actions { display:flex; flex-wrap:wrap; gap:12px; }
.tns-text-link { display:inline-flex; align-items:center; gap:8px; border:0; padding:0; background:none; color:var(--tns-ink); font-size:13px; font-weight:750; }
.tns-text-link:hover { color:var(--tns-blue); }
.tns-text-link svg { width:18px; height:18px; }
[data-reveal] { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible { opacity:1; transform:none; }

/* Header */
.tns-announcement { display:flex; align-items:center; justify-content:center; min-height:33px; padding:7px 20px; background:var(--tns-ink); color:#fdfdfa; text-align:center; }
.tns-announcement p { margin:0; font-size:11px; font-weight:600; letter-spacing:.02em; }
.tns-announcement__dot { width:5px; height:5px; margin-right:9px; border-radius:50%; background:var(--tns-blue); }
.tns-header { position:relative; z-index:30; border-bottom:1px solid var(--tns-line); background:rgba(247,247,244,.96); transition:box-shadow .25s ease; }
.tns-header.is-stuck { position:sticky; top:0; box-shadow:0 6px 26px rgba(0,0,0,.08); }
.tns-header__inner { display:grid; grid-template-columns:168px 1fr auto; align-items:center; min-height:78px; gap:28px; }
.tns-brand { display:inline-flex; align-items:center; width:max-content; font-family:var(--tns-display); font-size:25px; font-weight:800; letter-spacing:-.1em; line-height:1; }
.tns-brand > span > span { color:var(--tns-blue); }
.tns-brand .custom-logo-link { display:block; }
.tns-brand .custom-logo { width:auto; max-width:150px; max-height:42px; }
.tns-primary-nav { justify-self:center; }
.tns-nav-list { display:flex; align-items:center; gap:18px; padding:0; margin:0; list-style:none; }
.tns-nav-list a { font-size:12px; font-weight:650; white-space:nowrap; transition:color .2s ease; }
.tns-nav-list a:hover, .tns-nav-list .current-menu-item > a { color:var(--tns-blue); }
.tns-header__utilities { display:flex; align-items:center; justify-content:flex-end; gap:13px; }
.tns-header__utilities > a:not(.tns-header__cta), .tns-header__utilities > button, .tns-header__menu { position:relative; display:grid; width:32px; height:32px; place-items:center; padding:0; border:0; background:none; color:var(--tns-ink); }
.tns-header__utilities svg, .tns-header__menu svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.tns-count { position:absolute; top:-2px; right:-2px; display:grid; width:14px; height:14px; place-items:center; border-radius:50%; background:var(--tns-blue); color:#fff; font-size:8px; font-weight:800; }
.tns-header__cta { display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:8px 12px; background:var(--tns-ink); color:#fff; font-size:11px; font-weight:750; transition:background .2s ease; }
.tns-header__cta:hover { background:var(--tns-blue); }
.tns-header__menu, .tns-mobile-support { display:none; }

/* Hero */
.tns-hero { position:relative; display:flex; min-height:min(775px, calc(100svh - 111px)); align-items:center; overflow:hidden; background:#ded8ce; }
.tns-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.tns-hero__wash { position:absolute; inset:0; background:linear-gradient(90deg, rgba(247,247,244,.98) 0%, rgba(247,247,244,.91) 30%, rgba(247,247,244,.27) 58%, rgba(247,247,244,.05) 100%); }
.tns-hero__content { position:relative; z-index:1; width:var(--tns-shell); padding:80px 0 110px; }
.tns-hero h1 { max-width:655px; }
.tns-hero__text { max-width:485px; margin-bottom:32px; font-size:16px; }
.tns-hero__text p { margin-bottom:10px; }
.tns-hero__proof { display:flex; flex-wrap:wrap; gap:0 19px; padding:0; margin:34px 0 0; list-style:none; color:#514f4a; font-size:10px; font-weight:750; letter-spacing:.02em; text-transform:uppercase; }
.tns-hero__proof li { display:flex; align-items:center; gap:6px; }
.tns-hero__proof span { color:var(--tns-blue); font-size:9px; }
.tns-hero__scroll { position:absolute; z-index:1; bottom:26px; left:calc((100% - min(1440px, calc(100% - 80px))) / 2); display:flex; align-items:center; gap:9px; color:#53514c; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.tns-hero__scroll span { display:block; width:42px; height:1px; background:currentColor; }

/* Sections and cards */
.tns-section { padding:120px 0; }
.tns-section--stone { background:var(--tns-stone); }
.tns-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:45px; }
.tns-section-head h2 { max-width:780px; margin-bottom:0; }
.tns-section-head__text { max-width:320px; margin:0; color:var(--tns-muted); font-size:14px; }
.tns-category-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; }
.tns-category-card { position:relative; display:flex; min-height:290px; align-items:flex-end; overflow:hidden; padding:25px; color:#fff; background:#292b31; isolation:isolate; transition:transform .35s ease; }
.tns-category-card::before, .tns-category-card::after { position:absolute; z-index:-1; content:""; transition:transform .5s ease; }
.tns-category-card::before { width:155px; height:220px; right:14%; bottom:-68px; border:13px solid rgba(255,255,255,.72); border-radius:30px; transform:rotate(28deg); }
.tns-category-card::after { width:260px; height:260px; top:-84px; right:-55px; border-radius:50%; background:radial-gradient(circle at 35% 36%, rgba(255,255,255,.47), rgba(255,255,255,.05) 42%, transparent 45%); }
.tns-category-card:hover { transform:translateY(-4px); }
.tns-category-card:hover::before { transform:rotate(19deg) translate(-7px,-10px); }
.tns-category-card--computers { background:#403e3b; }
.tns-category-card--computers::before { width:210px; height:127px; right:8%; bottom:34px; border-width:10px; border-radius:8px; transform:skewY(-9deg); }
.tns-category-card--audio { background:#202d38; }
.tns-category-card--audio::before { width:150px; height:150px; right:18%; bottom:-15px; border:27px solid rgba(255,255,255,.66); border-radius:50%; }
.tns-category-card--wearables { background:#746e64; }
.tns-category-card--wearables::before { width:100px; height:180px; right:23%; bottom:-18px; border:24px solid rgba(255,255,255,.63); border-radius:45px; }
.tns-category-card--smart-home { background:#293435; }
.tns-category-card--smart-home::before { width:165px; height:165px; right:16%; bottom:35px; border-width:18px; border-radius:50%; }
.tns-category-card--accessories { background:#2c2931; }
.tns-category-card--accessories::before { width:245px; height:36px; right:2%; bottom:44px; border:11px solid rgba(255,255,255,.65); border-radius:18px; transform:rotate(-23deg); }
.tns-category-card__number { position:absolute; top:20px; left:24px; color:rgba(255,255,255,.6); font-size:11px; font-weight:750; }
.tns-category-card h3 { margin-bottom:9px; font-size:27px; }
.tns-category-card p { max-width:295px; margin-bottom:18px; color:rgba(255,255,255,.8); font-size:13px; line-height:1.45; }
.tns-category-card div > span { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:750; }
.tns-category-card svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
.tns-product-grid { display:grid; gap:24px; }
.tns-product-grid--four { grid-template-columns:repeat(4, minmax(0,1fr)); }
.tns-product-card { min-width:0; }
.tns-product-card__visual { position:relative; overflow:hidden; aspect-ratio:1 / 1.1; background:#e6e5e0; }
.tns-product-card__visual > a { display:block; height:100%; }
.tns-product-card__visual > a::after { position:absolute; right:13px; bottom:13px; z-index:1; padding:8px 10px; background:rgba(255,255,255,.94); color:var(--tns-ink); content:"View product ↗"; font-size:10px; font-weight:800; opacity:0; transform:translateY(6px); transition:opacity .25s ease, transform .25s ease; }
.tns-product-card:hover .tns-product-card__visual > a::after { opacity:1; transform:none; }
.tns-product-card__visual img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.22,.61,.36,1); }
.tns-product-card:hover img { transform:scale(1.045); }
.tns-product-card__placeholder { display:block; height:100%; background:linear-gradient(135deg, #d6d4ce, #f2f1ed); }
.tns-badge { display:inline-flex; align-items:center; min-height:24px; padding:5px 8px; border-radius:2px; background:#fff; color:var(--tns-ink); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.tns-product-card__visual .tns-badge { position:absolute; top:12px; left:12px; }
.tns-product-card__actions { position:absolute; right:10px; bottom:10px; display:flex; gap:7px; opacity:0; transform:translateY(8px); transition:opacity .25s ease, transform .25s ease; }
.tns-product-card:hover .tns-product-card__actions { opacity:1; transform:none; }
.tns-product-card__actions button { display:grid; min-width:37px; height:37px; place-items:center; border:0; background:#fff; color:var(--tns-ink); font-size:10px; font-weight:750; box-shadow:0 5px 15px rgba(0,0,0,.1); }
.tns-product-card__actions button:hover, .tns-product-card__actions button.is-active { background:var(--tns-blue); color:#fff; }
.tns-product-card__actions svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
.tns-product-card__actions button.is-active svg { fill:currentColor; }
.tns-product-card__content { padding:17px 0 0; }
.tns-product-card__category { margin-bottom:5px; color:var(--tns-muted); font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.tns-product-card h3 { margin-bottom:8px; font-size:20px; letter-spacing:-.04em; }
.tns-product-card h3 a:hover { color:var(--tns-blue); }
.tns-product-card__excerpt { display:-webkit-box; overflow:hidden; margin-bottom:14px; color:var(--tns-muted); font-size:12px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.tns-product-card__bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tns-price { display:flex; align-items:center; gap:7px; color:var(--tns-ink); font-size:15px; font-weight:800; }
.tns-price del { color:#8c8982; font-size:12px; font-weight:600; }
.tns-price ins { color:inherit; text-decoration:none; }
.tns-stock { color:#536b54; font-size:10px; font-weight:750; }

/* Stories */
.tns-story { display:grid; grid-template-columns:minmax(0, 1.06fr) minmax(0, .94fr); min-height:765px; background:var(--tns-charcoal); color:#fff; }
.tns-story__media { overflow:hidden; background:#d9d7d0; }
.tns-story__media img { width:100%; height:100%; object-fit:cover; }
.tns-story__content { align-self:center; max-width:620px; padding:100px clamp(38px, 8vw, 142px); }
.tns-story__content .tns-kicker { color:#9cb0ff; }
.tns-story__content h2 { font-size:clamp(43px, 4.8vw, 78px); }
.tns-story__content > p:not(.tns-kicker) { color:rgba(255,255,255,.76); }
.tns-feature-list { margin:36px 0; border-top:1px solid rgba(255,255,255,.18); }
.tns-feature-list > div { display:grid; grid-template-columns:42px 1fr; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.18); }
.tns-feature-list span { color:#aebcff; font-size:11px; font-weight:800; }
.tns-feature-list h3 { margin-bottom:4px; font-size:15px; letter-spacing:-.02em; }
.tns-feature-list p { grid-column:2; margin:0; color:rgba(255,255,255,.65); font-size:12px; }
.tns-real-life { padding:130px 0; overflow:hidden; background:#f0efea; }
.tns-real-life__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); align-items:center; gap:9vw; }
.tns-real-life__art { position:relative; min-height:540px; overflow:hidden; background:linear-gradient(155deg, #20252b, #5d646c); }
.tns-orb { position:absolute; border-radius:50%; filter:blur(1px); }
.tns-orb--one { top:-90px; left:-80px; width:400px; height:400px; background:radial-gradient(circle at 65% 65%, #8e9bf9, transparent 67%); }
.tns-orb--two { right:-55px; bottom:-110px; width:380px; height:380px; background:radial-gradient(circle at 25% 25%, #c3ae92, transparent 67%); }
.tns-real-life__device { position:absolute; width:230px; height:400px; top:84px; left:42%; border:13px solid #1a1a1a; border-radius:38px; background:linear-gradient(135deg, #d6e2ff, #6e82e8 55%, #181d45); box-shadow:-25px 34px 54px rgba(0,0,0,.35); transform:rotate(18deg); }
.tns-real-life__device::before { position:absolute; top:11px; left:50%; width:70px; height:18px; border-radius:20px; background:#171717; content:""; transform:translateX(-50%); }
.tns-real-life h2 { max-width:500px; }
.tns-real-life p:not(.tns-kicker) { max-width:500px; color:#585751; }
.tns-setup-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--tns-stone-dark); border:1px solid var(--tns-stone-dark); }
.tns-setup-grid article { min-height:385px; padding:30px; background:var(--tns-stone); }
.tns-setup-grid article > span, .tns-why-grid article > span { color:var(--tns-blue); font-size:11px; font-weight:800; letter-spacing:.08em; }
.tns-setup-grid h3 { margin-top:70px; }
.tns-setup-grid p { color:var(--tns-muted); font-size:13px; }
.tns-setup-grid ul { min-height:110px; margin:20px 0; padding:0; list-style:none; color:#4e4c48; font-size:12px; line-height:1.8; }
.tns-setup-grid a { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:800; }
.tns-setup-grid a:hover { color:var(--tns-blue); }
.tns-setup-grid svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
.tns-audio-story { padding:105px 0; overflow:hidden; background:#1b2025; color:#fff; }
.tns-audio-story__grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:8vw; }
.tns-audio-story__grid > div:first-child { max-width:540px; }
.tns-audio-story .tns-kicker { color:#a9bbff; }
.tns-audio-story p:not(.tns-kicker) { color:rgba(255,255,255,.72); }
.tns-audio-story h3 { margin-top:32px; font-size:32px; }
.tns-audio-story__visual { position:relative; min-height:520px; overflow:hidden; background:#293039; }
.tns-audio-story__visual::before { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; background:radial-gradient(circle at 50% 50%, transparent 10%, rgba(0,0,0,.22)); pointer-events:none; }
.tns-audio-story__visual img { width:100%; height:520px; object-fit:cover; filter:saturate(.72) contrast(1.07); }
.tns-dual-story { display:grid; grid-template-columns:1fr 1fr; }
.tns-dual-story article { position:relative; min-height:570px; overflow:hidden; padding:80px max(40px, calc((100vw - 1440px) / 2)); padding-right:clamp(42px, 8vw, 132px); padding-left:clamp(42px, 8vw, 132px); }
.tns-dual-story article > div { position:relative; z-index:2; max-width:390px; }
.tns-dual-story h2 { font-size:clamp(39px, 3.8vw, 61px); }
.tns-dual-story p:not(.tns-kicker) { color:var(--tns-muted); }
.tns-dual-story__wearable { background:#e3e1da; }
.tns-dual-story__home { background:#263035; color:#fff; }
.tns-dual-story__home .tns-kicker { color:#a9b9ff; }
.tns-dual-story__home p:not(.tns-kicker) { color:rgba(255,255,255,.7); }
.tns-dual-story__home .tns-text-link { color:#fff; }
.tns-watch-art { position:absolute; width:218px; height:310px; right:10%; bottom:-73px; border:26px solid #282b2d; border-radius:55px; background:radial-gradient(circle at 35% 25%, #b9c5ff, #5263d1 43%, #16203b 70%); box-shadow:0 24px 35px rgba(0,0,0,.24); transform:rotate(-12deg); }
.tns-watch-art::after { position:absolute; width:67px; height:67px; top:75px; left:50%; border:5px solid rgba(255,255,255,.65); border-radius:50%; content:""; transform:translateX(-50%); }
.tns-home-art { position:absolute; right:7%; bottom:-62px; width:280px; height:240px; border:18px solid #cbc8c0; border-radius:55% 55% 22px 22px; background:linear-gradient(135deg,#474f55,#101416); box-shadow:0 26px 50px rgba(0,0,0,.35); }
.tns-home-art::before { position:absolute; top:31px; left:50%; width:74px; height:74px; border:8px solid #8796ec; border-radius:50%; content:""; transform:translateX(-50%); }
.tns-why { background:#f7f7f4; }
.tns-why-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:35px; }
.tns-why-grid article { padding-top:18px; border-top:1px solid var(--tns-ink); }
.tns-why-grid h3 { margin-top:38px; font-size:25px; }
.tns-why-grid p { color:var(--tns-muted); font-size:13px; }
.tns-phone-compare { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tns-phone-compare article { min-height:310px; padding:28px; background:#f7f7f4; transition:background .25s ease, color .25s ease, transform .25s ease; }
.tns-phone-compare article:hover { background:var(--tns-ink); color:#fff; transform:translateY(-4px); }
.tns-phone-compare__eyebrow { margin-bottom:50px; color:var(--tns-blue); font-size:10px; font-weight:800; letter-spacing:.1em; }
.tns-phone-compare h3 { font-size:31px; }
.tns-phone-compare p:not(.tns-phone-compare__eyebrow) { min-height:64px; color:var(--tns-muted); font-size:13px; }
.tns-phone-compare article:hover p:not(.tns-phone-compare__eyebrow) { color:rgba(255,255,255,.68); }
.tns-phone-compare strong { font-size:16px; }
.tns-promo { padding:118px 0; background:linear-gradient(135deg,#3655de 0%,#17399b 54%,#111c50 100%); color:#fff; text-align:center; }
.tns-promo__inner { max-width:730px; }
.tns-promo .tns-kicker { color:#c7d0ff; }
.tns-promo h2 { font-size:clamp(50px, 6vw, 90px); }
.tns-promo p:not(.tns-kicker) { max-width:460px; margin-right:auto; margin-left:auto; color:rgba(255,255,255,.78); }
.tns-promo .tns-actions { justify-content:center; margin-top:31px; }
.tns-accessories { display:grid; grid-template-columns:.68fr 1.32fr; align-items:center; gap:7vw; }
.tns-accessories > div:first-child { max-width:370px; }
.tns-accessories__products { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.tns-accessories__products .tns-product-card:nth-child(n+3) { display:none; }
.tns-sustainability { padding:130px 0; background:#d9d8d0; }
.tns-sustainability__grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:10vw; }
.tns-sustainability__grid > div:first-child { max-width:510px; }
.tns-sustainability__art { position:relative; min-height:450px; overflow:hidden; background:#4f5950; }
.tns-sustainability__art::before, .tns-sustainability__art::after { position:absolute; width:340px; height:420px; border:1px solid rgba(255,255,255,.38); border-radius:50% 50% 40% 50%; content:""; }
.tns-sustainability__art::before { top:-65px; left:35%; transform:rotate(37deg); }
.tns-sustainability__art::after { right:15%; bottom:-186px; transform:rotate(-34deg); }
.tns-sustainability__art span { position:absolute; z-index:1; bottom:40px; left:37px; color:#fff; font-family:var(--tns-display); font-size:clamp(41px, 5vw, 72px); font-weight:700; letter-spacing:-.08em; line-height:.84; }
.tns-journal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.tns-journal-grid article { min-height:320px; padding:30px; background:#fff; border:1px solid var(--tns-line); }
.tns-journal-grid article:nth-child(2) { background:#dddcd5; }
.tns-journal-grid article:nth-child(3) { background:#20272d; color:#fff; }
.tns-journal-grid article > span { display:block; margin-bottom:65px; color:var(--tns-blue); font-size:10px; font-weight:800; letter-spacing:.1em; }
.tns-journal-grid h3, .tns-journal-grid h2 { font-size:28px; }
.tns-journal-grid p { color:var(--tns-muted); font-size:13px; }
.tns-journal-grid article:nth-child(3) p { color:rgba(255,255,255,.68); }
.tns-journal-grid a { display:inline-flex; align-items:center; gap:7px; margin-top:7px; font-size:12px; font-weight:800; }
.tns-journal-grid a:hover { color:var(--tns-blue); }
.tns-journal-grid svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
.tns-testimonials { padding:120px 0; background:#fff; }
.tns-testimonial-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.tns-testimonial-grid figure { display:flex; min-height:270px; flex-direction:column; justify-content:space-between; margin:0; padding:24px; background:var(--tns-bg); }
.tns-testimonial-grid blockquote { margin:0; font-family:var(--tns-display); font-size:clamp(17px, 1.5vw, 21px); font-weight:600; letter-spacing:-.035em; line-height:1.3; }
.tns-testimonial-grid figcaption { color:var(--tns-muted); font-size:12px; font-weight:700; }

/* Standard pages and shop */
.tns-page-hero, .tns-shop-hero { padding:100px 0 66px; border-bottom:1px solid var(--tns-line); }
.tns-page-hero h1, .tns-shop-hero h1 { max-width:900px; margin-bottom:0; }
.tns-shop-hero p:not(.tns-kicker) { max-width:560px; margin-bottom:0; color:var(--tns-muted); font-size:17px; }
.tns-page-content { padding:90px 0 130px; }
.tns-prose { max-width:770px; }
.tns-prose h2 { margin-top:55px; font-size:43px; }
.tns-prose h3 { margin-top:36px; font-size:25px; }
.tns-prose p, .tns-prose li { color:#4e4d49; font-size:16px; }
.tns-prose .tns-lead { color:var(--tns-ink); }
.tns-prose ul { padding-left:23px; }
.tns-shop { padding:34px 0 115px; }
.tns-shop-controls { display:grid; grid-template-columns:1fr auto; align-items:center; gap:23px; padding-bottom:26px; border-bottom:1px solid var(--tns-line); }
.tns-shop-search { display:flex; max-width:420px; border:1px solid var(--tns-line); background:#fff; }
.tns-shop-search input { width:100%; min-width:0; padding:13px 15px; border:0; outline:0; background:transparent; font-size:13px; }
.tns-shop-search button { display:flex; align-items:center; gap:7px; padding:0 15px; border:0; background:transparent; color:var(--tns-ink); font-size:11px; font-weight:800; }
.tns-shop-search svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; }
.tns-filter-chips { display:flex; flex-wrap:wrap; gap:7px; grid-column:1 / -1; }
.tns-filter-chips a { padding:7px 10px; border:1px solid var(--tns-line); border-radius:30px; background:transparent; font-size:11px; font-weight:750; transition:background .2s ease, color .2s ease; }
.tns-filter-chips a:hover, .tns-filter-chips a.is-active { border-color:var(--tns-ink); background:var(--tns-ink); color:#fff; }
.tns-sort { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:750; }
.tns-sort select { padding:10px 27px 10px 10px; border:1px solid var(--tns-line); border-radius:3px; background:#fff; color:var(--tns-ink); font-size:12px; }
.tns-shop__meta { display:flex; align-items:center; justify-content:space-between; padding:25px 0; }
.tns-shop__meta p { margin:0; color:var(--tns-muted); font-size:12px; }
.tns-shop__meta strong { color:var(--tns-ink); }
.tns-mobile-filter { display:none; border:0; background:none; font-size:12px; font-weight:800; }
.tns-product-grid--archive { grid-template-columns:repeat(4,minmax(0,1fr)); gap:31px 24px; }
.tns-empty-state { padding:110px 20px; text-align:center; }
.tns-empty-state h2 { margin-bottom:13px; }
.tns-empty-state p:not(.tns-kicker) { max-width:430px; margin:0 auto 25px; color:var(--tns-muted); }
.tns-pagination { padding-top:45px; }
.tns-pagination .page-numbers { display:flex; gap:6px; padding:0; list-style:none; }
.tns-pagination a, .tns-pagination span { display:grid; width:35px; height:35px; place-items:center; border:1px solid var(--tns-line); font-size:12px; }
.tns-pagination .current { background:var(--tns-ink); color:#fff; }

/* Product page */
.tns-breadcrumb { display:flex; align-items:center; gap:9px; padding:20px 0; color:var(--tns-muted); font-size:11px; }
.tns-breadcrumb a:hover { color:var(--tns-blue); }
.tns-product-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr); gap:clamp(38px,7vw,110px); padding-bottom:115px; }
.tns-product-gallery__main { aspect-ratio:1/1.02; overflow:hidden; background:var(--tns-stone); }
.tns-product-gallery__main img { width:100%; height:100%; object-fit:cover; }
.tns-product-gallery__thumbs { display:flex; gap:10px; margin-top:10px; }
.tns-product-gallery__thumbs button { width:72px; height:72px; padding:0; overflow:hidden; border:1px solid var(--tns-line); background:var(--tns-stone); }
.tns-product-gallery__thumbs button.is-active { border:2px solid var(--tns-ink); }
.tns-product-gallery__thumbs img { width:100%; height:100%; object-fit:cover; }
.tns-product-detail__content { align-self:start; padding-top:10px; }
.tns-product-detail__topline { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.tns-product-detail__topline p { margin:0; color:var(--tns-muted); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.tns-product-detail h1 { margin:17px 0 12px; font-size:clamp(43px,4vw,66px); }
.tns-product-detail__intro { max-width:530px; margin-bottom:24px; color:var(--tns-muted); font-size:16px; }
.tns-product-detail .tns-price { margin-bottom:11px; font-size:26px; }
.tns-stock--detail { display:flex; align-items:center; gap:7px; margin-bottom:31px; }
.tns-stock--detail svg, .tns-purchase-benefits svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; }
.tns-option-group { padding:19px 0; border-top:1px solid var(--tns-line); }
.tns-option-group > strong { display:block; margin-bottom:12px; font-size:12px; }
.tns-swatches, .tns-selects { display:flex; gap:8px; }
.tns-swatches button { min-height:34px; padding:7px 11px; border:1px solid var(--tns-line); background:#fff; font-size:12px; }
.tns-swatches button.is-selected { border-color:var(--tns-ink); background:var(--tns-ink); color:#fff; }
.tns-selects label { display:grid; gap:6px; color:var(--tns-muted); font-size:11px; }
.tns-selects select { min-width:125px; padding:8px; border:1px solid var(--tns-line); background:#fff; color:var(--tns-ink); font-size:12px; }
.tns-purchase-actions { display:grid; grid-template-columns:auto 1fr auto; gap:9px; margin:4px 0 16px; }
.tns-quantity { display:flex; align-items:center; height:51px; border:1px solid var(--tns-line); background:#fff; }
.tns-quantity button { display:grid; width:34px; height:100%; place-items:center; border:0; background:transparent; font-size:19px; }
.tns-quantity output { min-width:22px; text-align:center; font-size:13px; font-weight:750; }
.tns-icon-button { display:grid; width:51px; height:51px; place-items:center; border:1px solid var(--tns-ink); background:transparent; color:var(--tns-ink); }
.tns-icon-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.tns-icon-button.is-active { background:var(--tns-ink); color:#fff; }
.tns-icon-button.is-active svg { fill:currentColor; }
.tns-compare-link { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:none; color:#4f4d49; font-size:12px; font-weight:750; }
.tns-compare-link:hover { color:var(--tns-blue); }
.tns-purchase-benefits { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:30px; padding:20px 0; border-top:1px solid var(--tns-line); border-bottom:1px solid var(--tns-line); }
.tns-purchase-benefits > div { display:flex; align-items:flex-start; gap:8px; color:var(--tns-blue); }
.tns-purchase-benefits span { color:var(--tns-muted); font-size:11px; line-height:1.4; }
.tns-purchase-benefits strong { display:block; color:var(--tns-ink); font-size:11px; }
.tns-sku { margin:15px 0 0; color:var(--tns-muted); font-size:10px; }
.tns-product-story { padding:120px 0; background:#e9e8e2; }
.tns-product-story__grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:10vw; }
.tns-product-story__grid > div:first-child { max-width:550px; }
.tns-product-story__art { position:relative; min-height:430px; overflow:hidden; background:linear-gradient(140deg,#232730,#565e72); }
.tns-product-story__art span { position:absolute; width:220px; height:360px; top:35px; left:50%; border:16px solid #18191c; border-radius:35px; background:radial-gradient(circle at 40% 25%,#adbbf8,#6374e2 42%,#2a346f 75%); box-shadow:0 28px 40px rgba(0,0,0,.33); transform:translateX(-50%) rotate(-13deg); }
.tns-product-features { display:grid; grid-template-columns:repeat(4,1fr); gap:23px; }
.tns-product-features article { padding-top:16px; border-top:1px solid var(--tns-ink); }
.tns-product-features span { color:var(--tns-blue); font-size:11px; font-weight:800; }
.tns-product-features h3 { margin-top:35px; font-size:22px; }
.tns-product-features p { color:var(--tns-muted); font-size:13px; }
.tns-specs { display:grid; grid-template-columns:.75fr 1.25fr; gap:10vw; }
.tns-specs > div { max-width:390px; }
.tns-specs dl { margin:0; }
.tns-specs dl > div { display:grid; grid-template-columns:.72fr 1.28fr; padding:13px 0; border-bottom:1px solid rgba(23,23,23,.15); }
.tns-specs dt { color:var(--tns-muted); font-size:12px; }
.tns-specs dd { margin:0; font-size:13px; font-weight:650; }
.tns-product-faq { display:grid; grid-template-columns:.75fr 1.25fr; gap:10vw; }
.tns-product-faq > div:first-child { max-width:350px; }
.tns-product-faq details { padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid var(--tns-line); }
.tns-product-faq summary { cursor:pointer; font-family:var(--tns-display); font-size:20px; font-weight:700; letter-spacing:-.035em; }
.tns-product-faq p { max-width:600px; margin:12px 0 0; color:var(--tns-muted); font-size:13px; }

/* Forms, footer, widgets */
.tns-contact-form { margin-top:35px; }
.tns-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.tns-contact-form label { display:grid; gap:7px; margin-bottom:16px; color:var(--tns-ink); font-size:12px; font-weight:750; }
.tns-contact-form input, .tns-contact-form textarea, .tns-contact-form select { width:100%; padding:13px 14px; border:1px solid var(--tns-line); border-radius:2px; outline:none; background:#fff; color:var(--tns-ink); font-size:14px; font-weight:400; }
.tns-contact-form textarea { resize:vertical; }
.tns-contact-form input:focus, .tns-contact-form textarea:focus, .tns-contact-form select:focus { border-color:var(--tns-blue); box-shadow:0 0 0 2px rgba(66,99,235,.12); }
.tns-form-help { margin-top:15px; color:var(--tns-muted); font-size:12px; }
.tns-form-help a { color:var(--tns-blue); }
.tns-hp { position:absolute !important; left:-9999px !important; overflow:hidden !important; width:1px !important; height:1px !important; }
.tns-form-notice { padding:13px 15px; border-left:3px solid; font-size:13px; }
.tns-form-notice--success { border-color:#417b4c; background:#e7f2e8; color:#285630; }
.tns-form-notice--error { border-color:#b75151; background:#fbe9e9; color:#863b3b; }
.tns-newsletter { padding:80px 0; background:#deddd6; }
.tns-newsletter__inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:10vw; }
.tns-newsletter h2 { max-width:570px; margin-bottom:12px; font-size:clamp(34px,3.5vw,55px); }
.tns-newsletter p:not(.tns-kicker) { max-width:520px; color:var(--tns-muted); font-size:14px; }
.tns-newsletter__status { margin-bottom:12px !important; color:var(--tns-ink) !important; font-size:12px !important; font-weight:700; }
.tns-newsletter-form { display:flex; border-bottom:1px solid var(--tns-ink); }
.tns-newsletter-form input { width:100%; min-width:0; padding:14px 0; border:0; outline:0; background:transparent; color:var(--tns-ink); font-size:14px; }
.tns-newsletter-form .tns-button { flex-shrink:0; min-height:42px; padding:10px 14px; border-radius:0; }
.tns-newsletter__legal { margin-top:9px; font-size:10px !important; }
.tns-footer { padding-top:72px; background:var(--tns-ink); color:#fff; }
.tns-footer__grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.25fr; gap:45px; padding-bottom:62px; }
.tns-footer .tns-brand { color:#fff; }
.tns-footer__brand > p { max-width:295px; color:rgba(255,255,255,.57); font-size:12px; }
.tns-footer__brand .tns-footer__tagline { margin-top:21px; color:#fff; font-size:15px; font-weight:650; }
.tns-footer h3 { margin:3px 0 17px; color:rgba(255,255,255,.5); font-size:11px; letter-spacing:.09em; text-transform:uppercase; }
.tns-footer ul { padding:0; margin:0; list-style:none; }
.tns-footer li { margin:0 0 9px; }
.tns-footer li a { color:rgba(255,255,255,.82); font-size:12px; }
.tns-footer li a:hover, .tns-socials a:hover { color:#9fb0ff; }
.tns-socials { display:flex; flex-wrap:wrap; gap:7px 15px; margin-top:21px; }
.tns-socials a { color:rgba(255,255,255,.56); font-size:11px; }
.tns-footer__contact li a { color:#fff; }
.tns-footer__bottom { display:flex; justify-content:space-between; gap:40px; padding:17px 0; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.46); font-size:10px; }
.tns-footer__bottom p { margin:0; }
.tns-footer__bottom p:last-child { max-width:510px; text-align:right; }
.tns-whatsapp { position:fixed; z-index:25; right:22px; bottom:18px; display:flex; align-items:center; gap:8px; padding:10px 13px; border-radius:50px; background:#2d9a57; color:#fff; box-shadow:0 9px 25px rgba(0,0,0,.2); font-size:12px; font-weight:800; transition:transform .2s ease; }
.tns-whatsapp:hover { transform:translateY(-3px); }
.tns-whatsapp span { font-weight:500; }
.tns-whatsapp b { font-size:15px; }

/* Drawers and comparison */
.tns-overlay { position:fixed; z-index:80; inset:0; visibility:hidden; background:rgba(17,17,17,.43); opacity:0; transition:opacity .25s ease, visibility .25s ease; }
.tns-overlay.is-open { visibility:visible; opacity:1; }
.tns-drawer { position:fixed; z-index:90; top:0; right:0; display:flex; width:min(420px,100%); height:100svh; flex-direction:column; padding:23px; transform:translateX(100%); background:#f7f7f4; box-shadow:-12px 0 36px rgba(0,0,0,.14); transition:transform .3s cubic-bezier(.22,.61,.36,1); }
.tns-drawer.is-open { transform:none; }
.tns-drawer__head { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--tns-line); }
.tns-drawer__head h2 { margin:0; font-size:27px; }
.tns-drawer__head button, .tns-dialog-close { display:grid; width:33px; height:33px; place-items:center; padding:0; border:0; background:transparent; }
.tns-drawer__head svg, .tns-dialog-close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.tns-drawer [data-wishlist-items], .tns-drawer [data-cart-items] { flex:1; overflow:auto; padding:12px 0; }
.tns-drawer__empty { max-width:240px; margin:28px auto; color:var(--tns-muted); text-align:center; font-size:14px; }
.tns-drawer-item { display:grid; grid-template-columns:68px 1fr auto; gap:10px; align-items:center; padding:9px 0; border-bottom:1px solid var(--tns-line); }
.tns-drawer-item img { width:68px; height:68px; object-fit:cover; background:var(--tns-stone); }
.tns-drawer-item strong { display:block; font-size:13px; }
.tns-drawer-item span { color:var(--tns-muted); font-size:12px; }
.tns-drawer-item button { align-self:start; border:0; background:none; color:var(--tns-muted); font-size:11px; }
.tns-compare-tray { position:fixed; z-index:40; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; gap:24px; min-height:82px; padding:12px 28px; background:#141414; color:#fff; box-shadow:0 -4px 17px rgba(0,0,0,.16); }
.tns-compare-tray[hidden] { display:none !important; }
.tns-compare-tray > div:first-child { min-width:140px; }
.tns-compare-tray span { display:block; margin-bottom:2px; color:#9aa9ff; font-size:9px; font-weight:800; letter-spacing:.13em; }
.tns-compare-tray strong { font-size:12px; }
.tns-compare-tray [data-compare-slots] { display:flex; gap:7px; }
.tns-compare-slot { display:flex; width:43px; height:43px; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.06); color:rgba(255,255,255,.48); font-size:18px; }
.tns-compare-slot img { width:100%; height:100%; object-fit:cover; }
.tns-compare-tray .tns-button { min-height:37px; padding:9px 12px; font-size:11px; }
.tns-compare-clear { border:0; background:transparent; color:rgba(255,255,255,.65); font-size:11px; text-decoration:underline; }
.tns-compare-dialog { width:min(1050px, calc(100% - 32px)); max-height:calc(100vh - 60px); overflow:auto; padding:45px; border:0; background:var(--tns-bg); color:var(--tns-ink); box-shadow:0 18px 60px rgba(0,0,0,.37); }
.tns-compare-dialog::backdrop { background:rgba(0,0,0,.5); }
.tns-compare-dialog h2 { margin-bottom:35px; }
.tns-dialog-close { position:absolute; top:20px; right:20px; }
.tns-compare-table { overflow-x:auto; }
.tns-compare-table table { width:100%; min-width:640px; border-collapse:collapse; }
.tns-compare-table th, .tns-compare-table td { padding:15px; border-bottom:1px solid var(--tns-line); text-align:left; vertical-align:top; font-size:13px; }
.tns-compare-table thead th { width:25%; font-family:var(--tns-display); font-size:20px; letter-spacing:-.03em; }
.tns-compare-table tbody th { width:18%; color:var(--tns-muted); font-size:11px; font-weight:700; text-transform:uppercase; }
.tns-compare-table img { width:100%; aspect-ratio:1; margin-bottom:10px; object-fit:cover; }

@media (max-width: 1180px) { .tns-header__inner { grid-template-columns:128px 1fr auto; gap:18px; } .tns-nav-list { gap:12px; } .tns-nav-list a { font-size:11px; } .tns-header__cta { display:none; } .tns-category-grid { grid-template-columns:repeat(2,1fr); } .tns-story__content { padding-right:60px; padding-left:60px; } .tns-section { padding:95px 0; } .tns-footer__grid { gap:29px; } }
@media (max-width: 900px) { :root { --tns-shell:min(100% - 40px, 1440px); } .tns-header__inner { grid-template-columns:auto 1fr auto; min-height:68px; } .tns-header__menu { display:grid; } .tns-primary-nav { position:fixed; z-index:91; top:0; bottom:0; left:0; display:flex; width:min(350px,86vw); flex-direction:column; align-items:stretch; justify-content:space-between; padding:95px 25px 28px; transform:translateX(-105%); background:#f7f7f4; box-shadow:10px 0 35px rgba(0,0,0,.13); transition:transform .3s ease; } .tns-primary-nav.is-open { transform:none; } .tns-nav-list { flex-direction:column; align-items:flex-start; gap:0; } .tns-nav-list li { width:100%; border-bottom:1px solid var(--tns-line); } .tns-nav-list a { display:block; padding:14px 0; font-size:18px; } .tns-mobile-support { display:flex; align-items:center; justify-content:space-between; padding-top:20px; border-top:1px solid var(--tns-line); color:var(--tns-blue); font-size:13px; font-weight:750; } .tns-mobile-support svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; } .tns-header__utilities { gap:8px; } .tns-header__utilities > a:first-child { display:none; } .tns-hero { min-height:680px; } .tns-hero__wash { background:linear-gradient(90deg,rgba(247,247,244,.98) 0%,rgba(247,247,244,.88) 53%,rgba(247,247,244,.2) 100%); } .tns-hero__content { padding:80px 0 110px; } .tns-product-grid--four, .tns-product-grid--archive { grid-template-columns:repeat(2,1fr); } .tns-story { grid-template-columns:1fr; } .tns-story__media { min-height:480px; grid-row:2; } .tns-story__content { max-width:none; padding:80px 8vw; } .tns-real-life__grid, .tns-audio-story__grid, .tns-sustainability__grid, .tns-product-story__grid, .tns-specs, .tns-product-faq { grid-template-columns:1fr; gap:50px; } .tns-real-life__art { min-height:420px; } .tns-setup-grid, .tns-why-grid { grid-template-columns:repeat(2,1fr); } .tns-audio-story__visual { min-height:430px; } .tns-dual-story article { min-height:500px; padding:62px 45px; } .tns-testimonial-grid { grid-template-columns:repeat(2,1fr); } .tns-footer__grid { grid-template-columns:1.6fr 1fr 1fr; } .tns-footer__brand { grid-column:1 / -1; } .tns-product-detail { grid-template-columns:1fr; gap:38px; } .tns-product-detail__content { padding-top:0; } .tns-product-features { grid-template-columns:repeat(2,1fr); } .tns-shop-controls { grid-template-columns:1fr; } .tns-sort { grid-row:1; justify-self:end; } .tns-shop-search { grid-row:1; } .tns-accessories { grid-template-columns:1fr; } .tns-accessories > div:first-child { max-width:500px; } }
@media (max-width: 600px) { :root { --tns-shell:calc(100% - 32px); } body { font-size:15px; } .tns-announcement { min-height:31px; padding:6px 12px; } .tns-announcement p { font-size:9px; } .tns-header__inner { min-height:61px; } .tns-brand { font-size:23px; } .tns-header__utilities > button { width:28px; height:28px; } .tns-header__utilities svg { width:18px; height:18px; } .tns-header__utilities > button[data-cart-trigger] { display:none; } .tns-hero { min-height:660px; align-items:flex-end; } .tns-hero__image { object-position:63% center; } .tns-hero__wash { background:linear-gradient(0deg,rgba(247,247,244,.99) 0%,rgba(247,247,244,.91) 46%,rgba(247,247,244,.15) 88%); } .tns-hero__content { padding:80px 0 65px; } .tns-hero h1 { max-width:390px; font-size:50px; } .tns-hero__text { max-width:415px; margin-bottom:25px; font-size:14px; } .tns-hero__proof { gap:7px 12px; margin-top:24px; font-size:9px; } .tns-hero__scroll { display:none; } .tns-actions .tns-button { width:100%; } .tns-section, .tns-testimonials { padding:75px 0; } .tns-section-head { display:block; margin-bottom:30px; } .tns-section-head .tns-text-link { margin-top:19px; } .tns-section-head__text { margin-top:15px; } h2 { font-size:39px; } .tns-category-grid, .tns-product-grid--four, .tns-product-grid--archive, .tns-setup-grid, .tns-why-grid, .tns-phone-compare, .tns-journal-grid, .tns-testimonial-grid { grid-template-columns:1fr; } .tns-category-card { min-height:240px; } .tns-product-grid { gap:25px; } .tns-product-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 14px; } .tns-product-card__visual { aspect-ratio:1/1.13; } .tns-product-card__visual > a::after { display:none; } .tns-product-card h3 { font-size:17px; } .tns-product-card__excerpt { display:none; } .tns-product-card__content { padding-top:11px; } .tns-product-card__bottom { display:block; } .tns-stock { display:block; margin-top:3px; } .tns-product-card__actions { opacity:1; transform:none; } .tns-product-card__actions button:last-child { display:none; } .tns-story__content { padding:68px 8vw; } .tns-story__media { min-height:330px; } .tns-feature-list { margin:27px 0; } .tns-real-life { padding:75px 0; } .tns-real-life__grid { gap:34px; } .tns-real-life__art { min-height:290px; } .tns-real-life__device { top:30px; width:145px; height:255px; border-width:9px; border-radius:26px; } .tns-setup-grid article { min-height:auto; padding:26px; } .tns-setup-grid h3 { margin-top:52px; } .tns-setup-grid ul { min-height:0; } .tns-audio-story { padding:70px 0; } .tns-audio-story__visual, .tns-audio-story__visual img { min-height:330px; height:330px; } .tns-dual-story { grid-template-columns:1fr; } .tns-dual-story article { min-height:420px; padding:52px 30px; } .tns-watch-art { width:150px; height:220px; border-width:18px; } .tns-home-art { width:190px; height:170px; } .tns-home-art::before { width:50px; height:50px; } .tns-why-grid { gap:0; border:1px solid var(--tns-line); } .tns-why-grid article { padding:24px; border:0; border-bottom:1px solid var(--tns-line); } .tns-why-grid h3 { margin-top:27px; } .tns-phone-compare { gap:9px; } .tns-phone-compare article { min-height:0; } .tns-phone-compare__eyebrow { margin-bottom:27px; } .tns-phone-compare p:not(.tns-phone-compare__eyebrow) { min-height:0; } .tns-promo { padding:74px 0; text-align:left; } .tns-promo .tns-actions { justify-content:flex-start; } .tns-accessories__products { gap:14px; } .tns-sustainability { padding:75px 0; } .tns-sustainability__art { min-height:265px; } .tns-sustainability__art span { bottom:25px; left:22px; font-size:48px; } .tns-journal-grid article { min-height:245px; } .tns-journal-grid article > span { margin-bottom:38px; } .tns-testimonial-grid figure { min-height:195px; } .tns-newsletter { padding:65px 0; } .tns-newsletter__inner { grid-template-columns:1fr; gap:26px; } .tns-newsletter-form { display:grid; border:0; gap:9px; } .tns-newsletter-form input { border-bottom:1px solid var(--tns-ink); } .tns-newsletter-form .tns-button { width:100%; } .tns-footer { padding-top:53px; } .tns-footer__grid { grid-template-columns:1fr 1fr; gap:34px 20px; padding-bottom:45px; } .tns-footer__brand { grid-column:1 / -1; } .tns-footer__bottom { display:block; } .tns-footer__bottom p:last-child { margin-top:8px; text-align:left; } .tns-whatsapp { right:12px; bottom:11px; } .tns-whatsapp span { display:none; } .tns-compare-tray { justify-content:space-between; gap:7px; min-height:65px; padding:8px 14px; } .tns-compare-tray > div:first-child { min-width:105px; } .tns-compare-tray [data-compare-slots] { display:none; } .tns-compare-clear { display:none; } .tns-compare-dialog { width:calc(100% - 20px); max-height:calc(100vh - 20px); padding:32px 17px; } .tns-compare-dialog h2 { font-size:34px; } .tns-page-hero, .tns-shop-hero { padding:65px 0 45px; } .tns-page-content { padding:62px 0 85px; } .tns-prose h2 { font-size:34px; } .tns-shop { padding-bottom:75px; } .tns-shop-controls { display:block; } .tns-shop-search { max-width:none; margin-bottom:15px; } .tns-sort { justify-content:space-between; margin-top:17px; } .tns-sort select { flex:1; } .tns-shop__meta { padding:18px 0; } .tns-mobile-filter { display:block; } .tns-product-detail { padding-bottom:70px; } .tns-breadcrumb { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .tns-product-detail h1 { font-size:46px; } .tns-purchase-actions { grid-template-columns:auto 1fr auto; } .tns-purchase-actions .tns-button { min-width:0; padding:10px; } .tns-purchase-actions .tns-button svg { display:none; } .tns-purchase-benefits { grid-template-columns:1fr; gap:10px; } .tns-product-story { padding:75px 0; } .tns-product-story__art { min-height:280px; } .tns-product-story__art span { width:150px; height:250px; border-width:10px; } .tns-product-features { grid-template-columns:1fr; } .tns-specs dl > div { grid-template-columns:.8fr 1.2fr; } .tns-product-faq { gap:20px; } .tns-contact-form { margin-top:25px; } .tns-form-grid { grid-template-columns:1fr; gap:0; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } [data-reveal] { opacity:1; transform:none; } }