@layer components{.ifl .kick{font:700 13px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0}.ifl-hero{color:#fff;text-align:center;background:#111;height:clamp(460px,min(62cqi,100svh - 120px),820px);position:relative;overflow:clip}.ifl-hero>img{object-fit:cover}.ifl-hero:after{content:"";background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.ifl-hero .copy{z-index:1;position:absolute;inset:12% 0 auto}.ifl-hero .date{font:500 14px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px}.ifl-hero .big{width:min(76%,760px);height:auto;margin:0 auto;display:block}.ifl-buy{z-index:1;gap:10px;display:flex;position:absolute;bottom:clamp(20px,3cqi,40px);left:50%;translate:-50%}.ifl-buy a{font:500 15px/1 var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border:1px solid #ffffffb3;border-radius:999px;padding:12px 22px;transition:background .2s,color .2s}.ifl-buy a:hover,.ifl-buy a.solid{color:#111;background:#fff;border-color:#fff}.ifl-buy a.solid:hover{background:var(--gold);color:#fff;border-color:var(--gold)}.ifl-head{text-align:center;max-width:760px;margin:0 auto;padding:clamp(56px,7cqi,96px) 20px clamp(32px,4cqi,48px)}.ifl-head h1{font:800 clamp(40px, 6cqi, 68px)/1 var(--sans);letter-spacing:-.03em;margin:16px 0 12px}.ifl-head .dek{font:22px/1.4 var(--serif);color:#444;text-wrap:balance;margin:0}.ifl-features{grid-template-columns:1fr 1fr;gap:20px;max-width:1120px;margin:0 auto;padding:0 20px;display:grid}.ifl-feature{border:1px solid #e6e1d8;border-radius:4px;flex-direction:column;gap:14px;padding:clamp(28px,4cqi,48px);transition:border-color .2s,translate .2s;display:flex}.ifl-feature.cover{color:#fff;background:#111;border-color:#111}.ifl-feature:hover{border-color:var(--gold);translate:0 -2px}.ifl-feature .k,.ifl-course .k{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.ifl-feature .t{font:700 clamp(26px, 3cqi, 36px)/1.08 var(--sans);letter-spacing:-.02em}.ifl-feature .d{font:19px/1.45 var(--serif);opacity:.85}.ifl-feature .m,.ifl-course .m{font:500 14px/1 var(--sans);opacity:.7;margin-top:auto}.ifl-feature .m b{font-weight:400}.ifl-courses{max-width:1120px;margin:0 auto;padding:clamp(48px,6cqi,80px) 20px 0}.ifl-courses .row{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.ifl-course{background:#f7f5f1;border-radius:4px;flex-direction:column;gap:12px;padding:28px;transition:background .2s;display:flex}.ifl-course:hover{background:#efe9df}.ifl-course img{width:44px;height:44px}.ifl-course .t{font:700 24px/1.12 var(--sans);letter-spacing:-.015em}.ifl-course .d{font:17px/1.45 var(--serif);color:#444}.ifl-back{max-width:1120px;margin:0 auto;padding:clamp(56px,7cqi,96px) 20px 0}.ifl-back .hd{justify-content:space-between;align-items:baseline;display:flex}.ifl-back .hd a{font:500 14px/1 var(--sans)}.ifl-back .row{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;display:grid}.ifl-issue{flex-direction:column;gap:8px;display:flex}.ifl-issue .img{aspect-ratio:4/3;background:#111;border-radius:3px;position:relative;overflow:clip}.ifl-issue .img img{object-fit:cover;transition:scale .4s}.ifl-issue:hover .img img{scale:1.04}.ifl-issue .n{font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#777;margin-top:6px}.ifl-issue .t{font:700 20px/1.15 var(--sans)}.ifl .flt-end{margin-top:clamp(56px,7cqi,96px)}@container (max-width:800px){.ifl-features,.ifl-courses .row{grid-template-columns:1fr}.ifl-buy{gap:6px;width:max-content}.ifl-buy a{white-space:nowrap;padding:11px 14px;font-size:14px}.ifl-hero{height:clamp(420px,70svh,560px)}.ifl-hero .copy{inset:16% 0 auto}.ifl-head h1{font-size:38px}.ifl-head .dek{font-size:19px}.ifl-back .row:not(.ifl-archive){scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:70%;grid-auto-flow:column;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.ifl-issue{scroll-snap-align:start}}.ifl-archive{grid-template-columns:repeat(3,1fr)!important}.ifl-issue .d{font:17px/1.4 var(--serif);color:#555}@container (max-width:800px){.ifl-archive{grid-template-columns:1fr!important}}.ifl-cards{display:none}:root[data-issuestyle=cards] .ifl-cards{display:block}:root[data-issuestyle=cards] .ifl-exact{display:none}.ifl-exact .ic-hero{margin-top:0}}
