/* OMKD | One More Kiss Dear — onemorekissdear.com */
:root{
  --bg:#0A0908; --panel:#141210; --ink:#F4F2F0; --gold:#D6A85A; --muted:#A8A39C; --soft:#D9D4CE;
  --line:rgba(244,242,240,0.14); --line-soft:rgba(244,242,240,0.1); --gold-line:rgba(214,168,90,0.22);
  --gold-fill:rgba(214,168,90,0.16); --gold-fill-hover:rgba(214,168,90,0.28); --err:#E8B4A6;
  --serif:'Cormorant Garamond',Georgia,serif; --body:Lora,Georgia,serif; --sans:'Gill Sans','Gill Sans MT',Cabin,sans-serif;
  --gutter:clamp(18px,4vw,48px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body{font-family:var(--body);min-height:100vh}
img{max-width:100%}
a{color:var(--gold)}
a:hover{color:var(--ink)}
::selection{background:var(--gold);color:var(--bg)}
::placeholder{color:rgba(244,242,240,0.34)}
:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:300;padding:10px 16px;background:var(--gold);color:var(--bg);font-size:13px;text-decoration:none}
.skip:focus{top:12px;color:var(--bg)}
em{font-style:italic}
.gold{color:var(--gold)}

/* ---------- type ---------- */
.eyebrow{margin:0;font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold)}
.kicker{font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--muted)}
.display{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-0.01em}
.display em{color:var(--gold)}
.lede{margin:0;font-family:var(--serif);font-style:italic;line-height:1.4;color:var(--soft);text-wrap:balance}
.body-muted{margin:0;font-size:16px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.rule{display:block;width:56px;height:1px;background:var(--gold)}
.center{text-align:center;display:flex;flex-direction:column;align-items:center}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;background:transparent;color:var(--ink);border:1px solid rgba(244,242,240,0.3);font-family:var(--body);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn:hover{border-color:var(--gold);color:var(--ink)}
.btn-gold{background:var(--gold-fill);border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-fill-hover)}
.ext{flex:none}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,9,8,0.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gold-line)}
.hdr-wide{max-width:1440px;margin:0 auto;height:88px;padding:0 clamp(24px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px}
.hdr-wide nav{display:flex;align-items:center;gap:36px}
.hdr-wide nav:first-child{justify-self:start}
.hdr-wide nav:last-child{justify-self:end}
.hdr-logo{display:block}
.hdr-logo img{display:block;height:44px;width:auto}
.nav-link{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--ink);border-bottom:1px solid transparent;transition:color .2s}
.nav-link:hover{color:var(--gold)}
.nav-link[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold)}
.nav-ext{color:var(--gold)}
.nav-ext:hover{color:var(--ink)}
.hdr-narrow{display:none;height:72px;padding:0 12px;grid-template-columns:48px 1fr 48px;align-items:center}
.hdr-narrow .hdr-logo{justify-self:center}
.hdr-narrow .hdr-logo img{height:34px}
.menu-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink);cursor:pointer;padding:0}
.menu-btn .i-close{display:none}
.menu-open .menu-btn .i-close{display:block}
.menu-open .menu-btn .i-open{display:none}
.mobile-menu{display:none;height:calc(100vh - 72px);height:calc(100dvh - 72px);overflow-y:auto;padding:40px 24px 48px;flex-direction:column;align-items:center;gap:6px;text-align:center;border-top:1px solid var(--line-soft)}
.menu-open .mobile-menu{display:flex}
.mobile-menu a.mm{padding:12px 0;font-family:var(--serif);font-size:40px;line-height:1.1;color:var(--ink);text-decoration:none}
.mobile-menu a.mm[aria-current="page"]{color:var(--gold)}
.mobile-menu .rule{margin:24px 0}
.mobile-menu .nav-ext{display:block;max-width:300px;font-size:12px;line-height:1.7;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none}
.mobile-menu .nav-ext .ext{display:inline;margin-left:8px;vertical-align:1px}
body.menu-lock{overflow:hidden}

/* ---------- home ---------- */
.ph{overflow:hidden;background:var(--panel)}
.ph img{display:block;width:100%;height:100%;object-fit:cover}
.hero-tri{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:6px;height:calc(100vh - 88px);min-height:560px;max-height:1000px}
.hero-single{display:none;height:min(125vw,calc(100vh - 72px));max-height:1000px}
.intro{position:relative;z-index:2;max-width:min(840px,calc(100% - 32px));margin:clamp(-150px,-10vw,-56px) auto 0;padding:clamp(40px,5vw,60px) clamp(20px,5vw,64px) 0;background:var(--bg)}
.intro h1{margin:22px 0 0;font-family:var(--sans);font-weight:400;font-size:clamp(40px,6vw,84px);line-height:1.08;letter-spacing:0.14em;text-transform:uppercase}
.intro h1 span{color:var(--gold)}
.intro .rule{margin:30px 0}
.intro .lede{max-width:600px;font-size:clamp(22px,2.2vw,28px)}
.btn-row{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

.index{max-width:1240px;margin:0 auto;padding:clamp(96px,12vw,168px) var(--gutter) clamp(72px,9vw,128px)}
.index-list{margin-top:40px;border-top:1px solid var(--line)}
.index-row{position:relative;display:grid;grid-template-columns:clamp(44px,8vw,120px) minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:color .25s}
.index-row:hover{color:var(--gold)}
.idx-num{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,32px);color:var(--gold)}
.idx-title{font-family:var(--serif);font-size:clamp(42px,6.6vw,100px);line-height:1;letter-spacing:-0.01em}
.idx-meta{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.idx-peek{position:absolute;right:26%;top:50%;width:170px;aspect-ratio:4/5;object-fit:cover;pointer-events:none;z-index:3;opacity:0;transform:translateY(-46%) rotate(0deg) scale(0.92);transition:opacity .35s,transform .45s}
@media (hover:hover){
  .index-row:hover .idx-peek{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
}
.index-note{display:none;margin:20px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}

.selected{border-top:1px solid var(--line-soft)}
.selected-in{max-width:1360px;margin:0 auto;padding:clamp(80px,10vw,144px) var(--gutter)}
.sec-head{text-align:center;margin-bottom:clamp(48px,6vw,88px)}
.sec-head .eyebrow{margin-bottom:18px}
.sec-head h2{font-size:clamp(48px,6vw,88px);line-height:1}
.sel-wide{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:clamp(56px,6vw,96px);align-items:start}
.sel-wide figure{margin:0}
.sel-wide .s1{grid-column:1 / 8}
.sel-wide .s2{grid-column:9 / 13;margin-top:140px}
.sel-wide .s3{grid-column:2 / 6}
.sel-wide .s4{grid-column:7 / 13;margin-top:160px}
.sel-wide a{display:block;overflow:hidden;background:var(--panel)}
.sel-wide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.sel-wide a:hover img{transform:scale(1.025)}
.r32{aspect-ratio:3/2}.r34{aspect-ratio:3/4}.r45{aspect-ratio:4/5}
.plate-cap{margin-top:14px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted)}
.plate-cap .pl{font-family:var(--serif);font-style:italic;font-size:20px;letter-spacing:0;text-transform:none;color:var(--gold)}
.sel-narrow{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sel-narrow a{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--panel)}
.sel-narrow a:nth-child(even){margin-top:40px}
.sel-narrow img{display:block;width:100%;height:100%;object-fit:cover}
.sel-more{margin-top:clamp(56px,7vw,96px);display:flex;justify-content:center}

/* ---------- portfolio ---------- */
.work{max-width:1480px;margin:0 auto;padding:clamp(64px,8vw,120px) clamp(12px,3vw,40px) clamp(80px,10vw,144px)}
.work h1{margin-top:18px;font-size:clamp(64px,9vw,136px);line-height:0.95}
.work .lede{margin-top:22px;max-width:520px;font-size:clamp(21px,2vw,26px)}
.work .kicker{margin:16px 0 0}
.filters{margin:clamp(40px,5vw,64px) 0 clamp(28px,3vw,40px);display:flex;flex-wrap:wrap;justify-content:center;gap:4px clamp(20px,3vw,40px)}
.filter{min-height:44px;padding:8px 2px;display:flex;align-items:baseline;gap:8px;background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);font-family:var(--body);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.filter:hover{color:var(--ink)}
.filter[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--gold)}
.filter .n{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0;color:var(--gold)}
.jgrid{display:flex;flex-wrap:wrap;gap:8px}
.jgrid::after{content:"";flex-grow:100000}
.jitem{--h:300px;position:relative;display:block;flex-grow:var(--ar);width:calc(var(--ar) * var(--h));padding:0;border:0;background:var(--panel);cursor:zoom-in;overflow:hidden}
.jitem::before{content:"";display:block;padding-top:calc(100% / var(--ar))}
.jitem img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .3s}
.jitem:hover img{transform:scale(1.03)}
.jitem[hidden]{display:none}
.cta-box{max-width:880px;margin:clamp(80px,10vw,144px) auto 0;padding:clamp(44px,6vw,72px) clamp(24px,5vw,64px);border:1px solid var(--gold);outline:1px solid rgba(214,168,90,0.35);outline-offset:-12px;text-align:center;display:flex;flex-direction:column;align-items:center}
.cta-box h2{margin-top:16px;font-size:clamp(38px,4.6vw,60px);line-height:1.04;text-wrap:balance}
.cta-box p.body-muted{margin-top:16px;max-width:480px}
.cta-box .btn{margin-top:32px}

/* age gate */
.age-gate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,9,8,0.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.age-ok .age-gate{display:none}
.age-card:focus{outline:none}
.age-card{max-width:520px;width:100%;padding:clamp(40px,6vw,64px) clamp(24px,5vw,56px);border:1px solid var(--gold);outline:1px solid rgba(214,168,90,0.35);outline-offset:-12px;text-align:center;display:flex;flex-direction:column;align-items:center;background:var(--bg)}
.age-card img{height:40px;width:auto;display:block}
.age-card h2{margin-top:28px;font-size:clamp(34px,4.4vw,48px);line-height:1.05;text-wrap:balance}
.age-card p.body-muted{margin-top:14px;max-width:380px}
.age-card .btn-row{margin-top:32px}
html:not(.age-ok) body.has-gate{overflow:hidden}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(8,7,6,0.98);display:none;align-items:center;justify-content:center;padding:72px 12px}
.lb.open{display:flex}
.lb-top{position:absolute;top:0;left:0;right:0;height:64px;padding:0 12px 0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(214,168,90,0.18)}
.lb-count{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}
.lb-img{display:block;max-width:min(92vw,1200px);max-height:calc(100vh - 152px);width:auto;height:auto;object-fit:contain}
.lb-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink);cursor:pointer}
.lb-btn:hover{color:var(--gold)}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%)}
.lb-prev{left:8px}.lb-next{right:8px}
.lb-cat{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--muted);white-space:nowrap}

/* ---------- management ---------- */
.m-hero{max-width:1000px;margin:0 auto;padding:clamp(72px,9vw,136px) var(--gutter) 0}
.m-hero h1{margin-top:22px;font-size:clamp(52px,7.4vw,112px);line-height:0.98;text-wrap:balance}
.m-hero .rule{margin:32px 0}
.m-hero p.body-muted{max-width:600px;font-size:17px;line-height:1.75}
.m-hero .btn{margin-top:40px}
.m-band{margin-top:clamp(64px,8vw,112px);height:clamp(320px,64vh,760px)}
.m-band img{object-position:50% 55%}
.stats{border-bottom:1px solid var(--line-soft)}
.stats-in{max-width:1000px;margin:0 auto;padding:clamp(48px,6vw,72px) var(--gutter);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:40px;text-align:center}
.stat-v{margin:0;font-family:var(--serif);font-size:clamp(52px,6vw,76px);line-height:1;color:var(--gold)}
.stat-l{margin:12px 0 0;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--muted)}
.included{max-width:1160px;margin:0 auto;padding:clamp(80px,10vw,144px) var(--gutter)}
.included .sec-head{margin-bottom:clamp(40px,6vw,72px)}
.included .sec-head h2,.how h2{font-size:clamp(42px,5.4vw,76px);line-height:1;text-wrap:balance}
.inc-list{border-bottom:1px solid var(--line)}
.inc{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 32px;padding:30px 0;border-top:1px solid var(--line)}
.inc .n{flex:0 0 56px;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--gold)}
.inc h3{flex:1 1 260px;margin:0;font-family:var(--serif);font-weight:500;font-size:32px;line-height:1.1}
.inc p{flex:1.3 1 320px;margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.how{background:var(--panel);border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.how-in{max-width:1240px;margin:0 auto;padding:clamp(80px,10vw,144px) var(--gutter)}
.how .eyebrow{margin-bottom:18px}
.steps{list-style:none;margin:clamp(48px,6vw,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:48px 0}
.steps li{padding-right:32px}
.step-line{display:flex;align-items:center;gap:14px}
.step-line .d{flex:none;width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--gold)}
.steps li:last-child .d{background:var(--gold)}
.step-line .l{flex:1;height:1px;background:rgba(214,168,90,0.4)}
.step-n{margin:24px 0 0;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold)}
.steps h3{margin:6px 0 0;font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.1}
.steps p{margin:12px 0 0;font-size:15.5px;line-height:1.7;color:var(--muted)}
.m-cta{padding:clamp(80px,10vw,144px) var(--gutter)}
.m-cta .cta-box{margin-top:0;padding:clamp(48px,6vw,80px) clamp(24px,5vw,64px)}
.m-cta h2{margin-top:0;font-size:clamp(40px,5vw,68px);line-height:1.02}
.m-cta p.body-muted{margin-top:20px;max-width:440px}

/* ---------- contact ---------- */
.contact{max-width:760px;margin:0 auto;padding:clamp(72px,9vw,136px) var(--gutter) clamp(80px,10vw,144px)}
.contact h1{margin-top:18px;font-size:clamp(60px,8vw,120px);line-height:0.95}
.contact .intro-p{margin-top:24px;max-width:500px;font-size:17px}
.mail{margin-top:14px;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--gold);text-decoration:none}
.boudoir-strip{margin-top:clamp(40px,5vw,56px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:18px 20px;border-top:1px solid rgba(214,168,90,0.35);border-bottom:1px solid rgba(214,168,90,0.35);font-size:15px;color:var(--muted);text-decoration:none;text-align:center}
.boudoir-strip:hover{color:var(--ink)}
.boudoir-strip .go{display:flex;align-items:center;gap:8px;color:var(--gold)}
.form-wrap{margin-top:clamp(48px,6vw,72px)}
.cform{display:flex;flex-direction:column;gap:32px}
.cform fieldset{margin:0;padding:0;border:0;min-width:0}
.cform legend,.fld{padding:0;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--muted)}
.cform legend{margin-bottom:10px}
.tabs{display:flex;flex-wrap:wrap;gap:4px 28px}
.tab{position:relative;cursor:pointer}
.tab span{display:block;min-height:44px;padding:8px 0;border-bottom:1px solid transparent;color:var(--muted);font-family:var(--serif);font-size:22px;line-height:1.25;transition:color .2s}
.tab:hover span{color:var(--ink)}
.tab input:checked + span{color:var(--ink);border-bottom-color:var(--gold)}
.tab input:focus-visible + span,.chip input:focus-visible + span{outline:1px solid var(--gold);outline-offset:3px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{cursor:pointer}
.chip span{display:flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(244,242,240,0.22);color:var(--muted);font-family:var(--body);font-size:14px;transition:border-color .2s,background .2s,color .2s}
.chip:hover span{border-color:var(--gold)}
.chip input:checked + span{border-color:var(--gold);background:var(--gold-fill);color:var(--ink)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px 28px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld input,.fld textarea{width:100%;min-height:48px;padding:10px 0;border:0;border-bottom:1px solid rgba(244,242,240,0.24);border-radius:0;background:transparent;color:var(--ink);font-family:var(--body);font-size:17px;letter-spacing:0;text-transform:none;outline:none;transition:border-color .2s}
.fld textarea{min-height:140px;line-height:1.6;resize:vertical}
.fld input:focus,.fld textarea:focus{border-bottom-color:var(--gold)}
.fld [aria-invalid="true"]{border-bottom-color:var(--err)}
.check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;color:var(--ink);cursor:pointer}
.check input{width:20px;height:20px;margin:0;accent-color:var(--gold);flex:none}
.form-err{margin:0;font-size:14px;line-height:1.5;color:var(--err)}
.submit-row{display:flex;flex-direction:column;align-items:center;gap:14px}
.submit-row .btn{min-height:56px;padding:0 44px}
.submit-row .note{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted)}
.sent{padding:clamp(44px,6vw,72px) clamp(24px,5vw,56px);border:1px solid var(--gold);outline:1px solid rgba(214,168,90,0.35);outline-offset:-12px;text-align:center}
.sent h2{margin-top:16px;font-size:clamp(40px,4.6vw,60px);line-height:1.04}
.sent p.body-muted{margin:18px auto 0;max-width:440px}
.sent .btn{margin-top:30px}
[hidden]{display:none!important}


.cta-box .btn-row .btn{margin-top:0}
@media (min-width:1000px){.mobile-menu,.menu-open .mobile-menu{display:none}}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--gold-line)}
.foot-in{max-width:1240px;margin:0 auto;padding:clamp(64px,8vw,104px) var(--gutter) 32px;display:flex;flex-direction:column;align-items:center;text-align:center}
.foot-in .hdr-logo img{height:56px}
.foot-nav{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px}
.foot-nav a{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.foot-nav a:hover{color:var(--gold)}
.foot-nav a.nav-ext{color:var(--gold)}
.foot-nav a.nav-ext:hover{color:var(--ink)}
.foot-mail{margin-top:24px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--muted);text-decoration:none}
.foot-mail:hover{color:var(--gold)}
.foot-in .rule{margin:40px 0 24px}
.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;font-size:12px;color:var(--muted)}

/* ---------- simple pages ---------- */
.simple{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:clamp(48px,8vw,96px) var(--gutter)}
.simple .cta-box{margin:0}
.simple h1{margin-top:16px;font-size:clamp(40px,5vw,64px);line-height:1.04}
.simple p.body-muted{margin-top:16px;max-width:440px}

/* ---------- narrow (< 1000px) ---------- */
@media (max-width:999px){
  .hdr-wide{display:none}
  .hdr-narrow{display:grid}
  .hero-tri{display:none}
  .hero-single{display:block}
  .idx-meta,.idx-peek{display:none}
  .index-row{grid-template-columns:clamp(44px,8vw,120px) minmax(0,1fr)}
  .index-note{display:block}
  .sel-wide{display:none}
  .sel-narrow{display:grid}
  .jitem{--h:150px}
  .simple{min-height:calc(100vh - 72px)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
}