/* Genuine outlined Illustrator logo. Keep the original opening's center and CTA anchor. */
.opening .lettering{display:grid;place-items:center;height:var(--type-h)}
.opening-logo-stack{position:relative;display:grid;place-items:center;line-height:0;opacity:.85}
.opening-logo{display:block;width:clamp(172px,25.5vw,270px);height:auto;max-height:calc(var(--type-h)*.48);object-fit:contain;visibility:hidden}
.opening-logo-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(6px);will-change:transform,opacity;pointer-events:none}
html[data-opening-motion="ready"] .opening-logo-layer{opacity:1;transform:none}

/* The film's inline card positioning remains untouched. Only its copy and first-card grid change. */
.section02.is-active .section02-story{color:#fff}
.section02-story-heading,.section02-story-columns{opacity:.8}
.section02-story-column-label{color:#fff;font-weight:750}
.section02-story-columns p{font-size:clamp(13.334px,calc(1.28vw - 2.666px),16.334px);font-weight:350;line-height:1.36}
.section02-story-columns p[lang=en]{font-size:clamp(12.334px,calc(1.17vw - 2.666px),15.334px);font-weight:350;line-height:1.38}
.is-intro-story .section02-story-heading{margin-bottom:clamp(142px,16vh,172px)}
.is-intro-story .section02-story-heading strong{width:100%;max-width:none;font-size:clamp(28px,2.6vw,38px);letter-spacing:-.028em;transform:none;text-wrap:balance}
.is-intro-story .section02-story-columns{grid-template-columns:minmax(160px,.72fr) repeat(2,minmax(0,1fr));column-gap:clamp(24px,3.2vw,50px);row-gap:0}
.section02-brand-aside{grid-column:1;grid-row:1/3;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:2px}
.section02-brand-aside img{display:block;width:clamp(136px,14.8vw,190px);height:auto;max-width:100%}
.section02-brand-aside span{display:block;font:450 clamp(14px,1.15vw,17px)/1.2 "Inter Variable",Arial,sans-serif;letter-spacing:.015em}
.is-intro-story .section02-story-column:nth-child(2){grid-column:2;grid-row:1}
.is-intro-story .section02-story-column:nth-child(3){grid-column:3;grid-row:1}
.is-intro-story .section02-story-column:nth-child(4){grid-column:2/4;grid-row:2;margin-top:clamp(39px,5.4vh,54px)}
.is-intro-story .section02-story-column:nth-child(4) p{width:100%;transform:none;letter-spacing:.005em}
.is-intro-story .section02-story-column:nth-child(4) .section02-copy-line{display:block;white-space:nowrap}
@media(max-width:1050px){.is-intro-story .section02-story-column:nth-child(4) .section02-copy-line{white-space:normal}}
@media(max-width:700px){
  .opening-logo{width:clamp(160px,46vw,235px);max-height:calc(var(--type-h)*.64)}
  .section02-story-columns p{font-size:12.334px;line-height:1.34}
  .section02-story-columns p[lang=en]{font-size:11.334px;line-height:1.36}
  .section02-story-column-label{font-size:16px}
  .is-intro-story .section02-story-heading{margin-bottom:clamp(42px,7vh,63px)}
  .is-intro-story .section02-story-heading strong{font-size:clamp(21px,5.9vw,27px);line-height:1.16;letter-spacing:-.035em}
  .is-intro-story .section02-story-columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:16px}
  .section02-brand-aside{grid-column:1/3;grid-row:1;gap:7px;align-items:flex-start}
  .section02-brand-aside img{width:108px}
  .section02-brand-aside span{font-size:12px}
  .is-intro-story .section02-story-column:nth-child(2){grid-column:1;grid-row:2}
  .is-intro-story .section02-story-column:nth-child(3){grid-column:2;grid-row:2}
  .is-intro-story .section02-story-column:nth-child(4){grid-column:1/3;grid-row:3;margin-top:8px}
  .is-intro-story .section02-story-column:nth-child(4) .section02-copy-line{display:inline;white-space:normal}
}
@media(max-width:370px){
  .is-intro-story .section02-story-heading{margin-bottom:22px}
  .is-intro-story .section02-story-heading strong{font-size:18px}
  .is-intro-story .section02-story-columns{column-gap:12px;row-gap:9px}
  .section02-brand-aside img{width:82px}
  .section02-brand-aside span{font-size:11px}
  .section02-story-column-label{font-size:13px}
  .section02-story-columns p{font-size:10.334px;line-height:1.3}
  .section02-story-columns p[lang=en]{font-size:9.334px;line-height:1.3}
}
@media(prefers-reduced-motion:reduce){.opening-logo-layer{will-change:auto;transform:none!important}}

/* Section 02 / 01: positions and type follow the supplied 1914x901 Photoshop layout (2). */
.section02-story-card.is-psd-story{left:0;right:0;width:100%;height:100svh;font-family:"Pretendard Variable","Malgun Gothic",sans-serif;font-synthesis:none}
.is-psd-story .psd-ko-title,.is-psd-story .psd-ko-note,.is-psd-story .psd-brand,.is-psd-story .psd-en-title,.is-psd-story .psd-en-body{position:absolute;margin:0;color:#fff;text-shadow:none;filter:none}
.is-psd-story .psd-ko-title{left:4.91%;top:6.44%;font-size:clamp(44px,3.971vw,76px);font-weight:500;line-height:1.228;letter-spacing:-.03em;white-space:nowrap;word-break:keep-all;opacity:.8;transform:scaleX(1.03);transform-origin:left top}
.is-psd-story .psd-ko-title span,.is-psd-story .psd-en-title span,.is-psd-story .psd-en-body span{display:block}
.is-psd-story .psd-ko-note{left:5.12%;top:53.72%;font-size:clamp(14px,.945vw,18.1px);font-weight:400;line-height:1.357;letter-spacing:-.03em;white-space:nowrap;opacity:.6;transform:scaleX(1.03);transform-origin:left top}
.is-psd-story .psd-brand{left:5.02%;top:82.57%;display:flex;align-items:flex-start;gap:25px;opacity:.8}
.is-psd-story .psd-brand-mark{display:block;width:clamp(96px,8.36vw,160px);height:auto;flex:none}
.is-psd-story .psd-brand-type{display:flex;flex-direction:column;align-items:flex-start;margin-top:39px;font-size:clamp(9px,.627vw,12px);font-weight:400;line-height:1.2;white-space:nowrap;transform:scaleX(1.03);transform-origin:left top}
.is-psd-story .psd-brand-type strong{font-weight:700}
.is-psd-story .psd-brand-type span{font-weight:300;letter-spacing:.34em;margin-top:2px}
.is-psd-story .psd-en-title{left:47.34%;top:84.91%;font-size:clamp(21px,1.533vw,29.333px);font-weight:400;line-height:1.13636;letter-spacing:-.04em;white-space:nowrap;opacity:.8;transform:scaleX(1.1);transform-origin:left top}
.is-psd-story .psd-en-body{left:66.46%;top:85.13%;font-size:clamp(12px,.836vw,16px);font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap;opacity:.50196;transform:scaleX(1.1);transform-origin:left top}
@media(max-width:1100px){
  .section02-story-card.is-psd-story{display:flex;flex-direction:column;left:0;right:0;padding:clamp(19px,3.3svh,30px) clamp(19px,5vw,36px) clamp(18px,3svh,28px)}
  .is-psd-story .psd-ko-title,.is-psd-story .psd-ko-note,.is-psd-story .psd-brand,.is-psd-story .psd-en-title,.is-psd-story .psd-en-body{position:static;transform:none;white-space:normal;flex:none}
  .is-psd-story .psd-ko-title{font-size:clamp(18px,5.5vw,35px);line-height:1.19;letter-spacing:-.03em;word-break:keep-all}
  .is-psd-story .psd-ko-title span{white-space:normal}
  .is-psd-story .psd-ko-note{margin-top:clamp(12px,2.4svh,25px);font-size:clamp(12px,3.2vw,17px);line-height:1.42;word-break:keep-all}
  .is-psd-story .psd-brand{margin-top:auto;align-items:flex-end;gap:10px}
  .is-psd-story .psd-brand-mark{width:clamp(82px,27vw,120px)}
  .is-psd-story .psd-brand-type{margin:0 0 8px;font-size:clamp(9px,2.7vw,12px);line-height:1.15}
  .is-psd-story .psd-en-title{margin-top:clamp(12px,2.6svh,24px);font-size:clamp(20px,5.3vw,29px);line-height:1.12}
  .is-psd-story .psd-en-title span,.is-psd-story .psd-en-body span{white-space:normal}
  .is-psd-story .psd-en-body{margin-top:clamp(7px,1.5svh,14px);font-size:clamp(11.5px,3.15vw,15px);line-height:1.34}
}

/* Cards 02–04 carry the same editorial grid as the approved first card. */
.is-psd-story .psd-ko-note span{display:block}
.is-process-story .psd-tools,.is-contact-story .psd-contact,.is-contact-story .psd-timeline{position:absolute;margin:0;color:#fff}
.is-process-story .psd-tools{left:5.12%;top:61.5%;max-width:90%;font-size:clamp(11px,.72vw,13.8px);line-height:1.25;opacity:.8}
.psd-apps{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(10px,1.1vw,22px);padding:0;margin:0;list-style:none}
.psd-apps li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.psd-app-badge{display:inline-grid;place-items:center;width:23px;height:23px;flex:none;border:1px solid currentColor;border-radius:4px;font:700 10px/1 Arial,sans-serif;letter-spacing:-.03em}
.psd-app-badge.ps{color:#74b7ff}.psd-app-badge.ai{color:#ff9e55}.psd-app-badge.id{color:#ff85aa}.psd-app-badge.pr{color:#c9a0ff}.psd-app-badge.ae{color:#a6a4ff}.psd-app-badge.fg{color:#e4e4e4}
.is-process-story .psd-tools p{margin:12px 0 0;font-size:clamp(11px,.68vw,13px);letter-spacing:.015em}
.section02-story-card.is-contact-story{height:110.11svh}
.is-contact-story .psd-ko-title{top:6.44svh}
.is-contact-story .psd-contact{left:5.12%;top:65.61svh;font-size:clamp(14px,.945vw,18.1px);line-height:1.5;letter-spacing:-.03em;opacity:.8}
.is-contact-story .psd-ko-note{top:53.72svh}
.is-contact-story .psd-contact>span{display:block}
.is-contact-story .psd-contact>span strong{font-weight:700}
.is-contact-story .psd-contact>div{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;font-size:calc(1em - 2.666px);transform:translateY(-8px)}
.is-contact-story .psd-contact a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;text-underline-offset:4px;pointer-events:auto}
.is-contact-story .psd-contact a:hover,.is-contact-story .psd-contact a:focus-visible{text-decoration:underline}
.is-contact-story .psd-contact a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.is-contact-story .psd-brand{top:78.61svh}
.is-contact-story .psd-en-title,.is-contact-story .psd-en-body{top:80.61svh}
.is-contact-story .psd-timeline{left:5.12%;right:5.12%;bottom:3.5svh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 32px;padding:0;list-style:none;font-size:clamp(10.5px,.69vw,13.2px);line-height:1.28;opacity:.78}
.is-contact-story .psd-timeline li{display:block;min-width:0;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.is-contact-story .psd-timeline li strong{font-weight:600}
@media(max-width:1100px){
  .section02-story-card.is-contact-story{height:auto;min-height:calc(100svh + clamp(12px,2.4svh,25px) - 4px)}
  .is-process-story .psd-tools,.is-contact-story .psd-contact,.is-contact-story .psd-timeline{position:static;max-width:none}
  .is-process-story .psd-tools{margin-top:clamp(11px,2svh,19px);font-size:clamp(10px,2.55vw,13px);line-height:1.2}
  .psd-apps{gap:7px 12px}
  .psd-apps li{gap:5px}
  .psd-app-badge{width:20px;height:20px;font-size:9px}
  .is-process-story .psd-tools p{margin-top:8px;font-size:clamp(10px,2.45vw,12px)}
  .is-contact-story .psd-contact{margin-top:calc(clamp(12px,2.4svh,25px) + clamp(12px,2.4svh,25px) - 8px);font-size:clamp(12px,3.2vw,17px);line-height:1.4}
  .is-contact-story .psd-brand,.is-contact-story .psd-en-title,.is-contact-story .psd-en-body{top:auto}
  .is-contact-story .psd-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px;margin-top:clamp(11px,2svh,18px);font-size:clamp(10.5px,2.8vw,13px);line-height:1.2}
  .is-contact-story .psd-timeline li{display:block}
}
@media(max-width:370px){
  .section02-story-card.is-contact-story{min-height:calc(100svh + 5px)}
  .is-process-story .psd-ko-title,.is-contact-story .psd-ko-title{font-size:17px;line-height:1.14}
  .is-process-story .psd-ko-note,.is-contact-story .psd-contact{font-size:11px;line-height:1.27;margin-top:8px}
  .is-contact-story .psd-ko-note{margin-top:8px}
  .is-contact-story .psd-contact{margin-top:10px}
  .is-contact-story .psd-brand{margin-top:60px}
  .is-process-story .psd-tools{margin-top:8px;font-size:10px}
  .is-process-story .psd-apps{gap:5px 8px}
  .is-process-story .psd-app-badge{width:17px;height:17px;font-size:8px}
  .is-process-story .psd-tools p{margin-top:5px;font-size:10px}
  .is-process-story .psd-brand-mark,.is-contact-story .psd-brand-mark{width:72px}
  .is-process-story .psd-en-title,.is-contact-story .psd-en-title{font-size:17px;margin-top:7px}
  .is-process-story .psd-en-body,.is-contact-story .psd-en-body{font-size:10px;line-height:1.2;margin-top:4px}
  .is-contact-story .psd-timeline{font-size:10.5px;gap:5px 8px;margin-top:29px}
}

/* Section 02 refinements: one point is 1.333 CSS pixels at the browser's 96 dpi. */
.is-about-story .psd-ko-note{top:53.72%}
.is-about-story .psd-en-title,.is-process-story .psd-en-title{left:5.12%}
.is-about-story .psd-en-body,.is-process-story .psd-en-body{left:24.24%}
.is-process-story .psd-tools{top:61.5%;width:auto;max-width:90%;opacity:.8}
.is-process-story .psd-apps{display:flex;flex-wrap:wrap;gap:clamp(10px,1.1vw,22px)}
.is-process-story .psd-apps li{display:inline-flex;min-width:0;gap:6px}
.is-process-story .psd-apps li>span:last-child{min-width:0}
.is-process-story .psd-app-badge{width:23px;height:23px;font-size:11.333px}
.is-process-story .psd-app-badge.img,.is-process-story .psd-app-badge.vid,.is-process-story .psd-app-badge.code{color:#fff}
.is-process-story .psd-app-badge.img,.is-process-story .psd-app-badge.vid{width:29px;font-size:10.333px}
.is-process-story .psd-app-badge.code{width:32px;font-size:8.333px}
@media(max-width:1100px){
  .is-about-story .psd-ko-note{margin-top:clamp(12px,2.4svh,25px)}
  .is-about-story .psd-en-title{margin-top:auto}
  .is-process-story .psd-tools{width:auto;font-size:clamp(10px,2.55vw,13px)}
  .is-process-story .psd-apps{display:flex;flex-wrap:wrap;gap:7px 12px}
  .is-process-story .psd-apps li{gap:5px}
  .is-process-story .psd-app-badge{width:20px;height:20px;font-size:10.333px}
  .is-process-story .psd-app-badge.img,.is-process-story .psd-app-badge.vid{width:27px;font-size:9.333px}
  .is-process-story .psd-app-badge.code{width:30px;font-size:7.333px}
  .is-process-story .psd-en-title{margin-top:auto}
  .is-contact-story .psd-en-title{margin-top:clamp(12px,2.6svh,24px)}
}
@media(max-width:370px){
  .is-process-story .psd-apps{gap:5px 8px}
  .is-process-story .psd-app-badge{width:17px;height:17px;font-size:9.333px}
  .is-process-story .psd-app-badge.img,.is-process-story .psd-app-badge.vid{width:25px;font-size:9.333px}
  .is-process-story .psd-app-badge.code{width:28px;font-size:7.333px}
}

/* Keep the six traditional tools together, then start a separate AI row. */
.is-process-story .psd-app-groups{display:flex;flex-direction:column;gap:calc(clamp(9px,.96vw,19px) - 2px)}
.is-process-story .psd-app-badge.img,.is-process-story .psd-app-badge.vid,.is-process-story .psd-app-badge.code{border-color:rgba(255,255,255,.35)}
.is-process-story .psd-apps-ai .psd-app-badge,.is-process-story .psd-apps-ai li>span:last-child{color:rgba(255,255,255,.875)}
@media(max-width:1100px){.is-process-story .psd-app-groups{gap:5px}}
@media(max-width:370px){.is-process-story .psd-app-groups{gap:4px}}

/* v7: small type adjustments, with a narrower gap between the two skill rows. */
.is-process-story .psd-app-groups{transform:translateY(26px)}
.is-process-story .psd-apps-ai{transform:translateY(-3px)}
.is-contact-story .psd-contact{max-width:calc(90% / 1.03);letter-spacing:.02em;transform:scaleX(1.03);transform-origin:left center}
@media(max-width:1100px){
  .is-process-story .psd-app-groups{transform:translateY(19px)}
  .is-contact-story .psd-contact>div{transform:translateY(-6px)}
  .is-psd-story .psd-ko-title span{display:contents}
  .is-psd-story .psd-ko-title{white-space:normal;word-break:keep-all;overflow-wrap:normal;text-wrap:wrap}
  .is-contact-story .psd-contact{max-width:calc(100% / 1.03)}
}
@media(max-width:370px){.is-process-story .psd-app-groups{transform:translateY(17px)}}

/* Optical alignment: move only the first and final WooGi marks, not their captions. */
.is-intro-story .psd-brand-mark,.is-contact-story .psd-brand-mark{transform:translateX(-1px)}
.is-psd-story .psd-title-selection{padding:0;margin:0;border:0;color:transparent;-webkit-text-fill-color:transparent;font:inherit;font-weight:calc(500 + 200 * var(--psd-selection,0));letter-spacing:calc(var(--psd-base-tracking,-.03em) - var(--psd-track-comp,0px) * var(--psd-selection,0));line-height:inherit;background-color:transparent;background-image:linear-gradient(90deg,#080809 0 calc(var(--psd-selection,0) * 100%),#fff calc(var(--psd-selection,0) * 100%) 100%),linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6));background-position:left center,left 56%;background-size:100% 100%,calc(var(--psd-selection,0) * 100%) .9em;background-repeat:no-repeat;-webkit-background-clip:text,border-box;background-clip:text,border-box;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Mobile film cards: 1 pt = 1.3333 CSS px at 96 dpi.
   Korean title/body gain 5 pt (6.6667 px); English title/body gain 3 pt (4 px). */
.is-contact-story .psd-timeline li span::before{content:" - "}
@media(max-width:700px){
  .section02-story-card.is-psd-story:not(.is-contact-story){height:auto;min-height:100svh}
  .is-psd-story .psd-ko-title{font-size:calc(clamp(18px,5.5vw,35px) + 6.6667px);line-height:1.2;overflow-wrap:break-word}
  .is-psd-story .psd-ko-note{font-size:calc(clamp(12px,3.2vw,17px) + 6.6667px);line-height:1.45;overflow-wrap:break-word}
  .is-psd-story .psd-ko-title span,.is-psd-story .psd-ko-note span,.is-psd-story .psd-en-title span,.is-psd-story .psd-en-body span{display:contents}
  .is-psd-story .psd-en-title{display:block;width:calc(100% / 1.1);font-size:calc(clamp(20px,5.3vw,29px) + 4px);line-height:1.17;letter-spacing:-.04em;transform:scaleX(1.1);transform-origin:left top;text-wrap:wrap;overflow-wrap:break-word}
  .is-psd-story .psd-en-body{font-size:calc(clamp(11.5px,3.15vw,15px) + 4px);line-height:1.45;overflow-wrap:break-word}
  .is-process-story .psd-tools{margin-top:clamp(24px,3svh,30px)}
  .is-process-story .psd-app-groups{--app-row-gap:12px;gap:var(--app-row-gap);transform:none}
  .is-process-story .psd-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5px;row-gap:var(--app-row-gap);transform:none;align-items:start}
  .is-process-story .psd-apps li{min-width:0;white-space:normal;align-items:start}
  .is-process-story .psd-apps li>span:last-child{white-space:normal;overflow-wrap:break-word;line-height:1.15}
  .is-contact-story .psd-timeline{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:clamp(15px,2svh,20px);line-height:1.25}
  .is-contact-story .psd-timeline li strong,.is-contact-story .psd-timeline li span{display:block}
  .is-contact-story .psd-timeline li span::before{content:none}
}
@media(max-width:370px){
  .is-process-story .psd-ko-title,.is-contact-story .psd-ko-title{font-size:23.6667px}
  .is-process-story .psd-ko-note,.is-contact-story .psd-ko-note{font-size:17.6667px}
  .is-process-story .psd-en-title,.is-contact-story .psd-en-title{font-size:21px}
  .is-process-story .psd-en-body,.is-contact-story .psd-en-body{font-size:14px}
}

/* v114: mobile editorial spacing and a paired two-column experience list. */
@media(max-width:700px){
  .is-psd-story .psd-ko-title{line-height:1.25}
  .is-psd-story .psd-ko-note{margin-top:calc(clamp(12px,2.4svh,25px) + 12px)}
  .is-psd-story .psd-en-title{line-height:1.24}
  .is-intro-story .psd-brand{transform:translateY(-12px)}
  .is-intro-story .psd-en-title{margin-top:calc(clamp(12px,2.6svh,24px) + 10px)}
  .is-process-story .psd-tools{margin-top:calc(clamp(24px,3svh,30px) + 16px)}
  .is-contact-story .psd-contact{margin-top:calc(clamp(12px,2.4svh,25px) + clamp(12px,2.4svh,25px) + 10px)}
  .is-contact-story .psd-brand{margin-top:70px}
  .is-contact-story .psd-en-title{margin-top:calc(clamp(12px,2.6svh,24px) + 14px)}
  .is-contact-story .psd-en-title span{display:block}
  .is-contact-story .psd-en-body{margin-top:calc(clamp(7px,1.5svh,14px) + 8px)}
  .is-contact-story .psd-timeline{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:16px;font-size:calc(clamp(10.5px,2.8vw,13px) + 1.3333px);line-height:1.34}
}
@media(max-width:370px){
  .is-intro-story .psd-brand{margin-top:24px;transform:translateY(-8px)}
  .is-process-story .psd-en-title{margin-top:22px}
}

/* v115: preserve the original desktop wording; give each mobile year two set lines. */
.is-contact-story .psd-timeline .psd-timeline-mobile{display:none}
@media(max-width:700px){
  .is-contact-story .psd-timeline .psd-timeline-desktop{display:none}
  .is-contact-story .psd-timeline .psd-timeline-mobile{display:block}
  .is-contact-story .psd-timeline .psd-timeline-mobile::before{content:none}
  .is-contact-story .psd-timeline{margin-top:calc(clamp(15px,2svh,20px) + 20px)}
}

/* v116: mobile film 03/04 spacing; keep desktop typography and art untouched. */
@media(max-width:700px){
  .section02-story-card.is-psd-story.is-process-story{min-height:calc(100svh + 48px)}
  .is-process-story .psd-tools{margin-top:calc(clamp(24px,3svh,30px) + 24px);margin-bottom:40px}
  .is-process-story .psd-apps li>span:last-child{position:relative;top:2px}
  .is-process-story .psd-en-title span{display:block}
  .is-contact-story .psd-en-title{margin-top:calc(clamp(12px,2.6svh,24px) + 30px)}
}