/* Local preview v154. Keep the PSD pill angle while its position floats. */
.opening-logo-stack{translate:0 43px}
.opening-psd-english img{display:block;width:100%;height:auto}
html[data-state="idle"] .cta-slot{top:71svh}
.is-intro-story .psd-brand-mark{aspect-ratio:170/57;object-fit:contain}
.is-intro-story .psd-brand-type{margin-top:21px}
.is-intro-story .psd-brand-type strong{display:flex;align-items:center;gap:4px}
.is-intro-story .psd-brand-portfolio{display:block;width:clamp(39px,3.15vw,60px);height:auto;object-fit:contain}
.cta-slot .action.enter:is(:hover,:focus-visible) svg{stroke-width:2.45;translate:3px 0}
/* The former ABOUT01 gallery/title no longer occupies the opening view. */
.s03-stack,.s03-side-copy,.s03-heading,.s03-closing{display:none!important}
.s03-portrait{translate:1.25vw 0}
.s03-editorial-context,.s03-editorial-translation{display:none!important}
.s03-editorial-content{grid-column:2}
.s03-editorial-content>.s03-editorial-meta{margin-top:calc(clamp(32px,3.5vw,66px) + var(--s03-meta-extra,0px));translate:none!important}
.s03-editorial-subtitle{top:calc(278px * var(--s03-ed-scale,1))}
.s03-editorial-left{left:min(49.5px,2.34375vw)}
.s03-editorial-contact{visibility:hidden!important;pointer-events:none!important}
.s03-preview-copy,.s03-preview-mouse-cue{display:none!important}
.stage:has(.section03.is-preview-covering) .s03-fixed-bl.is-unlocked{color:#080808!important}
.s03-preview-band{position:absolute;left:0;width:100%;height:12.5%;background:#fff;transform:scaleY(0);transform-origin:50% 0;pointer-events:none}
.s03-contact-page{position:relative;z-index:3;min-height:100svh;background:#fff;color:#080808;display:grid;place-items:center;padding:clamp(40px,7vw,120px) max(24px,5vw);box-sizing:border-box}
.s03-contact-page-inner{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,520px);gap:clamp(20px,4vw,70px);align-items:center;max-width:900px;width:100%;font-family:"Pretendard Variable","Malgun Gothic",sans-serif}
.s03-contact-page-inner .s03-contact-profile{display:contents}
.s03-contact-page-inner .s03-contact-profile img{grid-column:1;grid-row:1 / span 2;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 35%;border-radius:50%}
.s03-contact-page-inner .s03-editorial-attitude{grid-column:2;grid-row:1;margin:0;font-size:clamp(17px,2vw,25px);line-height:1.55;font-weight:400;word-break:keep-all}
.s03-contact-page-inner .s03-contact-methods{grid-column:2;grid-row:2;display:grid;gap:8px;align-self:start}
.s03-contact-page-inner a{width:max-content;max-width:100%;color:inherit;text-decoration:none;font-size:clamp(15px,1.3vw,18px);overflow-wrap:anywhere}
.s03-contact-page-inner a span{font-weight:650}
.s03-contact-page-inner a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.s03-contact-page-inner a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.svc151-pill-one{--svc154-pill-angle:8deg}
.svc151-pill-two{--svc154-pill-angle:-8deg}
.svc151-pill{transform:rotate(var(--svc154-pill-angle))!important}
.svc151-plane.is-finished .svc151-pill{animation:none!important}
.svc151-pill-float{position:relative;display:block;width:100%;height:100%}
@keyframes svc154-pill-bob{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-12px,0)}
}
.svc151-plane.is-finished .svc151-pill-float{animation:svc154-pill-bob 5.5s ease-in-out infinite}
.svc151-plane.is-finished .svc151-pill-two .svc151-pill-float{animation-duration:6.3s;animation-delay:-2s}
.svc151-plane.is-finished .svc151-card{transition:opacity .28s cubic-bezier(.23,1,.32,1)}
.svc151-slide-hint{position:absolute;z-index:12;left:49%;top:53%;width:138px;height:100px;transform:translate(-50%,-50%);pointer-events:none}
.svc151-slide-hint[hidden]{display:none!important}
.svc151-slide-person{position:relative;display:block;width:100%;height:100%}
.svc151-slide-person img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.svc151-slide-person .pose-left{animation:svc154-slide-left 6s steps(1,end) infinite}
.svc151-slide-person .pose-middle{animation:svc154-slide-middle 6s steps(1,end) infinite}
.svc151-slide-person .pose-right{animation:svc154-slide-right 6s steps(1,end) infinite}
@keyframes svc154-slide-left{0%,12%{opacity:0}12.1%,22%{opacity:1}22.1%,100%{opacity:0}}
@keyframes svc154-slide-middle{0%,12%{opacity:1}12.1%,22%{opacity:0}22.1%,32%{opacity:1}32.1%,42%{opacity:0}42.1%,100%{opacity:1}}
@keyframes svc154-slide-right{0%,32%{opacity:0}32.1%,42%{opacity:1}42.1%,100%{opacity:0}}
.svc151-slide-bubble{position:absolute;left:76%;top:3px;white-space:nowrap;padding:8px 12px;border-radius:13px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.5);font:600 13px/1.3 "Pretendard Variable","Malgun Gothic",sans-serif}
.svc151-slide-bubble::before{content:"";position:absolute;left:-4px;top:20px;width:8px;height:8px;background:rgba(0,0,0,.5);transform:rotate(45deg)}
@media(max-width:1180px){
  .s03-portrait{translate:6vw 0}
  .svc151-slide-hint{top:53%;width:112px;height:81px}
  .svc151-slide-bubble{font-size:11px;left:72%;top:0;padding:7px 9px}
}
@media(max-width:700px){
  .s03-editorial-content>.s03-editorial-meta{margin-top:calc(28px + var(--s03-meta-extra,0px))}
  .opening-logo-stack{translate:0 38px}
  html[data-state="idle"] .cta-slot{top:69svh}
  .is-intro-story .psd-brand-type{margin-top:0}
  .is-intro-story .psd-brand-portfolio{width:clamp(34px,11vw,46px)}
  .s03-editorial-left{left:15px}
  .s03-editorial-subtitle{top:86px}
  .s03-contact-page-inner{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:20px}
  .s03-contact-page-inner .s03-contact-profile img{grid-column:1;grid-row:1;width:clamp(90px,26vw,140px)}
  .s03-contact-page-inner .s03-editorial-attitude{grid-column:1;grid-row:2;font-size:clamp(14px,3.9vw,17px)}
  .s03-contact-page-inner .s03-contact-methods{grid-column:1;grid-row:3;justify-items:center}
}
@media(max-width:390px){
  .svc151-slide-hint{left:45%;top:53%}
}
@media(prefers-reduced-motion:reduce){
  .svc151-plane.is-finished .svc151-pill-float{animation:none!important}
  .svc151-slide-person img{animation:none!important}
  .svc151-slide-person .pose-left,.svc151-slide-person .pose-right{opacity:0}
  .svc151-slide-person .pose-middle{opacity:1}
}
/* v155: keep only one seated pose visible, dim the ring while its guide is up,
   and let the live cutout and its card-occluding copy float in sync. */
.svc151-slide-person img{animation:none!important}
.svc151-slide-person img[hidden]{display:none!important}
.svc151-plane.is-hint-active .svc151-card{
  opacity:calc(var(--arrival-opacity,0)*var(--base-opacity,1)*.72)
}
.svc151-slide-hint{z-index:2000;left:50%;top:65%}
.svc-psd-art:has(.svc-psd-video.is-ready) .svc151-occluder{
  animation:svc-cutout-bob 4.8s ease-in-out infinite
}
.svc151-pill-two{width:26.5%}
.svc151-pill-two span{width:calc(100% / 1.03);white-space:normal}
@media(max-width:1180px){
  .svc151-slide-hint{left:50%;top:76%}
  .svc151-pill-two{left:10%;width:min(88%,430px)}
}
@media(max-width:360px){.svc151-slide-hint{top:72%}}
@media(prefers-reduced-motion:reduce){
  .svc-psd-art .svc151-occluder{animation:none!important;translate:none}
}
