html{scroll-padding:0}body.gateway{margin:0;padding:0;background:#f6f7f9;color:#242b35;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;font-family:"Noto Sans KR",sans-serif}.gateway-header{display:flex;justify-content:space-between;align-items:center;padding:25px 5vw;font-size:13px}.gateway-owner{font-weight:600;letter-spacing:.12em}.gateway-main{width:min(1160px,90vw);margin:auto;padding:20px 0 28px}.gateway-heading{text-align:center;margin-bottom:32px}.gateway-heading>p{font-size:10px;letter-spacing:.22em;color:#76818e;margin-bottom:12px}.gateway-heading h1{font-family:inherit;font-size:clamp(25px,3vw,40px);line-height:1.4;font-weight:500;letter-spacing:-.04em}.gateway-doors{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gateway-door{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:36px;min-height:365px;border-radius:20px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.gateway-door:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1d2b3c20}.gateway-door:focus-visible{outline:3px solid #5887bc;outline-offset:5px}.door-business{background:radial-gradient(ellipse at 100% 0,#455972,transparent 75%),#17222e;color:#f2f6fa}.door-business:after{content:"";z-index:-1;position:absolute;top:-30%;right:17%;height:160%;width:1px;transform:rotate(26deg);background:linear-gradient(transparent,#ecf3fb,transparent);box-shadow:10px 0 35px 12px #b7d3ea15}.door-personal{background:radial-gradient(ellipse at 90% 0,#fffcf2,transparent 80%),#eee2dc;color:#603648}.door-audience{font-size:14px;font-weight:500}.door-content{margin:auto 0;padding:28px 0}.door-name{display:block;font-size:36px;line-height:1.15;font-weight:500;letter-spacing:.08em}.door-personal .door-name{font-family:"Noto Serif KR",serif;letter-spacing:-.02em;font-size:34px}.door-korean{display:block;font-size:13px;opacity:.75;margin-top:12px}.door-content p{font-size:15px;margin-top:20px;opacity:.85}.door-enter{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #ffffff40;font-size:15px;font-weight:500}.door-personal .door-enter{border-color:#60364830}.gateway-footer{display:flex;justify-content:space-between;gap:16px;padding:17px 5vw;font-size:11px;color:#737c87}.gateway-footer a{padding:0;min-height:24px}.gateway-header a:focus-visible,.gateway-footer a:focus-visible{outline:2px solid #5887bc;outline-offset:5px}@media(max-width:700px){.gateway-header{padding:16px 22px;font-size:11px}.gateway-owner{font-size:11px;letter-spacing:.09em}.gateway-main{width:calc(100% - 40px);padding:4px 0 12px}.gateway-heading{margin-bottom:18px}.gateway-heading>p{margin-bottom:7px;font-size:9px}.gateway-heading h1{font-size:24px}.gateway-doors{grid-template-columns:1fr;gap:13px}.gateway-door{min-height:0;padding:21px 24px;border-radius:16px}.door-audience{font-size:12px}.door-content{padding:14px 0}.door-name{font-size:28px}.door-personal .door-name{font-size:26px}.door-personal .door-name br{display:none}.door-personal .door-name br:after{content:" "}.door-korean{font-size:11px;margin-top:6px}.door-content p{font-size:13px;margin-top:10px}.door-enter{font-size:13px;padding-top:12px}.gateway-footer{padding:10px 22px max(12px,env(safe-area-inset-bottom));font-size:9px;align-items:center}}@media(max-width:700px) and (max-height:740px){.gateway-heading{margin-bottom:12px}.gateway-heading>p{display:none}.gateway-heading h1{font-size:22px}.gateway-door{padding:16px 22px}.door-content{padding:10px 0}.door-name{font-size:26px}.door-personal .door-name{font-size:24px}.door-content p{margin-top:8px}.door-enter{padding-top:9px}.gateway-header{padding-top:12px;padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.gateway-door{transition:none}.gateway-door:hover{transform:none}}

/* Keep narrow entrances readable and allow enlarged text to reflow. */
.gateway-door{min-width:0}.door-name{overflow-wrap:anywhere}.gateway-header a,.gateway-footer a{display:inline-flex;align-items:center;min-height:44px}.gateway-footer{flex-wrap:wrap}@media(max-width:360px){.gateway-main{width:calc(100% - 28px)}.gateway-door{padding-left:18px;padding-right:18px}.door-personal .door-name{font-size:22px}.gateway-header,.gateway-footer{padding-left:14px;padding-right:14px}}
