/* THE8 / MOTION ARCHITECTURE — 2026 editorial redesign
   Additive override on the supplied Next.js static export: no compiled code edits.
   Brand: midnight / electric lime / deep blue. Built for reduced motion and touch. */
:root{--the8-ink:#111821;--the8-night:#0b1117;--the8-forest:#122022;--the8-lime:#cdfa78;--the8-cobalt:#244ee5;--the8-paper:#f1f3ee;--the8-smooth:cubic-bezier(.22,1,.36,1);--the8-gutter:clamp(24px,5.2vw,96px)}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--the8-night);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:var(--the8-lime);color:#111}
:focus-visible{outline:2px solid var(--the8-lime);outline-offset:5px}
#site-header{height:84px;border-bottom:1px solid rgba(255,255,255,.13);transition:background .45s,border .45s,box-shadow .45s,backdrop-filter .45s;isolation:isolate}
#site-header .inset-x-safe{padding-inline:var(--the8-gutter)}
#site-header nav[aria-label="주요"]{gap:clamp(18px,2vw,36px)}
#site-header nav[aria-label="주요"]>a,#site-header nav[aria-label="주요"]>div>a{font-size:11px;font-weight:650;letter-spacing:.16em;position:relative;transition:color .3s var(--the8-smooth)}
#site-header nav[aria-label="주요"]>a:after,#site-header nav[aria-label="주요"]>div>a:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .38s var(--the8-smooth)}
#site-header nav[aria-label="주요"]>a:hover:after,#site-header nav[aria-label="주요"]>div>a:hover:after,#site-header nav[aria-label="주요"] [aria-current="page"]:after{transform:scaleX(1)}
#site-header nav[aria-label="주요"] .group>div>div{background:#131d27;border-top:2px solid var(--the8-lime);box-shadow:0 24px 55px #0005;backdrop-filter:blur(16px)}
#site-header img[alt="THE8"]{max-height:59px;width:auto;object-fit:contain;transition:transform .6s var(--the8-smooth)}
#site-header a[aria-label="THE8"]:hover img{transform:scale(1.035)}
html.the8-scrolled #site-header{box-shadow:0 10px 35px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.the8-scroll-progress{position:fixed;left:0;top:0;height:3px;background:var(--the8-lime);width:100%;transform:scaleX(0);transform-origin:0 50%;z-index:1000;pointer-events:none;box-shadow:0 0 22px rgba(205,250,120,.5)}
main>div>section{position:relative}
main>div>section>.shell{width:min(100% - 2*var(--the8-gutter),1520px)}
main .font-display{font-kerning:normal}
main h1,main h2,main h3{word-break:keep-all}
main [data-line="true"]{will-change:transform}
main .text-brand-gray{color:#4b5659}
main section .text-\[11px\].tracking-\[0\.28em\]{font-weight:700;letter-spacing:.32em}
main a.group.inline-flex{transition:opacity .35s var(--the8-smooth),transform .4s var(--the8-smooth)}
main a.group.inline-flex:hover{transform:translateX(4px)}
main a.group.inline-flex svg{border:1px solid currentColor;border-radius:100%;padding:6px;width:32px;height:32px;margin-left:6px;transition:background .35s,color .35s,transform .35s}
main a.group.inline-flex:hover svg{transform:rotate(45deg)}
/* HOME / 01: bold editorial campaign photograph, dimensional blue-black overlays */
html[data-the8-page="home"] main>div>section:nth-of-type(1){min-height:max(750px,100svh);background:#101820;isolation:isolate}
html[data-the8-page="home"] main>div>section:nth-of-type(1)>div:first-child{overflow:hidden}
html[data-the8-page="home"] main>div>section:nth-of-type(1) img[src$="/images/the8/home/hero.webp"]{opacity:0!important}
html[data-the8-page="home"] main>div>section:nth-of-type(1) div:has(>img[src$="/images/the8/home/hero.webp"]){background-image:url('/images/the8/visual/hero-editorial.webp');background-size:cover;background-position:center 45%;transform:scale(1.065) translateY(var(--the8-hero-shift,0px));will-change:transform}
html[data-the8-page="home"] main>div>section:nth-of-type(1)>div:first-child img{transform:scale(1.065) translateY(var(--the8-hero-shift,0px));filter:saturate(.92) contrast(1.08);transition:filter .7s;will-change:transform;object-position:center 45%!important}
html[data-the8-page="home"] main>div>section:nth-of-type(1)>div:first-child:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,12,20,.66) 0%,rgba(5,12,20,.24) 53%,rgba(5,12,20,.05) 100%),linear-gradient(0deg,rgba(6,11,17,.70),transparent 53%),linear-gradient(130deg,rgba(7,27,66,.26),transparent 60%)}
html[data-the8-page="home"] main>div>section:nth-of-type(1)[data-hero-video="on"]>div:first-child:after{background:linear-gradient(90deg,rgba(5,12,20,.26) 0%,rgba(5,12,20,.07) 40%,rgba(5,12,20,0) 68%),linear-gradient(0deg,rgba(6,11,17,.30),transparent 42%)}
html[data-the8-page="home"] main>div>section:nth-of-type(1) video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center center;transform:scale(1.065) translateY(var(--the8-hero-shift,0px));transform-origin:center center;background:transparent;pointer-events:none}
html[data-the8-page="home"] main>div>section:nth-of-type(1):before{content:"";position:absolute;inset:112px var(--the8-gutter) 72px;z-index:2;border:1px solid rgba(255,255,255,.19);border-left-color:rgba(255,255,255,.05);pointer-events:none}
html[data-the8-page="home"] main>div>section:nth-of-type(1):after{content:"DESIGN  /  MANAGE  /  MOVE";position:absolute;top:145px;right:var(--the8-gutter);z-index:3;font-size:10px;letter-spacing:.35em;font-weight:750;writing-mode:vertical-rl;color:#d0fa81;pointer-events:none}
html[data-the8-page="home"] main>div>section:nth-of-type(1) .inset-x-safe{padding:170px calc(var(--the8-gutter) + 3vw) 110px;align-items:end;gap:clamp(28px,6vw,96px)}
html[data-the8-page="home"] main>div>section:nth-of-type(1) h1{font-size:clamp(110px,17vw,270px);font-weight:900;letter-spacing:-.105em;line-height:.71;text-shadow:0 12px 80px #0004;margin-top:28px}
html[data-the8-page="home"] main>div>section:nth-of-type(1) h1:after{content:"MOVEMENT, MANAGED.";display:block;font:700 clamp(11px,1.05vw,15px)/1.4 var(--font-noto),sans-serif;letter-spacing:.31em;margin-top:26px;color:var(--the8-lime);white-space:nowrap}
html[data-the8-page="home"] main>div>section:nth-of-type(1) h1+*{max-width:420px}
html[data-the8-page="home"] main>div>section:nth-of-type(1) p:not(:first-child){text-wrap:pretty}
html[data-the8-page="home"] main>div>section:nth-of-type(1) .lg\:col-span-4 p{font-size:clamp(21px,2.25vw,35px);font-weight:650;letter-spacing:-.055em;line-height:1.45;text-wrap:balance}
html[data-the8-page="home"] main>div>section:nth-of-type(1) .scroll-dot{background:var(--the8-lime)}
/* HOME / 02: typographic foundation + landscape image window */
html[data-the8-page="home"] main>div>section:nth-of-type(2){background:#f1f3ee;isolation:isolate}
html[data-the8-page="home"] main>div>section:nth-of-type(2)>.pointer-events-none{opacity:.22;filter:saturate(.5)}
html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell{padding-top:clamp(110px,12vw,188px);padding-bottom:clamp(390px,39vw,630px)}
html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell:before{content:"OUR PHILOSOPHY";position:absolute;left:0;bottom:clamp(52px,6vw,100px);font:800 clamp(13px,1.25vw,19px)/1 var(--font-archivo),sans-serif;letter-spacing:.19em;color:#203440;z-index:3;border-left:3px solid var(--the8-cobalt);padding:3px 0 3px 19px}
html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell:after{content:"";display:block;position:absolute;width:clamp(300px,58%,900px);height:clamp(300px,34vw,495px);right:0;bottom:85px;background-image:url('/images/the8/visual/about-editorial.webp');background-size:cover;background-position:center;box-shadow:35px 35px 0 #cdd8dc,38px 38px 0 var(--the8-cobalt);z-index:1}
html[data-the8-page="home"] main>div>section:nth-of-type(2) h2{font-size:clamp(56px,7.3vw,116px);font-weight:800;color:#121a23;letter-spacing:-.076em;line-height:.92}
html[data-the8-page="home"] main>div>section:nth-of-type(2) h2 span:last-child{color:#193caa}
html[data-the8-page="home"] main>div>section:nth-of-type(2) .lg\:col-span-4 p{font-weight:650;line-height:1.58;color:#1b2529}
/* HOME / 03: floating accordion adjacent to full-bleed photo */
html[data-the8-page="home"] main>div>section:nth-of-type(3){background:#0c141d}
html[data-the8-page="home"] main>div>section:nth-of-type(3)>.lg\:grid{gap:0}
html[data-the8-page="home"] main>div>section:nth-of-type(3)>.lg\:grid>div:first-child{padding:clamp(85px,9vw,145px) var(--the8-gutter);background:radial-gradient(ellipse at 0% 0%,#183448 0%,transparent 40%),#101a24}
html[data-the8-page="home"] main>div>section:nth-of-type(3) h2{font-size:clamp(53px,5.8vw,96px);line-height:.93;letter-spacing:-.07em}
html[data-the8-page="home"] main>div>section:nth-of-type(3) ul{margin-top:65px;border-bottom:1px solid rgba(255,255,255,.18)}
html[data-the8-page="home"] main>div>section:nth-of-type(3) li{position:relative;transition:padding .45s var(--the8-smooth)}
html[data-the8-page="home"] main>div>section:nth-of-type(3) li:before{content:"";position:absolute;left:-22px;top:17%;bottom:17%;width:2px;background:var(--the8-lime);transform:scaleY(0);transform-origin:50% 0;transition:transform .45s var(--the8-smooth)}
html[data-the8-page="home"] main>div>section:nth-of-type(3) li:has(button[aria-pressed="true"]):before{transform:scaleY(1)}
html[data-the8-page="home"] main>div>section:nth-of-type(3) li button{padding:24px 0;transition:padding .45s}
html[data-the8-page="home"] main>div>section:nth-of-type(3) li button[aria-pressed="true"]{padding:32px 0 34px}
html[data-the8-page="home"] main>div>section:nth-of-type(3) li button:hover .font-display{color:var(--the8-lime)}
html[data-the8-page="home"] main>div>section:nth-of-type(3) .lg\:col-span-7>div{box-shadow:inset 20px 0 55px #0002}
html[data-the8-page="home"] main>div>section:nth-of-type(3) .lg\:col-span-7 img{filter:saturate(.80) contrast(1.07)}
html[data-the8-page="home"] main>div>section:nth-of-type(3) .lg\:col-span-7:after{content:"BUILT FOR EVERY SPACE  /  01—04";position:absolute;bottom:26px;right:35px;z-index:8;padding:10px 14px;background:#0c141dbb;color:var(--the8-lime);font-size:10px;letter-spacing:.2em;pointer-events:none}
/* HOME / 04: exhibition-style responsive media grid */
html[data-the8-page="home"] main>div>section:nth-of-type(4){background:#e9eeec}
html[data-the8-page="home"] main>div>section:nth-of-type(4)>.shell{padding-block:clamp(90px,10vw,160px)}
html[data-the8-page="home"] main>div>section:nth-of-type(4) h2{max-width:1100px;letter-spacing:-.072em;color:#14232b}
html[data-the8-page="home"] main>div>section:nth-of-type(4) h2 span:last-child{color:#2345ad}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article{position:relative;min-width:0}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article>a>div:first-child{border-radius:3px;outline:1px solid rgba(10,20,29,.09);outline-offset:0;isolation:isolate}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article>a>div:first-child:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,14,20,.28));pointer-events:none;transition:background .45s}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article:hover>a>div:first-child:after{background:linear-gradient(180deg,rgba(22,47,60,.07),rgba(5,16,25,.50))}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article img{filter:saturate(.83) contrast(1.08);transition:filter .65s var(--the8-smooth),transform .9s var(--the8-smooth)}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article:hover img{filter:saturate(1.05) contrast(1.05);transform:scale(1.06)}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article>a>div:last-child{margin-top:20px;padding:0 4px 8px}
html[data-the8-page="home"] main>div>section:nth-of-type(4) article>a>div:last-child p:last-child{font-family:var(--font-archivo),sans-serif;font-weight:780;letter-spacing:-.04em}
/* HOME / 05: conversion finale */
html[data-the8-page="home"] main>div>section:nth-of-type(5){background:linear-gradient(110deg,#d8fb90,#bef779 62%,#a9ee63);overflow:hidden;isolation:isolate}
html[data-the8-page="home"] main>div>section:nth-of-type(5):before{content:"08";position:absolute;font-family:var(--font-archivo),sans-serif;font-weight:900;font-size:clamp(300px,38vw,650px);line-height:1;letter-spacing:-.17em;right:-2%;top:50%;transform:translateY(-48%);color:rgba(11,31,26,.08);pointer-events:none}
html[data-the8-page="home"] main>div>section:nth-of-type(5)>.shell{padding-block:clamp(105px,11vw,180px);position:relative;z-index:1}
html[data-the8-page="home"] main>div>section:nth-of-type(5) h2{font-size:clamp(65px,9vw,145px);font-weight:900;letter-spacing:-.085em;line-height:.87}
html[data-the8-page="home"] main>div>section:nth-of-type(5) a[href="/contact/"]{background:#142028;color:#e4ffb5;border-color:#142028;min-width:210px;border-radius:0;transition:transform .4s var(--the8-smooth),background .3s,color .3s}
html[data-the8-page="home"] main>div>section:nth-of-type(5) a[href="/contact/"]:hover{transform:translateY(-4px);background:#0932cd;color:#fff}
/* Internal page visual chapters */
html:not([data-the8-page="home"]) main>div>section:first-of-type{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(500px,70svh,790px);background:linear-gradient(118deg,#101b26,#172732 64%,#111c23)}
html:not([data-the8-page="home"]) main>div>section:first-of-type:before{content:"";position:absolute;inset:0 0 0 37%;z-index:-1;background-size:cover;background-position:center;filter:saturate(.72) contrast(1.06);opacity:.70;clip-path:polygon(21% 0,100% 0,100% 100%,0 100%)}
html:not([data-the8-page="home"]) main>div>section:first-of-type:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,16,23,.97),rgba(8,16,23,.78) 35%,rgba(8,16,23,.12) 76%),linear-gradient(0deg,rgba(5,12,19,.45),transparent 56%)}
html:not([data-the8-page="home"]) main>div>section:first-of-type h1{font-size:clamp(65px,10vw,155px);font-weight:900;letter-spacing:-.08em;line-height:.9;max-width:1100px;text-shadow:0 12px 80px #0006;position:relative}
html:not([data-the8-page="home"]) main>div>section:first-of-type h1:after{content:"";display:block;width:clamp(80px,10vw,160px);height:4px;background:var(--the8-lime);margin-top:28px}
html:not([data-the8-page="home"]) main>div>section:first-of-type .shell{position:relative;z-index:1}
html:not([data-the8-page="home"]) main>div>section:first-of-type .inset-x-safe{position:relative;z-index:1}
html[data-the8-page="company"] main>div>section:first-of-type:before{background-image:url('/images/the8/visual/operations-editorial.webp')}
html[data-the8-page="greeting"] main>div>section:first-of-type:before{background-image:url('/images/the8/home/about.webp')}
html[data-the8-page="business"] main>div>section:first-of-type:before{background-image:url('/images/the8/gallery/sample/corporate.webp')}
html[data-the8-page="people"] main>div>section:first-of-type:before{background-image:url('/images/the8/company/professional-staff.webp');background-position:50% 35%}
html[data-the8-page="history"] main>div>section:first-of-type:before{background-image:url('/images/the8/business/apartment.webp')}
html[data-the8-page="gallery"] main>div>section:first-of-type:before{background-image:url('/images/the8/gallery/sample/fitness.webp')}
html[data-the8-page="gallery-detail"] main>div>section:first-of-type:before{background-image:url('/images/the8/gallery/sample/hospital.webp')}
html[data-the8-page="contact"] main>div>section:first-of-type:before{background-image:url('/images/the8/contact/closing.webp')}
html[data-the8-page="journal"] main>div>section:first-of-type:before{background-image:url('/images/the8/business/corporate.webp')}
html:not([data-the8-page="home"]) main>div>section:nth-of-type(2){isolation:isolate}
html:not([data-the8-page="home"]) main>div>section:nth-of-type(2)>.shell{padding-block:clamp(72px,8vw,144px)}
html[data-the8-page="company"] main>div>section:nth-of-type(2),html[data-the8-page="business"] main>div>section:nth-of-type(2),html[data-the8-page="history"] main>div>section:nth-of-type(2),html[data-the8-page="gallery"] main>div>section:nth-of-type(2){background:#eef1ed}
html[data-the8-page="company"] main>div>section:nth-of-type(2) img,html[data-the8-page="business"] main>div>section:nth-of-type(2) img,html[data-the8-page="gallery"] main>div>section:nth-of-type(2) img{filter:contrast(1.075) saturate(.86);transition:transform .85s var(--the8-smooth),filter .55s}
html[data-the8-page="company"] main>div>section:nth-of-type(2) a:hover img,html[data-the8-page="business"] main>div>section:nth-of-type(2) a:hover img,html[data-the8-page="gallery"] main>div>section:nth-of-type(2) a:hover img{transform:scale(1.045);filter:contrast(1.05) saturate(1.06)}
html[data-the8-page="history"] main>div>section:nth-of-type(2) h2{color:#112b3b;letter-spacing:-.06em}
html[data-the8-page="people"] main>div>section:nth-of-type(2){background:radial-gradient(circle at 88% 4%,#1b3649,transparent 42%),#0a141d}
html[data-the8-page="contact"] main>div>section:nth-of-type(2){background:#0b151e}
/* Gallery contents use same editorial depth as home */
html[data-the8-page="gallery"] main article img,html[data-the8-page="gallery-detail"] main img{transition:filter .55s,transform .85s var(--the8-smooth);filter:contrast(1.06) saturate(.86)}
html[data-the8-page="gallery"] main article:hover img{transform:scale(1.045);filter:contrast(1.05) saturate(1.05)}
/* Footer: quiet, premium end-card */
footer{background:#091018!important;border-top:1px solid #ffffff24}
footer .shell{width:min(100% - 2*var(--the8-gutter),1520px)}
footer a{transition:color .3s,opacity .3s}
footer a:hover{color:var(--the8-lime)}
footer img[alt="THE8"]{filter:drop-shadow(0 4px 20px #ffffff19)}
/* scroll reveals: only enabled when observer is installed */
html.the8-motion-ready [data-the8-reveal]{opacity:0;transform:translate3d(0,38px,0);transition:opacity .85s var(--the8-smooth),transform 1s var(--the8-smooth);transition-delay:var(--the8-reveal-delay,0ms)}
html.the8-motion-ready [data-the8-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
html.the8-motion-ready [data-the8-reveal="image"]{transform:translate3d(0,26px,0) scale(.985)}
html.the8-motion-ready [data-the8-reveal="image"].is-visible{transform:translate3d(0,0,0) scale(1)}
/* Strong touch-friendly focus states. */
button:focus-visible,a:focus-visible{outline-color:var(--the8-lime);outline-offset:4px}
@media(min-width:1280px){
 html[data-the8-page="home"] main>div>section:nth-of-type(3)>.lg\:grid>div:first-child{padding-right:clamp(40px,5vw,95px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(4) .lg\:col-span-7{min-height:680px}
}
@media(max-width:1023px){
 html[data-the8-page="home"] main>div>section:nth-of-type(3)>.lg\:grid>div:first-child{padding:clamp(60px,10vw,90px) var(--the8-gutter)}
 html[data-the8-page="home"] main>div>section:nth-of-type(3) .lg\:col-span-7:after{display:none}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) .inset-x-safe{padding:160px var(--the8-gutter) 100px}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) h1{font-size:clamp(110px,19vw,210px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell{padding-bottom:clamp(330px,56vw,540px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell:after{width:65%;height:340px}
}
@media(max-width:640px){
 :root{--the8-gutter:23px}
 #site-header{height:73px}
 #site-header img[alt="THE8"]{max-height:47px}
 html[data-the8-page="home"] main>div>section:nth-of-type(1){min-height:100svh;min-height:max(670px,100svh)}
 html[data-the8-page="home"] main>div>section:nth-of-type(1):before{inset:86px 14px 65px}
 html[data-the8-page="home"] main>div>section:nth-of-type(1):after{top:110px;right:28px;font-size:9px;letter-spacing:.16em}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) div:has(>img[src$="/images/the8/home/hero.webp"]){background-position:58% center!important;transform:scale(1.12) translateY(0)}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) video{transform:scale(1.12) translateY(0);object-position:center center}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) .inset-x-safe{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:24px;padding:160px 35px 100px}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) h1{font-size:clamp(101px,24vw,155px);letter-spacing:-.105em}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) h1:after{font-size:9px;letter-spacing:.2em;margin-top:20px}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) .lg\:col-span-4 p{font-size:21px;line-height:1.5}
 html[data-the8-page="home"] main>div>section:nth-of-type(1) .mt-8.flex{margin-top:24px;gap:17px}
 html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell{padding-top:89px;padding-bottom:350px}
 html[data-the8-page="home"] main>div>section:nth-of-type(2) h2{font-size:clamp(50px,13.5vw,74px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell:after{width:calc(100% - 30px);height:250px;bottom:58px;right:20px;box-shadow:15px 15px 0 #cdd8dc,17px 17px 0 var(--the8-cobalt)}
 html[data-the8-page="home"] main>div>section:nth-of-type(2)>.shell:before{bottom:19px;font-size:10px}
 html[data-the8-page="home"] main>div>section:nth-of-type(3) h2{font-size:clamp(50px,12vw,75px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(3) ul{margin-top:36px}
 html[data-the8-page="home"] main>div>section:nth-of-type(3) li button{padding:18px 0}
 html[data-the8-page="home"] main>div>section:nth-of-type(4)>.shell{padding-block:82px}
 html[data-the8-page="home"] main>div>section:nth-of-type(4) h2{font-size:clamp(48px,11.5vw,71px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(4) article>a>div:first-child{min-height:60vw}
 html[data-the8-page="home"] main>div>section:nth-of-type(5) h2{font-size:clamp(51px,12.5vw,80px)}
 html[data-the8-page="home"] main>div>section:nth-of-type(5)>.shell{padding-block:93px}
 html:not([data-the8-page="home"]) main>div>section:first-of-type{min-height:clamp(460px,66svh,620px)}
 html:not([data-the8-page="home"]) main>div>section:first-of-type:before{inset:0 0 0 12%;opacity:.52;clip-path:none;background-position:center 30%}
 html:not([data-the8-page="home"]) main>div>section:first-of-type:after{background:linear-gradient(90deg,rgba(8,16,23,.94),rgba(8,16,23,.67)),linear-gradient(0deg,rgba(8,16,23,.3),transparent)}
 html:not([data-the8-page="home"]) main>div>section:first-of-type h1{font-size:clamp(48px,11vw,90px);overflow-wrap:anywhere}
 footer .shell{width:calc(100% - 46px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.the8-motion-ready [data-the8-reveal]{opacity:1!important;transform:none!important}html[data-the8-page="home"] main>div>section:nth-of-type(1) img[src$="/images/the8/home/hero.webp"]{opacity:0!important}
html[data-the8-page="home"] main>div>section:nth-of-type(1) div:has(>img[src$="/images/the8/home/hero.webp"]){background-image:url('/images/the8/visual/hero-editorial.webp');background-size:cover;background-position:center 45%;transform:scale(1.065) translateY(var(--the8-hero-shift,0px));will-change:transform}
html[data-the8-page="home"] main>div>section:nth-of-type(1)>div:first-child img{transform:scale(1.05)!important}html[data-the8-page="home"] main>div>section:nth-of-type(1) video{opacity:0!important;visibility:hidden;transform:none!important}}