﻿/* Homepage only: four full-bleed editorial category entries. */
.home-category-editorial{background:#fafafa;padding:88px 32px 96px;scroll-margin-top:64px}
.home-category-editorial .section-inner{max-width:1760px}
.home-category-editorial .section-heading{max-width:1200px;margin:0 auto 40px;text-align:center}
.home-category-editorial .section-heading .eyebrow{font-size:13px;letter-spacing:.28em;color:#85858b;margin:0 auto 20px;max-width:none;width:100%;text-align:center}
.home-category-editorial .section-heading h2{font-size:clamp(40px,4vw,68px);line-height:1.12;margin:0 0 22px}
.home-category-editorial .section-heading>p:not(.eyebrow){font-size:20px;max-width:none;margin:auto;line-height:1.55;text-wrap:wrap}
@media(min-width:1100px){.home-category-editorial .section-heading>p:not(.eyebrow){white-space:nowrap}}
.home-category-editorial .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-category-editorial .category-card{position:relative;isolation:isolate;min-height:0;padding:0 28px 26px;border-radius:9px;background:#f3f3f5;color:#1d1d1f;box-shadow:none;transition:box-shadow .3s ease}
.home-category-editorial .category-card:hover{transform:none;box-shadow:0 8px 25px rgb(0 0 0 / 6%);color:#1d1d1f}
.home-category-editorial .card-image{position:relative;display:block;flex:none;margin:0 -28px -4px;height:clamp(290px,26vw,450px);min-height:0;background:#e8e8eb;overflow:hidden}
.home-category-editorial .category-card .card-image img[src]{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 68%;mix-blend-mode:normal;filter:none}
.home-category-editorial .card-image::after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:18%;background:linear-gradient(transparent,#f3f3f5);pointer-events:none}
.home-category-editorial .category-card::before{position:absolute;top:24px;left:28px;z-index:4;white-space:pre;font-size:11px;line-height:1.5;letter-spacing:.1em;pointer-events:none}
.home-category-editorial .category-card:first-child::before{content:"FOR\A iPHONE 18";color:#fff}
.home-category-editorial .card-ipad::before{content:"FOR\A iPAD"}
.home-category-editorial .card-desktop::before{content:"FOR\A MAC"}
.home-category-editorial .card-function::before{content:"FOR\A EVERYDAY"}
.home-category-editorial .card-desktop .card-image{background:linear-gradient(125deg,#dfe0e3,#f6f6f7 55%,#e7e7e9)}
.home-category-editorial .category-card.card-desktop .card-image img[src]{object-fit:contain;width:92%;margin:auto;mix-blend-mode:multiply;object-position:center 62%}
.home-category-editorial .category-card h3{position:relative;z-index:4;font-size:clamp(26px,2vw,36px);line-height:1.2;margin:0 0 12px;letter-spacing:-.045em}
.home-category-editorial .category-card p{font-size:16px;line-height:1.6;color:#6e6e73;margin:0 0 24px;min-height:3.2em;text-wrap:pretty}
.home-category-editorial .category-card .mini-link{display:flex;align-items:center;gap:16px;margin-top:auto;min-height:44px;font-size:15px;color:#1d1d1f}
.home-category-editorial .category-card .mini-link::before{content:"→";display:grid;place-items:center;width:37px;height:37px;flex:none;border:1px solid #454549;border-radius:50%;font-size:23px;line-height:1;transition:background .25s,color .25s}
.home-category-editorial .category-card .mini-link::after{content:none}
.home-category-editorial .category-card:hover .mini-link::before{background:#1d1d1f;color:#fff}
.home-category-editorial .category-card:focus-visible{outline:3px solid #0071e3;outline-offset:5px}
@media(max-width:1199px){.home-category-editorial .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-category-editorial .card-image{height:clamp(320px,38vw,450px)}}
@media(max-width:600px){.home-category-editorial{padding:60px 20px}.home-category-editorial .section-heading{margin-bottom:30px}.home-category-editorial .section-heading h2{font-size:36px}.home-category-editorial .section-heading>p:not(.eyebrow){font-size:16px}.home-category-editorial .section-heading .eyebrow{font-size:10px;letter-spacing:.2em}.home-category-editorial .category-grid{grid-template-columns:1fr;gap:24px}.home-category-editorial .card-image{height:100vw;max-height:420px}.home-category-editorial .category-card h3{font-size:30px}.home-category-editorial .category-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.home-category-editorial .category-card,.home-category-editorial .mini-link::before{transition:none}}
