:root{color-scheme:dark;--bg:#101011;--text:#eeeae4;--muted:#aaa8a6;--red:#cf4b4e;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #ef7274;outline-offset:6px}::selection{background:#a8393d;color:white}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:var(--red);z-index:10}.skip:focus{top:10px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:#101011;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:2.5px;font-size:19px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:6.5px;margin-top:8px}.brand-mark{width:47px;height:45px;overflow:hidden;display:block}.brand-mark img{height:45px;width:270px;max-width:none;display:block}.header nav{display:flex;gap:38px;font-size:14px;font-weight:500}.header nav a{transition:color .2s}.header nav a:hover{color:var(--red)}.header nav span{margin-left:14px;color:var(--red)}.hero{min-height:690px;height:calc(100svh - 96px);max-height:980px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,11,.82) 0%,rgba(9,10,11,.35) 48%,rgba(9,10,11,.08) 80%),linear-gradient(0deg,#101011 0%,transparent 32%)}.hero-content{position:relative;z-index:1;padding:30px 5.5% 100px;width:100%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.4px;display:flex;align-items:center;gap:12px;margin:0 0 26px}.eyebrow span{width:23px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(78px,9.6vw,156px);font-weight:700;line-height:.94;letter-spacing:-.018em;margin-bottom:28px}h1 em{font-style:normal;color:var(--red)}.hero-description{font-size:19px;line-height:1.65;color:#c4c0bd;margin-bottom:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:#ae363b;padding:18px 22px;font-size:14px;font-weight:600;border:1px solid #c74449;transition:background .2s,transform .2s}.button:hover{background:#c34247;transform:translateY(-2px)}.button span{font-size:21px}.hero-bottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:1.4px;color:#adabaa}.hero-bottom a{font-size:13px;letter-spacing:.5px}.hero-bottom a span{color:var(--red);font-size:23px;margin-left:15px}.coordinates{font-family:monospace}.section{padding:78px 5.5%;max-width:1800px;margin:auto}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:54px}.little-cross{font-size:22px;color:var(--red)}.studio-main{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:start}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(40px,4.4vw,68px);line-height:1.08;font-weight:600;letter-spacing:-.02em;margin-bottom:30px}h2 em{color:var(--red);font-style:normal}.studio-copy{max-width:440px;padding-top:6px}.studio-copy p,.principles p,.world-text>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.studio-copy p:first-child{color:#ded9d4;font-size:19px;line-height:1.7;margin-bottom:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin-top:60px}.principles article{border-top:1px solid var(--line);padding-top:25px}.principles article>span{font-size:12px;letter-spacing:1px;color:var(--red);display:block;margin-bottom:25px}.principles h3{font-size:21px;font-weight:500;margin-bottom:12px}.principles p{max-width:330px;margin-bottom:0}.worlds{padding-top:42px;padding-bottom:96px}.worlds .section-label{margin-bottom:28px}.world-panel{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:58px 6%;border:1px solid var(--line);background:radial-gradient(ellipse at 90% 70%,#4820234d,transparent 65%),#151415}.world-text{position:relative;z-index:1;max-width:470px}.world-text .eyebrow{color:var(--red);font-size:12px}.world-text h2{font-size:clamp(48px,5vw,76px)}.world-text>p:not(.eyebrow){max-width:380px;margin-bottom:30px}.coming{font-size:11px;letter-spacing:1.5px;padding:12px 15px;border:1px solid #ffffff28;display:inline-block;color:#c7bdbc}.world-emblem{width:330px;height:280px;overflow:hidden;opacity:.46;flex-shrink:0;margin-left:25px}.world-emblem img{height:280px;width:1680px;max-width:none}footer{padding:55px 5.5% 28px;border-top:1px solid var(--line)}.footer-name{display:inline-flex;align-items:baseline;gap:15px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;letter-spacing:-1px;font-size:clamp(45px,8vw,125px);line-height:1}.footer-name span{font-family:Barlow,Arial,sans-serif;font-size:12px;letter-spacing:4px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:52px;color:var(--muted);font-size:12px}.footer-bottom>span:nth-child(2){letter-spacing:1.5px}.footer-bottom a:hover{color:var(--text)}@media(min-width:1700px){.hero-content{padding-left:max(5.5%,calc((100vw - 1600px)/2))}}@media(max-width:800px){.header{height:80px}.header nav{gap:20px}.hero{height:calc(90svh - 80px);min-height:650px}.hero-art{object-position:63% center}.hero-content{padding-bottom:70px}h1{font-size:clamp(76px,12vw,110px)}.hero-shade{background:linear-gradient(90deg,#090a0bd6,#090a0b42),linear-gradient(0deg,#101011,transparent 45%)}.coordinates{display:none}.studio-main{grid-template-columns:1fr;gap:8px}.studio-copy{max-width:600px}.principles{gap:25px}.principles h3{font-size:19px}.section{padding-top:58px;padding-bottom:58px}.section-label{margin-bottom:35px}.world-panel{padding:42px 7%}.world-emblem{position:absolute;right:-55px;opacity:.17}.world-text{max-width:100%}.world-text p{max-width:80%}.footer-bottom>span:nth-child(2){display:none}}@media(max-width:520px){.header{padding:0 6%}.brand{font-size:15px;letter-spacing:1.5px;gap:8px}.brand small{letter-spacing:4px;font-size:9px}.brand-mark{width:35px;height:34px}.brand-mark img{height:34px;width:204px}.header nav{gap:16px;font-size:12px}.header nav span{display:none}.hero{min-height:610px;max-height:830px}.hero-content{padding-left:6%;padding-right:6%}h1{font-size:clamp(65px,15.8vw,86px)}.hero-description{font-size:17px}.eyebrow{font-size:11px}.hero-bottom{left:6%;right:6%}.hero-bottom>span:first-child{font-size:9px;max-width:145px;line-height:1.7}.hero-bottom a{font-size:12px}.section{padding-left:6%;padding-right:6%}.studio-main h2{font-size:43px}.principles{grid-template-columns:1fr;margin-top:35px;gap:30px}.principles article{padding-top:20px}.principles article>span{margin-bottom:14px}.principles p{max-width:none}.world-text h2{font-size:49px}.world-text>p:not(.eyebrow){max-width:100%}.coming{font-size:10px;letter-spacing:1px}.world-panel{padding:35px 7%}.footer-name{font-size:49px;gap:12px}.footer-name span{font-size:10px;letter-spacing:2px}.footer-bottom{margin-top:35px;flex-wrap:wrap;font-size:11px}footer{padding-top:38px}.section-label{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* HANAE//PRIMARY project presentation */
.hero-art{object-position:center center}.hero-shade{background:linear-gradient(90deg,#090a0bef 0%,#090a0bb5 36%,#090a0b24 75%),linear-gradient(0deg,#101011,transparent 40%)}
.hanae-title{font-size:clamp(76px,9vw,144px);line-height:.98;margin-bottom:22px}.title-slashes{color:var(--red)}.hanae-title .title-slashes{font-weight:600;margin-left:.06em}.release{font-size:24px;font-style:italic;font-weight:600;letter-spacing:1px;margin-bottom:18px;color:var(--text)}.hero-description{max-width:540px}.hanae-project{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%;background:#141617}.hanae-project .world-text{min-width:0;max-width:none}.hanae-project h2{font-size:clamp(38px,3.8vw,58px);overflow-wrap:anywhere;margin-bottom:12px}.hanae-project .world-text>p:not(.eyebrow){max-width:none}.hanae-project .world-text>.project-release{font-size:22px;color:var(--text);font-style:italic;font-weight:600;margin-bottom:22px}.project-art{display:block;border:1px solid var(--line);background:#101011;transition:border-color .2s}.project-art:hover{border-color:var(--red)}.project-art img{display:block;width:100%;height:auto;aspect-ratio:460/215}.project-art>span{display:flex;justify-content:space-between;padding:18px;font-size:14px;letter-spacing:1px}.project-art>span>span{color:var(--red)}
@media(max-width:800px){.hanae-project{grid-template-columns:1fr;gap:32px}.project-art{max-width:540px}.hero-shade{background:linear-gradient(90deg,#090a0be8,#090a0b6b),linear-gradient(0deg,#101011,transparent 45%)}}
@media(max-width:520px){.hanae-title{font-size:clamp(64px,17vw,88px)}.release{font-size:21px}.hero-description br{display:none}.hero-description{max-width:310px}.hero-content{padding-top:25px;padding-bottom:70px}.hero{min-height:660px}.hanae-project h2{font-size:40px}.hanae-project .eyebrow{line-height:1.6;letter-spacing:1.5px}.header nav{gap:12px}.header nav a{font-size:12px}}