.about-concept-page{--about-header-offset:min(9.375vw,18.75svh);--about-cover-height:calc(100svh - var(--about-header-offset));--about-cover-min:420px;--about-cover-max:780px;--about-cover-focus:50% 15%;--about-cover-name:72px;--about-cover-motion:1400ms;--about-logo-height:80px}
.about-concept-page:not(:lang(ko)){--about-header-offset:calc(min(9.375vw,18.75svh) + 44px)}
.front-contact-form{padding-block:var(--front-space-64);margin-top:var(--front-space-48);border-top:1px solid var(--front-line)}
.front-contact>.front-contact-form:first-child{margin-top:0;padding-top:0;border-top:0}
.ab-cover{position:relative;height:clamp(var(--about-cover-min),var(--about-cover-height),var(--about-cover-max));background:var(--hattie-black);overflow:hidden;color:var(--hattie-white)}
.ab-cover-media{position:absolute;inset:0;animation:ab-photo-open var(--about-cover-motion) cubic-bezier(.2,.65,.3,1) both}
.ab-cover-media img{width:100%;height:100%;object-fit:cover;object-position:var(--about-cover-focus)}
.ab-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0 / .68),transparent 45%);pointer-events:none}
.ab-cover-caption{position:absolute;z-index:1;inset:auto 0 var(--front-space-32);width:min(var(--about-sheet-width),calc(100% - 2 * var(--front-gutter)));margin-inline:auto;display:flex;align-items:end;justify-content:space-between;gap:var(--front-space-24)}
.ab-cover h1{font-size:var(--about-cover-name);font-weight:500;line-height:1;letter-spacing:-.045em;color:var(--hattie-white)}
.ab-cover-caption a{display:flex;align-items:center;gap:var(--front-space-16);min-height:var(--front-space-48);color:var(--hattie-white);font-size:var(--front-secondary-size);text-decoration:none}
.ab-cover-caption .ab-cover-arrow{display:flex;align-items:center;justify-content:center;width:var(--front-space-48);height:var(--front-space-48);flex:none;border:1px solid var(--hattie-grey-light);border-radius:50%;font-size:var(--front-copy-size)}
.ab-cover-caption a:hover{text-decoration:underline;text-underline-offset:5px}
.ab-cover-caption a:hover .ab-cover-arrow{background:var(--hattie-white);color:var(--hattie-black);border-color:var(--hattie-white)}
.ab-cover-caption a:active .ab-cover-arrow{background:var(--hattie-blue-active);color:var(--hattie-white)}
.ab-cover-caption a:focus-visible{outline-color:var(--hattie-white)}
@keyframes ab-photo-open{from{transform:scale(1.045);clip-path:inset(3% 0)}to{transform:scale(1);clip-path:inset(0)}}
.ab-profile-sheet .ab-profile-name{font-size:48px;color:var(--hattie-brand-blue);margin-bottom:var(--front-space-24)}
.ab-profile-sheet h3{margin-bottom:var(--front-space-16)}
.ab-cinema-copy>h2,.ab-editorial-hero>header h2,.ab-global-copy>h2,.ab-studio-hero>header>h2{font-size:var(--about-display)}
.ab-event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--front-space-24);margin-top:var(--front-space-32)}
.ab-event-grid>a{--about-event-bg:var(--hattie-white);--about-event-ink:var(--hattie-charcoal);--about-event-meta:var(--hattie-grey);display:block;padding:var(--front-space-24);border:1px solid var(--front-line);border-radius:var(--front-radius);color:var(--about-event-ink);text-decoration:none;background:var(--about-event-bg)}
.ab-event-grid>a[data-logo-surface=dark]{--about-event-bg:var(--hattie-charcoal);--about-event-ink:var(--hattie-white);--about-event-meta:var(--hattie-grey-light);border-color:var(--hattie-charcoal)}
.ab-event-grid figure{height:100%;display:flex;flex-direction:column}
.ab-event-logo{height:var(--about-logo-height);display:flex;align-items:center;justify-content:center}

.ab-event-logo img{width:100%;height:100%;object-fit:contain;max-width:192px;object-position:center}
.ab-event-grid figcaption{display:flex;align-items:end;justify-content:space-between;gap:var(--front-space-12);flex:1;margin-top:var(--front-space-24);font-size:var(--front-secondary-size);line-height:1.5;color:var(--about-event-ink);overflow-wrap:anywhere}
.ab-event-grid figcaption>span:first-child{font-weight:500}
.ab-event-grid figcaption>span:last-child{color:var(--about-event-meta);font-variant-numeric:tabular-nums;flex:none}
.ab-event-grid>a:hover{border-color:var(--front-control-line);text-decoration:underline;text-underline-offset:4px}
.ab-event-grid>a:active{outline:2px solid var(--hattie-brand-blue);outline-offset:2px}
@media(max-width:700px){.ab-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--front-space-16)}}
@media(max-width:1074.98px),(max-height:537.98px){.about-concept-page{--about-header-offset:72px}.about-concept-page:not(:lang(ko)){--about-header-offset:116px}}
@media(max-width:600px){
 .about-concept-page{--about-cover-focus:53% 25%;--about-cover-name:48px;--about-logo-height:56px}
 .ab-cover-caption{inset:auto 0 calc(var(--front-space-24) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--front-space-16)}
 .ab-cover-caption a{gap:0;border-radius:50%}
 .ab-cover-link-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .ab-event-grid>a{padding:var(--front-space-16)}
 .ab-event-grid figcaption{flex-direction:column;align-items:start;gap:4px;min-height:64px;margin-top:var(--front-space-16)}
}
@media(max-width:559.98px){.about-concept-page{--about-header-offset:94px}.about-concept-page:not(:lang(ko)){--about-header-offset:160px}}
@media(prefers-reduced-motion:reduce){.ab-cover-media{animation:none;transform:none;clip-path:none}.ab-cover-caption a{transition:none}}
.page-contact.design-cutout .cu-heading h1{font-size:40px}