@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;--green:#27ff14;--muted:#a5afa8;--line:#303a33}*{box-sizing:border-box}body{margin:0;background:#101512;color:#f1f4ee;font:15px/1.75 'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-block;border:1px solid var(--line);padding:12px 22px;background:transparent;color:inherit;cursor:pointer;border-radius:3px}button:hover,.button:hover{border-color:var(--green)}.primary{background:var(--green);color:#101512;border-color:var(--green);font-weight:700}header{padding:22px 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.brand b{color:var(--green)}main{max-width:1280px;margin:auto;padding:0 5vw}section{padding:72px 0;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--green)}h1{font-size:clamp(40px,6vw,78px);line-height:1.2;letter-spacing:-3px;margin:24px 0}h2{font-size:32px;line-height:1.4;letter-spacing:-1px}h3{font-size:21px}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;min-height:650px}.hero img{width:100%;height:480px;object-fit:cover}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.thirds{grid-template-columns:repeat(3,1fr)}.photo{width:100%;aspect-ratio:4/3;object-fit:cover}.card{padding:24px;background:#18211b;border:1px solid var(--line)}.muted,small{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.notice{font-size:12px;padding:10px 5vw;background:#202b21;color:#b8cfb8}footer{padding:40px 5vw;color:var(--muted);font-size:12px}label{display:block;margin-bottom:16px;color:#cdd6cd}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;background:#0f1611;color:#eff6ef;border:1px solid #465246;border-radius:3px}textarea{min-height:110px;resize:vertical}input[type=checkbox]{display:inline;width:auto}.filters{margin:28px 0}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer}#status{position:sticky;bottom:10px;background:#263b29;padding:10px 20px}#status:empty{display:none}.tag{display:inline-block;color:var(--green);font-size:12px;margin-right:12px}.list{display:grid;gap:18px;margin:24px 0}pre{white-space:pre-wrap;font:inherit}.hidden,[hidden]{display:none!important}@media(max-width:720px){.hero,.grid,.thirds{grid-template-columns:1fr}.hero{gap:24px;min-height:0}.hero img{height:320px}section{padding:42px 0}nav{gap:16px}h1{letter-spacing:-2px}.card{padding:18px}}

/* Original brand assets and photo archive */
:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.skip-link{position:absolute;left:12px;top:-90px;padding:12px;background:var(--green);color:#101512;z-index:5}.skip-link:focus{top:10px}
.brand{display:inline-flex;align-items:center;flex:none;padding:0;background:transparent;border-radius:0}.brand-mark{display:block;position:relative;width:164px;aspect-ratio:327/132}.brand-mark::before,.brand-mark::after{content:"";position:absolute;inset:0;-webkit-mask:var(--logo-mask) center/contain no-repeat;mask:var(--logo-mask) center/contain no-repeat}.brand-mark::before{--logo-mask:url("assets/oneul-logo-green-mask.png");background:var(--green)}.brand-mark::after{--logo-mask:url("assets/oneul-logo-ink-mask.png");background:#f1f4ee}
header{padding-top:16px;padding-bottom:16px}header nav a:hover,.text-link:hover{color:var(--green)}
figure{margin:0}.hero{gap:40px;grid-template-columns:1.12fr 1fr;min-height:640px}.hero h1{font-size:clamp(42px,5.4vw,66px)}.hero-visual{min-width:0}.hero .hero-visual img{display:block;width:100%;height:440px;object-fit:cover}
.hero-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:11px;color:var(--muted)}.hero-visual figcaption span:first-child{letter-spacing:1.5px}.hero-note{font-size:11px;color:var(--muted);margin-top:34px}.signal-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}
.service-grid{gap:32px;margin-top:32px}.service-grid article{border-top:1px solid var(--line);padding-top:24px}
.featured-grid{margin-top:26px}.photo{display:block;height:auto}.feature .photo{height:auto}.feature .tag{margin-top:20px}.feature h3{display:flex;justify-content:space-between;margin:8px 0}.feature h3 span{color:var(--green)}.feature:hover img{filter:brightness(1.1)}.archive-note{font-size:12px;margin-top:24px}
.contact-section{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:60px}.contact-phone{display:block;font-size:clamp(28px,3.4vw,44px);letter-spacing:-1px;font-weight:700;margin:24px 0}.contact-phone span{font-size:.7em;color:var(--green)}.contact-email{display:block;color:var(--muted);margin-top:22px;font-size:14px}.contact-brand{padding:35px;background:#fff;color:#111;text-align:center}.contact-brand img{display:block;width:100%;height:auto}.contact-brand p{color:#4b514c;font-size:13px;margin-top:25px}.contact-brand a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.page-intro{padding-bottom:48px}.gallery-section{padding-top:32px}.filters button{padding:9px 18px;font-size:13px}.photo-grid{row-gap:36px}
.photo-card{display:block;width:100%;padding:0;border:0;text-align:left;min-width:0}.photo-card .photo{height:auto;aspect-ratio:4/3;object-fit:cover}.photo-card .tag{display:block;margin:14px 0 5px}.photo-title{display:block;font-size:16px;font-weight:500}.photo-card:hover .photo-title{color:var(--green)}
dialog{padding:18px;border:1px solid var(--line);background:#101512;color:#f1f4ee;max-width:1100px;width:calc(100% - 32px);max-height:95dvh;border-radius:4px}dialog::backdrop{background:#050806eb}body:has(dialog[open]){overflow:hidden}.viewer-toolbar,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-toolbar{padding-bottom:12px;font-size:12px}.viewer-toolbar button{padding:8px 14px}.viewer-bottom{padding-top:12px;text-align:center}.viewer-bottom p{margin:0;color:#fff}.viewer-bottom a{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.viewer-bottom button{padding:8px 18px}#viewer-image{display:block;max-height:65dvh;width:100%;object-fit:contain}
.brand-resources{align-items:start}.brand-resource-preview{display:flex;align-items:center;justify-content:center;background:#fff;min-height:220px;padding:24px}.brand-resource-preview img{display:block;width:100%;height:190px;object-fit:contain}.brand-resources article p{font-size:13px}.brand-resources h3{margin-bottom:10px}
@media(max-width:960px){.hero{gap:26px}.hero h1{font-size:46px}.hero .hero-visual img{height:400px}.contact-section{gap:32px}.contact-brand{padding:24px}}
@media(max-width:720px){header{gap:18px}.brand-mark{width:132px}header nav{font-size:12px;gap:13px}.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(39px,8vw,54px)}.hero .hero-visual img{height:auto;aspect-ratio:4/3}.hero-note{margin:24px 0 0}.hero-visual figcaption{font-size:10px}.contact-section{grid-template-columns:1fr;gap:35px}.contact-brand{max-width:360px;width:100%}.contact-phone{font-size:32px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.photo-title{font-size:13px}.photo-card .tag{font-size:10px}.filters{gap:8px}.filters button{padding:8px 12px;font-size:12px}.featured-grid{gap:32px}.page-intro h1{font-size:44px}.viewer-bottom p{font-size:13px}}
@media(max-width:380px){header nav{width:100%;justify-content:space-between}.hero .button{padding:10px 14px}.contact-phone{font-size:28px}}

/* Copyable inquiry guide */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-section{grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}
.contact-section>div,.inquiry-card{min-width:0}.inquiry-help{font-size:13px}.contact-card-link{display:inline-block;font-size:12px;color:var(--muted);margin-top:14px;text-decoration:underline;text-underline-offset:4px}
.inquiry-card{padding:30px;border:1px solid var(--line);background:#151d17}.inquiry-card h3{margin:14px 0 12px;font-size:24px}.inquiry-card p{font-size:13px}.inquiry-card textarea{margin:22px 0 16px;min-height:244px;line-height:1.9;font-size:14px;cursor:text}.inquiry-card button{width:100%}#inquiry-status{color:var(--green);margin-bottom:0}#inquiry-status:empty{display:none}
@media(max-width:720px){.contact-section{grid-template-columns:1fr;gap:30px}.inquiry-card{padding:22px}.inquiry-card textarea{font-size:13px}}

/* Clear service information, entity details and answer pages. */
html{scroll-padding-top:24px}.hero-description strong{font-weight:500;color:#e2e9e0}.service-link{display:inline-block;margin-top:22px;font-size:13px}
.company-section{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.company-summary{font-size:18px;line-height:1.85;color:#e2e9e0}.company-facts{margin:0}.company-facts>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.company-facts dt{font-size:12px;color:var(--muted)}.company-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}.company-facts a:hover{color:var(--green)}
.faq-teasers{margin-top:28px}.faq-teaser{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;padding:24px 0;border-top:1px solid var(--line)}.faq-teaser h3{font-size:20px;margin:0;line-height:1.6}.faq-teaser h3 span{color:var(--green)}.faq-teaser p{margin:0;font-size:14px}
.breadcrumbs{padding:26px 0 0;font-size:12px;color:var(--muted);gap:12px}.breadcrumbs a:hover{color:var(--green)}.faq-intro{padding-top:36px}.faq-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding:50px 0}.faq-toc{display:flex;flex-direction:column;align-items:stretch;gap:0;position:sticky;top:24px;align-self:start}.faq-toc strong{color:var(--green);font-size:12px;letter-spacing:1px;padding-bottom:14px}.faq-toc a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}.faq-toc a:hover{color:#fff}.faq-answer{padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.faq-answer:first-child{padding-top:0}.faq-answer h2{font-size:25px;margin-top:0}.faq-answer p{font-size:16px;line-height:1.95;color:#c3cec5}.answer-link{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.faq-contact h2{max-width:750px}nav a[aria-current=page]{color:var(--green)}footer strong{font-size:13px;color:#e2e9e0}footer p{margin:6px 0 0;font-size:12px}
@media(max-width:960px){.company-section{gap:32px}.faq-layout{grid-template-columns:225px minmax(0,1fr);gap:36px}}
@media(max-width:720px){header nav{width:100%;justify-content:space-between;gap:10px}.company-section,.faq-teaser,.faq-layout{grid-template-columns:1fr;gap:24px}.company-facts>div{grid-template-columns:90px 1fr;gap:14px}.faq-layout{padding:32px 0}.faq-toc{position:static}.faq-answer h2{font-size:22px}.faq-answer p{font-size:15px}.faq-teaser h3{font-size:19px}.faq-teaser{gap:12px}.company-summary{font-size:16px}.page-intro h1{font-size:clamp(32px,8vw,44px)}footer nav{gap:14px;font-size:12px}}

/* Service-specific questions remain linked to the same visible FAQ answers. */
.service-faq-link{display:inline-block;font-size:12px;color:var(--green);margin-top:8px;text-underline-offset:4px}.service-faq-link:hover{text-decoration:underline}.faq-toc{max-height:calc(100dvh - 48px);overflow-y:auto;padding-right:10px}.service-grid article{display:flex;flex-direction:column;align-items:flex-start}.service-grid article h3{margin-bottom:0}.service-grid article .service-faq-link{margin-top:auto;padding-top:8px}
@media(max-width:720px){.faq-toc{max-height:none;overflow:visible;padding-right:0}}
.record-grid{gap:40px 28px}.record-card{min-width:0;border:1px solid #303b34;background:#171e19;scroll-margin-top:120px;overflow:hidden}.record-cover{position:relative;display:block;overflow:hidden}.record-cover img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.record-cover:hover img{transform:scale(1.025)}.record-photo-count{position:absolute;right:16px;bottom:16px;background:#101512e6;padding:8px 12px;font-size:11px;letter-spacing:.08em;color:#fff}.record-copy{padding:26px}.record-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:11px;color:#acb8b0}.record-meta .tag{margin:0}.record-copy h3{font-size:clamp(20px,2vw,27px);line-height:1.4;margin:18px 0 10px;word-break:keep-all}.record-copy h3 a{text-decoration:none;color:inherit}.record-copy p{line-height:1.85;color:#c3ccc6;font-size:14px}.record-copy .record-location{color:#27ff14;font-size:12px;margin:0 0 12px}.record-album{margin-top:24px;border-top:1px solid #354039;padding-top:18px}.record-album summary{cursor:pointer;font-size:13px;font-weight:700}.record-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.record-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.record-instagram{display:inline-block;margin-top:18px;font-size:13px;color:#27ff14}.all-photos{border-top:1px solid #354039;border-bottom:1px solid #354039;padding:24px 0}.all-photos>summary{cursor:pointer;font-size:18px;font-weight:700}.all-photos .gallery-section{padding-bottom:24px}.record-card[hidden]{display:none}.record-cover:focus-visible,.record-thumbnails a:focus-visible{outline:3px solid #27ff14;outline-offset:-3px}@media(max-width:720px){.record-grid{gap:28px}.record-copy{padding:22px}.record-meta{font-size:10px}.record-copy h3{font-size:23px}.record-copy p{font-size:14px}.filters{flex-wrap:wrap}.record-photo-count{right:12px;bottom:12px}}
