html.about-document{scroll-padding-top:108px;scroll-behavior:smooth}
.about-page{background:var(--navy)}
.about-page .reading-progress{height:1px}
.about-page main{overflow:hidden}
.about-hero{position:relative;min-height:690px;height:84svh;max-height:900px;color:var(--white);display:flex;align-items:center;isolation:isolate}
.about-hero-photo,.about-hero-shade{position:absolute;inset:0;z-index:-1}
.about-hero-photo{overflow:hidden}
.about-hero-photo img{height:100%;object-fit:cover;object-position:center}
.about-hero-shade{background:linear-gradient(180deg,rgb(16 26 46 / .38),rgb(16 26 46 / .15) 40%,rgb(16 26 46 / .52))}
.about-hero-copy{text-align:center;padding-top:50px}
.about-eyebrow{font-size:12px;font-weight:600;letter-spacing:2.7px;color:var(--gold);margin-bottom:27px}
.about-hero h1{font-size:clamp(42px,4.4vw,64px);font-weight:700;line-height:1.4;letter-spacing:-2px;text-wrap:balance}
.about-hero h1 span{white-space:nowrap}
.about-intro{font-size:18px;line-height:1.85;letter-spacing:-.35px;color:var(--light);margin:26px auto 0;max-width:590px;text-wrap:balance}
.about-intro>span{display:block}.about-intro>span+span{margin-top:8px}
.mobile-break{display:none}
.about-hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;line-height:1.7}
.about-hero-bottom p{display:flex;gap:18px;color:var(--light)}
.about-hero-bottom p>span:last-child{color:var(--white)}
.about-scroll{display:flex;align-items:center;gap:20px;min-height:44px;transition:color .25s}
.about-scroll>span{font-size:23px;color:var(--gold);font-weight:300;transition:transform .3s var(--ease-out)}
.about-scroll:is(:hover,:focus-visible){color:var(--gold)}
.about-scroll:is(:hover,:focus-visible)>span{transform:translateY(4px)}
.about-scroll:active>span{transform:translateY(6px)}
.about-story{padding:125px 0 115px;background:var(--navy);color:var(--white);scroll-margin-top:0}
.about-story-row{display:grid;grid-template-columns:1fr 1.17fr;gap:90px;align-items:center}
.about-story-copy{padding:10px 0}
.about-section-label{font-size:11px;font-weight:550;letter-spacing:1.55px;line-height:1.6;color:var(--gold);display:flex;align-items:center;gap:18px;margin-bottom:27px}
.about-section-label>span{font-family:Bebas,sans-serif;font-size:21px;letter-spacing:1px;line-height:1;border-right:1px solid rgb(200 162 74 / .5);padding-right:17px}
.about-story h2,.about-management h2{font-size:42px;line-height:1.45;letter-spacing:-1.4px;font-weight:650;text-wrap:balance}
.about-rule{width:34px;height:2px;background:var(--gold);margin:30px 0}
.about-story-copy>p:not(.about-section-label){font-size:18px;line-height:1.85;letter-spacing:-.3px;color:var(--light);max-width:445px}
.about-story-copy>p+p:not(.about-section-label){margin-top:8px}
.about-photo{align-self:stretch;min-height:510px;position:relative;padding-bottom:39px}
.about-photo-window{position:absolute;inset:0 0 39px;overflow:hidden}
.about-photo-window>img{height:100%;width:100%;object-fit:cover;object-position:58% center}
.about-photo figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:16px;padding-top:17px;font-size:12px;color:var(--light);line-height:1.5}
.about-photo figcaption>span:last-child{font-size:9px;letter-spacing:1.25px;color:var(--gold);align-self:center}
.about-story-reverse{padding:0 0 96px}
.about-story-reverse .about-story-row{grid-template-columns:1.17fr 1fr}
.about-story-reverse .about-story-copy{grid-column:2;grid-row:1}
.about-story-reverse .about-photo{grid-column:1;grid-row:1}
.about-story-reverse .about-photo img{object-position:47% center}
.about-story-reverse h2{font-size:42px}
.about-page .about-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Pretendard,sans-serif;font-size:16px;font-weight:550;line-height:24px;letter-spacing:-.2px;white-space:nowrap;vertical-align:middle;transition:background-color .22s,color .22s,border-color .22s,scale .16s,translate .75s var(--ease-out) var(--reveal-delay,0ms)}
.about-page .about-action>.button-label{display:block;font:inherit;line-height:24px;color:inherit;transform:none;transition:none}
.about-action-icon{display:block;flex:0 0 20px;width:20px;height:20px;transition:transform .25s var(--ease-out)}
.about-text-link{gap:24px;min-height:48px;padding:0;margin-top:24px;border-bottom:1px solid rgb(203 210 222 / .4);color:var(--white)}
.about-text-link .about-action-icon{color:var(--gold)}
.about-text-link:is(:hover,:focus-visible){color:var(--gold);border-color:var(--gold)}
.about-action:is(:hover,:focus-visible) .about-action-icon{transform:translate(2px,-2px)}
.about-action:active .about-action-icon{transform:translate(1px,-1px)}
.about-management{padding:24px 0 116px;background:var(--navy);color:var(--white);scroll-margin-top:0}
.about-management-heading{max-width:780px;margin-bottom:48px}
.about-management-heading .about-section-label{margin-bottom:24px}
.about-management h2{font-size:50px;line-height:1.3;letter-spacing:-1.8px}
.about-management-intro{font-size:18px;line-height:1.9;color:var(--light);letter-spacing:-.3px;margin-top:25px}
.about-management-scenes{display:grid;grid-template-columns:minmax(0,28fr) minmax(0,44fr) minmax(0,28fr);gap:22px;align-items:start}
.management-scene{min-width:0}
.management-scene-photo{height:clamp(320px,33vw,440px);overflow:hidden;background:var(--deep)}
.management-scene-photo img{height:100%;object-fit:cover;object-position:center}
.management-inspection .management-scene-photo img{object-position:44% center}
.management-scene figcaption{padding-top:24px}
.management-scene h3{font-size:23px;line-height:1.5;font-weight:600;letter-spacing:-.65px}
.management-scene figcaption p{font-size:16px;line-height:1.85;color:var(--light);letter-spacing:-.3px;margin-top:12px;text-wrap:pretty}
.management-scene .copy-sentence{display:block}
.about-inquiry{padding:96px 0 92px}
.about-inquiry h2{font-size:76px}
.about-inquiry .inquiry-lead{margin-top:24px}
.about-inquiry .inquiry-lead+p{margin-top:16px}
.about-inquiry .inquiry-link{gap:32px;min-width:200px;min-height:56px;padding:0 24px;margin-top:30px;border-radius:3px;color:var(--deep);background:var(--gold)}
.about-inquiry .inquiry-link:before{content:none}
.about-inquiry .inquiry-link:is(:hover,:focus-visible){background:var(--gold-hover)}
.about-inquiry .inquiry-link:active{scale:.99}
.about-page footer{background:var(--deep)}
/* Stable outer bounds let a scene reset only after leaving below the viewport. */
.about-motion [data-reveal]{opacity:0;transition:opacity .65s var(--ease-out) var(--reveal-delay,0ms)}
.about-motion [data-reveal]>*{translate:0 14px;transition:translate .75s var(--ease-out) var(--reveal-delay,0ms)}
.about-motion [data-reveal].is-revealed{opacity:1}
.about-motion [data-reveal].is-revealed>*{translate:0 0}
.about-motion .about-photo[data-reveal]{--reveal-delay:100ms;opacity:1}
.about-motion .about-photo .about-photo-window{translate:none;clip-path:inset(100% 0 0);transition:clip-path .85s var(--ease-out) var(--reveal-delay)}
.about-motion .about-photo figcaption{opacity:0;transition:opacity .65s var(--ease-out) var(--reveal-delay),translate .75s var(--ease-out) var(--reveal-delay)}
.about-motion .about-photo-window img{transform:scale(1.035);transition:transform 1s var(--ease-out) var(--reveal-delay),scale .65s var(--ease-out)}
.about-motion .about-photo.is-revealed .about-photo-window{clip-path:inset(0)}
.about-motion .about-photo.is-revealed .about-photo-window img{transform:scale(1)}
.about-motion .about-photo.is-revealed figcaption{opacity:1}
.about-motion .about-rule{translate:none;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease-out) .1s}
.about-motion .is-revealed .about-rule{transform:scaleX(1)}
.management-scene:nth-child(2){--reveal-delay:90ms}.management-scene:nth-child(3){--reveal-delay:180ms}
.management-scene-photo img{transition:scale .65s var(--ease-out)}
.about-motion [data-reveal]:not(.is-revealed),.about-motion [data-reveal]:not(.is-revealed)>*,.about-motion .about-photo:not(.is-revealed) img{transition-duration:0s;transition-delay:0s}
.about-motion .about-hero-photo img{animation:about-photo-settle 1.8s var(--ease-out) both}
.about-motion .about-eyebrow{animation:about-enter .65s var(--ease-out) .08s both}
.about-motion .about-hero h1{animation:about-enter .8s var(--ease-out) .18s both}
.about-motion .about-intro{animation:about-enter .75s var(--ease-out) .34s both}
@keyframes about-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes about-photo-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(hover:hover) and (pointer:fine){.about-photo.is-revealed:hover .about-photo-window img,.management-scene.is-revealed:hover .management-scene-photo img{scale:1.02}}
@media(max-width:1100px){
  .about-story-row,.about-story-reverse .about-story-row{gap:50px;grid-template-columns:1fr 1.05fr}
  .about-story h2,.about-story-reverse h2{font-size:36px}.about-story-copy>p:not(.about-section-label){font-size:16px}.about-photo{min-height:460px}
  .about-management h2{font-size:44px}.about-management-scenes{gap:18px}.management-scene h3{font-size:21px}.management-scene figcaption p{font-size:15px}.management-scene .desktop-break{display:none}
}
@media(min-width:761px) and (max-width:900px){
  .about-story-row,.about-story-reverse .about-story-row{gap:32px}.about-story h2,.about-story-reverse h2{font-size:31px}.about-photo{min-height:440px}.about-story{padding-top:88px;padding-bottom:86px}.about-story-reverse{padding-top:0}
  .about-management{padding-top:24px;padding-bottom:88px}.about-management h2{font-size:39px}.about-management-scenes{gap:16px}.management-scene-photo{height:305px}.management-scene h3{font-size:19px}.management-scene figcaption p{font-size:14px}.management-scene figcaption{padding-top:20px}
}
@media(max-width:760px){
  html.about-document{scroll-padding-top:122px}
  .about-hero{height:88svh;min-height:680px;max-height:850px}
  .about-hero-photo img{object-position:53% center}.about-hero-shade{background:linear-gradient(180deg,rgb(16 26 46 / .2),rgb(16 26 46 / .16) 40%,rgb(16 26 46 / .55))}
  .about-hero-copy{align-self:flex-start;padding-top:clamp(182px,23svh,210px)}.about-eyebrow{font-size:10px;letter-spacing:1.9px;margin-bottom:24px}
  .about-hero h1{font-size:clamp(27px,7.4vw,40px);line-height:1.5;letter-spacing:-1px}
  .about-intro{font-size:15px;line-height:1.9;margin-top:24px;max-width:510px;letter-spacing:-.25px}.about-intro>span+span{margin-top:10px}
  .desktop-break{display:none}.mobile-break{display:block}
  .about-hero-bottom{bottom:22px;font-size:9px;letter-spacing:1px}.about-hero-bottom p{gap:12px}.about-scroll{gap:10px}.about-scroll>span{font-size:20px}
  .about-story{padding:68px 0 66px;scroll-margin-top:0}
  .about-story-row,.about-story-reverse .about-story-row{display:flex;flex-direction:column;gap:31px;align-items:stretch}
  .about-story-copy{padding:0}.about-section-label{font-size:10px;letter-spacing:1.2px;gap:13px;margin-bottom:21px}.about-section-label>span{font-size:19px;padding-right:13px}
  .about-story h2,.about-story-reverse h2{font-size:29px;line-height:1.5;letter-spacing:-.9px}
  .about-rule{margin:25px 0;width:30px}.about-story-copy>p:not(.about-section-label){font-size:16px;line-height:1.85;max-width:600px;letter-spacing:-.3px}
  .about-photo{min-height:0;padding-bottom:0}.about-photo-window{position:static;aspect-ratio:4/3}.about-photo-window>img{height:100%;object-position:57% center}.about-photo figcaption{position:static;padding-top:14px;font-size:11px}.about-photo figcaption>span:last-child{font-size:8px;letter-spacing:.8px}
  .about-story-reverse{padding-top:0;padding-bottom:69px}.about-story-reverse .about-story-row{border-top:1px solid rgb(203 210 222 / .22);padding-top:60px}
  .about-text-link{margin-top:19px;gap:24px}
  .about-page .about-action{transition-duration:.22s,.22s,.22s,.16s,.55s}
  .about-management{padding:12px 0 75px;scroll-margin-top:0}.about-management-heading{margin-bottom:32px}.about-management-heading .about-section-label{margin-bottom:21px}.about-management h2{font-size:32px;letter-spacing:-1px}
  .about-management-intro{font-size:16px;line-height:1.85;margin-top:21px}.about-management-scenes{grid-template-columns:minmax(0,1fr);gap:45px}
  .management-scene-photo{height:auto;aspect-ratio:6/5}.management-order .management-scene-photo img{object-position:center 56%}.management-records .management-scene-photo img{object-position:center 62%}
  .management-inspection .management-scene-photo{aspect-ratio:1/1}.management-scene figcaption{padding-top:19px}.management-scene h3{font-size:22px;letter-spacing:-.6px}.management-scene figcaption p{font-size:16px;line-height:1.85;margin-top:9px;max-width:550px}
  .about-inquiry{padding:66px 0 68px}.about-inquiry h2{font-size:52px}
  .about-motion [data-reveal]{--reveal-delay:0ms;transition-duration:.45s}
  .about-motion [data-reveal]>*{translate:0 8px;transition-duration:.55s}
  .about-motion [data-reveal].is-revealed>*{translate:0 0}
  .about-motion .about-photo[data-reveal]{--reveal-delay:0ms;opacity:0}.about-motion .about-photo.is-revealed{opacity:1}
  .about-motion .about-photo .about-photo-window{clip-path:none;translate:0 8px;transition:translate .55s var(--ease-out)}
  .about-motion .about-photo.is-revealed .about-photo-window{translate:0 0}
  .about-motion .about-photo-window img{transform:none}
  .about-motion .about-photo figcaption{opacity:1;transition-duration:.55s}
  .about-motion .about-hero-photo img{animation-duration:1.2s}
}
@media(max-width:359px){
  .about-hero{min-height:650px}.about-hero h1{font-size:25px;letter-spacing:-1.1px}.about-intro{font-size:14px}.about-hero-bottom{font-size:8px}.about-scroll{gap:7px}.about-hero-bottom p{gap:8px}
  .about-story h2,.about-story-reverse h2{font-size:26px}.about-story-copy>p:not(.about-section-label){font-size:15px}.about-section-label{font-size:9px;letter-spacing:.8px}
  .about-management h2{font-size:29px}.about-management-intro{font-size:15px}.management-scene h3{font-size:20px}.management-scene figcaption p{font-size:15px}.about-inquiry h2{font-size:46px}
}
@media(prefers-reduced-motion:reduce){
  html.about-document{scroll-behavior:auto}
  .about-motion [data-reveal],.about-motion .about-photo[data-reveal],.about-motion .about-photo figcaption{opacity:1;transition:none}
  .about-motion [data-reveal]>*{translate:none!important;transition:none}
  .about-motion .about-photo .about-photo-window{clip-path:none}
  .about-motion .about-photo-window img,.about-motion .about-rule{transform:none!important}
  .about-motion .about-hero-photo img,.about-motion .about-eyebrow,.about-motion .about-hero h1,.about-motion .about-intro{animation:none}
  .about-photo img,.management-scene-photo img,.about-inquiry .inquiry-link{scale:1!important}
}