/* PROJECT ATLAS / Edition 02
   Original editorial visual system. No framework, external fonts or paid assets. */
:root{--ink:#11110f;--ink2:#1c1b19;--paper:#eae7de;--paper2:#f4f1ea;--line:#d4d0c6;--white:#f5f2e9;--orange:#f16e4d;--muted:#8d8b84;--container:1540px;--gutter:clamp(22px,4.6vw,82px);--sans:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:Georgia,"Times New Roman",serif;--duration:650ms;scroll-behavior:smooth;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;overflow-x:hidden;font-family:var(--sans);background:var(--ink);color:var(--white);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,canvas,svg{max-width:100%}img{display:block}h1,h2,h3,p{margin:0}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid var(--orange)!important;outline-offset:4px}button:focus-visible{border-radius:3px} .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.container-wide{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section-pad{padding-block:clamp(104px,11vw,190px)}.skip-link{position:fixed;top:0;left:12px;z-index:600;transform:translateY(-140%);padding:12px 18px;background:var(--orange);color:var(--ink)}.skip-link:focus{transform:translateY(8px)}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}.reading-progress{height:3px;position:fixed;z-index:120;top:0;left:0;width:100%;pointer-events:none}.reading-progress>div{height:100%;width:0;background:var(--orange);transform-origin:left center}
/* Header */
.site-header{height:86px;position:absolute;top:0;left:0;right:0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);border-bottom:1px solid rgba(240,237,228,.18);color:var(--white)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{font-size:39px;line-height:1;color:var(--orange);display:inline-block;transform-origin:50% 53%;animation:brand-rotate 24s linear infinite}.brand-word{font-size:24px;letter-spacing:-.08em;font-weight:900;white-space:nowrap}.brand-reg{position:relative;top:-12px;font-size:9px;letter-spacing:0;margin-left:2px}.brand-descriptor{margin-left:8px;padding-left:17px;border-left:1px solid #4b4a46;font-size:9px;line-height:1.55;font-weight:700;letter-spacing:.09em}.desktop-nav{display:flex;align-items:center;gap:clamp(23px,3.5vw,56px)}.desktop-nav a{font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.desktop-nav a span{font-size:9px;color:var(--orange);vertical-align:super;margin-left:3px}.desktop-nav a:hover,.under-link:hover{color:var(--orange)}.header-tools{display:flex;align-items:center;gap:17px}.motion-button{border:0;background:none;color:#d3cec5;display:flex;align-items:center;gap:7px;padding:12px 4px;font-size:10px;font-weight:bold;letter-spacing:.075em;white-space:nowrap}.motion-led,.live-dot{background:#b3eb8c;width:6px;height:6px;border-radius:50%;display:inline-block;box-shadow:0 0 11px #b3eb8c55}.nav-contact{font-size:11px;font-weight:800;letter-spacing:.06em;border:1px solid rgba(245,242,233,.36);padding:12px 16px;white-space:nowrap;transition:background .25s,color .25s}.nav-contact:hover{background:var(--white);color:var(--ink)}.nav-contact span{font-size:16px;margin-left:12px}.menu-toggle{width:38px;height:44px;display:none;border:0;background:none;justify-content:center;flex-direction:column;align-items:flex-end;gap:7px;padding:5px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--white);transition:transform .25s,width .25s}.menu-toggle span:last-child{width:17px}.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{width:25px;transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{display:none}
/* Hero */
.hero{position:relative;min-height:min(930px,100svh);min-height:max(760px,100svh);background:var(--ink);overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 75% at 74% 52%,rgba(71,57,49,.18),transparent 75%),linear-gradient(0deg,rgba(255,255,255,.02),transparent 26%)}.hero-vlines{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,transparent calc(50% - .5px),rgba(255,255,255,.075) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.05) 25%,transparent calc(25% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.05) 75%,transparent calc(75% + .5px))}.hero-grid{min-height:max(760px,100svh);display:grid;grid-template-columns:54% 46%;position:relative;align-items:stretch}.hero-copy{z-index:2;position:relative;padding-top:clamp(166px,17vh,225px);padding-bottom:150px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:850;display:flex;gap:12px;align-items:center;white-space:nowrap}.eyebrow-right{color:var(--muted);margin-left:12px}.tiny-cross{font-size:17px;color:var(--orange)}.hero-heading{position:relative;margin:clamp(38px,5vh,72px) 0 0;font-family:Arial,"Arial Black",sans-serif;font-size:clamp(92px,10.75vw,176px);font-weight:900;letter-spacing:-.105em;line-height:.85;white-space:nowrap}.type-line{display:block;overflow:hidden;line-height:1.03;padding-bottom:.03em}.type-line>span{display:block;transform:translateY(115%);animation:hero-title-in 1.1s cubic-bezier(.22,1,.36,1) forwards}.type-line:nth-child(2)>span{animation-delay:.15s}.secondary-line{font-size:.73em;letter-spacing:-.087em}.secondary-line em{font-family:var(--serif);font-weight:400;font-size:.88em;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1.5px var(--white);font-style:italic;margin-right:.045em}.title-dot{color:var(--orange);font-style:normal}.hero-copy-bottom{display:flex;gap:clamp(25px,4vw,65px);align-items:end;margin-top:48px}.hero-korean{font-weight:500;font-size:clamp(16px,1.6vw,23px);line-height:1.68;letter-spacing:-.06em;min-width:310px}.hero-korean strong{font-weight:760}.hero-footnote{font-size:11px;color:#aaa79f;letter-spacing:-.025em;line-height:1.8;border-left:1px solid #4e4b46;padding-left:23px}.hero-buttons{display:flex;align-items:center;gap:33px;margin-top:44px}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:205px;min-height:54px;padding:15px 23px;font-weight:800;font-size:13px;letter-spacing:-.025em;transition:background .3s,color .3s,transform .3s}.pill-link span{font-size:21px;font-weight:400}.pill-solid{background:var(--orange);color:var(--ink)}.pill-solid:hover{background:var(--white);transform:translateY(-3px)}.under-link{border-bottom:1px solid rgba(255,255,255,.65);padding:13px 0;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:20px;transition:color .2s}.hero-art{position:relative;min-width:0;isolation:isolate}.hero-art canvas{position:absolute;width:115%;height:100%;max-width:none;left:-9%;top:0;z-index:2;touch-action:pan-y;cursor:grab}.hero-art canvas:active{cursor:grabbing}.art-fallback{position:absolute;top:20%;left:18%;width:71%;aspect-ratio:1;display:grid;place-items:center;opacity:.5;filter:drop-shadow(0 0 30px rgba(241,110,77,.08))}.art-fallback span{grid-area:1/1;width:86%;height:44%;border:1px solid rgba(241,110,77,.4);border-radius:50%;transform:rotate(45deg)}.art-fallback span:nth-child(2){transform:rotate(-43deg);width:90%;height:55%;border-color:#faf0da55}.art-fallback span:nth-child(3){transform:rotate(90deg);width:80%;height:42%;border-color:#f16e4d88}.art-caption{position:absolute;z-index:4;font-size:10px;line-height:1.65;letter-spacing:.08em;color:#a09b90;pointer-events:none}.art-caption b{color:var(--white)}.art-caption-top{right:4%;top:18%}.art-caption-bottom{left:3%;bottom:25%;color:var(--white)}.art-caption-bottom span{font-size:18px}.art-caption-bottom small{color:var(--muted);font-size:9px}.art-crosshair{position:absolute;z-index:1;color:#79736e;font:22px/1 monospace;opacity:.55}.art-crosshair-one{top:25%;left:11%}.art-crosshair-two{bottom:32%;right:8%}.hero-floor{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;justify-content:space-between;height:80px;border-top:1px solid rgba(240,237,228,.17);font-size:10px;font-weight:800;letter-spacing:.105em;color:#aaa79f;white-space:nowrap}.hero-scroll{color:var(--white);display:flex;align-items:center;gap:14px}.hero-scroll:hover{color:var(--orange)}.scroll-dash{width:24px;height:1px;background:var(--orange)}.hero-floor-right{display:flex;align-items:center;gap:10px}.hero-enter{animation:fade-rise .9s .45s both}.hero-buttons.hero-enter{animation-delay:.65s}.ribbon-ticker{height:58px;overflow:hidden;background:var(--orange);color:var(--ink);display:flex;align-items:center;white-space:nowrap;border-block:1px solid #26231f}.ticker-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.ticker-track span{font-size:23px;font-weight:900;letter-spacing:-.035em;padding-right:55px}
/* Section heading */
.selected-section,.archive-section{background:var(--paper);color:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:70px}.section-label{display:flex;align-items:center;gap:9px;color:#64615c;font-weight:900;font-size:11px;letter-spacing:.12em;margin-bottom:34px}.label-star{color:var(--orange);font-size:16px}.section-title{font-size:clamp(62px,7.7vw,128px);font-weight:900;letter-spacing:-.095em;line-height:.94}.serif-accent{font-family:var(--serif);font-style:italic;letter-spacing:-.08em;font-weight:400;color:var(--orange)}.section-head-side{max-width:285px;flex:0 0 285px;display:flex;flex-direction:column;gap:14px}.section-head-side p{font-size:15px;line-height:1.65;letter-spacing:-.055em;font-weight:650}.section-index{font-size:11px;letter-spacing:.11em;color:#89857f;font-weight:850}.section-head-side .caption-muted{font-size:11px;color:#817d75;font-weight:450;line-height:1.7}
/* Work cards and independent conceptual visualizations */
.featured-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,65px) clamp(16px,2.25vw,33px)}.work-card{grid-column:span 6;display:block;min-width:0;outline-offset:6px}.work-card:nth-child(1),.work-card:nth-child(4),.work-card:nth-child(5){grid-column:span 7}.work-card:nth-child(2),.work-card:nth-child(3),.work-card:nth-child(6){grid-column:span 5}.work-card:nth-child(7){grid-column:span 12}.work-card .work-poster{height:clamp(300px,31vw,490px);overflow:hidden;position:relative;background:var(--ink);isolation:isolate}.work-card:nth-child(7) .work-poster{height:clamp(370px,36vw,535px)}.poster-scene{position:absolute;inset:0;overflow:hidden;transition:transform .9s cubic-bezier(.2,.8,.25,1);transform:scale(1.005);background:var(--poster-bg,#262c2a);color:var(--poster-ink,#fff)}.work-card:hover .poster-scene,.work-card:focus-visible .poster-scene{transform:scale(1.045)}.poster-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 13%,rgba(255,255,255,.14),transparent 40%);z-index:0}.poster-frame{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:4;gap:15px;font-size:10px;letter-spacing:.09em;font-weight:900}.poster-frame b{font-size:10px;font-weight:850;border:1px solid currentColor;border-radius:30px;padding:7px 10px}.poster-footer{position:absolute;bottom:19px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:5;align-items:center;color:inherit;font-size:10px;font-weight:900;letter-spacing:.1em}.poster-index{position:absolute;top:50%;left:27px;transform:translateY(-50%);font-size:12px;color:#ffffff55;z-index:1;writing-mode:vertical-rl;letter-spacing:.14em}.work-meta{display:flex;align-items:start;justify-content:space-between;padding-top:19px;border-top:1px solid #a5a098;margin-top:15px;gap:20px}.work-cat{font-weight:900;letter-spacing:.13em;font-size:10px;color:#75716b}.work-number{font-size:11px;color:#75716b;letter-spacing:.07em}.work-name-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;gap:12px}.work-name{font-size:clamp(31px,3.7vw,58px);font-weight:900;letter-spacing:-.085em;line-height:1.05}.work-link-arrow{width:41px;height:41px;display:grid;place-items:center;border:1px solid #99948b;border-radius:50%;font-size:20px;transition:transform .3s,background .3s,color .3s;flex:0 0 auto}.work-card:hover .work-link-arrow,.work-card:focus-visible .work-link-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.work-summary{margin-top:10px;font-size:14px;letter-spacing:-.045em;color:#6b6863;line-height:1.6;max-width:560px}.featured-foot{margin-top:75px;padding-top:23px;border-top:1px solid #bdb7ad;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:11px;font-weight:850;letter-spacing:.1em}.featured-foot a{font-size:13px;letter-spacing:-.02em;border-bottom:1px solid currentColor;padding-bottom:4px}.featured-foot a:hover{color:var(--orange)}
/* Poster palettes */
.tone-violet{--poster-bg:#1b1937;--poster-ink:#e9e4f9;--poster-accent:#c1abff}.tone-orange{--poster-bg:#ef8658;--poster-ink:#261e1c;--poster-accent:#f2e9d4}.tone-peach{--poster-bg:#d6cabf;--poster-ink:#282226;--poster-accent:#e66951}.tone-blue{--poster-bg:#202b47;--poster-ink:#f4f6ef;--poster-accent:#9ab9fc}.tone-cream{--poster-bg:#e6dfd1;--poster-ink:#332a27;--poster-accent:#9e594e}.tone-cyan{--poster-bg:#1c3039;--poster-ink:#ecf7ef;--poster-accent:#95e8d5}.tone-green{--poster-bg:#b4ce9b;--poster-ink:#1c2b22;--poster-accent:#1c4831}
/* Statement */
.statement{background:var(--ink);color:var(--white);padding-block:100px 110px;overflow:hidden}.statement-top,.statement-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.13em;font-weight:850;color:#898780}.statement-top{padding-bottom:43px;border-bottom:1px solid #44413b}.statement-line{font-size:clamp(38px,5.5vw,92px);line-height:1.25;letter-spacing:-.075em;font-weight:850;padding-block:85px 100px}.statement-line span{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--orange)}.statement-period{color:var(--orange)}.statement-bottom{border-top:1px solid #44413b;padding-top:28px}
/* Archive */
.archive-section{background:#f1eee7}.archive-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:67px}.archive-head-body{max-width:290px;display:flex;gap:30px;align-items:end;flex-direction:column}.archive-head-body p{font-size:15px;font-weight:600;line-height:1.65;letter-spacing:-.04em}.archive-total{display:flex;align-items:center;gap:14px}.archive-total strong{font-size:69px;font-weight:900;line-height:1;letter-spacing:-.1em}.archive-total span{font-size:10px;letter-spacing:.1em;line-height:1.3;font-weight:800}.archive-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:16px}.archive-tabs{display:flex;flex-wrap:wrap;gap:7px}.tab{border:1px solid transparent;background:none;color:#7b7770;padding:10px 14px;font-size:12px;font-weight:800;white-space:nowrap}.tab span{font-size:9px;vertical-align:super}.tab:hover{color:#111}.tab.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.search-field{display:flex;gap:11px;align-items:center;min-width:245px;padding:12px 11px;border:1px solid #c8c2b7;color:#78746b}.search-field input{background:none;outline:0;border:0;color:var(--ink);min-width:0;width:100%;font-size:12px}.search-field input:focus{outline:0!important}.search-field:focus-within{border-color:var(--ink);outline:2px solid var(--orange)}.search-field kbd{font:11px monospace;border:1px solid #aaa59b;padding:2px 5px}.archive-item{position:relative;display:grid;grid-template-columns:56px 1fr 1fr 120px 40px;align-items:center;gap:30px;padding:24px 6px;border-bottom:1px solid #c4beb5;min-height:103px;transition:padding .3s,background .3s}.archive-item:hover,.archive-item:focus-visible{background:#e3dfd5;padding-inline:19px}.archive-no,.archive-kind{font-size:11px;color:#8b857e;font-weight:850;letter-spacing:.1em}.archive-name{font-size:clamp(24px,2.5vw,38px);font-weight:900;letter-spacing:-.07em}.archive-description{font-size:13px;line-height:1.6;color:#77716b;letter-spacing:-.045em}.archive-arrow{display:flex;justify-content:flex-end;font-size:26px;transition:transform .3s}.archive-item:hover .archive-arrow{transform:rotate(45deg)}.no-results{padding:45px 0;font-size:14px}.archive-legend{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;font-size:12px;color:#777169}.archive-legend span{display:flex;gap:9px;align-items:center}.legend-swatch{width:7px;height:7px;border-radius:50%;background:var(--orange)}.archive-legend a{font-size:10px;letter-spacing:.12em;font-weight:900;color:#3e3934}
/* Method */
.method-section{background:#191917;color:var(--white)}.method-head .section-label{color:#98958e}.method-head{align-items:end}.method-intro{max-width:280px;font-size:16px;line-height:1.6;font-weight:500;color:#aaa69e;letter-spacing:-.04em}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #4b4943}.method-card{padding:31px;min-height:340px;display:flex;flex-direction:column;position:relative;border-right:1px solid #4b4943}.method-card:last-child{border-right:0}.method-number{font-size:10px;letter-spacing:.12em;font-weight:850;color:var(--orange)}.method-icon{height:115px;display:flex;align-items:center;justify-content:center;gap:10px;margin:auto;position:relative}.method-icon i{display:block;border:1px solid #c2bfb6;position:relative}.method-icon-one i{width:32px;height:53px;transform:skewY(-16deg)}.method-icon-one i:nth-child(2){height:73px;border-color:var(--orange)}.method-icon-two i{width:30px;height:30px;border-radius:50%}.method-icon-two i:nth-child(2){background:var(--orange);border-color:var(--orange)}.method-icon-three i{width:22px;height:22px;transform:rotate(45deg);border-color:#c0cfbb}.method-icon-three i:nth-child(2){background:var(--orange);border-color:var(--orange);width:33px;height:33px}.method-card h3{font-size:22px;letter-spacing:-.05em;margin-bottom:12px}.method-card p{color:#aaa69e;font-size:13px;line-height:1.8;max-width:295px;letter-spacing:-.03em}.architecture{margin-top:75px;border-top:1px solid #4b4943;padding-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.architecture-copy>span{font-size:10px;font-weight:900;color:var(--orange);letter-spacing:.1em}.architecture-copy h3{font-size:clamp(24px,2.7vw,42px);line-height:1.23;letter-spacing:-.055em;margin:16px 0}.architecture-copy p{font-size:13px;line-height:1.9;color:#9f9b93;max-width:480px}.architecture-flow{display:flex;align-items:stretch;justify-content:space-between;gap:8px}.architecture-flow div{border:1px solid #6a665e;min-width:0;flex:1;padding:18px 14px;display:flex;flex-direction:column;gap:11px}.architecture-flow div span{color:var(--orange);font-size:10px}.architecture-flow strong{font-size:clamp(10px,1.1vw,14px);letter-spacing:-.02em;word-break:break-word}.architecture-flow small{font-size:9px;color:#817d75;letter-spacing:.1em}.architecture-flow>b{align-self:center;color:var(--orange)}
/* Contact and footer */
.contact-section{background:var(--orange);color:var(--ink);padding:80px 0 65px;overflow:hidden}.contact-marker{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #29221f66;padding-bottom:24px;font-size:11px;font-weight:900;letter-spacing:.105em}.contact-marker .tiny-cross{color:var(--ink)}.contact-marker span:last-child{margin-left:auto}.contact-title{position:relative;display:block;font-size:clamp(94px,15.5vw,240px);font-weight:900;letter-spacing:-.105em;line-height:.85;padding-top:85px;padding-bottom:82px}.contact-title em{font:italic 400 .97em/.84 var(--serif);letter-spacing:-.09em}.contact-arrow{position:absolute;right:0;top:88px;font-size:.28em;font-weight:400}.contact-bottom{display:flex;justify-content:space-between;gap:40px;border-top:1px solid #29221f66;padding-top:25px;align-items:start}.contact-bottom p{font-size:18px;font-weight:900;letter-spacing:-.05em;margin-bottom:10px}.contact-bottom small{font-size:12px;line-height:1.8;display:block;max-width:430px;color:#44332b}.contact-links{display:flex;align-items:center;gap:18px}.contact-links a,.contact-button{border:1px solid var(--ink);display:inline-flex;min-height:49px;align-items:center;justify-content:space-between;gap:26px;padding:13px 17px;background:transparent;color:var(--ink);font-size:12px;font-weight:900;white-space:nowrap}.contact-button:hover,.contact-links a:hover{background:var(--ink);color:var(--orange)}.site-footer{background:var(--ink);color:var(--white);padding:28px 0}.site-footer .container-wide{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.11em;font-weight:800}.footer-brand{font-size:17px;letter-spacing:-.07em;font-weight:900}.site-footer span{color:#939087}.site-footer a:hover{color:var(--orange)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,100px);z-index:500;background:#11110f;color:#fff;padding:14px 22px;border:1px solid #55514b;font-size:13px;opacity:0;transition:transform .3s,opacity .3s;box-shadow:0 15px 45px #0006;pointer-events:none}.toast.is-visible{transform:translate(-50%,0);opacity:1}
/* Detailed case study pages */
.page-detail{background:var(--paper2);color:var(--ink)}.page-detail .site-header{position:relative;background:var(--ink)}.detail-main{background:var(--paper2)}.detail-top{padding-top:35px}.crumbs{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#77726b;font-size:11px;font-weight:900;letter-spacing:.1em}.crumbs a:hover{color:var(--orange)}.detail-hero{padding-top:85px;padding-bottom:85px}.detail-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.09em;font-weight:850;color:#77716b;margin-bottom:28px}.detail-hero h1{font-size:clamp(74px,12vw,180px);letter-spacing:-.105em;font-weight:900;line-height:.92;overflow-wrap:anywhere}.detail-tagline{font-size:clamp(24px,3.5vw,45px);letter-spacing:-.065em;line-height:1.3;font-weight:700;margin-top:33px;max-width:1100px}.detail-visual{height:clamp(340px,57vw,740px);position:relative;overflow:hidden;background:#161515}.detail-visual .poster-frame{top:34px;left:34px;right:34px;font-size:13px}.detail-visual .poster-footer{bottom:27px;left:35px;right:35px;font-size:11px}.detail-concept-caption{font-size:12px;color:#77716b;letter-spacing:-.02em;margin-top:16px;line-height:1.6}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid #aaa49a;margin-top:120px}.fact{padding:26px 19px;border-right:1px solid #c9c3b9}.fact:last-child{border-right:0}.fact span{display:block;font-size:10px;letter-spacing:.1em;font-weight:900;color:#8f8981;margin-bottom:15px}.fact strong{font-size:15px;line-height:1.5;letter-spacing:-.03em;display:block}.case-columns{display:grid;grid-template-columns:minmax(220px,30%) 1fr;gap:10%;padding:100px 0;border-bottom:1px solid #c7c0b5}.case-chapter{font-size:11px;letter-spacing:.14em;font-weight:900;color:#8c867c}.case-text h2{font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.07em;margin-bottom:30px}.case-text p{font-size:clamp(16px,1.45vw,21px);line-height:1.9;letter-spacing:-.045em;color:#605a53;max-width:800px}.case-focus-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:36px}.case-focus-list div{padding:24px 15px;border-top:2px solid var(--ink);min-height:120px;font-size:17px;line-height:1.4;font-weight:850;letter-spacing:-.05em}.case-focus-list span{display:block;font-size:11px;color:var(--orange);margin-bottom:16px}.status-block{border:1px solid #c8c0b7;padding:29px 34px;margin-top:30px;background:#e9e3d9;display:flex;gap:21px;align-items:start}.status-block>span{font-size:26px;color:var(--orange)}.status-block strong{font-size:17px;letter-spacing:-.04em}.status-block p{margin-top:11px;font-size:14px;line-height:1.8}.case-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.case-links a{display:inline-flex;gap:22px;padding:17px 20px;background:var(--ink);color:var(--white);font-size:13px;font-weight:850}.case-links a:hover{background:var(--orange);color:var(--ink)}.no-case-links{border-top:1px solid #cac4ba;padding-top:16px;margin-top:24px;color:#827c73!important;font-size:12px!important}.detail-next{margin-top:130px;background:var(--ink);color:var(--paper);padding-block:110px}.detail-next-label{font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--orange)}.detail-next a{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:35px;border-bottom:1px solid #6b655f;padding-bottom:35px}.detail-next h2{font-size:clamp(55px,8.5vw,120px);letter-spacing:-.09em;line-height:1}.detail-next a span{font-size:60px;transition:transform .3s}.detail-next a:hover span{transform:translate(7px,-7px)}.detail-next .next-category{display:block;margin-top:18px;font-size:12px;color:#a4a097}.detail-copyright{display:block;margin-block:35px;color:#6a645d;font-size:12px}.page-detail .site-footer{padding-block:28px}.error-page{min-height:100svh;display:grid;place-items:center;background:var(--ink)}.error-page main{width:min(90%,900px)}.error-page h1{font-size:clamp(60px,10vw,140px);line-height:.95;letter-spacing:-.09em;margin:45px 0}.error-page .pill-link{margin-top:35px}
/* Reveal — visible until JS explicitly enhances (avoids hiding content with script errors) */
.js .reveal{opacity:0;transform:translateY(36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.js .work-card.reveal:nth-child(even){transition-delay:80ms}.motion-off .reveal,.motion-off .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
/* animation definitions */
@keyframes hero-title-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes fade-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes brand-rotate{to{transform:rotate(360deg)}}@keyframes route-move{to{stroke-dashoffset:-260}}@keyframes wave-pulse{to{height:calc(var(--h)*.58%)}}@keyframes scan-vertical{0%{transform:translateY(0)}100%{transform:translateY(175px)}}
/* Responsive */
@media(min-width:1600px){.hero-heading{font-size:177px}.hero-grid{grid-template-columns:55% 45%}.hero-copy{padding-top:22vh}.hero-art canvas{left:-9%;width:115%}}
@media(max-width:1190px){.brand-descriptor{display:none}.desktop-nav{gap:20px}.hero-heading{font-size:clamp(79px,10.4vw,130px)}.hero-copy-bottom{display:block}.hero-footnote{margin-top:19px}.hero-copy{padding-top:170px}.hero-art canvas{left:-14%;width:125%}.work-card .work-poster{height:360px}.work-card:nth-child(7) .work-poster{height:430px}.archive-item{grid-template-columns:42px 1fr 1fr 90px 30px;gap:17px}.method-card{padding:25px}}
@media(max-width:900px){:root{--gutter:25px}.site-header{height:77px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex}.mobile-menu{position:fixed;display:flex;top:77px;right:0;left:0;bottom:0;z-index:109;background:var(--ink);padding:28px var(--gutter) 65px;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-14px);transition:opacity .25s,transform .25s,visibility .25s;overflow-y:auto}.menu-open .mobile-menu{visibility:visible;opacity:1;transform:none}.mobile-menu a{padding:17px 2px;border-bottom:1px solid #4b4942;display:flex;justify-content:space-between;font-size:clamp(27px,5vw,42px);font-weight:900;letter-spacing:-.06em}.mobile-menu a span{font-size:11px;color:var(--orange);letter-spacing:0}.mobile-menu-note{font-size:11px;color:var(--muted);letter-spacing:.1em;margin-top:60px}.hero{min-height:850px}.hero-grid{min-height:850px;grid-template-columns:1fr}.hero-copy{padding-top:140px;padding-bottom:200px;z-index:3}.hero-heading{font-size:clamp(83px,11vw,127px);margin-top:40px}.hero-art{position:absolute;inset:100px 0 70px 31%;z-index:1;opacity:.85}.hero-art canvas{left:0;width:110%}.art-caption-top{top:8%}.art-caption-bottom{bottom:15%;left:26%}.hero-copy-bottom{margin-top:40px}.hero-footnote{max-width:320px}.hero-floor{height:70px}.hero-floor-right{display:none}.section-head{align-items:start}.section-title{font-size:clamp(60px,8vw,90px)}.work-card:nth-child(n){grid-column:span 6}.work-card .work-poster,.work-card:nth-child(7) .work-poster{height:320px}.archive-item{grid-template-columns:35px minmax(100px,1fr) 70px 25px;gap:12px}.archive-description{display:none}.archive-controls{flex-direction:column;align-items:stretch}.search-field{min-width:unset}.method-head{align-items:start}.method-grid{grid-template-columns:repeat(3,1fr)}.method-card{padding:18px;min-height:325px}.method-card h3{font-size:18px}.method-card p{font-size:12px}.architecture{grid-template-columns:1fr;gap:30px}.contact-title{font-size:clamp(80px,15.8vw,150px)}.contact-bottom{align-items:start}.contact-links{flex-direction:column;align-items:stretch}.detail-facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid #c9c3b9}.case-columns{gap:8%}}
@media(max-width:640px){:root{--gutter:19px}.site-header{height:68px}.brand-symbol{font-size:32px}.brand-word{font-size:22px}.header-tools{gap:8px}.motion-button{font-size:9px}.motion-button .motion-copy{max-width:48px}.mobile-menu{top:68px}.hero{min-height:780px;min-height:max(730px,100svh)}.hero-grid{min-height:780px;min-height:max(730px,100svh)}.hero-copy{padding-top:127px;padding-bottom:105px}.hero-heading{font-size:clamp(67px,15vw,110px);margin-top:46px}.secondary-line{font-size:.61em;letter-spacing:-.095em}.eyebrow{font-size:9px;letter-spacing:.11em;gap:8px}.eyebrow-right{margin-left:0}.hero-copy-bottom{margin-top:39px}.hero-korean{font-size:16px;min-width:auto;line-height:1.7}.hero-footnote{font-size:10px;margin-top:17px;line-height:1.65}.hero-buttons{margin-top:27px;gap:16px;align-items:start;flex-direction:column}.pill-link{min-width:190px;min-height:51px;font-size:12px}.under-link{padding-block:10px;font-size:11px}.hero-art{inset:140px -15% 35px 27%;opacity:.60}.hero-art canvas{left:-6%;width:100%}.art-caption-top{top:5%;right:15%;font-size:8px}.art-caption-bottom{left:33%;bottom:16%;font-size:8px}.art-caption-bottom small{font-size:7px}.hero-floor{height:62px;font-size:8px;letter-spacing:.02em}.hero-scroll{gap:7px}.scroll-dash{width:13px}.ribbon-ticker{height:43px}.ticker-track span{font-size:17px}.section-pad{padding-block:100px}.section-head{display:block;margin-bottom:45px}.section-label{font-size:10px;margin-bottom:25px}.section-title{font-size:clamp(52px,11vw,75px)}.section-head-side{max-width:100%;margin-top:26px;gap:8px}.section-head-side p{font-size:13px}.featured-grid{display:block}.work-card{display:block;margin-bottom:42px}.work-card .work-poster,.work-card:nth-child(7) .work-poster{height:clamp(290px,85vw,410px)}.work-name{font-size:36px}.work-summary{font-size:12px}.work-meta{padding-top:14px;margin-top:12px}.poster-frame{left:15px;right:15px;top:16px;font-size:9px}.poster-footer{left:16px;right:16px;bottom:14px;font-size:9px}.work-card:nth-child(7) .work-poster{height:320px}.featured-foot{flex-direction:column;align-items:start;gap:15px;margin-top:10px}.statement{padding-block:65px}.statement-top,.statement-bottom{font-size:9px}.statement-top span:last-child,.statement-bottom span:last-child{display:none}.statement-line{padding-block:65px;font-size:clamp(33px,8vw,55px);line-height:1.43}.archive-head{display:block;margin-bottom:45px}.archive-head-body{max-width:none;align-items:start;margin-top:27px;gap:10px}.archive-head-body p{font-size:13px}.archive-total strong{font-size:49px}.archive-tabs{gap:3px}.tab{font-size:11px;padding:9px 11px}.archive-item{grid-template-columns:26px 1fr 18px;gap:10px;min-height:79px;padding-block:16px}.archive-name{font-size:24px;overflow-wrap:anywhere}.archive-kind{display:none}.archive-no{font-size:10px}.archive-arrow{font-size:24px}.archive-legend{display:block;font-size:11px;line-height:1.75}.archive-legend a{display:inline-block;margin-top:13px}.method-intro{margin-top:25px;font-size:13px}.method-grid{grid-template-columns:1fr}.method-card{min-height:245px;padding:25px;border-right:0;border-bottom:1px solid #4b4943}.method-card:last-child{border-bottom:0}.method-icon{height:95px;margin:11px auto}.method-card h3{font-size:22px}.method-card p{font-size:13px}.architecture{margin-top:50px}.architecture-flow{gap:4px}.architecture-flow div{padding:10px 7px}.architecture-flow strong{font-size:9px}.architecture-flow small{font-size:8px}.architecture-flow>b{font-size:14px}.contact-section{padding:60px 0}.contact-marker{font-size:9px;line-height:1.5}.contact-marker span:last-child{display:none}.contact-title{font-size:clamp(74px,17.5vw,130px);padding:68px 0}.contact-arrow{right:1%;top:70px}.contact-bottom{flex-direction:column;gap:20px}.contact-bottom p{font-size:17px}.contact-links{width:100%}.contact-links a,.contact-button{width:100%;min-height:47px}.site-footer .container-wide{gap:10px;flex-wrap:wrap}.site-footer span{display:none}.detail-hero{padding-top:55px;padding-bottom:45px}.detail-hero h1{font-size:clamp(54px,14vw,90px)}.detail-tagline{font-size:25px}.detail-visual{height:clamp(310px,94vw,450px)}.detail-visual .poster-frame{top:16px;left:16px;right:16px;font-size:9px}.detail-visual .poster-footer{bottom:15px;left:16px;right:16px;font-size:9px}.detail-concept-caption{font-size:11px}.detail-facts{margin-top:70px}.fact{padding:19px 12px}.fact strong{font-size:13px}.case-columns{display:block;padding-block:70px}.case-chapter{margin-bottom:35px}.case-text h2{font-size:42px}.case-text p{font-size:16px;line-height:1.8}.case-focus-list{grid-template-columns:1fr;gap:0}.case-focus-list div{min-height:unset;padding:20px 0}.status-block{padding:18px 15px}.detail-next{margin-top:90px;padding-block:75px}.detail-next a span{font-size:45px}.detail-next h2{font-size:56px}}
@media(max-width:360px){.hero-heading{font-size:63px}.eyebrow-right{display:none}.hero-art{opacity:.44}.section-title{font-size:50px}.poster-scene .poster-frame b{display:none}.archive-tabs .tab{padding:8px}.contact-title{font-size:69px}}
/* Motion is opt-out for visitors and users who request reduced motion */
.motion-off *, .motion-off *:before, .motion-off *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.motion-off .type-line>span{transform:none}.motion-off .hero-enter{opacity:1;transform:none}.motion-off .waveform i{height:calc(var(--h)*1%)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.type-line>span{transform:none}.hero-enter{opacity:1;transform:none}.js .reveal{opacity:1!important;transform:none!important}}
/* -----------------------------------------------------------------------
   Edition 02: user-curated empty states & original non-project-specific art
   ----------------------------------------------------------------------- */
[hidden]{display:none!important}
.selected-empty{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:stretch;gap:clamp(30px,6vw,100px);min-height:520px}
.empty-art{min-height:clamp(390px,40vw,620px);overflow:hidden;position:relative;background:#dbd5c9;color:#262523;isolation:isolate;display:flex;align-items:center;padding:clamp(25px,4vw,65px)}
.empty-art::before{content:"";inset:0;position:absolute;background-image:linear-gradient(#5047401c 1px,transparent 1px),linear-gradient(90deg,#5047401c 1px,transparent 1px);background-size:9% 10%;mask-image:linear-gradient(90deg,black,transparent 90%);pointer-events:none}
.empty-art::after{content:"";position:absolute;width:clamp(260px,38vw,590px);aspect-ratio:1;top:50%;right:-22%;transform:translateY(-50%);border-radius:50%;border:1px solid #65605a51;box-shadow:0 0 0 65px #a6a0920e,0 0 0 130px #a6a0920e}
.empty-art>strong{font-size:clamp(66px,10vw,150px);font-weight:900;line-height:.83;letter-spacing:-.115em;position:relative;z-index:2;transform:translateX(-.04em)}
.empty-art>strong em{font-family:var(--serif);font-weight:400;letter-spacing:-.105em;color:var(--orange)}
.empty-art-number{position:absolute;top:27px;left:30px;font:800 12px/1 monospace;letter-spacing:.2em}
.empty-art-bottom{position:absolute;bottom:28px;left:30px;right:30px;z-index:2;display:flex;justify-content:space-between;align-items:center;font:800 10px/1.4 monospace;letter-spacing:.1em}
.empty-art-bottom b{font-size:28px;color:var(--orange);animation:brand-rotate 24s linear infinite}
.empty-art-orbit{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.4}
.empty-art-orbit i{position:absolute;right:10%;top:32%;display:block;width:26%;aspect-ratio:1;border-radius:50%;border:1px solid #d24d37;transform:rotateX(63deg) rotate(-25deg);animation:empty-ring 8s ease-in-out infinite alternate}
.empty-art-orbit i:nth-child(2){top:39%;right:4%;width:34%;animation-delay:-3s}
.empty-art-orbit i:nth-child(3){top:27%;right:13%;width:21%;animation-delay:-5s}
.empty-message{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:22px;padding-bottom:35px;max-width:415px}
.empty-message>span{font:800 11px/1.3 monospace;letter-spacing:.1em;color:#8a857b}
.empty-message h3{font-size:clamp(26px,3.0vw,43px);line-height:1.3;letter-spacing:-.065em}
.empty-message p{font-size:15px;line-height:1.9;letter-spacing:-.025em;color:#736c64}
.archive-empty{display:grid;grid-template-columns:100px 1fr auto;gap:26px;align-items:center;min-height:260px;padding:45px 18px;border-top:2px solid #1b1917;border-bottom:1px solid #c0b9af}
.archive-empty-symbol{font:400 93px/1 var(--serif);color:var(--orange)}
.archive-empty span{font:800 11px monospace;letter-spacing:.13em;color:#8e857b}
.archive-empty h3{font-size:clamp(25px,3vw,42px);line-height:1.12;letter-spacing:-.07em;margin:14px 0 12px}
.archive-empty p{font-size:14px;line-height:1.75;color:#736d65}
.archive-empty .archive-empty-index{align-self:end;white-space:nowrap}
/* Flexible project artwork, designed as a concept, never fake screenshots. */
.poster-scene[class*="visual-"]::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(155deg,transparent 30%,#00000022 100%);pointer-events:none}
.actual-project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}
.concept-type-grid{position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),currentColor calc(12.5% - 1px),currentColor 12.5%)}
.concept-type-name{position:absolute;z-index:2;top:49%;left:8%;right:8%;transform:translateY(-50%);font-size:clamp(48px,6vw,100px);line-height:.91;letter-spacing:-.1em;overflow-wrap:anywhere}
.concept-type-asterisk{position:absolute;font-size:clamp(200px,28vw,420px);line-height:1;right:-12%;top:3%;opacity:.10;animation:brand-rotate 35s linear infinite}
.concept-type-axis{position:absolute;z-index:2;right:6%;bottom:15%;font:800 9px monospace;letter-spacing:.09em}
.concept-orbit{position:absolute;inset:0;display:grid;place-items:center}
.concept-orbit span{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;border:1px solid currentColor;opacity:.6;transform:rotateX(65deg) rotate(28deg);animation:orbit-drift 8s ease-in-out infinite alternate}
.concept-orbit span:nth-child(2){width:70%;transform:rotateX(65deg) rotate(-29deg);animation-delay:-2s}
.concept-orbit span:nth-child(3){width:84%;transform:rotateX(54deg) rotate(67deg);animation-delay:-4s}
.concept-orbit i{width:20%;aspect-ratio:1;background:var(--poster-accent);border-radius:50%;box-shadow:0 0 75px 13px color-mix(in srgb,var(--poster-accent),transparent 65%);animation:orbit-breathe 6s ease-in-out infinite alternate}
.concept-orbit-name,.concept-signal-name,.concept-system-name,.concept-frames-name{position:absolute;z-index:2;left:8%;right:8%;bottom:15%;font-size:clamp(32px,4.5vw,70px);font-weight:900;letter-spacing:-.09em;overflow-wrap:anywhere;line-height:1.04}
.concept-system{position:absolute;width:min(80%,590px);aspect-ratio:1.7;left:10%;top:20%;border:1px solid #ffffff3f;transform:rotate(-7deg)}
.concept-system:before,.concept-system:after{content:"";position:absolute;width:80%;height:1px;top:50%;left:10%;background:currentColor;opacity:.6;transform:rotate(-24deg)}
.concept-system:after{transform:rotate(25deg)}
.sys-node{position:absolute;z-index:2;display:grid;place-items:center;width:20%;aspect-ratio:1;background:var(--poster-accent);color:var(--poster-bg);border-radius:50%;font:800 12px monospace}
.sys-node.a{top:6%;left:1%}.sys-node.b{top:43%;left:40%}.sys-node.c{bottom:2%;right:1%}
.sys-rail{position:absolute;width:120px;height:120px;border:1px solid #ffffff75;border-radius:50%;right:-40px;top:-50px;animation:orbit-breathe 5s ease-in-out infinite alternate}
.concept-signal{position:absolute;inset:17% 7% 22%;display:flex;justify-content:space-between;align-items:center;gap:1.3%;transform:skewY(-6deg)}
.concept-signal i{display:block;width:3.5%;height:var(--v);background:var(--poster-accent);opacity:.75;transform:scaleY(.68);animation:signal-pulse 1.3s calc(var(--i)*-37ms) ease-in-out infinite alternate}
.concept-frames{position:absolute;width:72%;height:62%;top:17%;left:14%;border:1px solid currentColor;transform:rotate(-6deg);background:#ffffff0a}
.concept-frames>span{position:absolute;top:15px;left:18px;font:800 10px monospace;letter-spacing:.1em}
.concept-frames>i{position:absolute;border:1px solid currentColor;inset:24% 12%;transform:translate(13%,13%);opacity:.7}
.concept-frames>i:nth-of-type(2){inset:30% 17%;transform:translate(-12%,-13%)}
.concept-frames>i:nth-of-type(3){inset:36% 22%;transform:translate(12%,24%);background:var(--poster-accent);opacity:.32}
.work-card:hover .concept-type-asterisk{animation-duration:12s}
.work-card .poster-scene{translate:var(--shift-x,0) var(--shift-y,0);transition:transform .9s cubic-bezier(.2,.8,.25,1),translate .22s ease-out}
.detail-gallery{margin-top:100px;padding-top:30px;border-top:2px solid #1b1917}
.gallery-grid{margin-top:35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.gallery-item{margin:0;min-width:0;background:#e4ded3}
.gallery-item img{height:auto;width:100%;aspect-ratio:16/10;object-fit:cover}
.gallery-item figcaption{padding:18px;font-size:13px;color:#605a53;line-height:1.5}
.single-next{font-size:clamp(52px,8.5vw,120px);letter-spacing:-.09em;line-height:1;margin-top:30px}
@keyframes empty-ring{to{transform:rotateX(50deg) rotate(42deg) scale(1.2)}}
@keyframes orbit-drift{to{transform:rotateX(58deg) rotate(79deg)}}
@keyframes orbit-breathe{to{transform:scale(1.16)}}
@keyframes signal-pulse{to{transform:scaleY(1.05);opacity:1}}
@media(max-width:900px){.selected-empty{grid-template-columns:1fr;gap:25px}.empty-art{min-height:450px}.empty-message{padding-bottom:0}.empty-art>strong{font-size:clamp(80px,13vw,145px)}}
@media(max-width:640px){.selected-empty{min-height:auto}.empty-art{min-height:365px;padding:25px}.empty-art>strong{font-size:clamp(68px,15vw,102px)}.empty-art-number{left:20px;top:20px}.empty-art-bottom{left:20px;bottom:20px;right:20px;font-size:8px}.empty-message{gap:13px}.empty-message h3{font-size:27px}.empty-message p{font-size:13px}.archive-empty{grid-template-columns:50px 1fr;min-height:220px;gap:12px;padding:32px 0}.archive-empty-symbol{font-size:60px}.archive-empty h3{font-size:25px}.archive-empty p{font-size:12px}.archive-empty-index{display:none}.concept-type-name{font-size:clamp(45px,11vw,70px)}.concept-type-asterisk{font-size:250px}.concept-orbit-name,.concept-signal-name,.concept-system-name,.concept-frames-name{font-size:clamp(38px,9vw,64px)}.gallery-grid{grid-template-columns:1fr}.detail-gallery{margin-top:65px}}
@media(prefers-reduced-motion:reduce){.empty-art-orbit i,.empty-art-bottom b,.concept-type-asterisk,.concept-orbit span,.concept-orbit i,.concept-signal i,.sys-rail{animation:none!important}}
.motion-off .empty-art-orbit i,.motion-off .empty-art-bottom b,.motion-off .concept-type-asterisk,.motion-off .concept-orbit span,.motion-off .concept-orbit i,.motion-off .concept-signal i,.motion-off .sys-rail{animation:none!important}

/* Each signal bar receives a deterministic height/delay without inline style attributes (CSP safe). */
.concept-signal i:nth-child(1){height:20%;animation-delay:-0ms}
.concept-signal i:nth-child(2){height:64%;animation-delay:-37ms}
.concept-signal i:nth-child(3){height:84%;animation-delay:-74ms}
.concept-signal i:nth-child(4){height:69%;animation-delay:-111ms}
.concept-signal i:nth-child(5){height:34%;animation-delay:-148ms}
.concept-signal i:nth-child(6){height:40%;animation-delay:-185ms}
.concept-signal i:nth-child(7){height:53%;animation-delay:-222ms}
.concept-signal i:nth-child(8){height:44%;animation-delay:-259ms}
.concept-signal i:nth-child(9){height:27%;animation-delay:-296ms}
.concept-signal i:nth-child(10){height:21%;animation-delay:-333ms}
.concept-signal i:nth-child(11){height:27%;animation-delay:-370ms}
.concept-signal i:nth-child(12){height:40%;animation-delay:-407ms}
.concept-signal i:nth-child(13){height:42%;animation-delay:-444ms}
.concept-signal i:nth-child(14){height:23%;animation-delay:-481ms}
.concept-signal i:nth-child(15){height:50%;animation-delay:-518ms}
.concept-signal i:nth-child(16){height:75%;animation-delay:-555ms}
.concept-signal i:nth-child(17){height:74%;animation-delay:-592ms}
.concept-signal i:nth-child(18){height:41%;animation-delay:-629ms}
.concept-signal i:nth-child(19){height:46%;animation-delay:-666ms}
.concept-signal i:nth-child(20){height:81%;animation-delay:-703ms}
.concept-signal i:nth-child(21){height:83%;animation-delay:-740ms}
.concept-signal i:nth-child(22){height:54%;animation-delay:-777ms}
.concept-signal i:nth-child(23){height:27%;animation-delay:-814ms}
.concept-signal i:nth-child(24){height:57%;animation-delay:-851ms}
@media(max-width:640px){.art-caption-top{right:24%;top:2%}}

/* Final QA refinements: prevent empty-state decoration from competing with content,
   keep mobile hero storytelling in two distinct visual planes, and signal motion state. */
.motion-off .motion-led { background:#88867e;box-shadow:none }
.motion-off .hero-art canvas { cursor:default }
@media (max-width:640px) {
  .hero { min-height:max(1000px,100svh) }
  .hero-grid { min-height:max(1000px,100svh); display:block }
  .hero-copy { padding-top:126px; padding-bottom:0; z-index:4 }
  .hero-heading { margin-top:34px }
  .hero-copy-bottom { margin-top:27px; max-width:355px }
  .hero-footnote { font-size:11px; max-width:265px; line-height:1.5; margin-top:12px; padding-left:16px }
  .hero-buttons { margin-top:19px; gap:7px }
  .hero-art { position:absolute; z-index:1; top:auto; left:0; right:0; bottom:75px; height:365px; opacity:1; pointer-events:auto }
  .hero-art canvas { width:100%; left:0; height:100%; top:0 }
  .art-caption-top { top:0; right:var(--gutter); font-size:9px }
  .art-caption-bottom { bottom:3%; left:var(--gutter); font-size:9px }
  .art-caption-bottom small { font-size:9px }
  .art-crosshair-one { top:10%; left:17% }
  .art-crosshair-two { bottom:15%; right:16% }
  .hero-floor { height:66px; font-size:9px }
  .hero-scroll { gap:9px }
  .hero-copy .hero-footnote { color:#c2bdb3 }
  .section-label { letter-spacing:.055em }
}
@media (max-width:360px) {
  .hero { min-height:max(965px,100svh) }
  .hero-grid { min-height:max(965px,100svh) }
  .hero-art { bottom:73px; height:338px; opacity:.95 }
  .hero-copy-bottom { max-width:295px }
  .hero-korean { font-size:15px }
  .hero-footnote { font-size:10px }
  .hero-buttons { margin-top:18px }
}
@media (max-width:640px) and (min-height:1000px) {
  .hero-art { height:400px }
}

/* Text legibility refinements on light surfaces (including mobile). */
.section-index { color:#625d56 }
.empty-message>span { color:#625b53 }
.empty-message p { color:#665f57 }
.archive-empty span { color:#625b53 }
.archive-empty p { color:#6a6259 }
.tab { color:#665e55 }