.about-concept-page{--about-display:clamp(36px,4vw,56px);--about-name:80px;--about-photo-height:560px;--about-sheet-width:1280px;--about-label-width:128px;--about-subtitle:20px}
.about-concept-page #main{width:100%;max-width:none;margin:0}
.ab-page{--about-section-title:32px;--about-section-pad:80px;--about-action-height:52px;--about-subtitle:20px;font-family:Outfit,'Noto Sans KR',sans-serif;color:var(--front-ink);background:var(--hattie-white);font-size:var(--front-copy-size);line-height:1.8}
.ab-page *{box-sizing:border-box;min-width:0}
.ab-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}
.ab-container{width:min(var(--about-sheet-width),calc(100% - 2 * var(--front-gutter)));margin-inline:auto}
.ab-page img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ab-page h1{font-size:var(--about-display);font-weight:600;line-height:1.15;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere}
.ab-page h2{font-size:var(--about-section-title);font-weight:500;line-height:1.3;letter-spacing:-.035em;word-break:keep-all}
.ab-page h3{font-size:var(--about-subtitle);font-weight:500;line-height:1.4;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}
.ab-copy{max-width:48ch;font-size:var(--front-copy-size);line-height:1.85;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line}
.ab-role{font-size:var(--front-secondary-size);line-height:1.7;margin-bottom:var(--front-space-24)!important}
.ab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--front-space-24);margin-top:var(--front-space-32)}
.ab-page .ab-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--about-action-height);padding:var(--front-space-12) var(--front-space-24);border-radius:var(--front-radius);background:var(--hattie-brand-blue);color:var(--hattie-white);font-size:var(--front-secondary-size);font-weight:500;text-decoration:none;line-height:1.5}
.ab-page .ab-button:hover{background:var(--hattie-blue-hover);color:var(--hattie-white)}
.ab-page .ab-button:active{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-page .ab-link{display:inline-flex;align-items:center;min-height:var(--front-space-48);color:inherit;font-size:var(--front-secondary-size);text-decoration:underline;text-underline-offset:5px}
.ab-page .ab-link:hover{background:var(--hattie-blue-wash);color:var(--hattie-blue-hover)}
.ab-page .ab-link:active{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-comparison{padding:var(--front-space-8) var(--front-gutter) var(--front-space-16);background:var(--hattie-white);color:var(--hattie-charcoal);border-bottom:1px solid var(--front-line)}
.ab-comparison-top{display:flex;align-items:center;justify-content:space-between;gap:var(--front-space-16);font-size:var(--front-secondary-size)}
.ab-comparison-top>a{display:inline-flex;align-items:center;min-height:var(--front-space-48);text-decoration:underline;color:var(--hattie-grey);flex-shrink:0}
.ab-comparison nav{display:flex;flex-wrap:wrap;gap:var(--front-space-8)}
.ab-comparison nav a{display:flex;align-items:center;justify-content:center;gap:var(--front-space-12);padding:var(--front-space-8) var(--front-space-16);min-height:var(--front-space-48);font-size:var(--front-secondary-size);line-height:1.5;text-decoration:none;color:var(--hattie-charcoal)}
.ab-comparison nav a[aria-current]{background:transparent;color:var(--hattie-brand-blue);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.ab-comparison nav a:hover{background:var(--hattie-grey-surface);color:var(--hattie-charcoal)}
.ab-comparison nav a[aria-current]:hover{background:var(--hattie-blue-wash);color:var(--hattie-blue-hover)}
.ab-comparison nav a:active,.ab-comparison-top>a:active{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-business-facts{margin-top:var(--front-space-32)!important}
.ab-business-facts>div{display:grid;grid-template-columns:var(--about-label-width) minmax(0,1fr);gap:var(--front-space-16);padding-block:var(--front-space-16);border-top:1px solid var(--front-line)}
.ab-business-facts dt{color:var(--hattie-grey);font-size:var(--front-secondary-size)}
.ab-business-facts dd{font-size:var(--front-copy-size);font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:keep-all}
.ab-page .ab-business-email{display:flex;align-items:center;min-height:var(--front-space-48);font-size:var(--front-copy-size);color:var(--hattie-brand-blue);text-decoration:underline;overflow-wrap:anywhere;word-break:break-all;margin-top:var(--front-space-16)}
.ab-business-sections>section{padding-block:var(--about-section-pad);border-top:1px solid var(--front-line)}
.ab-business-sections>section>header{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--front-space-32);align-items:baseline}
.ab-business-sections>section>header>p{margin-top:0;max-width:52ch;color:var(--hattie-grey);font-size:var(--front-copy-size)}
.ab-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--front-space-32);margin-top:var(--front-space-32)}
.ab-service-grid p{margin-top:var(--front-space-16);font-size:var(--front-copy-size);line-height:1.9;word-break:keep-all}
.ab-business-credits ol{list-style:none;padding:0;margin:var(--front-space-32) 0 0}
.ab-business-credits li{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:var(--front-space-24);align-items:start;padding-block:var(--front-space-24);border-top:1px solid var(--front-line)}
.ab-credit-year{font-size:var(--front-copy-size);font-variant-numeric:tabular-nums;color:var(--hattie-grey)}
.ab-business-credits li p{margin-top:var(--front-space-8);font-size:var(--front-copy-size);color:var(--hattie-grey)}
.ab-business-credits li>a{display:inline-flex;align-items:center;min-height:var(--front-space-48);font-size:var(--front-secondary-size);text-decoration:underline;color:var(--hattie-brand-blue)}
.ab-business-channels nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--front-space-16);margin-top:var(--front-space-32)}
.ab-business-channels nav a{display:flex;align-items:center;justify-content:space-between;gap:var(--front-space-16);padding:var(--front-space-16);min-height:var(--front-space-48);border:1px solid var(--front-control-line);font-size:var(--about-subtitle);color:var(--hattie-charcoal)}
.ab-page :is(.ab-business-credits li>a,.ab-business-channels a,.ab-business-email,.ab-explanation a,.ab-comparison-top>a):hover{background:var(--hattie-blue-wash);color:var(--hattie-blue-hover)}
.ab-page :is(.ab-business-credits li>a,.ab-business-channels a,.ab-business-email,.ab-explanation a):active{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-explanation{padding-block:var(--front-space-32);border-top:1px solid var(--front-line);color:var(--hattie-charcoal);background:var(--hattie-white)}
.ab-explanation summary{min-height:var(--front-space-48);padding-block:var(--front-space-12);cursor:pointer;font-size:var(--front-secondary-size)}
.ab-explanation summary:hover{background:var(--hattie-blue-wash)}
.ab-explanation summary:active{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-explanation[open] :is(h2,p){margin-block:var(--front-space-16);max-width:65ch;font-size:var(--front-copy-size)}
.ab-explanation a{color:var(--hattie-brand-blue);text-decoration:underline;display:inline-flex;align-items:center;min-height:var(--front-space-48)}
.ab-photo-pending{padding:var(--front-space-48);font-size:var(--front-copy-size)}
.ab-cinema-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--hattie-black);color:var(--hattie-white)}
.ab-cinema-copy{padding:var(--front-space-64) var(--front-gutter)}
.ab-cinema-copy>.ab-copy{color:var(--hattie-grey-light);margin-top:var(--front-space-32)}
.ab-cinema-copy .ab-business-facts dt{color:var(--hattie-grey-light)}
.ab-cinema-photo{display:grid;grid-template-rows:minmax(0,1fr) auto}
.ab-cinema-photo img{max-height:640px}
.ab-cinema-photo figcaption{padding:var(--front-space-16) var(--front-space-24);color:var(--hattie-grey-light);font-size:var(--front-secondary-size)}
.ab-cinema-hero a:focus-visible{outline-color:var(--hattie-blue-light)}
.ab-editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--front-space-48) var(--front-space-64);padding-block:var(--front-space-64)}
.ab-editorial-hero>header{grid-column:1/-1}
.ab-editorial-story{padding-top:var(--front-space-24)}
.ab-editorial-story>.ab-copy{margin-top:var(--front-space-24)}
.ab-editorial-portrait{height:var(--about-photo-height);display:grid;grid-template-rows:minmax(0,1fr) auto}
.ab-editorial-portrait figcaption{font-size:var(--front-secondary-size);padding-top:var(--front-space-16);color:var(--hattie-grey)}
.ab-global-hero{background:var(--hattie-white);color:var(--hattie-charcoal);padding-block:var(--about-section-pad)}
.ab-global-hero>.ab-container{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--front-space-64)}
.ab-global-copy{padding-top:var(--front-space-32)}
.ab-global-copy .ab-role{color:var(--hattie-brand-blue);margin-top:var(--front-space-16);margin-bottom:0!important}
.ab-global-copy>.ab-copy{margin-top:var(--front-space-24)}
.ab-global-sheet{background:var(--hattie-grey-surface);color:var(--hattie-charcoal);padding:var(--front-space-32)}
.ab-global-sheet h2{font-size:var(--about-subtitle)}
.ab-global-hero .ab-button{background:var(--hattie-brand-blue);color:var(--hattie-white)}
.ab-global-hero .ab-button:hover{background:var(--hattie-blue-hover);color:var(--hattie-white)}
.ab-global-hero .ab-button:active{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-global-hero a:focus-visible{outline-color:var(--hattie-brand-blue)}
.ab-profile-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--front-space-64);padding-block:var(--front-space-64)}
.ab-profile-sheet h2{font-size:var(--about-subtitle);margin-block:var(--front-space-24) var(--front-space-16)}
.ab-profile-photo{height:var(--about-photo-height);background:var(--hattie-grey-surface)}
.ab-studio-hero{padding-block:var(--front-space-64)}
.ab-studio-hero>header{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--front-space-64);margin-bottom:var(--front-space-48)}
.ab-studio-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--front-space-48);background:var(--hattie-grey-surface)}
.ab-studio-summary>section{padding:var(--front-space-32)}
.ab-studio-summary>section>p{font-size:var(--front-copy-size);line-height:1.9;margin-top:var(--front-space-24)}
.ab-studio-summary>figure{height:440px}
@media(max-width:900px){.ab-global-hero>.ab-container{gap:var(--front-space-32)}.ab-profile-hero,.ab-editorial-hero{gap:var(--front-space-32)}.ab-service-grid{grid-template-columns:1fr;gap:var(--front-space-32)}.ab-business-channels nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .about-concept-page{--about-display:36px;--about-name:64px;--about-photo-height:400px;--about-label-width:92px}
 .ab-page{--about-section-title:28px;--about-section-pad:48px}
 .ab-business-sections>section>header{grid-template-columns:minmax(0,1fr);gap:var(--front-space-16)}
 .ab-comparison nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
 .ab-comparison nav a{padding-inline:var(--front-space-8)}
 .ab-comparison nav a>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .ab-cinema-hero,.ab-editorial-hero,.ab-profile-hero,.ab-global-hero>.ab-container,.ab-studio-hero>header,.ab-studio-summary{grid-template-columns:minmax(0,1fr)}
 .ab-cinema-copy{padding-block:var(--front-space-32)}
 .ab-cinema-photo img{height:var(--about-photo-height)}
 .ab-editorial-hero,.ab-profile-hero,.ab-studio-hero{padding-block:var(--front-space-32);gap:var(--front-space-32)}
 .ab-editorial-hero>header{grid-column:auto}
 .ab-editorial-story{padding-top:0}
 .ab-global-hero{padding-block:var(--front-space-32)}
 .ab-global-sheet{padding:var(--front-space-24)}
 .ab-global-copy{padding-top:0}
 .ab-business-facts>div{grid-template-columns:var(--about-label-width) minmax(0,1fr);gap:var(--front-space-12);padding-block:var(--front-space-12)}
 .ab-business-sections>section{padding-block:var(--front-space-48)}
 .ab-business-credits li{grid-template-columns:48px minmax(0,1fr);gap:var(--front-space-12) var(--front-space-16)}
 .ab-business-credits li>a{grid-column:2}
 .ab-business-channels nav a{font-size:var(--front-copy-size);padding:var(--front-space-12);gap:var(--front-space-8)}
 .ab-business-channels nav a>span{flex:none}
 .ab-studio-hero>header{gap:var(--front-space-32);margin-bottom:var(--front-space-32)}
 .ab-studio-summary{gap:0}
 .ab-studio-summary>section{padding:var(--front-space-24)}
 .ab-studio-summary>figure{height:var(--about-photo-height)}
}
@media(max-width:360px){.ab-business-channels nav{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ab-page *{scroll-behavior:auto;animation:none;transition:none}}
