.n4h{--n4h-paper:rgb(var(--color-base-background));--n4h-soft:rgb(var(--color-placeholder));--n4h-ink:rgb(var(--color-base-text));--n4h-action:rgb(var(--color-base-button));--n4h-action-text:rgb(var(--color-base-button-text));background:var(--n4h-soft);color:var(--n4h-ink);font-family:var(--font-body-family);isolation:isolate}.n4h *{box-sizing:border-box}.n4h :is(h1,p,figure){margin:0}.n4h__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:100%;margin-inline:auto;min-height:0}.n4h__copy{min-width:0;padding:clamp(32px,4.5vw,80px) clamp(28px,4vw,72px);position:relative;z-index:1}.n4h .n4h__eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.5;margin-bottom:20px}.n4h h1{font-family:var(--font-heading-family);font-style:normal;font-weight:400;font-size:clamp(40px,4.15vw,76px);line-height:1.04;letter-spacing:-.025em;text-transform:none;color:var(--n4h-ink);max-width:18ch;text-wrap:balance;overflow-wrap:break-word}.n4h h1>span{display:block;color:var(--n4h-action);margin-top:.14em;font-weight:400}.n4h .n4h__lead{max-width:39ch;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:rgb(var(--color-base-text)/.82);margin-top:24px}.n4h__lead p+p{margin-top:12px}.n4h__actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}.n4h a{color:inherit;background-image:none!important;box-shadow:none!important;text-decoration:none}.n4h a:before,.n4h a:after{content:none!important;display:none!important}.n4h .n4h__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;max-width:100%;padding:14px 24px;border:1px solid var(--n4h-action);border-radius:var(--rounded-button);background:var(--n4h-action);color:var(--n4h-action-text);font-family:var(--font-button-family);font-size:15px;font-weight:500;line-height:1.4;text-align:center}.n4h .n4h__button>span{flex-shrink:0}.n4h .n4h__button:hover{filter:brightness(.94)}.n4h .n4h__link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:500;line-height:1.4;padding-block:8px}.n4h .n4h__link:hover,.n4h .n4h__scene-link:hover{opacity:.72;text-decoration:none}.n4h a:focus-visible{outline:3px solid rgb(var(--color-keyboard-focus));outline-offset:5px}.n4h .n4h__note{margin-top:12px;font-size:12px;line-height:1.6;color:rgb(var(--color-base-text)/.7)}.n4h__scene{min-width:0;position:relative;align-self:center;display:block;padding:0}.n4h__picture{display:block;width:100%;height:auto;line-height:0}.n4h__picture img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.n4h__scene figcaption{position:absolute;bottom:18px;inset-inline-end:20px;max-width:calc(100% - 40px);font-size:12px;line-height:1.5;background:var(--n4h-paper);border-radius:var(--rounded-button);padding-inline:16px}.n4h .n4h__scene-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:rgb(var(--color-base-text)/.78);font-size:12px}.n4h--text-only .n4h__inner{grid-template-columns:1fr;min-height:0}.n4h--text-only .n4h__copy{max-width:1000px}.n4h--text-only h1{max-width:20ch}.n4h__editor-note{font-size:13px;line-height:1.5;padding:24px;border-top:1px dashed currentColor}@media(min-width:750px)and (max-width:1099px){.n4h__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.n4h__copy{padding:32px 24px}.n4h h1{font-size:clamp(34px,4.2vw,46px)}.n4h__picture{height:auto}.n4h .n4h__lead{font-size:16px;margin-top:20px}.n4h__actions{margin-top:20px}.n4h .n4h__button{padding-inline:18px;font-size:14px}}@media(max-width:749px){.n4h__inner{grid-template-columns:1fr;grid-template-areas:"heading" "scene" "lead" "actions" "note";min-height:0;padding:28px 20px;gap:0}.n4h__copy{display:contents}.n4h__heading{grid-area:heading}.n4h .n4h__eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px}.n4h h1{font-size:clamp(32px,8.7vw,42px);line-height:1.08;max-width:18ch;text-wrap:balance}.n4h h1>span{margin-top:0;max-width:18ch}.n4h .n4h__scene{grid-area:scene;align-self:auto;padding:0;display:block;margin:26px 0 0;overflow:hidden}.n4h__picture{height:auto;width:100%}.n4h__picture img{object-position:center;width:100%;height:auto}.n4h__scene figcaption{bottom:12px;inset-inline-end:12px;max-width:calc(100% - 24px);padding-inline:12px}.n4h .n4h__scene-link{min-height:40px;font-size:11px;gap:12px}.n4h .n4h__lead{grid-area:lead;font-size:15px;line-height:1.55;margin-top:16px;max-width:44ch}.n4h__actions{grid-area:actions;margin-top:18px;gap:4px;align-items:stretch}.n4h .n4h__button{min-height:50px;font-size:14px;justify-content:space-between;padding-inline:20px}.n4h .n4h__link{justify-content:center;font-size:12px;min-height:40px}.n4h .n4h__note{grid-area:note;margin-top:8px;text-align:center;font-size:11px}.n4h--text-only .n4h__inner{display:block}.n4h--text-only .n4h__copy{display:block;padding:0}}@media(prefers-reduced-motion:reduce){.n4h *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.n4h .n4h__arrow{width:20px;height:20px;flex-shrink:0;stroke-width:1.2}.n4h .n4h__arrow--diagonal{transform:rotate(-45deg)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/nookart-hero-v4.css.map */