.feature-link{display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,background-color .2s}
.feature-link:hover,.features .feature-link:first-child:hover{border-color:var(--lime);background-color:#242c17}
.feature-link p{margin-bottom:22px}
.feature-more{margin-top:auto;color:var(--lime);font-size:12px;font-weight:800}
.feature-more span{margin-left:5px}
.support-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:clamp(25px,5vw,76px);align-items:center}
.support-photo{display:block}
.support-photo img{object-position:50% 35%;filter:brightness(.82) saturate(.84)}
.support-photo::after{background:linear-gradient(180deg,transparent 35%,#0b0c0aec 100%)}
.support-photo:hover{border-color:var(--lime)}
.support-photo-copy{position:absolute;z-index:1;left:clamp(20px,3vw,38px);bottom:clamp(20px,3vw,35px)}
.support-photo-copy strong{display:block;color:var(--lime);font:700 clamp(43px,5.1vw,74px)/.88 var(--display);letter-spacing:-.055em}
.support-photo-copy small{display:block;margin-top:13px;color:var(--ink);font-size:13px;font-weight:700}
.support-photo-copy b{color:var(--lime);margin-left:4px}
.feature-page{margin:0;color-scheme:dark;background:#0b0c0a;color:#f2f3ef;font:16px/1.65 "Space Grotesk",Inter,Pretendard,"Noto Sans KR",Arial,sans-serif;word-break:keep-all}
.feature-page *{box-sizing:border-box}
.feature-page h1,.feature-page h2,.feature-page h3,.feature-page p{margin:0}
.feature-page a{text-decoration:none;color:inherit}
.feature-page a:focus-visible{outline:2px solid #cbfb45;outline-offset:4px}
.detail-wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.detail-header{border-bottom:1px solid #30332a}
.detail-header .detail-wrap,.detail-footer .detail-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px}
.detail-brand{display:inline-flex;gap:9px;align-items:center;font-size:29px;font-weight:700;line-height:1}
.detail-brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#cbfb45;color:#0b0c0a;font-size:21px}
.feature-page .detail-primary{display:inline-flex;gap:9px;padding:10px 15px;color:#0b0c0a;background:#cbfb45;border-radius:4px;font-size:13px;font-weight:800}
.feature-page .detail-primary:hover{background:#dfff78}
.detail-hero{--hero-focus:50% 36%;--hero-image-width:850px;position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(470px,70svh,660px);overflow:hidden;border-bottom:1px solid #30332a;background:#131511}
.detail-hero-art{position:absolute;z-index:-2;inset:0 max(0px,calc((100vw - 1510px)/2)) 0 auto;width:min(67%,var(--hero-image-width));mask-image:linear-gradient(90deg,transparent 0%,#000 33%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 25%);mask-composite:intersect}
.detail-hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus)}
.detail-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b0c0a 10%,#0b0c0af5 25%,#0b0c0a6b 57%,#0b0c0a0f 83%,#0b0c0a44 100%),linear-gradient(0deg,#0b0c0a,transparent 52%);pointer-events:none}
.detail-shorts{--hero-image-width:685px}
.detail-subscribe{--hero-image-width:688px;--hero-focus:50% 31%}
.detail-video{--hero-image-width:675px;--hero-focus:50% 44%}
.detail-community{--hero-focus:50% 30%}

.detail-hero-inner{padding-block:54px clamp(48px,8vw,108px)}
.detail-copy{max-width:670px}
.detail-back{display:inline-block;font-size:13px;font-weight:700;margin-bottom:26px}
.detail-back:hover,.detail-footer a:hover{color:#cbfb45}
.detail-label{color:#cbfb45;font-size:15px;font-weight:700;letter-spacing:.15em}
.detail-label span{letter-spacing:0}
.feature-page h1{margin:9px 0 16px;font-size:clamp(50px,8vw,108px);line-height:1;letter-spacing:-.085em}
.feature-page .detail-headline{color:#cbfb45;font-size:clamp(20px,3vw,34px);font-weight:800;letter-spacing:-.055em;line-height:1.25}
.feature-page .detail-description{max-width:460px;margin-top:15px;color:#bdc1b3}
.detail-story{padding:clamp(48px,7vw,92px) 0;border-bottom:1px solid #30332a}
.detail-story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:clamp(20px,7vw,94px)}
.detail-story-grid h2{margin-top:10px}
.detail-story-grid>p{color:#bdc1b3}
.detail-guide{padding:57px 0 48px;border-bottom:1px solid #30332a}
.feature-page h2{font-size:clamp(25px,4vw,38px);line-height:1.2;letter-spacing:-.06em}
.detail-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:24px 0 0;list-style:none}
.detail-guide li{position:relative;display:grid;grid-template-rows:1fr auto;gap:20px;min-width:0;padding:clamp(14px,2.5vw,30px);border:1px solid #30332a;border-top-color:#cbfb45;background:radial-gradient(ellipse at 50% 36%,#202919,#141610 72%)}
.flow-capture{display:grid;place-items:center;min-width:0;margin:0}
.flow-capture img{display:block;width:auto;height:clamp(285px,33vw,430px);max-width:100%;object-fit:contain}
.detail-guide li:not(:has(.flow-capture)){grid-template-rows:1fr;align-content:start}
.detail-guide li:not(:has(.flow-capture)) .flow-copy{align-self:center}
.flow-copy{display:flex;align-items:flex-start;gap:13px}
.flow-copy>span{color:#cbfb45;font-weight:700}
.feature-page h3{font-size:17px;line-height:1.35}
.detail-guide li p{margin-top:7px;color:#bdc1b3;font-size:14px}
.detail-nav{padding-block:38px 50px}
.detail-nav>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.detail-nav a{padding:7px 11px;border:1px solid #30332a;font-size:13px}
.detail-nav a:hover,.detail-nav a[aria-current="page"]{color:#cbfb45;border-color:#cbfb45}
.detail-footer{border-top:1px solid #30332a;color:#bdc1b3;font-size:13px}
@media(max-width:690px){
 .support-grid,.detail-guide ol{grid-template-columns:1fr}
 .detail-wrap{width:calc(100% - 36px)}
 .detail-story-grid{grid-template-columns:1fr;gap:14px}
 .detail-hero{min-height:clamp(470px,73svh,625px)}
 .detail-hero-art{inset:0 0 auto;width:100%;height:80%;mask-image:linear-gradient(180deg,#000 82%,transparent);mask-composite:add}
 .detail-community{--hero-focus:50% 44%}
 .flow-capture img{height:clamp(355px,114vw,510px)}
 .detail-hero::after{background:linear-gradient(0deg,#0b0c0a 7%,#0b0c0add 35%,#0b0c0a23 75%),linear-gradient(90deg,#0b0c0a40,transparent 75%)}
 .detail-hero-inner{padding-block:44px 34px}
 .detail-back{margin-bottom:18px}
 .detail-guide ol{gap:15px}
 .detail-guide li{gap:19px;padding:20px 16px}
 .detail-guide{padding-block:40px}
}
@media(prefers-reduced-motion:reduce){.feature-link{transition:none}}

.flow-capture picture{display:contents}
@media(min-width:691px){
 .flow-mobile{display:none}
 .detail-guide li:has(.flow-mobile):not(:has(.flow-desktop)):not(:has(picture)){grid-template-rows:1fr;align-items:center}
 .detail-hero-art{inset:0 max(0px,calc((100vw - 1580px)/2)) 0 auto;width:min(66%,var(--desktop-photo-width));max-height:var(--desktop-photo-height);mask-image:linear-gradient(90deg,transparent 0%,#000 39%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 32%);mask-composite:intersect}
 .detail-hero-photo{object-position:50% 40%}
}
@media(max-width:690px){
 .flow-desktop{display:none}
 .detail-guide li:has(.flow-desktop):not(:has(.flow-mobile)):not(:has(picture)){grid-template-rows:1fr;align-items:center}
}

@media(min-width:691px){
 .detail-header,.detail-hero,.detail-story,.detail-guide,.detail-footer{border:0}
 .detail-hero{background:#0b0c0a}
 .detail-hero-art{mask-image:linear-gradient(90deg,transparent,#000 43%,#000 82%,transparent),linear-gradient(0deg,transparent,#000 35%,#000 84%,transparent);mask-composite:intersect}
 .detail-subscribe .detail-hero-art{top:clamp(22px,5vw,72px)}
 .detail-guide li{border:0;border-radius:12px;background:radial-gradient(ellipse at 50% 37%,#202719,#141610 78%)}
 .flow-capture{min-height:clamp(285px,33vw,430px)}
 .flow-capture img{height:auto;width:min(100%,225px);max-height:430px;border-radius:13px}
}

@media(min-width:691px){
 .detail-live .detail-hero-photo{object-position:48% 37%}
 .flow-capture.guide-phone{min-height:clamp(330px,34vw,475px)}
 .guide-phone img{width:auto;height:clamp(330px,34vw,475px);max-height:none;max-width:100%;object-fit:contain;border-radius:17px}
}