/* =========================================================
   JOHN IAN — SPRINT 1.2
   Navigation · Signature 2.0 · Regent Feature Cards · Collections · Journal Article
   ========================================================= */

/* Frontpage Signature 2.0 */
.ji-signature-live{background:#f3eee5}.ji-signature-live .ji-commerce-heading{align-items:flex-end;margin-bottom:clamp(44px,6vw,82px)}.ji-signature-live .ji-commerce-heading h2{max-width:980px;font-size:clamp(48px,6.4vw,94px);text-wrap:balance}.ji-signature-live .ji-commerce-heading__lead{max-width:620px;font-family:var(--serif);font-size:clamp(18px,1.75vw,25px)}.ji-signature-live .ji-commerce-heading__link{margin-bottom:10px}
.ji-signature-live .ji-commerce-grid--signature{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto auto;gap:clamp(20px,2.6vw,38px)!important;align-items:start}.ji-signature-live .ji-commerce-grid--signature::before,.ji-signature-live .ji-commerce-grid--signature::after{content:none!important;display:none!important}.ji-signature-live .ji-commerce-card{width:auto!important;margin:0!important;min-width:0}.ji-signature-live .ji-commerce-card--featured{grid-column:span 2;grid-row:span 2}.ji-signature-live .ji-commerce-card--featured .ji-commerce-card__media{aspect-ratio:1/1}.ji-signature-live .ji-commerce-card:not(.ji-commerce-card--featured) .ji-commerce-card__media{aspect-ratio:1/1}.ji-signature-live .ji-commerce-card__body{padding-top:18px}.ji-signature-live .ji-commerce-card__meta{display:flex;gap:7px;flex-wrap:wrap}.ji-signature-live .ji-commerce-card__title{font-size:clamp(24px,2.2vw,36px);text-wrap:balance}.ji-signature-live .ji-commerce-card__excerpt{display:none}.ji-signature-live .ji-commerce-card__media{transition:transform .36s ease,box-shadow .36s ease}.ji-signature-live .ji-commerce-card:hover .ji-commerce-card__media{transform:translateY(-4px);box-shadow:0 22px 48px rgba(17,19,15,.1)}

/* The Regent feature-card system */
.ji-feature-cards{padding:clamp(70px,8vw,112px) 0;background:#0d120c}.ji-feature-cards .ji-icons__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.ji-feature-card{position:relative;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:44px 30px!important;border:0!important;border-right:1px solid rgba(255,255,255,.15)!important;transition:background .32s ease}.ji-feature-card:last-child{border-right:0!important}.ji-feature-card:hover{background:rgba(255,255,255,.035)}.ji-feature-card__icon{width:76px;height:76px;display:grid;place-items:center;margin-bottom:28px}.ji-feature-card__icon img{width:68px!important;height:68px!important;margin:0!important;object-fit:contain;transition:filter .32s ease,opacity .32s ease}.ji-feature-card:hover .ji-feature-card__icon img{filter:sepia(.45) saturate(.85) brightness(1.08);opacity:.96}.ji-feature-card h3{max-width:12ch;margin-bottom:14px;font-size:clamp(24px,2vw,31px);line-height:1.05;text-align:center;text-wrap:balance}.ji-feature-card p{max-width:28ch;margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.65;text-align:center}

/* Collections landing */
.ji-collections-hero{padding:clamp(170px,17vw,270px) 0 clamp(90px,10vw,150px);background:#131c11;color:#fff}.ji-collections-hero__inner{max-width:1120px}.ji-collections-hero h1{max-width:980px;font-size:clamp(58px,8.5vw,132px);text-wrap:balance}.ji-collections-hero__inner>p:last-child{max-width:700px;font-family:var(--serif);font-size:clamp(21px,2.3vw,34px);line-height:1.35}.ji-collections-index{background:#e8e0d2}.ji-collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,46px)}.ji-collection-card{min-width:0;background:#f3eee5}.ji-collection-card--featured{grid-column:1/-1}.ji-collection-card__link{display:grid;height:100%}.ji-collection-card--featured .ji-collection-card__link{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);min-height:720px}.ji-collection-card__media{min-height:480px;overflow:hidden;background:#d9d1c4}.ji-collection-card--featured .ji-collection-card__media{min-height:720px}.ji-collection-card__image,.ji-collection-card__placeholder{width:100%;height:100%;display:block;object-fit:cover;transition:transform .72s cubic-bezier(.22,1,.36,1)}.ji-collection-card__placeholder{background:linear-gradient(135deg,#cfc5b6,#ebe4d8)}.ji-collection-card:hover .ji-collection-card__image{transform:scale(1.018)}.ji-collection-card__copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(34px,4vw,62px)}.ji-collection-card__copy h2{font-size:clamp(40px,5vw,76px)}.ji-collection-card:not(.ji-collection-card--featured) .ji-collection-card__copy h2{font-size:clamp(34px,3.8vw,58px)}.ji-collection-card__copy>p:not(.ji-kicker){max-width:46ch;opacity:.7}.ji-collection-card__cta{align-self:flex-start;margin-top:22px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}

/* Journal article */
.ji-article-hero{position:relative;min-height:min(90svh,980px);display:flex;align-items:flex-end;overflow:hidden;background:#0d120c;color:#fff}.ji-article-hero__media,.ji-article-hero__media img{position:absolute;inset:0;width:100%;height:100%}.ji-article-hero__media img{object-fit:cover}.ji-article-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,7,.08),rgba(7,10,7,.28) 48%,rgba(7,10,7,.9))}.ji-article-hero__content{position:relative;z-index:1;padding-top:160px;padding-bottom:clamp(72px,9vw,135px)}.ji-article-hero h1{max-width:1160px;font-size:clamp(54px,8vw,126px);text-wrap:balance}.ji-article-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.78}.ji-article{background:#f3eee5}.ji-article__layout{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);gap:clamp(50px,8vw,130px);align-items:start}.ji-article__rail{position:sticky;top:118px;padding-top:8px;font-size:12px}.ji-article__rail p:last-child{opacity:.62}.ji-article__content{max-width:820px;font-family:var(--serif);font-size:clamp(19px,1.55vw,23px);line-height:1.78}.ji-article__content>p:first-child{font-size:clamp(24px,2.4vw,34px);line-height:1.5}.ji-article__content h2{margin-top:2.2em;font-size:clamp(38px,4vw,62px)}.ji-article__content h3{margin-top:2em;font-size:clamp(28px,3vw,44px)}.ji-article__content blockquote{margin:clamp(70px,9vw,130px) calc(50% - 50vw);padding:clamp(80px,10vw,150px) max(var(--gutter),calc((100vw - var(--shell))/2 + var(--gutter)));background:#131c11;color:#fff;font-size:clamp(38px,6vw,88px);line-height:1.06;text-align:center}.ji-article__content figure{margin:clamp(55px,8vw,110px) 0}.ji-article__content figure.alignwide{width:min(1100px,calc(100vw - 2*var(--gutter)));max-width:none;margin-left:50%;transform:translateX(-50%)}.ji-article__content figure.alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.ji-article__content figcaption{margin-top:10px;font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.58}.ji-journal-related{background:#e8e0d2}

@media(max-width:1100px){.ji-signature-live .ji-commerce-grid--signature{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ji-signature-live .ji-commerce-card--featured{grid-column:1/-1;grid-row:auto}.ji-feature-cards .ji-icons__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ji-feature-card:nth-child(2n){border-right:0!important}.ji-feature-card:last-child{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15)!important}.ji-collection-card--featured .ji-collection-card__link{grid-template-columns:1fr}.ji-collection-card--featured .ji-collection-card__media{min-height:62svh}.ji-article__layout{grid-template-columns:1fr}.ji-article__rail{position:static;display:flex;gap:12px;border-bottom:1px solid rgba(17,19,15,.15);padding-bottom:20px}}
@media(max-width:720px){.ji-signature-live .ji-commerce-heading{display:block}.ji-signature-live .ji-commerce-heading__link{display:inline-block;margin-top:18px}.ji-signature-live .ji-commerce-grid--signature{grid-template-columns:1fr!important;gap:42px!important}.ji-signature-live .ji-commerce-card--featured{grid-column:auto}.ji-feature-cards .ji-icons__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-bottom:0}.ji-feature-card,.ji-feature-card:nth-child(2n),.ji-feature-card:last-child{flex:0 0 82vw;min-height:350px;scroll-snap-align:start;border-right:1px solid rgba(255,255,255,.15)!important;border-top:0!important}.ji-collections-grid{grid-template-columns:1fr}.ji-collection-card--featured{grid-column:auto}.ji-collection-card__media,.ji-collection-card--featured .ji-collection-card__media{min-height:54svh}.ji-collection-card--featured .ji-collection-card__link{min-height:0}.ji-article-hero{min-height:82svh}.ji-article-hero__content{padding-top:125px;padding-bottom:62px}.ji-article__content{font-size:18px}.ji-article__content blockquote{padding-inline:24px}.ji-article__rail{display:none}}
@media(prefers-reduced-motion:reduce){.ji-signature-live .ji-commerce-card__media,.ji-feature-card,.ji-feature-card__icon img,.ji-collection-card__image{transition:none}.ji-signature-live .ji-commerce-card:hover .ji-commerce-card__media,.ji-collection-card:hover .ji-collection-card__image{transform:none}}