/* Brand palette: neutral black, white and gray, with orange accents. */
body.nh-page:has(.nb-page) { background:#101010; }
body.nh-page:has(.nb-page,.na-page) .nh-footer--quiet { --nh-link-text:#bcbcbc; }
.nb-page { --nb-ink:#171717; --nb-muted:#636363; --nb-paper:#ffffff; --nh-link-text:#555555; --nh-link-hover:#101010; --nh-link-line:#20202038; background:var(--nb-paper); color:var(--nb-ink); }
.nb-hero,.nb-closing { background:#101010; color:var(--nb-paper); --nh-link-text:#c4c4c4; --nh-link-hover:#fff; --nh-link-line:#ffffff38; }
.nb-hero { padding:55px 0 65px; overflow:clip; }
.nb-hero__grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:40px; }
.nb-page .nb-back { margin-bottom:30px; }
.nb-hero h1 { font-size:clamp(52px,6vw,88px); font-weight:500; line-height:1.04; letter-spacing:-.055em; }
.nb-hero h1 span { display:block; }
.nb-hero h1 span+span { color:#ff7840; }
.nb-page .nb-intro { margin:28px 0 32px; max-width:490px; font-size:19px; line-height:1.7; color:#c4c4c4; }
.nb-down svg { rotate:135deg; }
.nb-hero__art { min-width:0; }
.nb-hero__model { height:450px; }
.nb-hero__fallback .nb-editorial { width:340px; height:390px; }
.nb-journal { padding:90px 0 70px; scroll-margin-top:95px; }
.nb-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:60px; align-items:end; margin-bottom:45px; }
.nb-page .nb-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:18px; font-size:14px; line-height:1.5; letter-spacing:.015em; }
.nb-eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:#ff6418; box-shadow:0 0 0 5px #ff641812; flex:none; }
.nb-heading h2 { max-width:620px; font-size:clamp(34px,3.5vw,50px); font-weight:500; line-height:1.13; letter-spacing:-.04em; }
.nb-heading>p { justify-self:end; max-width:320px; font-size:17px; line-height:1.7; color:var(--nb-muted); }
.nb-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 30px; }
.nb-card { min-width:0; }
.nb-card__link { display:block; height:100%; color:inherit; border-radius:26px; }
.nb-card__visual { position:relative; display:grid; place-items:center; height:300px; overflow:hidden; border-radius:24px; background:#eeeeee; isolation:isolate; perspective:1100px; }
.nb-card__visual::after { content:''; position:absolute; width:45%; height:14px; bottom:35px; left:27.5%; border-radius:50%; background:#00000015; filter:blur(10px); z-index:-1; }
.nb-card__image { display:block; width:100%; height:100%; object-fit:cover; transition:transform 850ms cubic-bezier(.22,1,.36,1); }
.nb-card__visual:has(.nb-card__image)::after { display:none; }
.nb-card__open { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#ffffff; color:#171717; border:1px solid #17171712; transition:background 400ms,transform 650ms cubic-bezier(.22,1,.36,1); }
.nb-card__open svg { width:18px; height:18px; }
.nb-card__copy { padding:24px 6px 0; }
.nb-card__meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; color:var(--nb-muted); font-size:13px; line-height:1.5; margin-bottom:13px; }
.nb-card__meta>span { display:flex; align-items:center; gap:4px; }
.nb-card__meta>time+span::before { content:''; width:3px; height:3px; background:#999999; border-radius:50%; margin-right:12px; }
.nb-card h3 { font-size:27px; line-height:1.24; font-weight:500; letter-spacing:-.035em; overflow-wrap:anywhere; }
.nb-page .nb-card__excerpt { margin-top:15px; font-size:16px; line-height:1.7; color:var(--nb-muted); }
.nb-card__read { display:inline-flex; align-items:center; gap:12px; font-size:14px; line-height:1.5; font-weight:500; margin-top:23px; padding-bottom:5px; }
.nb-card__read>span:first-child { text-decoration:underline; text-decoration-color:#92929265; text-underline-offset:6px; }
.nb-card__read svg { width:14px; height:14px; transition:transform 500ms cubic-bezier(.22,1,.36,1); }
.nb-card--featured { padding-bottom:44px; margin-bottom:44px; border-bottom:1px solid #dddddd; }
.nb-card--featured .nb-card__link { display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; }
.nb-card--featured .nb-card__visual { height:405px; }
.nb-card--featured .nb-card__copy { padding:10px 0; }
.nb-card--featured h3 { font-size:clamp(29px,2.9vw,42px); line-height:1.16; }
.nb-page .nb-latest { display:inline-flex; gap:8px; align-items:center; font-size:13px; color:#ab4314; font-weight:500; margin-bottom:22px; }
.nb-latest::before { content:''; width:6px; height:6px; border-radius:50%; background:#ed5a17; }
.nb-card--featured .nb-editorial { width:260px; height:302px; }
.nb-card--featured .nb-card__excerpt { font-size:17px; }
.nb-editorial { --nb-cover:#ff6418; position:relative; width:204px; height:237px; transform-style:preserve-3d; transform:rotateX(11deg) rotateY(-16deg) rotateZ(-9deg); transition:transform 950ms cubic-bezier(.22,1,.36,1); }
.nb-editorial__back,.nb-editorial__page { position:absolute; inset:0; border-radius:12px; }
.nb-editorial__back { background:var(--nb-cover); transform:translate3d(22px,3px,-28px) rotate(9deg); box-shadow:4px 5px 0 #a73f11; }
.nb-editorial__page { background:#fafafa; padding:11%; box-shadow:2px 2px 0 #dddddd,4px 5px 0 #cccccc,12px 18px 25px #0002; }
.nb-editorial__mast { display:flex; align-items:center; gap:8%; height:9%; border-bottom:1px solid #dddddd; padding-bottom:9%; }
.nb-editorial__mast i { width:9%; aspect-ratio:1; border-radius:50%; background:#ff6418; }
.nb-editorial__mast span { width:35%; height:4px; border-radius:2px; background:#bbbbbb; }
.nb-editorial__title { display:grid; gap:6px; margin:12% 0 10%; }
.nb-editorial__title i { width:92%; height:8px; border-radius:3px; background:#252525; box-shadow:0 1px 0 #09090970; }
.nb-editorial__title i+i { width:67%; }
.nb-editorial__picture { height:35%; position:relative; overflow:hidden; border-radius:7px; background:#e6e6e6; }
.nb-editorial__picture b { position:absolute; width:35%; aspect-ratio:1; border-radius:50%; background:#ff6418; left:15%; top:14%; box-shadow:3px 4px 0 #c54716; }
.nb-editorial__picture span { position:absolute; width:38%; height:70%; background:#303030; border-radius:8px; right:13%; bottom:-16%; transform:rotate(-18deg); box-shadow:4px 3px 0 #151515; }
.nb-editorial__lines { display:grid; gap:6px; margin-top:13%; }
.nb-editorial__lines i { height:4px; width:95%; background:#bbbbbb; border-radius:2px; }
.nb-editorial__lines i:nth-child(2) { width:83%; }
.nb-editorial__lines i:nth-child(3) { width:48%; }
.nb-editorial__bookmark { position:absolute; top:-2px; right:15%; width:12%; height:21%; background:#ff6418; clip-path:polygon(0 0,100% 0,100% 100%,50% 77%,0 100%); transform:translateZ(3px); }
.nb-art--ink { background:#232323; }
.nb-art--orange { background:#ff712e; }
.nb-art--orange .nb-editorial { transform:rotateX(12deg) rotateY(15deg) rotateZ(9deg); --nb-cover:#252525; }
.nb-art--orange .nb-editorial__back { box-shadow:4px 5px 0 #101010; }
.nb-art--orange .nb-editorial__picture { background:#eeeeee; }
.nb-art--orange .nb-editorial__picture span { border-radius:50%; bottom:-30%; width:60%; height:auto; aspect-ratio:1; }
.nb-art--paper { background:#eeeeee; }
.nb-art--paper .nb-editorial { transform:rotateX(10deg) rotateY(-11deg) rotateZ(-6deg); }
.nb-art--paper .nb-editorial__picture b { border-radius:7px; transform:rotate(12deg); }
.nb-pagination { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:22px; border-top:1px solid #dddddd; margin-top:60px; padding-top:30px; }
.nb-pagination>div:last-child { justify-self:end; }
.nb-pagination>p { color:var(--nb-muted); font-size:14px; }
.nb-pagination strong { color:var(--nb-ink); font-weight:500; }
.nb-page-link { display:inline-flex; align-items:center; gap:14px; min-height:48px; padding:10px 18px; border:1px solid #cccccc; border-radius:50px; font-size:14px; color:var(--nb-ink); transition:border-color 300ms,background 300ms; }
.nb-page-link svg { width:16px; height:16px; transform:rotate(45deg); }
.nb-page-link--previous svg { transform:rotate(-135deg); }
.nb-empty { border-top:1px solid #dddddd; padding:45px 0; }
.nb-empty h3 { font-size:28px; font-weight:500; }
.nb-empty p { margin-top:16px; color:var(--nb-muted); font-size:18px; }
.nb-closing { padding:80px 0; overflow:clip; }
.nb-closing__grid { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:80px; }
.nb-closing h2 { max-width:630px; font-size:clamp(36px,4vw,58px); line-height:1.13; font-weight:500; letter-spacing:-.04em; }
.nb-page .nb-closing__body { color:#c4c4c4; max-width:480px; font-size:18px; line-height:1.7; margin:22px 0 28px; }
.nb-closing__mark { position:relative; width:200px; height:200px; justify-self:center; transform:rotate(-9deg); perspective:800px; }
.nb-closing__mark>span { position:absolute; inset:0; border-radius:40px; transform:rotate(15deg) translate(-26px,24px); background:#252525; box-shadow:4px 5px 0 #060606; }
.nb-closing__mark>span:nth-child(2) { transform:rotate(7deg) translate(-13px,12px); background:#eeeeee; box-shadow:4px 5px 0 #a3a3a3; }
.nb-closing__mark>span:last-child { display:grid; place-items:center; transform:translateZ(20px); background:#ff6418; color:#101010; box-shadow:5px 6px 0 #b83f0c; transition:transform 800ms cubic-bezier(.22,1,.36,1); }
.nb-closing__mark svg { width:95px; height:95px; stroke-width:1.25; }
.nb-page a:focus-visible { outline:3px solid #b44e20; outline-offset:6px; }
@media(hover:hover) {
  .nb-card__link:hover .nb-editorial { transform:rotateX(5deg) rotateY(0) rotateZ(-3deg) translateY(-7px); }
  .nb-card__link:hover .nb-card__image { transform:scale(1.035); }
  .nb-card__link:hover .nb-card__open { background:#ff6418; transform:rotate(6deg) scale(1.08); }
  .nb-card__link:hover .nb-card__read svg { transform:translate(3px,-3px); }
  .nb-card__link:hover .nb-card__read>span:first-child { text-decoration-color:currentColor; }
  .nb-page-link:hover { background:#eeeeee; border-color:#aaaaaa; }
  .nb-closing__grid:hover .nb-closing__mark>span:last-child { transform:translate3d(5px,-7px,20px) rotate(-4deg); }
}
@media(min-width:1500px) { .nb-hero__model { height:510px; } .nb-card__visual { height:335px; } }
@media(max-width:1000px) { .nb-hero__grid { gap:20px; } .nb-hero__model { height:390px; } .nb-card--featured .nb-card__link { gap:28px; } .nb-card--featured .nb-card__visual { height:365px; } .nb-card--featured .nb-editorial { width:225px; height:261px; } .nb-heading { gap:28px; } .nb-closing__grid { gap:35px; } }
@media(max-width:760px) {
  .nb-hero { padding:42px 0 30px; }
  .nb-hero__grid { grid-template-columns:1fr; gap:18px; }
  .nb-page .nb-back { margin-bottom:24px; }
  .nb-hero h1 { font-size:clamp(44px,10vw,66px); }
  .nb-page .nb-intro { margin:23px 0 26px; font-size:18px; }
  .nb-hero__model { height:300px; max-width:440px; margin:auto; }
  .nb-hero__fallback .nb-editorial { width:213px; height:248px; }
  .nb-journal { padding:60px 0 50px; scroll-margin-top:80px; }
  .nb-heading { grid-template-columns:1fr; gap:18px; margin-bottom:34px; }
  .nb-heading>p { justify-self:start; max-width:450px; }
  .nb-heading h2 { font-size:36px; max-width:470px; }
  .nb-grid { gap:35px 22px; }
  .nb-card--featured .nb-card__link { grid-template-columns:1fr; gap:0; }
  .nb-card--featured .nb-card__visual { height:310px; }
  .nb-card--featured .nb-card__copy { padding:24px 4px 0; }
  .nb-card--featured { margin-bottom:35px; padding-bottom:35px; }
  .nb-card--featured h3 { font-size:30px; }
  .nb-card__visual { height:225px; border-radius:20px; }
  .nb-editorial { width:164px; height:190px; }
  .nb-card__open { top:14px; right:14px; width:36px; height:36px; }
  .nb-card h3 { font-size:24px; }
  .nb-card__excerpt { font-size:16px!important; }
  .nb-card__copy { padding:20px 3px 0; }
  .nb-page .nb-latest { margin-bottom:15px; }
  .nb-pagination { margin-top:40px; gap:12px; }
  .nb-page-link { padding:10px 14px; gap:9px; }
  .nb-closing { padding:55px 0 65px; }
  .nb-closing__grid { grid-template-columns:1fr; gap:40px; }
  .nb-closing__mark { width:135px; height:135px; justify-self:end; margin-right:20px; }
  .nb-closing__mark>span { border-radius:28px; }
  .nb-closing__mark svg { width:65px; height:65px; }
}
@media(max-width:540px) {
  .nb-grid { grid-template-columns:1fr; gap:36px; }
  .nb-card__visual { height:245px; }
  .nb-card__visual .nb-editorial { width:186px; height:216px; }
  .nb-card--featured .nb-card__visual { height:280px; }
  .nb-card--featured .nb-editorial { width:215px; height:250px; }
  .nb-pagination { grid-template-columns:1fr 1fr; row-gap:15px; }
  .nb-pagination>p { grid-column:1/-1; grid-row:1; text-align:center; }
  .nb-page-link { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .nb-page *, .nb-page *::before,.nb-page *::after { animation:none!important; transition:none!important; } }
@media print { .nb-hero__art,.nb-closing__mark,.nb-card__visual,.nb-pagination { display:none; } .nb-card--featured .nb-card__link,.nb-grid { display:block; } .nb-card { break-inside:avoid; margin-bottom:24px; } }