.dc-page{position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-void);overflow-x:hidden}.dc-main,.dc-top{position:relative;z-index:1;width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}.dc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px}.dc-logo{display:inline-flex;align-items:center;min-height:44px}.dc-logo img{height:38px;width:auto;display:block}.dc-back{display:inline-flex;align-items:center;min-height:44px;color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.dc-back:hover{color:var(--text-primary)}.dc-main{flex:1;display:flex;flex-direction:column;padding-block:44px 48px;container-type:inline-size}.dc-title{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(30px, 3.8vw, 46px);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin:0;text-wrap:balance}body.light .dc-title .gradient-text-animated{background-image:linear-gradient(90deg,var(--primary-ink),var(--accent-ink))}.dc-sub{color:var(--text-secondary);font-size:17px;line-height:1.5;margin:12px 0 0}.dc-doors{--shot-max:calc((50cqi - 39px) * .9375 - 10px);display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;flex:1;max-height:calc(196px + var(--shot-max))}.dc-door{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--bg-card);color:inherit;text-decoration:none;transition:border-color .2s,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.dc-door::before{content:"";position:absolute;left:13px;right:13px;top:-1px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(45,140,255,.65),transparent);opacity:0;transition:opacity .3s;z-index:1}@media (hover:hover){.dc-door:hover{border-color:rgba(45,140,255,.32);transform:translateY(-2px);box-shadow:0 8px 32px rgba(45,140,255,.15)}.dc-door:hover::before{opacity:.9}.dc-door:hover .dc-go{box-shadow:0 0 36px rgba(45,140,255,.55)}.dc-door:hover .dc-go svg{transform:translateX(3px)}.dc-door:hover .dc-shot img{transform:translateX(-20%) translateY(-10px)}}.dc-door.is-memo::before{opacity:.9}.dc-door:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.dc-door.is-memo{border-color:var(--primary)}body.light .dc-door{background:var(--bg-card)}body.light .dc-door.is-memo{border-color:var(--primary)}.dc-door-text{display:flex;flex-direction:column;gap:6px;padding:24px 26px 20px}.dc-door-head{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap}.dc-door-name{font-family:Outfit,sans-serif;font-weight:700;font-size:28px;line-height:1.15;color:var(--text-primary)}.dc-memo{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:50px;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--primary-ink);background:color-mix(in srgb,var(--primary) 10%,transparent)}.dc-memo[hidden]{display:none}.dc-door-promise{font-size:17px;font-weight:500;color:var(--text-primary)}.dc-door-detail{font-size:15px;line-height:1.5;color:var(--text-secondary);max-width:46ch}@media (min-width:861px) and (max-width:1140px){.dc-door-detail{min-height:3em}}.dc-go{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:12px 24px;font-size:15px;line-height:1.2;margin-top:10px}.dc-go svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}.dc-shot{position:relative;display:block;flex:1;min-height:250px;margin-left:26px;overflow:hidden;border-radius:12px 0 0 0;border:solid var(--border);border-width:1px 0 0 1px;background:var(--bg-void)}.dc-shot img{position:absolute;top:0;left:0;width:150%;max-width:none;height:auto;transform:translateX(-20%);transition:transform .6s cubic-bezier(.22,1,.36,1)}.dc-shot::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 86%,var(--bg-card)),linear-gradient(to bottom,transparent 78%,var(--bg-card))}.dc-l{display:none}body.light .dc-d{display:none}body.light .dc-l{display:block}@media (max-width:1140px){.dc-door-head{flex-direction:column-reverse;align-items:flex-start;gap:8px}}@media (min-width:861px) and (max-width:1140px){.dc-doors:has(.is-memo) .dc-door-head{min-height:67px}}@media (max-width:860px){.dc-doors{--shot-max:calc((100cqi - 29px) * .9375 - 10px);grid-template-columns:1fr;max-height:calc(2 * (196px + var(--shot-max)) + 20px)}}@media (max-width:760px){.dc-top{padding:16px 16px 0}.dc-main{padding:28px 16px 32px}.dc-sub{font-size:16px}.dc-doors{gap:14px;margin-top:22px;flex:none;max-height:none}.dc-door-text{padding:20px 20px 14px}.dc-door-name{font-size:24px}.dc-go{justify-content:center;align-self:stretch}.dc-shot{min-height:190px;margin-left:20px}}@media (prefers-reduced-motion:reduce){.dc-door,.dc-go svg,.dc-shot img{transition:none}.dc-door:hover{transform:none}.dc-door:hover .dc-go svg{transform:none}.dc-door:hover .dc-shot img{transform:translateX(-20%)}}