/* insulation pyrus — shared site header (Frieze measurements)
   banner 970x250 in a 270px band · header 70px · dropdown panels · 52px section sub-nav · search */
:root{
  --ih-bg:#fff; --ih-ink:#000; --ih-sub-ink:#212529; --ih-rule:#D6D6D6; --ih-faint:#B9B8B4; --ih-muted:#8B8A86;
  --ih-panel:linear-gradient(#fff,#FAFAFA calc(100% - 5px),#F2F2F2);
  --ih-sub:linear-gradient(#E0E0E0,#EDEDED 10%,#FFF 50%,#FFF calc(100% - 1px),#C7C7C7);
  --ih-divider:#D6D6D6; --ih-btn-bg:#000; --ih-btn-ink:#fff;
  --ih-sans:"Schibsted Grotesk","Helvetica Neue",Arial,"Apple SD Gothic Neo",sans-serif;
  --ih-serif:"Gowun Batang","Nanum Myeongjo",serif;
}
html.iph-dark{
  --ih-bg:#0B0A09; --ih-ink:#EDE7DB; --ih-sub-ink:#D9D2C5; --ih-rule:rgba(237,231,219,.14); --ih-faint:#5B554C; --ih-muted:#8C8477;
  --ih-panel:linear-gradient(#0E0D0C,#151311);
  --ih-sub:linear-gradient(#1C1A17,#141210 10%,#0B0A09 50%,#0B0A09 calc(100% - 1px),#2A2723);
  --ih-divider:rgba(237,231,219,.16); --ih-btn-bg:#EDE7DB; --ih-btn-ink:#0B0A09;
}
.iph-wrap{max-width:1280px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.editor-only{display:none!important}
html.is-editor .editor-only{display:inline-flex!important}

/* ---------- top banner ---------- */
.topad{padding:10px 0;background:var(--ih-bg)}
.topad-inner{position:relative;display:block;width:970px;max-width:calc(100% - 32px);aspect-ratio:970/250;margin:0 auto;overflow:hidden;background:#C9C6D6;text-decoration:none;color:#fff}
.topad-inner picture,.topad-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.topad-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,30,.10),rgba(20,18,30,.34) 50%,rgba(20,18,30,.10))}
.topad-text{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 24px;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.topad-text b{font-family:var(--ih-serif);font-weight:400;font-size:clamp(17px,2.9vw,28px);line-height:1.25;letter-spacing:-.01em}
.topad-text small{font-family:var(--ih-sans);font-size:clamp(10px,1.2vw,13px);letter-spacing:.08em;text-transform:uppercase;opacity:.95}
.topad-mark{position:absolute;right:14px;bottom:10px;z-index:2;display:flex;align-items:baseline;gap:6px;font-family:var(--ih-sans);font-size:11px;font-weight:600;letter-spacing:.04em}
.topad-mark i{font-style:normal;font-weight:400;padding:1px 4px;border:1px solid rgba(255,255,255,.85);font-size:9px}
.topad-credit{position:absolute;left:12px;bottom:9px;z-index:2;font-family:var(--ih-sans);font-size:8.5px;opacity:.8}

/* ---------- header ---------- */
.mh{position:sticky;top:0;z-index:40;background:var(--ih-bg);border-bottom:.67px solid var(--ih-rule);color:var(--ih-ink)}
.mh .iph-wrap{display:flex;align-items:center;height:70px;padding-right:66px}
.brand{display:flex;align-items:center;height:27px;text-decoration:none;flex:none;color:var(--ih-ink)}
.brand b{font-family:var(--ih-sans);font-weight:600;font-size:27px;line-height:27px;letter-spacing:-.005em;text-transform:uppercase}
.mnav{display:flex;align-items:stretch;height:70px;margin-left:35px;font-family:var(--ih-sans);font-size:16px}
.dd{display:flex}
.dd-btn{position:relative;display:flex;align-items:center;gap:8px;height:70px;padding:0 20px;margin:0;border:0;background:none;color:var(--ih-ink);text-decoration:none;font-family:var(--ih-sans);font-size:16px;font-weight:400;line-height:22px;cursor:pointer}
.dd-btn .chev{width:12px;height:12px;transition:transform .25s ease}
.dd-btn::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ih-ink);transform:scaleX(0);transition:transform .25s ease}
.dd.open .dd-btn::after{transform:scaleX(1)}
.dd.open .dd-btn .chev{transform:rotate(180deg)}
.dd-btn:focus-visible{outline:1px solid var(--ih-ink);outline-offset:-6px}
.dd-panel{position:absolute;left:0;right:0;top:100%;z-index:39;visibility:hidden;opacity:0;transform:translateY(-6px);
  min-height:307px;box-sizing:border-box;padding:20px 0;background:var(--ih-panel);
  transition:opacity .2s ease,transform .25s ease,visibility 0s linear .25s}
.dd.open .dd-panel{visibility:visible;opacity:1;transform:none;transition:opacity .2s ease,transform .25s ease,visibility 0s}
.mh .dd-inner{display:block;height:auto;padding-top:10px;padding-bottom:10px}
.dd-head{display:inline-block;margin:0 0 0 -10px;font-family:var(--ih-sans);font-size:16px;font-weight:700;line-height:22px;color:var(--ih-ink);text-decoration:none}
.dd-list{list-style:none;margin:0 0 0 -10px;padding:0;display:flex;flex-direction:column;align-items:flex-start}
.dd-list li{margin-top:10px}
.dd-head,.dd-list a,.dd-list .soon{background:linear-gradient(var(--ih-ink),var(--ih-ink)) 0 100%/0 1px no-repeat;transition:background-size .3s ease}
.dd-list a,.dd-list .soon{display:inline-block;font-family:var(--ih-sans);font-size:16px;font-weight:400;line-height:22px;color:var(--ih-ink);text-decoration:none}
.dd-head:hover,.dd-list a:hover,.dd-head:focus-visible,.dd-list a:focus-visible{background-size:100% 1px;outline:none}
.dd-list .soon{color:var(--ih-faint);cursor:default}
.mh-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn-signin{display:inline-flex;align-items:center;height:30px;padding:1px 10px;background:var(--ih-btn-bg);color:var(--ih-btn-ink);border:.67px solid var(--ih-btn-bg);font-family:var(--ih-sans);font-size:12px;line-height:12px;text-decoration:none;white-space:nowrap;cursor:pointer}
.icon-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:none;color:var(--ih-ink);cursor:pointer}
.icon-btn svg{width:24px;height:24px}
/* the shared hamburger rides on the header (vertical position set by menu.js) */
html.has-iph .menu-btn{top:12px;right:max(9px, calc((100vw - 1240px) / 2 - 11px));color:var(--ih-ink)}
html.has-iph.menu-open .menu-btn{color:#ECE6DA}

/* ---------- section sub-nav (Frieze: 52px bar, bold section, divider, 15px items) ---------- */
.subnav{margin-top:-1px;height:52px;background:var(--ih-sub);color:var(--ih-sub-ink);font-family:var(--ih-sans)}
.subnav .iph-wrap{display:flex;align-items:stretch;height:52px;overflow-x:auto;scrollbar-width:none}
.subnav .iph-wrap::-webkit-scrollbar{display:none}
.subnav-head{display:flex;align-items:center;flex:none;padding-right:20px;border-right:1px solid var(--ih-divider)}
.subnav-head a{font-size:16px;font-weight:700;line-height:22px;color:var(--ih-sub-ink);text-decoration:none;white-space:nowrap}
.subnav-list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
.subnav-list li{display:flex;align-items:center;padding:15px}
.subnav-list a,.subnav-list .soon{font-size:16px;font-weight:400;line-height:22px;color:var(--ih-sub-ink);text-decoration:none;white-space:nowrap;
  background:linear-gradient(var(--ih-sub-ink),var(--ih-sub-ink)) 0 100%/0 1px no-repeat;transition:background-size .3s ease}
.subnav-head a{background:linear-gradient(var(--ih-sub-ink),var(--ih-sub-ink)) 0 100%/0 1px no-repeat;transition:background-size .3s ease}
.subnav-list a:hover,.subnav-head a:hover,.subnav-list a[aria-current="page"]{background-size:100% 1px}
.subnav-list .soon{color:var(--ih-faint);cursor:default}

/* fixed variant (full-screen story page) */
html.iph-fixed .mh{position:fixed;left:0;right:0;top:0}
html.iph-fixed .subnav{position:fixed;left:0;right:0;top:70px;z-index:38;margin-top:0}

/* ---------- search ---------- */
.search{position:fixed;inset:0;z-index:52;background:#fff;color:#111;overflow:auto;padding:28px 0 60px;font-family:var(--ih-serif)}
.search[hidden]{display:none}
.search-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.search h4{margin:0;font-family:var(--ih-sans);font-weight:300;font-size:32px}
.search .icon-btn{color:#000}
.search input{width:100%;margin:22px 0 30px;padding:14px 0;border:0;border-bottom:1px solid #000;font-family:var(--ih-serif);font-size:clamp(20px,3vw,30px);outline:none;background:transparent;color:#111;border-radius:0}
.search .none{font-family:var(--ih-sans);font-size:14px;color:#8B8A86}
.search .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
.search .card{display:block;text-decoration:none;color:#111}
.search .cov{position:relative;overflow:hidden;background:#F5F3EE;aspect-ratio:16/9;margin-bottom:12px}
.search .cov img{width:100%;height:100%;object-fit:cover}
.search .cov-art img{object-fit:contain;padding:6%;mix-blend-mode:multiply}
.search .card-sec{margin:0 0 8px;font-family:var(--ih-sans);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#8B8A86}
.search .card-title{margin:0;font-family:var(--ih-sans);font-weight:400;font-size:18px;line-height:1.1}
.search .card-dek{margin:.7em 0 0;font-size:14.5px;line-height:1.6;color:#3B3A38}
.search .card-by{margin:.8em 0 0;font-family:var(--ih-sans);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#8B8A86}

@media (max-width:1100px){ .search .grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:980px){ .mnav{display:none} }
@media (max-width:560px){
  .topad-inner{aspect-ratio:12/5}
  .topad-credit,.topad-mark{display:none}
  .brand b{font-size:20px}
  .mh .iph-wrap{height:58px;padding-right:60px}
  html.iph-fixed .subnav{top:58px}
  .subnav,.subnav .iph-wrap{height:46px}
  .subnav-head a,.subnav-list a,.subnav-list .soon{font-size:15px}
  .subnav-list li{padding:12px}
  .search .grid{grid-template-columns:1fr}
}