:root{--rose:#c76480;--rose-light:#e8b4c2;--pink:#edc3ce;--ink:#292229;--muted:#684f58;--paper:#fffdfd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{z-index:20;width:100%;color:var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;padding:25px 4vw;display:grid;position:absolute;top:0;left:0}.logo{letter-spacing:-.06em;font-size:25px;font-style:italic;font-weight:950}nav{letter-spacing:.1em;gap:clamp(36px,7vw,100px);font-size:11px;font-weight:900;display:flex}nav a{position:relative}nav a:after{content:"";transform-origin:100%;background:currentColor;height:2px;transition:transform .2s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.header-mark{letter-spacing:-.45em;justify-self:end;font-size:21px;font-weight:900}.hero{min-height:100vh;color:var(--ink);background:#d8d2d3 url(/hero-bts.png) 50%/cover no-repeat;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;inset:0}.hero:before{background:#e8b4c2c7}.hero:after{background:linear-gradient(90deg,#ad4b6633 0%,#f8d8e00a 74%)}.hero-lines{z-index:2;width:min(1100px,78vw);position:absolute;top:17%;left:15.5vw}.hero-lines div{align-items:center;height:23vh;min-height:140px;display:flex}.hero-lines span{letter-spacing:-.075em;font-size:clamp(74px,11vw,180px);font-weight:950;line-height:.8}.hero-symbol{z-index:3;font-size:clamp(100px,13vw,200px);font-weight:950;line-height:.6;position:absolute;top:16%;left:5.4vw}.hero-identity{z-index:3;text-align:right;position:absolute;bottom:7%;right:5vw}.hero-identity p{margin:0;font-size:16px;font-weight:800;line-height:1.55}.scroll{z-index:3;letter-spacing:.18em;margin:0;font-size:9px;font-weight:900;position:absolute;bottom:6%;left:5vw}.contents{padding:145px 4vw 180px}.section-title{width:min(1220px,100%);margin:0 auto 100px;position:relative}.section-title>p,.section-label{color:var(--rose);letter-spacing:.2em;margin:0 0 16px;font-size:10px;font-weight:950}.section-title h1{color:#ded2d6;letter-spacing:-.075em;margin:0;font-size:clamp(74px,11.5vw,176px);font-weight:950;line-height:.79}.section-title>span{letter-spacing:.12em;font-size:10px;font-weight:900;position:absolute;bottom:5px;right:0}.content-grid{grid-template-columns:1fr 1fr;align-items:start;gap:140px 5vw;max-width:1380px;margin:0 auto;display:grid}.content-card{min-width:0}.card-01{width:92%}.card-02{width:88%;margin-top:220px;margin-left:auto}.card-03{grid-column:1/-1;width:69%;margin-left:auto}.video-frame{background:#0c0c0c;position:relative;overflow:hidden}.video-frame video{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}.corner-number{background:var(--rose);color:#fff;place-items:center;width:48px;height:48px;font-size:11px;font-weight:950;display:grid;position:absolute;top:0;left:0}.new-label{color:var(--rose);letter-spacing:.12em;background:#fff;padding:8px 12px;font-size:9px;font-weight:950;position:absolute;top:16px;right:16px}.content-info{border-top:1px solid #111;padding-top:21px}.content-info p{color:var(--rose);letter-spacing:.12em;margin:0 0 8px;font-size:9px;font-weight:900}.content-info h2{letter-spacing:-.065em;margin:0;font-size:clamp(25px,2.8vw,42px)}.about{background:var(--rose-light);color:var(--ink);padding:0 5vw 150px;position:relative;overflow:hidden}.about .section-label{color:#8f3550}.about-statement{margin:0}.about-statement p{letter-spacing:-.085em;margin:0;font-size:clamp(68px,12vw,188px);font-weight:950;line-height:.75}.about-statement p:nth-child(2){margin-left:13vw}.about-statement p:nth-child(3){color:#0000;-webkit-text-stroke:3px var(--ink)}.about-photo{background:#dca9b7;width:100vw;margin:0 0 105px calc(50% - 50vw);position:relative}.about-photo img{object-fit:cover;object-position:center;filter:grayscale()contrast(.92);mix-blend-mode:multiply;opacity:.72;border:0;width:100%;height:100vh;min-height:680px;display:block}.about-photo-copy{z-index:2;pointer-events:none;padding:4.5vw 5vw;position:absolute;inset:0}.about-photo-copy .about-statement{width:90vw;position:absolute;top:17%;left:5vw}.about-copy{border-top:2px solid var(--ink);grid-template-columns:1fr .8fr;align-items:start;gap:10vw;padding-top:35px;display:grid}.about-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(34px,4.5vw,64px);line-height:1.08}.about-copy div{columns:2;column-gap:32px}.about-copy p{color:var(--muted);break-inside:avoid;margin:0;font-size:13px;line-height:1.8}footer{background:var(--rose-light);color:var(--ink);justify-content:space-between;align-items:end;gap:35px;padding:45px 4vw;display:flex}footer p{letter-spacing:.1em;margin:0;font-size:9px;font-weight:900}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:820px){.site-header{grid-template-columns:1fr auto;padding:20px}.header-mark{display:none}.logo{font-size:20px}nav{gap:16px;font-size:9px}.hero{min-height:86vh}.hero-lines{width:77vw;top:22%;left:19vw}.hero-lines div{height:17vh;min-height:105px}.hero-lines span{font-size:clamp(58px,19vw,92px);line-height:.82}.hero-symbol{font-size:100px;top:20%;left:3vw}.hero-identity{bottom:7%;right:20px}.hero-identity p{font-size:12px}.scroll{left:20px}.contents{padding:90px 20px 110px}.section-title{margin-bottom:65px}.section-title h1{font-size:clamp(62px,20vw,100px)}.section-title>span{display:none}.content-grid{grid-template-columns:1fr;row-gap:78px}.card-01,.card-02,.card-03{grid-column:auto;width:100%;margin:0}.about{padding:0 20px 100px}.about-statement{margin:0}.about-statement p{font-size:clamp(54px,18vw,86px);line-height:.8}.about-statement p:nth-child(2){margin-left:0}.about-statement p:nth-child(3){-webkit-text-stroke-width:1.5px}.about-photo{margin-bottom:70px}.about-photo img{object-fit:contain;object-position:center;height:auto;min-height:0}.about-photo-copy{padding:22px 20px}.about-photo-copy .about-statement{width:calc(100vw - 40px);top:18%;left:20px}.about-copy{grid-template-columns:1fr;gap:40px}.about-copy div{columns:1}.about-copy p+p{margin-top:18px}footer{padding:35px 20px}}
