:root{--paper:#f3f0ea;--ink:#0c0c0c;--pink:#ff2f7d;--line:rgba(12,12,12,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.section-pad{padding:0 3vw}.site-header{height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,240,234,.92);backdrop-filter:blur(14px);z-index:30}.mini-logo{font-family:'Italiana',serif;font-size:20px;letter-spacing:.02em}.desktop-nav{display:flex;gap:28px;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.desktop-nav a,.section-head a,footer a,.cat-copy a,.feature-copy a{position:relative}.desktop-nav a:after,.section-head a:after,footer a:after,.cat-copy a:after,.feature-copy a:after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--pink);transition:.3s}.desktop-nav a:hover:after,.section-head a:hover:after,footer a:hover:after,.cat-copy a:hover:after,.feature-copy a:hover:after{width:100%}.menu-btn{background:none;border:0;width:34px;height:28px;display:none;position:relative}.menu-btn span{position:absolute;width:22px;height:1px;background:#111;left:6px}.menu-btn span:first-child{top:9px}.menu-btn span:last-child{top:17px}.mobile-menu{position:fixed;inset:0;background:#0b0b0b;color:white;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;font-family:'Italiana',serif;font-size:34px;transform:translateY(-100%);transition:.45s cubic-bezier(.7,0,.2,1)}.mobile-menu.open{transform:translateY(0)}.menu-close{position:absolute;right:24px;top:18px;background:none;border:0;color:white;font-size:42px;font-weight:200}.hero{min-height:780px;display:grid;grid-template-columns:1.03fr 1fr;gap:4vw;align-items:center;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase}.hero h1{font-family:'Italiana',serif;font-size:clamp(96px,10.6vw,208px);line-height:.73;letter-spacing:-.05em;font-weight:400;margin:26px 0 38px}.hero h1 span{display:inline-block}.tagline{font-size:18px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em}.hand-note{font-family:'Nothing You Could Do',cursive;font-size:22px;line-height:1.08;margin:50px 0 0 20%;transform:rotate(-4deg);width:max-content;position:relative}.pink-stroke{position:absolute;width:90px;height:3px;background:var(--pink);left:36px;bottom:-14px;transform:rotate(-8deg)}.hero-image-wrap{height:620px;position:relative}.hero-image{filter:saturate(.55) contrast(1.03)}.issue-rail{position:absolute;right:-37px;top:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:32px 0;writing-mode:vertical-rl;text-transform:uppercase;font-size:10px;letter-spacing:.2em}.obsession-bar{padding:26px 3vw;border-bottom:1px solid var(--line);display:flex;gap:42px;align-items:center}.obsession-title{text-transform:uppercase;font-size:10px;letter-spacing:.14em;white-space:nowrap}.obsession-items{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-family:'Italiana',serif;font-size:20px}.obsession-items i{width:5px;height:5px;background:var(--pink);border-radius:50%}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.category{border-right:1px solid var(--line);overflow:hidden}.category:last-child{border-right:0}.cat-copy{padding:26px 30px 24px;min-height:185px}.cat-copy span,.cat-copy h2{font-family:'Italiana',serif}.cat-copy span{font-size:20px}.cat-copy h2{font-size:31px;font-weight:400;margin:8px 0}.cat-copy p{font-family:'Italiana',serif;font-size:18px;margin:0 0 24px}.cat-copy a,.feature-copy a{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:600}.category img{height:300px;transition:transform .7s ease,filter .5s}.category:hover img{transform:scale(1.035);filter:saturate(.8)}.feature-strip{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;background:#090909;color:white;min-height:430px}.feature-copy{padding:46px 4vw;position:relative}.eyebrow.light{color:#cfcfcf}.feature-copy h2{font-family:'Italiana',serif;font-size:clamp(38px,4vw,70px);line-height:.94;font-weight:400;margin:35px 0 18px}.feature-copy p{max-width:310px;color:#ccc;line-height:1.5;margin:26px 0 34px}.feature-underline{width:150px;height:3px;background:var(--pink);transform:rotate(-5deg);margin-left:30%}.feature-image{overflow:hidden}.feature-image img{transition:transform .7s}.feature-image:hover img{transform:scale(1.04)}.f2{transform:translateY(40px)}.journal{padding-top:90px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.section-head h2{font-family:'Italiana',serif;font-weight:400;font-size:44px;line-height:.9;margin:0}.section-head a{text-transform:uppercase;font-size:11px;letter-spacing:.12em}.journal-grid{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:24px}.journal-card img{height:420px;filter:saturate(.65);transition:.5s}.journal-card:hover img{filter:saturate(.95);transform:translateY(-3px)}.journal-card h3{font-family:'Italiana',serif;font-size:28px;font-weight:400;margin:18px 0 7px;max-width:340px}.journal-card time{font-size:10px;letter-spacing:.1em}.note-section{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding-bottom:110px}.note-collage{height:560px;position:relative;padding-left:8vw}.note-main{filter:grayscale(1);box-shadow:0 16px 34px rgba(0,0,0,.1)}.tape{width:72px;height:28px;background:var(--pink);position:absolute;right:-12px;top:-8px;transform:rotate(43deg);opacity:.9}.note-copy{max-width:470px}.note-copy>p:first-child{font-size:20px;line-height:1.55;letter-spacing:.04em}.note-copy>p:nth-child(2){font-family:'Italiana',serif;font-size:22px}.signature{font-family:'Nothing You Could Do',cursive;font-size:44px;margin-top:28px}.signature span{color:var(--pink)}footer{min-height:110px;border-top:1px solid var(--line);padding:0 3vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em}footer nav{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--pink);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}
@media(max-width:1050px){.desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:60px}.hero-image-wrap{height:520px}.issue-rail{right:-30px}.hero h1{font-size:clamp(84px,17vw,150px)}.category-grid{grid-template-columns:repeat(2,1fr)}.category:nth-child(2){border-right:0}.feature-strip{grid-template-columns:1.4fr 1fr 1fr}.f3{display:none}.journal-grid{grid-template-columns:1fr 1fr}.journal-card:last-child{grid-column:1/-1}.journal-card:last-child img{height:360px}.note-section{grid-template-columns:1fr 1fr;gap:40px}.note-collage{padding-left:0;height:500px}}
@media(max-width:700px){.site-header{height:62px}.mini-logo{font-size:17px}.section-pad{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-top:36px}.hero h1{font-size:23vw;line-height:.78;margin:20px 0 30px}.tagline{font-size:13px}.hand-note{font-size:18px;margin-left:36%;margin-top:36px}.hero-image-wrap{height:430px}.issue-rail{right:-22px;font-size:8px}.obsession-bar{padding:22px 20px;display:block}.obsession-title{display:block;margin-bottom:14px}.obsession-items{font-size:17px;gap:10px}.category-grid{grid-template-columns:1fr}.category{border-right:0;border-bottom:1px solid var(--line)}.cat-copy{min-height:auto;padding:22px 20px}.category img{height:420px}.feature-strip{grid-template-columns:1fr}.feature-copy{padding:48px 20px}.feature-image{height:340px}.f2,.f3{display:none}.journal{padding-top:64px;padding-bottom:70px}.section-head h2{font-size:36px}.journal-grid{grid-template-columns:1fr}.journal-card:last-child{grid-column:auto}.journal-card img,.journal-card:last-child img{height:390px}.note-section{grid-template-columns:1fr;padding-bottom:70px}.note-collage{height:430px}.note-copy>p:first-child{font-size:17px}footer{padding:28px 20px;display:block}footer nav{flex-wrap:wrap;margin-top:20px}.cursor-dot{display:none}}

.journal-card>a{display:block}.fashion-journal-card img,.fashion-journal-card:hover img{filter:none;object-position:center center}.journal-category{font-size:10px;font-weight:600;letter-spacing:.17em;margin:17px 0 0;text-transform:uppercase}.fashion-journal-card h3{line-height:.94;margin:9px 0 12px;max-width:100%}.journal-deck{font-size:14px;line-height:1.5;margin:0 0 13px;max-width:350px}@media(max-width:700px){.fashion-journal-card h3{font-size:clamp(30px,9vw,38px);letter-spacing:-.02em;line-height:.94}.fashion-journal-card img{object-position:center center}.journal-deck{font-size:14px}}

.brand-star{display:inline!important;vertical-align:top;font-size:.34em;color:var(--pink);margin-left:.05em}.signature-star{color:var(--pink);font-size:.65em;vertical-align:top}.text-link{display:inline-block;margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--pink);padding-bottom:4px}
.inner-main,.article-shell{padding:0 3vw 100px}.page-intro{min-height:46vh;padding:90px 0 56px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;gap:5vw}.page-kicker,.article-meta{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.page-title{font-family:'Italiana',serif;font-size:clamp(72px,11vw,190px);line-height:.76;font-weight:400;letter-spacing:-.05em;margin:0}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;padding:80px 0}.about-photo{height:760px;filter:grayscale(1) contrast(1.12);object-position:center}.about-copy{max-width:700px}.about-copy .lede{font-family:'Italiana',serif;font-size:40px;line-height:1.15;margin:0 0 40px}.about-copy p{font-family:'Italiana',serif;font-size:22px;line-height:1.55;margin:0 0 24px}.about-copy .disclosure{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:.04em;border-left:3px solid var(--pink);padding:4px 0 4px 24px;margin:44px 0}.definition{border-top:1px solid var(--line);padding:55px 0 20px;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.definition h2{font-family:'Italiana',serif;font-weight:400;font-size:50px;margin:0}.definition h2 small{font-size:.45em}.definition p{font-family:'Italiana',serif;font-size:28px;line-height:1.4;margin:0;max-width:780px}.still{display:block;margin-top:28px;font-family:'Nothing You Could Do',cursive;font-size:36px;color:var(--pink);transform:rotate(-2deg)}.category-list{padding:70px 0}.empty-state{display:grid;grid-template-columns:1fr 1fr;gap:4vw;border-top:1px solid var(--line);padding:36px 0}.empty-state h2{font-family:'Italiana',serif;font-size:42px;font-weight:400;margin:0}.empty-state p{max-width:520px;line-height:1.7;margin:0}.article-shell{max-width:1440px;margin:auto}.article-head{padding:90px 0 50px;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw}.article-head h1{font-family:'Italiana',serif;font-size:clamp(56px,8vw,126px);line-height:.87;font-weight:400;letter-spacing:-.035em;margin:20px 0}.article-dek{font-family:'Italiana',serif;font-size:28px;line-height:1.35;align-self:end}.article-hero{height:min(75vh,850px)}.article-body{max-width:760px;margin:70px auto;font-family:'Italiana',serif;font-size:23px;line-height:1.65}.template-note{border:1px solid var(--line);padding:22px;font-family:'DM Sans',sans-serif;font-size:12px}
@media(max-width:700px){.inner-main,.article-shell{padding-left:20px;padding-right:20px}.page-intro,.about-layout,.definition,.empty-state,.article-head{grid-template-columns:1fr}.page-intro{min-height:38vh;padding-top:55px}.about-layout{padding-top:45px}.about-photo{height:520px}.about-copy .lede{font-size:31px}.about-copy p{font-size:19px}.definition h2{font-size:42px}.definition p{font-size:23px}.article-head{padding-top:55px}.article-dek{font-size:23px}.article-hero{height:55vh}}

/* Homepage hero: retain the editorial composition while allowing the next
   section to enter the first mobile viewport naturally. */
@media (max-width: 480px) {
  .hero {
    min-height: 0;
    gap: 18px;
    padding-top: 22px;
    padding-bottom: 18px;
  }

  .hero h1 {
    font-size: clamp(76px, 21vw, 92px);
    margin: 14px 0 20px;
  }

  .tagline {
    line-height: 1.32;
  }

  .hand-note {
    margin-top: 20px;
  }

  .hero-image-wrap {
    height: clamp(300px, 86vw, 370px);
  }

  .hero-image {
    object-position: center center;
  }
}

.story-hero figcaption,.story-grid figcaption,.wide-detail figcaption{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:10px}.article-body h2{font-family:'Italiana',serif;font-weight:400;font-size:48px;margin:55px 0 12px}.article-body.compact{margin-top:50px;margin-bottom:50px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 70px}.story-grid figure,.story-hero,.wide-detail{margin:0}.story-grid img{height:560px}.wide-detail{max-width:980px;margin:70px auto}.wide-detail img{height:600px}.editorial-list{list-style:none;padding:0;margin:35px 0}.editorial-list li{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.editorial-list strong{font-family:'Italiana',serif;font-size:24px;font-weight:400}.editorial-list span{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.6}.story-note{background:#0b0b0b;color:white;padding:38px;margin:55px 0}.story-note span,.source-note{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.story-note p{font-size:30px;line-height:1.25;margin:20px 0 0}.source-note{line-height:1.7;color:#666}.article-end{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:700px){.story-grid{grid-template-columns:1fr}.story-grid img{height:430px}.wide-detail img{height:440px}.editorial-list li{grid-template-columns:1fr;gap:8px}.article-body h2{font-size:38px}.story-note p{font-size:24px}}

/* Keep Yana's face framed when the landscape portrait is used in tall layouts. */
.about-photo,.note-main{object-position:35% center}
.category-story{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center}.category-story img{height:620px}.category-story h2{font-family:'Italiana',serif;font-size:55px;font-weight:400;line-height:1;margin:20px 0}.category-story p:not(.page-kicker){font-family:'Italiana',serif;font-size:22px;line-height:1.5;max-width:500px}.category-story span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--pink);padding-bottom:4px}@media(max-width:700px){.category-story{grid-template-columns:1fr}.category-story img{height:500px}.category-story h2{font-size:40px}}

/* Issue 01 — mobile first editorial */
.issue-body{background:#f4f1ea}.issue-menu{border:0;background:none;font:600 10px 'DM Sans',sans-serif;letter-spacing:.15em}.issue-page{overflow:hidden}.issue-hero{padding:48px 20px 70px}.issue-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.issue-hero h1{font:400 clamp(64px,20vw,118px)/.78 'Italiana',serif;letter-spacing:-.055em;margin:30px 0}.issue-hero h1 em{color:var(--pink);font-weight:400}.issue-hero>p{font:22px/1.35 'Italiana',serif;max-width:520px;margin-bottom:36px}.photo-placeholder{border:0;background:linear-gradient(145deg,#d7d1c8,#a7a19a);color:#111;width:100%;height:58vh;min-height:420px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;cursor:zoom-in}.photo-placeholder span{font:27px 'Italiana',serif}.photo-placeholder small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:8px}.hero-placeholder{height:72vh;background:linear-gradient(150deg,#aaa49c 0%,#e4ddd3 45%,#827e78 100%)}.issue-intro{padding:90px 20px;max-width:760px;margin:auto}.issue-intro p{font:30px/1.2 'Italiana',serif;margin:8px 0}.issue-intro p:last-child{margin-top:38px}.issue-chapter{padding:70px 20px}.chapter-no{font:100px/.8 'Italiana',serif;color:var(--pink);margin-bottom:18px}.issue-chapter>h2,.issue-dark h2,.color-report h2,.yana-pick h2{font:400 54px/.95 'Italiana',serif;margin:25px 0 55px}.trend-block{margin:70px 0 110px}.trend-block h3{font:400 40px/1 'Italiana',serif;margin:16px 0}.trend-block p{font:16px/1.6 'DM Sans',sans-serif}.trend-block>div:first-child>span{font-size:10px;letter-spacing:.16em}.swipe-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:35px -20px 0;padding:0 20px 12px}.swipe-gallery .photo-placeholder{flex:0 0 84%;scroll-snap-align:center}.photo-placeholder.tall{height:70vh}.trend-index{border-top:1px solid var(--line);display:flex;flex-direction:column}.trend-index span{font:32px 'Italiana',serif;padding:19px 0;border-bottom:1px solid var(--line)}.issue-dark{background:#0a0a0a;color:#f5f2ec;padding:90px 20px}.section-dek{font:20px/1.5 'Italiana',serif;color:#bbb}.celebrity-grid,.bob-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:45px}.celebrity-grid .photo-placeholder,.bob-grid .photo-placeholder{min-height:0;height:48vh}.celebrity-grid .photo-placeholder:nth-child(3n),.bob-grid .photo-placeholder:first-child{grid-column:1/-1}.word-report{padding:100px 20px;background:var(--pink);color:#080808}.word-report .issue-label{margin-bottom:55px}.word-report div{font:400 clamp(54px,16vw,100px)/.92 'Italiana',serif;letter-spacing:-.04em;border-bottom:1px solid rgba(0,0,0,.28);padding:10px 0}.bob-report{background:#e5e3df}.color-report{padding:90px 20px}.color-cards{display:flex;overflow-x:auto;gap:10px;margin:0 -20px;padding:0 20px;scroll-snap-type:x mandatory}.color-cards button{flex:0 0 82%;height:66vh;border:0;background:var(--swatch);color:white;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;scroll-snap-align:center}.color-cards span{font:35px 'Italiana',serif}.color-cards small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}.no-sponsor{font-size:11px;line-height:1.6;margin-top:35px;max-width:460px}.yana-pick{padding:90px 20px}.yana-pick>div{display:grid;gap:35px}.yana-pick h2{margin-bottom:20px}.yana-pick p{font:20px/1.5 'Italiana',serif}.handwritten{font-family:'Nothing You Could Do',cursive!important;color:var(--pink);transform:rotate(-3deg)}.lightbox{position:fixed;inset:0;background:rgba(5,5,5,.97);color:white;z-index:200;display:none;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox-stage{width:78vw;max-width:1000px}.lightbox-image{height:76vh;background:linear-gradient(145deg,#302e2b,#87827b);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lightbox-image span{font:clamp(30px,6vw,70px) 'Italiana',serif}.lightbox-image small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:12px}.lightbox-count{text-align:center;margin-top:14px;font-size:10px;letter-spacing:.15em}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:none;color:white;font-size:34px}.lightbox-close{right:18px;top:12px}.lightbox-prev{left:12px}.lightbox-next{right:12px}
@media(min-width:800px){.issue-hero{padding:90px 6vw 110px;display:grid;grid-template-columns:1fr .8fr;gap:5vw;align-items:end}.issue-hero .issue-label,.issue-hero h1,.issue-hero>p{grid-column:1}.issue-hero h1{font-size:clamp(100px,11vw,190px)}.hero-placeholder{grid-column:2;grid-row:1/5}.issue-intro{padding:130px 3vw}.issue-intro p{font-size:44px}.issue-chapter,.color-report,.yana-pick{padding:110px 6vw}.issue-chapter>h2,.issue-dark h2,.color-report h2{font-size:82px}.trend-block{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:center}.trend-block.reverse>div:first-child{order:2}.swipe-gallery{margin:0;padding:0}.swipe-gallery .photo-placeholder{flex-basis:46%}.issue-dark{padding:120px 6vw}.celebrity-grid{grid-template-columns:repeat(3,1fr);gap:12px}.celebrity-grid .photo-placeholder:nth-child(3n),.bob-grid .photo-placeholder:first-child{grid-column:auto}.word-report{padding:130px 6vw}.bob-grid{grid-template-columns:repeat(5,1fr)}.bob-grid .photo-placeholder{height:520px}.color-cards button{flex-basis:30%}.yana-pick>div{grid-template-columns:1fr 1fr;align-items:center}.yana-pick .photo-placeholder{height:800px}}
.issue-card-art{height:620px;background:#0a0a0a;color:white;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.issue-card-art span,.issue-card-art small{font-size:10px;letter-spacing:.17em}.issue-card-art strong{font:400 clamp(44px,5vw,78px)/.84 'Italiana',serif}.issue-card-art strong::first-line{color:var(--pink)}@media(max-width:700px){.issue-card-art{height:500px}}
.runway-films{padding:10vw 5vw;background:#e9e4dc;color:#171717}.runway-films-head{display:grid;grid-template-columns:.65fr 1.2fr 1fr;gap:3vw;align-items:start;margin-bottom:5vw}.runway-films-head h2{font-family:'Italiana',serif;font-weight:400;font-size:clamp(2.5rem,5.5vw,6.5rem);line-height:.93;margin:0}.runway-films-head>p:last-child{max-width:28rem;line-height:1.6;margin:.35rem 0 0}.runway-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw 2vw}.runway-film-featured{grid-column:1/-1}.video-frame{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.runway-film-caption{padding:1.25rem 0 0;border-top:1px solid #171717;margin-top:1rem}.runway-film-caption>span,.runway-film-caption small{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.runway-film-caption h3{font-family:'Italiana',serif;font-size:clamp(1.8rem,3vw,3.4rem);font-weight:400;margin:.45rem 0}.runway-film-caption p{max-width:34rem;line-height:1.55;margin:.4rem 0 1rem}@media(max-width:700px){.runway-films{padding:5rem 1.2rem}.runway-films-head{display:block;margin-bottom:3rem}.runway-films-head h2{margin:1rem 0 1.4rem}.runway-film-grid{grid-template-columns:1fr;gap:3.5rem}.runway-film-featured{grid-column:auto}}
.issue-rail{cursor:pointer;transition:color .25s}.issue-rail:hover,.issue-rail:focus-visible{color:var(--pink)}
.runway-film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw 1.4vw}@media(max-width:700px){.runway-film-grid{grid-template-columns:1fr;gap:3.5rem}}
.licensed-hair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:80px}.licensed-hair-grid figure{margin:0}.licensed-hair-grid img{width:100%;height:62vh;min-height:480px;object-fit:cover;filter:saturate(.78) contrast(.98)}.licensed-hair-grid figcaption{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.licensed-hair-grid figcaption span{font:22px 'Italiana',serif}.licensed-hair-grid figcaption small{font-size:8px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;text-align:right}.licensed-hair-grid a{color:inherit;text-underline-offset:3px}@media(max-width:700px){.licensed-hair-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:60px -20px 0;padding:0 20px 15px}.licensed-hair-grid figure{flex:0 0 84%;scroll-snap-align:center}.licensed-hair-grid img{height:64vh;min-height:460px}.licensed-hair-grid figcaption{display:block}.licensed-hair-grid figcaption small{display:block;text-align:left;margin-top:7px}}

/* NOTE TO SELF — homepage editorial entry */
.notes-feature{grid-template-columns:minmax(390px,.9fr) minmax(0,1.35fr);gap:0;min-height:680px;align-items:stretch;cursor:pointer}
.notes-feature:focus-visible{outline:1px solid var(--pink);outline-offset:3px}
.notes-feature-copy{padding:clamp(55px,6vw,92px) clamp(38px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.notes-feature-copy .notes-feature-label{font-size:11px;letter-spacing:.22em;margin:0 0 clamp(38px,4vw,60px)}
.notes-feature-copy h2{font:400 clamp(60px,6vw,96px)/.79 'Italiana',serif;letter-spacing:-.045em;margin:0;color:#fff}
.notes-feature-subtitle{font:italic clamp(25px,2.1vw,34px)/1.15 'Italiana',serif!important;color:#fff!important;margin:30px 0 0!important}
.notes-feature-teaser{font:400 16px/1.55 'DM Sans',sans-serif!important;color:#bdbdbd!important;max-width:430px;margin:clamp(42px,4vw,62px) 0 32px!important}
.notes-feature-cta{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:600;position:relative}
.notes-feature-cta:after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--pink);transition:.3s}
.notes-feature-arrow{display:inline-block;transition:transform .3s ease}
.notes-feature-image{margin:0;min-height:680px;overflow:hidden}
.notes-feature-image img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .3s ease}
@media(hover:hover){.notes-feature:hover .notes-feature-cta:after{width:100%}.notes-feature:hover .notes-feature-arrow{transform:translateX(3px)}.notes-feature:hover .notes-feature-image img{transform:scale(1.02)}}
.archive-story>img{object-fit:cover}
.archive-story+.archive-story{margin-top:90px;padding-top:90px;border-top:1px solid var(--line)}

@media(max-width:1050px){
  .notes-feature{grid-template-columns:minmax(350px,.95fr) minmax(0,1.05fr);min-height:620px}
  .notes-feature-copy{padding:58px 40px}
  .notes-feature-copy h2{font-size:clamp(57px,7vw,76px)}
  .notes-feature-image{min-height:620px}
}

@media(max-width:700px){
  .notes-feature{display:flex;flex-direction:column;min-height:0;padding:58px 20px 62px}
  .notes-feature-copy{display:contents}
  .notes-feature-label{order:1}
  .notes-feature-copy .notes-feature-label{margin:0 0 35px}
  .notes-feature-copy h2{order:2;font-size:clamp(62px,19vw,88px);line-height:.8}
  .notes-feature-subtitle{order:3;font-size:27px!important;margin:27px 0 0!important}
  .notes-feature-image{order:4;width:calc(100% + 40px);height:55vh;min-height:420px;max-height:560px;margin:42px -20px 0}
  .notes-feature-image img{object-position:center center}
  .notes-feature-teaser{order:5;font-size:16px!important;margin:38px 0 28px!important}
  .notes-feature-teaser br{display:none}
  .notes-feature-cta{order:6;align-self:flex-start}
  .archive-story+.archive-story{margin-top:60px;padding-top:60px}
}

/* Shared navigation: section links on desktop, compact menu below 1050px. */
.site-header .desktop-nav{display:flex}
.site-header .menu-btn{display:none}
@media(max-width:1050px){
  .site-header .desktop-nav{display:none}
  .site-header .menu-btn{display:block}
}
.top-back-nav{padding:clamp(28px,3vw,44px) 3vw 0;position:relative;z-index:2}
.inner-main>.top-back-nav{padding-left:0;padding-right:0}
.top-back-nav a{display:inline-flex;align-items:center;min-height:44px;font:500 11px/1.2 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.7;transition:opacity .2s ease}
.top-back-nav a:hover{opacity:1}
.top-back-nav a:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@media(max-width:700px){.top-back-nav{padding:22px 20px 0}.inner-main>.top-back-nav{padding-left:0;padding-right:0}}

/* Shared magazine masthead: sticky, opaque and safe-area aware on every page. */
html{overflow-x:hidden}
body{overflow-x:visible}
@supports(overflow:clip){html{overflow-x:clip}}
.site-header{
  height:calc(72px + env(safe-area-inset-top,0px));
  padding-top:env(safe-area-inset-top,0px);
  position:-webkit-sticky;
  position:sticky;
  top:0;
  width:100%;
  background:var(--paper);
  backdrop-filter:none;
  z-index:80;
}

.mobile-menu{z-index:120}

@media(max-width:700px){
  .site-header{height:calc(62px + env(safe-area-inset-top,0px))}
}

/* Homepage category cards: one accessible link with restrained interaction. */
.category{display:block;cursor:pointer}
.category-image{height:300px;overflow:hidden}
.category .category-image img{height:100%;transition:transform .3s ease}
.cat-copy .category-cta{position:relative;font:600 11px/1.2 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.cat-copy .category-cta:after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--pink);transition:width .3s ease}
.cat-copy .category-arrow{display:inline-block;font:inherit;transition:transform .3s ease}
.category:hover .category-image img,.category:focus-visible .category-image img{transform:scale(1.02);filter:none}
.category:hover .category-arrow,.category:focus-visible .category-arrow{transform:translateX(3px)}
.category:hover .category-cta:after{width:100%}
.category:focus-visible{outline:2px solid var(--pink);outline-offset:-2px}
@media(max-width:700px){.category-image{height:420px}}

/* Keep the wide IKEA hero uncropped in the Interiors archive. */
.archive-story[href$="ikea-furniture-upgrades.html"]>img{
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
}

/* Category archives: a calmer alternating editorial rhythm. */
.archive-story+.archive-story{
  margin-top:clamp(38px,4vw,56px);
  padding-top:clamp(38px,4vw,56px);
}
@media(min-width:701px){
  .category-list{padding:48px 0}
  .category-story:not([href$="ikea-furniture-upgrades.html"]){
    width:100%;
    max-width:1160px;
    margin-inline:auto;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
    gap:clamp(26px,3.2vw,46px);
  }
  .category-story:not([href$="ikea-furniture-upgrades.html"])>img{
    height:clamp(340px,32vw,440px);
  }
  .category-story:not([href$="ikea-furniture-upgrades.html"]) h2{
    font-size:clamp(36px,3.2vw,44px);
  }
  .category-story:not([href$="ikea-furniture-upgrades.html"]) p:not(.page-kicker){
    font-size:18px;
  }
  .category-story:nth-of-type(even):not([href$="ikea-furniture-upgrades.html"]){
    max-width:980px;
    grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
  }
  .category-story:nth-of-type(even):not([href$="ikea-furniture-upgrades.html"])>img{
    height:clamp(300px,27vw,370px);
  }
  .category-story:nth-of-type(even)>img{order:2}
  .category-story:nth-of-type(even)>div{order:1}
}
@media(max-width:700px){
  .category-list{padding:40px 0}
  .category-story:not([href$="ikea-furniture-upgrades.html"])>img{
    height:clamp(300px,88vw,360px);
  }
  .category-story:not([href$="ikea-furniture-upgrades.html"]) h2{font-size:33px}
  .category-story:not([href$="ikea-furniture-upgrades.html"]) p:not(.page-kicker){font-size:17px}
  .archive-story+.archive-story{margin-top:34px;padding-top:34px}
}

/* Shared footer navigation and discreet legal end matter. */
.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.mobile-menu[inert]{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){
  html,html *{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1!important;transform:none!important}
  .cursor-dot{display:none!important}
  .category:hover img,.feature-image:hover img,.journal-card:hover img,
  .notes-feature-image:hover img{transform:none!important}
}
.footer-primary,.footer-legal{display:flex;align-items:center;gap:24px}
.footer-legal{gap:10px;font-size:9px;letter-spacing:.13em;opacity:.58}
.footer-legal a:after{display:none}

/* Homepage cover: one full-width editorial image with live type in its
   intentionally empty left field. */
@media(min-width:1051px){
  .hero.section-pad{
    display:block;
    min-height:clamp(520px,36.65vw,760px);
    overflow:hidden;
    padding:0;
    position:relative;
  }
  .hero-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:clamp(520px,36.65vw,760px);
    padding:clamp(54px,6vw,92px) 0 clamp(48px,5vw,78px) 3vw;
    position:relative;
    width:43%;
    z-index:2;
  }
  .hero h1{
    font-size:clamp(96px,9.2vw,178px);
    margin:24px 0 34px;
  }
  .hero-image-wrap{
    align-items:center;
    display:flex;
    height:100%;
    inset:0;
    position:absolute;
    width:100%;
  }
  .hero-image-wrap picture{display:block;height:100%;width:100%}
  .hero-image{
    filter:saturate(.72);
    object-fit:contain;
    object-position:center center;
  }
  .hand-note{margin-top:36px}
}

@media(max-width:1050px){
  .hero-image-wrap{
    aspect-ratio:2071 / 759;
    height:auto;
  }
  .hero-image{
    filter:saturate(.72);
    height:auto;
    object-fit:contain;
    object-position:center center;
  }
}

/* Keep the cover composition intact on tablets too: live type stays over the
   clean left field, while the complete match photograph remains visible. */
@media(min-width:701px) and (max-width:1050px){
  .hero.section-pad{
    display:block;
    min-height:clamp(430px,55vw,580px);
    overflow:hidden;
    padding:0;
    position:relative;
  }
  .hero-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:clamp(430px,55vw,580px);
    padding:38px 0 34px 3vw;
    position:relative;
    width:44%;
    z-index:2;
  }
  .hero h1{
    font-size:clamp(70px,12.3vw,126px);
    margin:18px 0 24px;
  }
  .hero .tagline{font-size:14px}
  .hero .hand-note{
    font-size:18px;
    margin-left:18%;
    margin-top:26px;
  }
  .hero-image-wrap{
    align-items:center;
    aspect-ratio:auto;
    display:flex;
    height:100%;
    inset:0;
    position:absolute;
    width:100%;
  }
  .hero-image-wrap picture{display:block;height:100%;width:100%}
  .hero-image{
    height:100%;
    width:100%;
  }
}

@media(hover:none),(pointer:coarse){
  .cursor-dot{display:none!important}
}

/* Blend the photograph's paper into the complete cover area between the two
   divider lines, so it reads as one continuous surface rather than a card. */
.hero{background:#f2f2f2}

/* Homepage footnote: keep the portrait personal without letting it dominate. */
@media(min-width:1051px){
  .note-section{
    gap:clamp(70px,7vw,130px);
    grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);
  }
  .note-collage{
    height:clamp(420px,29vw,500px);
    justify-self:end;
    max-width:680px;
    padding-left:4vw;
    width:100%;
  }
}

@media(min-width:701px) and (max-width:1050px){
  .note-collage{height:430px;max-width:560px;justify-self:end}
}

@media(max-width:700px){
  .hero{background:#f1f1ef;padding-bottom:0}
  .hero-image-wrap{aspect-ratio:auto;height:auto}
  .hero-image-wrap picture{display:block;width:100%}
  .hero-image-wrap picture .hero-image{height:auto;width:100%}
  .note-collage{height:360px;max-width:520px;margin:0 auto}
}
.footer-legal a:hover{opacity:1}
.footer-legal a:focus-visible,.footer-primary a:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@media(max-width:700px){
  .footer-links{align-items:flex-start;margin-top:20px;gap:16px}
  footer .footer-primary,footer .footer-legal{margin-top:0}
}

/* Privacy choice: Google Analytics is loaded only after an explicit opt-in. */
.cookie-settings-link{
  appearance:none;
  background:none;
  border:0;
  color:inherit;
  cursor:pointer;
  font:inherit;
  letter-spacing:inherit;
  padding:0;
}
.cookie-settings-link:hover{opacity:1}
.cookie-settings-link:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.cookie-banner[hidden]{display:none}
.cookie-banner{
  align-items:flex-end;
  background:#f3f0ea;
  border:1px solid rgba(17,17,17,.3);
  bottom:20px;
  box-shadow:0 18px 48px rgba(0,0,0,.16);
  color:#111;
  display:grid;
  gap:36px;
  grid-template-columns:minmax(0,1fr) auto;
  left:50%;
  max-width:920px;
  padding:28px 30px;
  position:fixed;
  transform:translateX(-50%);
  width:calc(100% - 40px);
  z-index:10000;
}
.cookie-banner-copy{max-width:620px}
.cookie-eyebrow{
  font:600 10px/1.2 'DM Sans',sans-serif;
  letter-spacing:.2em;
  margin:0 0 10px;
}
.cookie-banner h2{
  font:400 clamp(25px,3vw,38px)/1.05 'Italiana',serif;
  margin:0 0 10px;
}
.cookie-banner-copy>p:last-child{
  font:400 13px/1.55 'DM Sans',sans-serif;
  margin:0;
}
.cookie-banner a{color:inherit;text-underline-offset:3px}
.cookie-actions{display:flex;gap:10px}
.cookie-actions button{
  border:1px solid #111;
  cursor:pointer;
  font:600 10px/1 'DM Sans',sans-serif;
  letter-spacing:.13em;
  min-width:122px;
  padding:15px 18px;
}
.cookie-reject{background:transparent;color:#111}
.cookie-accept{background:#111;color:#fff}
.cookie-actions button:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(max-width:700px){
  .cookie-banner{
    bottom:10px;
    gap:22px;
    grid-template-columns:1fr;
    padding:22px 20px 20px;
    width:calc(100% - 20px);
  }
  .cookie-actions{display:grid;grid-template-columns:1fr 1fr}
  .cookie-actions button{min-width:0;padding:14px 10px}
}
