.about-editorial{background:#fcfbf8}
.about-crumb{padding:98px 0 18px;background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-3)}
.about-crumb .wrap{display:flex;gap:10px}
.about-crumb a:hover{color:var(--gold-3)}
.about-opening{padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:1.4fr 1fr;gap:72px;align-items:end}
.about-opening h1{margin-top:22px;font-size:clamp(32px,3.7vw,48px);line-height:1.5;letter-spacing:-.05em;font-weight:700;color:var(--navy-900)}
.opening-note{border-left:2px solid var(--gold);padding-left:26px}
.opening-note>span{font-size:14px;font-weight:700;color:var(--gold-3)}
.about-editorial p{font-size:16px;line-height:1.95;color:var(--ink-2)}
.opening-note p{margin-top:12px}
.about-name{background:#f0ece2;border-block:1px solid #e8e2d6}
.name-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:80px;align-items:center}
.name-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;align-items:center;color:#7f6840}
.name-art>span{font-family:var(--serif);font-size:clamp(90px,12vw,160px);line-height:1.5;font-weight:400}
.name-art>span+span{border-left:1px solid #d9ceba}
.name-art small{grid-column:1/-1;letter-spacing:.16em;font-size:11px;margin-top:18px}
.about-editorial h2{font-size:clamp(26px,2.8vw,36px);line-height:1.5;letter-spacing:-.035em;color:var(--navy-900);font-weight:700}
.name-copy h2{margin:18px 0 24px}
.name-copy p+p{margin-top:18px}
.about-method{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-block:100px}
.method-intro h2{margin-top:20px}
.method-intro p{margin-top:20px;font-size:15px}
.method-rows article{display:flex;gap:28px;padding:28px 0;border-top:1px solid #ded9ce}
.method-rows article:first-child{padding-top:22px}
.method-rows article:last-child{border-bottom:1px solid #ded9ce}
.method-rows article>span{font-family:var(--serif);font-size:20px;color:var(--gold-3);padding-top:1px}
.method-rows h3{font-size:19px;font-weight:700;color:var(--navy-900)}
.method-rows p{margin-top:10px;font-size:15px}
.about-people{background:#f3f5f4;border-top:1px solid var(--line)}
.people-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:76px}
.people-layout h2{margin-top:20px}
.people-layout p+p{margin-top:16px}
.about-text-link{display:inline-flex;gap:38px;align-items:center;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #b6a17c;font-size:15px;font-weight:700;color:var(--navy-900)}
@media(max-width:800px){.about-opening,.name-layout,.about-method,.people-layout{grid-template-columns:1fr;gap:36px}.about-opening{padding-block:44px}.name-layout,.people-layout{padding-block:48px}.about-method{padding-block:56px}.name-art{max-width:400px;width:100%;margin:auto}.name-art>span{font-size:100px}.opening-note{max-width:600px}}
@media(prefers-reduced-motion:reduce){.about-editorial *{animation:none!important}}
/* 기업소개: 비대칭 구성과 절제된 움직임 */
.about-opening{position:relative;min-height:450px;padding-top:90px;padding-bottom:90px;grid-template-columns:1.35fr .85fr;gap:100px}
.about-opening::before{content:"HWAJIN";position:absolute;right:0;top:18px;font-family:var(--serif);font-size:clamp(70px,12vw,150px);letter-spacing:.08em;color:rgba(138,106,44,.045);pointer-events:none}
.about-opening .opening-note{transform:translateY(28px)}
.about-opening h1{position:relative}
.about-name{margin:0 24px;border-radius:36px;overflow:hidden;border:1px solid #e8e2d6;background:linear-gradient(120deg,#f1ecdf,#faf8f2)}
.name-layout{grid-template-columns:.95fr 1.05fr;gap:90px;padding-block:90px}
.name-art{position:relative;isolation:isolate;min-height:360px;gap:24px;transform:rotate(-5deg)}
.name-art::before{content:"";position:absolute;width:310px;height:310px;border:1px solid #d9ccb3;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);z-index:-1}
.name-art::after{content:"";position:absolute;width:340px;height:340px;border:1px dashed rgba(159,131,81,.25);border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);z-index:-1;animation:aboutOrbit 65s linear infinite}
.name-art>span{font-size:140px;line-height:1.4;background:rgba(255,255,255,.7);border:1px solid rgba(201,164,92,.25);border-radius:22px;box-shadow:0 18px 45px -30px rgba(84,65,28,.3);padding:12px 0;animation:aboutFloat 8s ease-in-out infinite}
.name-art>span+span{border-left:1px solid rgba(201,164,92,.25);margin-top:80px;animation-delay:-4s}
.name-art small{transform:rotate(5deg);margin-top:10px}
.name-copy{padding-right:20px}
.about-method{grid-template-columns:.85fr 1.15fr;gap:90px;padding-block:110px}
.method-intro{position:sticky;top:120px;align-self:start}
.method-rows{position:relative;padding-left:28px;border-left:1px solid #ddd4c1}
.method-rows article{position:relative;border-top:0;border-bottom:1px solid #e6e0d5!important;padding:28px 24px;transition:background .35s,transform .35s;border-radius:16px}
.method-rows article::before{content:"";position:absolute;left:-33px;top:38px;width:9px;height:9px;background:#c9a45c;border:3px solid #fcfbf8;border-radius:50%;box-sizing:content-box}
.method-rows article:hover{background:#f2eee4;transform:translateX(6px)}
.method-rows article>span{font-size:26px}
.about-people{margin:0 24px 24px;border-radius:36px;border:1px solid #e1e6e3;background:linear-gradient(120deg,#edf1ee,#f7f8f5)}
.people-layout{gap:80px;align-items:center;padding-block:80px}
.about-text-link span{transition:transform .3s}
.about-text-link:hover span{transform:translate(4px,-4px)}
.about-reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.about-motion .about-reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.about-motion .about-reveal.is-visible{opacity:1;transform:none}}
@keyframes aboutFloat{50%{translate:0 -12px}}
@keyframes aboutOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:800px){.about-opening{min-height:0;grid-template-columns:1fr;gap:30px;padding-block:50px}.about-opening .opening-note{transform:none}.about-name,.about-people{margin-inline:12px;border-radius:24px}.name-layout,.about-method,.people-layout{grid-template-columns:1fr;gap:36px;padding-block:54px}.name-art{min-height:300px;max-width:330px}.name-art>span{font-size:100px}.name-art::before{width:250px;height:250px}.name-art::after{width:280px;height:280px}.name-copy{padding-right:0}.method-intro{position:static}.method-rows{padding-left:18px}.method-rows article{padding-inline:16px}.method-rows article::before{left:-23px}.about-opening::before{font-size:70px}}
@media(prefers-reduced-motion:reduce){.name-art>span,.name-art::after{animation:none}.method-rows article:hover{transform:none}}
/* 기업소개 가독성과 한자 조형 보정 */
.about-opening::before{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:.065em}
.about-editorial p{font-size:18px;line-height:1.95}
.method-intro p,.method-rows p{font-size:17px}
.method-rows h3{font-size:21px}
.name-art{transform:none;gap:18px;min-height:350px;align-items:center}
.name-art::before,.name-art::after{display:none}
.name-art>.name-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:278px;padding:28px 16px;border:1px solid #dbd2bf;border-radius:4px;background:linear-gradient(145deg,#fffefa,#f0eadc);box-shadow:0 18px 36px -30px rgba(79,65,37,.32);animation:none;font-size:inherit;position:relative}
.name-art>.name-tile::before{content:"";position:absolute;inset:9px;border:1px solid rgba(173,149,96,.22);pointer-events:none}
.name-art>.name-tile+span{margin-top:48px;border-left:1px solid #dbd2bf;background:linear-gradient(145deg,#f4f2eb,#e9e8dc)}
.name-tile em{font-family:var(--serif);font-size:112px;line-height:1.25;font-style:normal;font-weight:400;color:#786342}
.name-tile b{font-family:var(--sans);font-size:14px;font-weight:650;letter-spacing:.12em;color:#695b42}
.name-tile i{font-family:var(--sans);font-size:9px;font-style:normal;letter-spacing:.18em;color:#9d8b66}
.name-art small{transform:none;font-size:11px;margin-top:16px}
@media(max-width:800px){.about-editorial p{font-size:17px}.method-intro p,.method-rows p{font-size:16px}.name-art{gap:14px;max-width:380px;min-height:300px}.name-art>.name-tile{min-height:240px;padding:26px 12px}.name-tile em{font-size:92px}.name-art>.name-tile+span{margin-top:30px}.name-tile b{font-size:13px}}
/* 이름의 의미: 카드 대신 절제된 활자 구성 */
.about-name{margin:0;border-radius:0;background:#f1efe8;border-block:1px solid #e1ddd1}
.name-layout{gap:88px;padding-block:80px}
.name-art{min-height:320px;gap:0;transform:none;align-items:center;border-block:1px solid #cfc6b3;padding:30px 0 24px;color:#695f4b}
.name-art::before,.name-art::after{display:none}
.name-art>.name-tile,.name-art>.name-tile+span{min-height:230px;margin:0;padding:18px 20px;gap:14px;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}
.name-art>.name-tile+span{border-left:1px solid #d7cfbf}
.name-art>.name-tile::before{display:none}
.name-tile em{font-size:120px;font-weight:400;line-height:1.15;color:#75664a}
.name-tile b{font-size:13px;font-weight:600;letter-spacing:.12em;color:#625b4e}
.name-tile i{font-size:9px;letter-spacing:.2em;color:#8c8370}
.name-art small{margin-top:24px;font-size:10px;letter-spacing:.18em;color:#8c8370;transform:none}
@media(max-width:800px){.about-name{margin:0;border-radius:0}.name-layout{padding-block:52px;gap:36px}.name-art{min-height:270px;max-width:420px;padding-block:20px}.name-art>.name-tile,.name-art>.name-tile+span{min-height:200px;margin:0;padding:12px}.name-tile em{font-size:100px}.name-art small{margin-top:20px}}