:root{
  --deep:#12160F;
  --forest:#2E4A38;
  --sage:#556358;
  --sage-lt:#A8B89A;
  --cream:#F2EFE2;
  --cream-dim:rgba(242,239,226,.68);
  --stone:#D8D8D2;
  --ink:#191D1B;
  --ink-dim:rgba(25,29,27,.78);
  --line-lt:rgba(242,239,226,.14);
  --line-dk:rgba(25,29,27,.14);
  --e:cubic-bezier(.16,.72,.24,1);
  --pad:44px;
  --fs-body:14px;
  --fs-lab:10.5px;
  --ls-lab:.13em;
  --r:0px;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
section[id],div[id]{scroll-margin-top:96px}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
  background:var(--deep);color:var(--cream);-webkit-font-smoothing:antialiased;
  overflow-x:hidden;line-height:1.7}
img{max-width:100%;display:block;height:auto}
body.locked{overflow:hidden}
/* 그리드 및 플렉스 자식이 내용 폭에 갇히지 않도록 (사파리 대응) */
.res-g>*,.st-grid>*,.assure-in>*,.two-col>*,.wcards>*,.ft-in>*,
.layer-in>*,.se-in>*,.art>*,.cols>*,.f-body>*{min-width:0}
input,textarea,select,button{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--sage-lt);outline-offset:3px}
.paper-bg :focus-visible,.who :focus-visible,.res :focus-visible{outline-color:var(--forest)}
.filmgrain{position:fixed;inset:0;z-index:200;pointer-events:none;
  opacity:.055;mix-blend-mode:overlay;
  transform:translateZ(0);will-change:transform;contain:strict}
.filmgrain svg{width:100%;height:100%;display:block}
a{color:inherit;text-decoration:none}

/* type system */
.disp{font-family:'Inter Tight',sans-serif;font-weight:400;
  font-size:clamp(38px,5.6vw,80px);line-height:.96;letter-spacing:-.035em;display:block}
.kr{display:block;font-size:clamp(19px,2.1vw,29px);font-weight:600;
  letter-spacing:-.032em;line-height:1.55;margin-top:26px;word-break:keep-all;max-width:22em}
.mono{font-family:'JetBrains Mono',monospace;font-weight:300;letter-spacing:.05em}
.body{font-size:var(--fs-body);line-height:1.85;word-break:keep-all}
.glyph{display:flex;align-items:center;gap:11px;margin-bottom:58px}
.glyph svg{width:15px;height:15px;flex:none}
.glyph span{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);text-transform:uppercase}

.rv{opacity:0;transform:translateY(22px);transition:opacity 1s var(--e),transform 1s var(--e)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}

/* header */
.hd{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;
  gap:24px;padding:26px var(--pad);color:#fff;
  text-shadow:0 1px 14px rgba(10,14,9,.55);
  transition:padding .5s var(--e),background .5s var(--e),
    -webkit-backdrop-filter .5s var(--e),backdrop-filter .5s var(--e)}
.hd.stuck{padding:16px var(--pad);background:rgba(18,22,15,.82);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:none}
.hd.on-light{color:var(--ink);text-shadow:none}
.hd.on-light a{color:var(--ink)}
.hd.on-light.stuck{background:rgba(216,216,210,.88)}
.hd a{font-size:11px;font-weight:600;letter-spacing:var(--ls-lab);text-transform:uppercase;
  white-space:nowrap;color:inherit;opacity:.92;transition:opacity .35s var(--e)}
.hd a:hover,.hd a:focus-visible{opacity:.5}
.hd .brand{font-weight:700;letter-spacing:.1em;white-space:nowrap}
.rail{flex:1;display:flex;justify-content:space-between;align-items:center}

/* ===== 01 hero ===== */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden}
.hero-img{position:absolute;inset:0;background:url('../img/hero/hero-tidal.webp') center 54%/cover no-repeat;
  transform:scale(1.06);filter:saturate(1.0) contrast(1.03) brightness(.9);
  animation:settle 2.8s var(--e) forwards}
@keyframes settle{to{transform:scale(1)}}
.veil{position:absolute;inset:0;background:
  linear-gradient(to bottom,rgba(16,20,22,.7) 0,rgba(16,20,22,.14) 26%,rgba(16,20,22,.14) 60%,rgba(16,20,22,.78) 100%),
  radial-gradient(125% 85% at 50% 50%,rgba(16,20,22,0) 30%,rgba(16,20,22,.4) 100%)}
.veil::after{content:'';position:absolute;inset:0;background:rgba(16,20,22,.16)}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay}
.mark{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 18px));
  width:clamp(220px,24vw,340px);opacity:0;animation:rise 1.8s var(--e) .6s forwards}

@keyframes rise{to{opacity:1;transform:translate(-50%,-50%)}}
.h-rail{position:absolute;left:0;right:0;bottom:40px;padding:22px var(--pad) 0;
  display:flex;justify-content:space-between;align-items:baseline;gap:30px;
  border-top:1px solid var(--line-lt);
  opacity:0;animation:fade 1.4s var(--e) 1.3s forwards}
@keyframes fade{to{opacity:1}}
.h-c{display:flex;align-items:baseline;gap:14px;white-space:nowrap}
.h-c .k{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);
  text-transform:uppercase;color:var(--sage-lt);flex:none}
.h-c .v{font-size:13px;font-weight:500}

/* ===== 02 statement ===== */
.state{padding:130px var(--pad) 130px;border-top:1px solid var(--line-lt)}
.state .glyph{color:var(--sage-lt)}
.state .st-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:stretch}
.st-col{display:flex;flex-direction:column;justify-content:flex-end}
.state .body{color:var(--cream-dim);max-width:none;line-height:1.7}
.state .body+.body{margin-top:0}
.state figure{display:flex;flex-direction:column;justify-content:flex-end}
.state figure img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r)}
.state figcaption{margin-top:12px;font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);line-height:1.7;
  text-transform:uppercase;color:var(--sage-lt)}
.st-line{margin-top:48px}
.st-line .body:last-child{margin-bottom:0}

/* ===== 03 session ===== */
.sess{padding:130px 0}
.frame{position:relative;overflow:hidden;background:#0b100a;
  min-height:clamp(640px,92vh,980px);min-height:clamp(640px,92svh,980px);display:flex;flex-direction:column}
.frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.56) saturate(1.02)}
.f-grad{position:absolute;inset:0;z-index:1;background:
  linear-gradient(to top,rgba(11,16,10,.8) 0,rgba(11,16,10,.16) 48%,rgba(11,16,10,.34) 100%)}

/* 화면을 가로지르는 대형 헤드라인 */
.f-hero{position:relative;z-index:2;margin-top:auto;padding:0 var(--pad)}

.f-hero .kr{margin-top:24px}

/* 대형 타이포 아래 가로 인덱스 행 */
.f-index{position:relative;z-index:2;display:flex;justify-content:space-between;
  align-items:baseline;gap:20px;margin-top:52px;padding:18px var(--pad) 0;
  border-top:1px solid rgba(242,239,226,.28);
  font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);text-transform:uppercase}
.f-index .no{font-family:'Inter Tight',sans-serif;font-size:12px;letter-spacing:.04em}
.f-index ul{display:flex;gap:34px;list-style:none;flex-wrap:wrap}

/* 본문 2단 */
.f-body{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:44px;padding:48px var(--pad) 60px}
.f-body .lead{grid-column:1;font-size:13px;line-height:1.8;
  color:rgba(242,239,226,.6);word-break:keep-all}
.f-body p{font-size:13px;line-height:1.85;color:rgba(242,239,226,.92);word-break:keep-all}
.f-body p+p{margin-top:14px}
.f-body .col{display:flex;gap:14px}
.f-body .col .rf{font-family:'JetBrains Mono',monospace;font-size:10px;
  color:rgba(242,239,226,.45);flex:none;padding-top:3px}

.chips{position:relative;z-index:2;padding:0 var(--pad) 44px;
  display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.chips .ct{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);text-transform:uppercase;
  color:rgba(242,239,226,.55);flex:none}
.chip-row{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid rgba(242,239,226,.45);border-radius:999px;padding:6px 14px;
  font-size:11px;font-weight:500;white-space:nowrap}

/* ===== 04 how ===== */
.how{padding:130px 0 0;border-top:1px solid var(--line-lt)}
.how-top{padding:0 var(--pad)}
.how-top .glyph{color:var(--sage-lt)}
.how-top h2 .disp,.how-top h2 .kr{white-space:nowrap;max-width:none}
.how-top .lead{margin-top:30px;max-width:640px;color:var(--cream-dim)}
.tbl{margin-top:80px;border-bottom:1px solid var(--line-lt)}
.tbl-hd{display:grid;grid-template-columns:96px minmax(0,1fr) 200px;gap:40px;padding:0 var(--pad) 14px}
.tbl-hd span{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);text-transform:uppercase;color:var(--sage-lt)}
.row{border-top:1px solid var(--line-lt);display:grid;
  grid-template-columns:96px minmax(0,1fr) 200px;gap:40px;
  padding:14px var(--pad);align-items:center;cursor:default;
  transition:background .55s var(--e),padding-left .55s var(--e)}
.row:hover,.row:focus-within{background:rgba(242,239,226,.05);padding-left:calc(var(--pad) + 14px)}
.row-no{position:relative;font-family:'Inter Tight',sans-serif;font-size:26px;
  color:var(--sage-lt);line-height:1;transition:color .55s var(--e)}
.row-no::after{content:'';position:absolute;right:-13px;top:50%;
  width:5px;height:5px;margin-top:-2.5px;border-radius:50%;
  border:1px solid rgba(242,239,226,.42);
  transform:scale(0);transition:transform .5s var(--e)}
.row:hover .row-no::after{transform:scale(1);background:rgba(242,239,226,.7)}
.row:hover .row-no{color:var(--cream)}
.row-meta{text-align:left;font-size:12.5px;color:var(--sage-lt);line-height:1.85;white-space:nowrap}
.slot{position:relative;height:88px}
.slot::before{content:'';position:absolute;left:-22px;top:50%;width:0;height:1px;
  background:repeating-linear-gradient(to right,rgba(242,239,226,.5) 0 2px,transparent 2px 5px);
  transition:width .6s var(--e) .1s}
.row:hover .slot::before,.row:focus-within .slot::before{width:14px}
.slot>*{position:absolute;left:0;right:0;transition:transform .62s var(--e),opacity .45s var(--e)}
.slot .ttl{top:50%;transform:translateY(-50%)}
.slot .ttl .en{display:block;font-family:'Inter Tight',sans-serif;
  font-size:clamp(22px,2.3vw,30px);letter-spacing:-.03em;line-height:1.06}
.slot .ttl .ko{display:block;margin-top:5px;font-size:14px;font-weight:500;color:var(--cream-dim)}
.row:hover .ttl,.row:focus-within .ttl{transform:translateY(-50%) translateY(-52px);opacity:0}
.slot .open{top:50%;transform:translateY(-50%) translateY(30px);opacity:0}
.slot .open .hdl{font-size:15px;font-weight:600}
.slot .open .hdl em{font-style:normal;font-family:'Inter Tight',sans-serif;font-weight:400;
  letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--sage-lt);margin-right:12px}
.slot .open p{margin-top:7px;font-size:13.5px;line-height:1.75;color:var(--cream-dim);
  max-width:840px;word-break:keep-all}
.row:hover .open,.row:focus-within .open{transform:translateY(-50%);opacity:1}
.assure-band{position:relative;margin-top:96px;overflow:hidden;background:#0b100a}
.assure-band img{width:100%;height:clamp(220px,30vh,340px);height:clamp(220px,30svh,340px);
  object-fit:cover;filter:brightness(.78) saturate(1.02)}
.assure-band figcaption{position:absolute;left:var(--pad);bottom:18px;
  font-size:var(--fs-lab);letter-spacing:var(--ls-lab);color:rgba(242,239,226,.8)}
.assure{margin-top:96px;padding:0 var(--pad) 130px}
.assure-in{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;
  align-items:start;max-width:1500px;margin:0 auto;
  border-top:1px solid var(--line-lt);padding-top:44px}
.assure h4{font-size:clamp(20px,2.2vw,30px);font-weight:600;letter-spacing:-.03em;
  line-height:1.55;word-break:keep-all}
.assure h4 em{font-style:normal;color:var(--sage-lt)}
.assure .body{margin-top:22px;max-width:460px;color:var(--cream-dim)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.two-col h5{font-size:12px;font-weight:500;color:var(--sage-lt);letter-spacing:.01em;
  padding-bottom:12px;border-bottom:1px solid var(--line-lt)}
.two-col ul{list-style:none;margin-top:16px}
.two-col li{font-size:14px;line-height:2.15;letter-spacing:-.01em}

/* ===== 05 who (light) ===== */
.paper-bg{position:relative}
.paper-bg::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(94deg,rgba(40,52,48,.026) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(2deg,rgba(40,52,48,.018) 0 1px,transparent 1px 4px),
    radial-gradient(140% 100% at 20% 0%,rgba(255,255,255,.44) 0,transparent 55%);
  mix-blend-mode:multiply;opacity:.85}
.paper-bg>*{position:relative;z-index:1}
.who{background:var(--stone);color:var(--ink);padding:130px var(--pad)}
.who-top .glyph{color:var(--sage)}
.who-lead{max-width:1080px;margin:0 auto 76px;text-align:center}
.who-intro{margin-top:32px}
.who-intro p{font-size:15px;line-height:1.95;color:var(--ink-dim);word-break:keep-all;
  max-width:860px;margin:0 auto}
.who-intro p+p{margin-top:14px}
.who-sub{margin-top:44px;font-size:var(--fs-lab);font-weight:500;
  letter-spacing:var(--ls-lab);text-transform:none;color:var(--sage)}
.who-lead h2 .disp{white-space:normal;font-size:clamp(23px,2.9vw,42px);
  line-height:1.2;letter-spacing:-.035em}
.who-lead .kr{margin-top:22px;color:var(--ink-dim);font-weight:500;
  font-size:clamp(15px,1.5vw,18px)}
.who-lead .plus{font-family:'Inter Tight',sans-serif;color:var(--sage);font-size:.5em;
  vertical-align:.4em;margin-left:10px}

.wcards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 24px;align-items:start}
.wcard:nth-child(2n){margin-top:-46px}
.wcard:nth-child(n+5){margin-top:38px}
.wcard:nth-child(2n+6){margin-top:-8px}
.wcard figure{position:relative;overflow:hidden;border-radius:var(--r);
  background:#0b100a;aspect-ratio:1/1}
.wcard figure::before,.wcard figure::after{content:'';position:absolute;
  width:16px;height:16px;pointer-events:none;z-index:2;
  opacity:0;transition:opacity .5s var(--e),transform .5s var(--e)}
.wcard figure::before{left:14px;top:14px;
  border-left:1px solid rgba(242,239,226,.75);border-top:1px solid rgba(242,239,226,.75);
  transform:translate(5px,5px)}
.wcard figure::after{right:14px;bottom:14px;
  border-right:1px solid rgba(242,239,226,.75);border-bottom:1px solid rgba(242,239,226,.75);
  transform:translate(-5px,-5px)}
.wcard:hover figure::before,.wcard:hover figure::after{opacity:1;transform:translate(0,0)}
.wcard figure img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s var(--e)}
.wcard:hover figure img{transform:scale(1.05)}
.wcard figure svg{position:absolute;inset:0;width:100%;height:100%;opacity:.75;z-index:1}
.wcard .cap{display:block;margin-top:14px;font-size:14px;font-weight:500;
  letter-spacing:-.01em;word-break:keep-all}
.wcard .cap i{font-style:normal;font-family:'Inter Tight',sans-serif;
  color:var(--sage);margin-right:7px}
.wcard p{margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-dim);
  word-break:keep-all;min-height:4.25em}

/* ===== 06 reserve (light) ===== */
.res{background:var(--stone);color:var(--ink);padding:0 var(--pad) 130px}
.res-in{border-top:1px solid var(--line-dk);padding-top:130px;
  max-width:1500px;margin:0 auto}
.res .glyph{color:var(--sage)}
.res-g{display:grid;grid-template-columns:1fr minmax(0,.82fr);gap:80px;align-items:start}
.res-g>*{min-width:0}
.res-note{margin-top:64px;padding-top:34px;border-top:1px solid var(--line-dk)}
.alertform{max-width:460px;min-width:0;border:1px solid var(--line-dk);padding:34px 32px 30px;
  display:flex;flex-direction:column;gap:18px}
.af-t{font-size:15px;font-weight:600;letter-spacing:-.015em;margin-bottom:2px}
.af-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.af-f span{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);
  text-transform:uppercase;color:var(--sage)}
.af-f input{display:block;width:100%;min-width:0;max-width:100%;
  border:0;border-bottom:1px solid rgba(25,29,27,.28);background:transparent;
  border-radius:0;-webkit-appearance:none;appearance:none;
  padding:10px 2px;font-family:inherit;font-size:16px;color:var(--ink);
  transition:border-color .35s var(--e)}
.af-f input::placeholder{color:rgba(25,29,27,.35)}
.af-f input:focus{outline:none;border-bottom-color:var(--forest)}
.af-c{display:flex;align-items:flex-start;gap:10px;margin-top:4px;cursor:pointer;min-width:0}
.af-c input{margin-top:3px;width:15px;height:15px;flex:none;accent-color:var(--forest)}
.af-c span{flex:1;min-width:0;font-size:12px;line-height:1.7;color:var(--ink-dim);
  word-break:keep-all;overflow-wrap:anywhere}
.af-c a{text-decoration:underline;text-underline-offset:2px}
.af-btn{width:100%;margin-top:6px;border:0;-webkit-appearance:none;appearance:none;
  background:var(--forest);color:var(--cream);
  padding:15px 0;border-radius:999px;font-family:inherit;font-size:14px;font-weight:600;
  cursor:pointer;transition:background .4s var(--e)}
.af-btn:hover{background:var(--deep)}
.af-msg{font-size:12.5px;line-height:1.7;color:var(--sage);min-height:1em}
.af-msg.err{color:#8B3A2E}
.res .body{max-width:none;color:var(--ink-dim);white-space:nowrap}
.res .body+.body{margin-top:6px}
.res h2 .kr{white-space:nowrap}

/* ===== modal : 개인정보 동의 ===== */
.af-link{border:0;background:none;padding:0;font:inherit;font-size:inherit;
  color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.af-link:hover{opacity:.6}

.modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;
  justify-content:center;padding:24px}
.modal[hidden]{display:none}
.modal-bg{position:absolute;inset:0;background:rgba(14,18,18,.72);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .4s var(--e)}
.modal.open .modal-bg{opacity:1}
.modal-box{position:relative;width:100%;max-width:640px;max-height:86vh;max-height:86svh;
  background:var(--stone);color:var(--ink);display:flex;flex-direction:column;
  opacity:0;transform:translateY(14px);transition:opacity .45s var(--e),transform .45s var(--e)}
.modal.open .modal-box{opacity:1;transform:none}

.modal-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:30px 30px 20px;border-bottom:1px solid var(--line-dk)}
.modal-hd h2{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.4}
.modal-x{border:0;background:none;padding:2px;cursor:pointer;color:var(--ink);
  flex:none;transition:opacity .3s var(--e)}
.modal-x:hover{opacity:.5}
.modal-x svg{width:19px;height:19px;display:block}

.modal-body{padding:26px 30px 30px;overflow-y:auto}
.pv-lead{font-size:14px;line-height:1.85;color:var(--ink-dim);word-break:keep-all;
  margin-bottom:24px}
.pv-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;
  padding:15px 0;border-top:1px solid var(--line-dk);align-items:baseline}
.pv-k{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);
  color:var(--sage);text-transform:none}
.pv-v{font-size:13.5px;line-height:1.8;word-break:keep-all}
.pv-note{margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dk);
  font-size:12.5px;line-height:1.8;color:var(--ink-dim);word-break:keep-all}
.pv-note a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}

.modal-ft{display:flex;gap:10px;padding:20px 30px 26px;border-top:1px solid var(--line-dk)}
.pv-agree,.pv-close{border:1px solid var(--line-dk);border-radius:999px;
  -webkit-appearance:none;appearance:none;
  padding:14px 26px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;
  transition:background .35s var(--e),color .35s var(--e),border-color .35s var(--e)}
.pv-agree{flex:1;background:var(--forest);color:var(--cream);border-color:var(--forest)}
.pv-agree:hover{background:var(--deep);border-color:var(--deep)}
.pv-close{background:transparent;color:var(--ink)}
.pv-close:hover{background:var(--ink);color:var(--stone);border-color:var(--ink)}

/* footer */
footer{position:relative;background:var(--deep);color:var(--cream);
  padding:80px var(--pad) 34px;overflow:hidden}
.ft-bg{position:absolute;inset:0;pointer-events:none;
  background:url('../img/photo/forest-path.webp') center 40%/cover no-repeat;
  opacity:.22;filter:brightness(.7) saturate(.9)}
footer::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(18,22,15,.9) 0,rgba(18,22,15,.55) 100%)}
.ft-in,.ft-btm{position:relative;z-index:1}
.ft-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;
  max-width:1500px;margin:0 auto;align-items:start}
.ft-brand b{font-size:16px;font-weight:600;letter-spacing:.02em;display:block}
.ft-brand span{display:block;margin-top:10px;font-size:11.5px;line-height:1.7;
  color:var(--sage-lt);letter-spacing:.02em}
.ft-col{display:flex;flex-direction:column;gap:9px}
.ft-col .k{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);
  text-transform:uppercase;color:var(--sage);margin-bottom:5px}
.ft-col a,.ft-col span:not(.k){font-size:13px;color:var(--cream);
  letter-spacing:-.005em;transition:opacity .35s var(--e)}
.ft-col a:hover{opacity:.55}
.ft-col .mono{font-size:11.5px;color:var(--sage-lt)}
.ft-btm{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  max-width:1500px;margin:70px auto 0;padding-top:24px;
  border-top:1px solid var(--line-lt);
  font-size:11.5px;color:var(--sage-lt);letter-spacing:.02em}

/* ===== page : about.html ===== */
/* ===== about page ===== */
.ab{background:var(--stone);color:var(--ink)}
.ab-hero{padding:170px var(--pad) 110px;max-width:1500px;margin:0 auto}
.ab-hero .glyph{color:var(--sage)}
.ab-hero .disp{font-size:clamp(40px,6.6vw,104px)}
.ab-hero .kr{max-width:760px}

.layer{border-top:1px solid var(--line-dk)}
.layer-in{display:grid;grid-template-columns:320px minmax(0,1fr);gap:70px;
  padding:76px var(--pad);max-width:1500px;margin:0 auto}
.lbl{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:500;
  letter-spacing:.04em;color:var(--sage);align-self:start}
.lbl svg{width:13px;height:13px;flex:none}
.side{margin-top:34px}
.side figure{position:relative}
.side img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.side figcaption{display:flex;justify-content:space-between;gap:12px;
  margin-top:11px;font-size:11.5px;color:var(--ink-dim);letter-spacing:-.005em}
.side figcaption .y{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--sage)}
.col-l{align-self:start}
.lead-txt p{font-size:clamp(15.5px,1.42vw,19px);line-height:1.7;letter-spacing:-.015em;
  word-break:keep-all;max-width:none}
.lead-txt p+p{margin-top:24px}
.lead-txt .quiet{color:var(--ink-dim)}

.band{position:relative;overflow:hidden;height:clamp(280px,42vh,460px);height:clamp(280px,42svh,460px);background:#0b100a}
.band img{width:100%;height:100%;object-fit:cover}
.band .tag{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);
  display:flex;align-items:center;gap:22px;background:var(--stone);color:var(--ink);
  padding:11px 22px;font-size:12px;font-weight:500;letter-spacing:.02em;white-space:nowrap}
.band .tag span.c{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--sage)}

/* history */

/* 2단 목록 */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:8px}
.two h5{font-size:12px;font-weight:500;color:var(--ink-dim);letter-spacing:.02em;
  padding-bottom:12px;border-bottom:1px solid var(--line-dk)}
.two ul{list-style:none;margin-top:16px}
.two li{font-size:14px;line-height:2.15;letter-spacing:-.01em}

/* meta */
.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;
  padding:44px var(--pad) 90px;max-width:1500px;margin:0 auto;
  border-top:1px solid var(--line-dk)}
.meta .k{display:block;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--sage);margin-bottom:10px}
.meta .v{font-size:15px;font-weight:500}

.closing{margin-top:44px;font-size:clamp(15.5px,1.42vw,19px);line-height:1.7;
  letter-spacing:-.015em;word-break:keep-all;max-width:none}
.backhome{display:inline-flex;align-items:center;gap:10px;margin-top:34px;
  border:1px solid var(--line-dk);border-radius:999px;padding:13px 26px;
  font-size:13px;font-weight:500;
  transition:background .4s var(--e),color .4s var(--e),border-color .4s var(--e)}
.backhome:hover{background:var(--ink);color:var(--stone);border-color:var(--ink)}

/* ===== page : session.html ===== */
/* ===== session page ===== */
.se-hero{position:relative;height:64vh;height:64svh;min-height:420px;overflow:hidden;background:#0b100a}
.se-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.56) saturate(1.02)}
.se-hero .veil{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(18,22,15,.92) 0,rgba(18,22,15,.3) 60%,rgba(18,22,15,.55) 100%)}
.se-hero-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;
  justify-content:flex-end;padding:0 var(--pad) 54px;max-width:1500px;margin:0 auto}
.se-hero .glyph{color:var(--sage-lt);margin-bottom:26px}
.se-hero .disp{white-space:nowrap}
.se-hero .kr{margin-top:20px}

/* 개요 표 */
.se-meta{border-bottom:1px solid var(--line-lt)}
.se-meta-in{max-width:1500px;margin:0 auto;display:grid;
  grid-template-columns:repeat(4,1fr);gap:0}
.se-m{padding:34px var(--pad) 34px 0}
.se-m:first-child{padding-left:var(--pad)}
.se-m+.se-m{border-left:1px solid var(--line-lt);padding-left:34px}
.se-m .k{display:block;font-size:var(--fs-lab);font-weight:500;
  letter-spacing:var(--ls-lab);text-transform:uppercase;color:var(--sage-lt);margin-bottom:11px}
.se-m .v{font-size:15px;font-weight:500;line-height:1.6;word-break:keep-all}
.se-m .sub{display:block;margin-top:6px;font-size:12.5px;color:var(--cream-dim)}

/* 본문 층 */
.se-layer{border-top:1px solid var(--line-lt)}
.se-layer:first-of-type{border-top:0}
.se-in{max-width:1500px;margin:0 auto;display:grid;
  grid-template-columns:320px minmax(0,1fr);gap:70px;padding:88px var(--pad)}
.se-lbl{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:500;
  letter-spacing:.04em;color:var(--sage-lt);align-self:start}
.se-lbl svg{width:13px;height:13px;flex:none}
.se-txt p{font-size:clamp(15px,1.42vw,19px);line-height:1.7;letter-spacing:-.015em;
  word-break:keep-all;max-width:none;color:var(--cream)}
.se-txt p+p{margin-top:24px}
.se-txt .quiet{color:var(--cream-dim);font-size:15px;line-height:1.9}

/* 단계 카드 */
.steps4{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line-lt);border:1px solid var(--line-lt)}
.st4{background:var(--deep);padding:34px 32px 36px}
.st4 .no{font-family:'Inter Tight',sans-serif;font-size:13px;color:var(--sage-lt);
  display:block;margin-bottom:20px}
.st4 h3{font-family:'Inter Tight',sans-serif;font-size:clamp(21px,2.2vw,28px);
  font-weight:400;letter-spacing:-.03em;line-height:1.1}
.st4 h3 span{display:block;margin-top:9px;font-family:'Pretendard Variable',Pretendard,sans-serif;
  font-size:14.5px;font-weight:600;letter-spacing:-.02em;color:var(--cream)}
.st4 p{margin-top:18px;font-size:13.5px;line-height:1.8;color:var(--cream-dim);
  word-break:keep-all}
.st4 .dur{display:inline-block;margin-top:20px;border:1px solid rgba(242,239,226,.3);
  border-radius:999px;padding:6px 14px;font-size:11px;font-weight:500}

/* 준비물 2단 */
.se-two{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:840px}
.se-two h4{font-size:12px;font-weight:500;color:var(--sage-lt);letter-spacing:.01em;
  padding-bottom:12px;border-bottom:1px solid var(--line-lt)}
.se-two ul{list-style:none;margin-top:16px}
.se-two li{font-size:14px;line-height:2.15;letter-spacing:-.01em}

/* 밝은 마무리 */
.se-end{background:var(--stone);color:var(--ink);padding:110px var(--pad)}
.se-end-in{max-width:1500px;margin:0 auto}
.se-end .glyph{color:var(--sage)}
.se-end .kr{max-width:none}
.se-end .body{margin-top:28px;max-width:520px;color:var(--ink-dim)}
.se-end .backhome{margin-top:40px}

/* ===== page : privacy.html ===== */
/* ===== policy page ===== */
.pol{background:var(--stone);color:var(--ink);min-height:100svh}
.pol-hero{padding:170px var(--pad) 70px;max-width:1200px;margin:0 auto}
.pol-hero .glyph{color:var(--sage)}
.pol-hero .disp{font-size:clamp(34px,5vw,66px)}
.pol-hero .kr{max-width:none}
.pol-meta{display:flex;gap:34px;flex-wrap:wrap;margin-top:38px;padding-top:22px;
  border-top:1px solid var(--line-dk)}
.pol-meta div{display:flex;align-items:baseline;gap:12px}
.pol-meta .k{font-size:var(--fs-lab);font-weight:500;letter-spacing:var(--ls-lab);
  text-transform:uppercase;color:var(--sage)}
.pol-meta .v{font-size:13px;font-weight:500}

.pol-body{max-width:1200px;margin:0 auto;padding:0 var(--pad) 120px}
.pol-toc{border-top:1px solid var(--line-dk);border-bottom:1px solid var(--line-dk);
  padding:26px 0;margin-bottom:16px}
.pol-toc .t{display:block;font-size:var(--fs-lab);font-weight:500;
  letter-spacing:var(--ls-lab);text-transform:uppercase;color:var(--sage);margin-bottom:16px}
.pol-toc ol{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 40px}
.pol-toc li{display:flex;gap:14px;font-size:13.5px}
.pol-toc .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--sage);
  padding-top:2px;flex:none}
.pol-toc a{transition:opacity .3s var(--e)}
.pol-toc a:hover{opacity:.55}

.art{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;
  padding:44px 0;border-top:1px solid var(--line-dk);scroll-margin-top:96px}
.art-h{align-self:start}
.art-h .n{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--sage);margin-bottom:9px}
.art-h h2{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.45;
  word-break:keep-all}
.art-b p{font-size:14.5px;line-height:1.9;word-break:keep-all;max-width:760px;
  color:var(--ink-dim)}
.art-b p+p{margin-top:14px}
.art-b ul{list-style:none;margin-top:14px;max-width:760px}
.art-b li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.9;
  color:var(--ink-dim);word-break:keep-all}
.art-b li::before{content:'';position:absolute;left:2px;top:.85em;
  width:4px;height:1px;background:var(--sage)}
.art-b .em{color:var(--ink);font-weight:500}

.ptbl{margin-top:18px;border-top:1px solid var(--line-dk);max-width:760px}
.ptbl-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;
  padding:14px 0;border-bottom:1px solid var(--line-dk);align-items:baseline}
.ptbl-r .k{font-size:12.5px;font-weight:500;color:var(--sage)}
.ptbl-r .v{font-size:14px;line-height:1.8;word-break:keep-all}

.tbd{display:inline-block;border:1px solid rgba(25,29,27,.28);border-radius:3px;
  padding:1px 7px;font-size:11.5px;font-weight:500;color:var(--sage);
  font-family:'JetBrains Mono',monospace}

.pol-end{border-top:1px solid var(--line-dk);padding-top:34px;margin-top:8px}
.pol-end p{font-size:13px;line-height:1.9;color:var(--ink-dim);max-width:760px;
  word-break:keep-all}

@media (hover:none){
  .wcard:hover figure img{transform:none}

  .af-btn:hover,.backhome:hover{transform:none}
}

/* ============================================================
   TABLET  (max-width:1100px)   iPad 세로 768 / 가로 1024 대응
   ============================================================ */
@media (max-width:1100px){
  :root{--pad:34px;--fs-body:13.5px}

  /* type scale */
  .disp{font-size:clamp(32px,5.4vw,58px)}
  .kr{font-size:clamp(18px,2.4vw,24px);margin-top:22px}

  /* header */
  .hd{align-items:center}
  .rail{gap:26px;justify-content:flex-start}
  .rail .brand{margin-right:auto}

  /* 01 hero */
  .hero-img{background-position:center 58%}
  .mark{width:clamp(220px,34vw,300px)}
  .h-rail{gap:24px;bottom:44px}
  .h-c{flex-direction:column;align-items:flex-start;gap:7px}

  /* 02 philosophy */
  .state{padding:110px var(--pad)}
  .state .st-grid{grid-template-columns:1fr .8fr;gap:44px}
  .state .body+.body{margin-top:2px}

  /* 03 session */
  .sess{padding:110px 0}
  .frame{min-height:0}
  .f-hero{padding:34vh var(--pad) 0;padding-top:34svh;margin-top:0}
  .f-hero .disp{white-space:normal}
  .f-index{margin-top:44px}
  .f-index ul{gap:22px}
  .f-body{grid-template-columns:1fr 1fr;gap:28px;padding:44px var(--pad) 52px}
  .f-body .lead{grid-column:1/-1}

  /* 04 process */
  .how{padding-top:110px}
  .how-top h2 .disp,.how-top h2 .kr{white-space:normal}
  .tbl{margin-top:64px}
  .tbl-hd{display:none}
  .row{grid-template-columns:64px minmax(0,1fr) 160px;gap:26px;padding:24px var(--pad);align-items:start}
  .row:hover{padding-left:var(--pad)}
  .row-no{font-size:22px;padding-top:2px}
  .row-meta{text-align:left;white-space:normal;padding-top:4px}
  .slot{height:auto}
  .slot>*{position:static;transform:none!important;opacity:1!important}
  .slot .ttl{display:none}
  .assure-band{margin-top:76px}
  .assure-band img{height:clamp(190px,26vh,270px);height:clamp(190px,26svh,270px)}
  .assure{margin-top:76px;padding-bottom:110px}
  .assure-in{grid-template-columns:1fr;gap:34px;padding-top:34px}
  .two-col{gap:34px}

  /* 05 who */
  .who{padding:110px var(--pad)}
  .who-lead{margin-bottom:60px}
  .who-lead h2 .disp{font-size:clamp(23px,3.4vw,34px)}
  .wcards{grid-template-columns:repeat(3,1fr);gap:26px 20px}
  .wcard{margin-top:0!important}

  /* 06 reserve */
  .res{padding-bottom:110px}
  .res-in{padding-top:110px}
  .res-g{grid-template-columns:1fr minmax(0,.9fr);gap:44px}
  .res .body{white-space:normal}
  .res h2 .kr{white-space:normal}
  
  /* about / session / privacy */
  .ab-hero{padding:130px var(--pad) 84px}
  .layer-in{grid-template-columns:220px minmax(0,1fr);gap:40px;padding:64px var(--pad)}
  .side{margin-top:26px}
  .band{height:clamp(240px,36vh,340px);height:clamp(240px,36svh,340px)}
  .meta{grid-template-columns:1fr 1fr;gap:28px;padding:38px var(--pad) 80px}
  .se-hero{height:52vh;height:52svh;min-height:360px}
  .se-hero .disp{white-space:normal}
  .se-meta-in{grid-template-columns:1fr 1fr}
  .se-m{padding:26px var(--pad) 26px 0}
  .se-m:nth-child(odd){padding-left:var(--pad)}
  .se-m:nth-child(3){border-left:0;border-top:1px solid var(--line-lt)}
  .se-m:nth-child(4){border-top:1px solid var(--line-lt)}
  .se-in{grid-template-columns:220px minmax(0,1fr);gap:40px;padding:64px var(--pad)}
  .se-end{padding:90px var(--pad)}
  .pol-hero{padding:130px var(--pad) 56px}
  .art{grid-template-columns:220px minmax(0,1fr);gap:36px}

  /* footer */
  footer{padding:70px var(--pad) 32px}
  .ft-in{grid-template-columns:1fr 1fr;gap:36px}
  .ft-brand{grid-column:1/-1}
  .ft-btm{margin-top:52px}

  /* modal */
  .modal{padding:24px}
}

/* ============================================================
   MOBILE  (max-width:700px)
   ============================================================ */
@media (max-width:700px){
  :root{--pad:20px;--fs-body:13px;--fs-lab:10px}

  /* 좁은 화면에서 가로 넘침 방지 */
  .res h2 .kr,.se-hero .disp,.band .tag{white-space:normal}

  /* header : 앵커 메뉴 숨기고 페이지 메뉴만 노출 */
  .pc-only{display:none}
  .hd{padding:19px var(--pad);gap:16px}
  .hd.stuck{padding:12px var(--pad)}
  .rail{gap:16px}
  .hd a{font-size:10px;letter-spacing:.09em}

  /* type scale : PC 의 여백 무드를 유지하기 위해 한 단계씩 축소 */
  .disp{font-size:clamp(27px,7.4vw,37px);line-height:1.04}
  .kr{font-size:clamp(15.5px,4.1vw,19px);line-height:1.55;margin-top:16px}
  .body{font-size:var(--fs-body);line-height:1.85}
  .glyph{margin-bottom:38px}

  /* 01 hero */
  .hero{min-height:560px}
  .mark{width:clamp(180px,56vw,240px)}
  .h-rail{flex-direction:column;gap:14px;bottom:34px;padding-top:18px;align-items:flex-start}
  .h-c{flex-direction:row;align-items:baseline;gap:12px;flex-wrap:wrap}

  /* 02 */
  .state{padding:88px var(--pad)}
  .state .st-grid{grid-template-columns:1fr;gap:34px}
  .st-col{display:block}
  .state figure{order:-1}
  .st-line{margin-top:34px}
  .state .body+.body{margin-top:6px}

  /* 03 */
  .sess{padding:88px 0}
  .frame{min-height:0}
  .frame>img{object-position:76% 50%;filter:brightness(.62) saturate(1.02)}
  .f-grad{background:linear-gradient(to top,rgba(11,16,10,.88) 0,rgba(11,16,10,.24) 46%,rgba(11,16,10,.34) 100%)}
  .f-hero{padding:38vh var(--pad) 0;padding-top:38svh;margin-top:0}
  .f-index{margin-top:32px;padding:16px var(--pad) 0;flex-direction:column;
    align-items:flex-start;gap:12px}
  .f-index ul{gap:13px;font-size:9.5px}
  .f-index .no:last-child{display:none}
  .f-body{grid-template-columns:1fr;gap:16px;padding:32px var(--pad) 36px}
  .f-body .col{gap:10px}
  .chips{padding:0 var(--pad) 32px;flex-direction:column;gap:12px}

  /* 04 */
  .how{padding-top:88px}
  .how-top .lead{margin-top:22px}
  .tbl{margin-top:44px;border-bottom:1px solid var(--line-lt)}
  .row{grid-template-columns:1fr;gap:0;padding:26px var(--pad) 28px}
  .row-no{display:block;font-size:11px;font-family:'JetBrains Mono',monospace;
    letter-spacing:.1em;color:var(--sage-lt);margin-bottom:13px}
  .row-no::after{display:none}
  .slot::before{display:none}
  .row-meta{display:block;grid-column:auto;text-align:left;margin-top:18px;
    font-size:11px;letter-spacing:.08em;color:var(--sage-lt);white-space:normal;
    padding-top:13px;border-top:1px solid rgba(242,239,226,.1)}
  .slot .open .hdl{display:block;font-size:17px;font-weight:600;
    letter-spacing:-.02em;line-height:1.45}
  .slot .open .hdl em{display:block;font-size:10px;letter-spacing:.14em;
    margin:0 0 7px;color:var(--sage-lt)}
  .slot .open p{font-size:13px;margin-top:10px;line-height:1.75;color:var(--cream-dim)}
  .assure{margin-top:56px;padding-bottom:88px}
  .assure-band{margin-top:56px}
  .assure-band img{height:clamp(160px,22vh,210px);height:clamp(160px,22svh,210px)}
  .assure-in{gap:26px;padding-top:28px}
  .two-col{grid-template-columns:1fr;gap:26px}

  /* 05 */
  .who{padding:88px var(--pad)}
  .who-lead{margin-bottom:44px}
  .who-lead h2 .disp{font-size:clamp(17px,4.7vw,22px);line-height:1.4}
  .who-intro{margin-top:24px}
  .who-intro p{font-size:12.5px;line-height:1.85}
  .who-sub{margin-top:32px}
  .wcards{grid-template-columns:1fr 1fr;gap:22px 12px}
  .wcard .cap{font-size:12.5px;margin-top:10px}
  .wcard p{font-size:11px;line-height:1.7;min-height:0}

  /* 06 */
  .res{padding-bottom:88px}
  .res-in{padding-top:88px}
  .res-g{grid-template-columns:1fr;gap:34px}
      .alertform{max-width:none;padding:24px 20px 22px;gap:15px}
  .af-t{font-size:14px}
  .af-c span{font-size:11.5px}

  /* about / session / privacy */
  .ab-hero{padding:110px var(--pad) 60px}
  .layer-in{grid-template-columns:1fr;gap:20px;padding:52px var(--pad)}
  .lead-txt p{font-size:14px;line-height:1.8}
  .lead-txt p+p{margin-top:18px}
  .col-l{display:flex;flex-direction:column;align-items:center;text-align:center}
  .col-l .lbl{justify-content:center}
  .side{margin-top:22px;max-width:280px;width:100%}
  .side figcaption{justify-content:space-between}
  .band{height:clamp(200px,30vh,260px);height:clamp(200px,30svh,260px)}
  .band .tag{left:var(--pad);transform:none;padding:9px 15px;gap:11px;font-size:10.5px}
  .two{grid-template-columns:1fr;gap:28px}
  .meta{grid-template-columns:1fr;gap:22px;padding:32px var(--pad) 68px}
  .closing{margin-top:30px;font-size:14px}

  .se-hero{height:auto;min-height:0;padding-top:112px}
  .se-hero-in{padding:0 var(--pad) 44px;height:auto}
  .se-meta-in{grid-template-columns:1fr}
  .se-m{padding:20px var(--pad)!important;border-left:0!important}
  .se-m+.se-m{border-top:1px solid var(--line-lt)}
  .se-in{grid-template-columns:1fr;gap:20px;padding:52px var(--pad)}
  .se-txt p{font-size:14px;line-height:1.8}
  .steps4{grid-template-columns:1fr}
  .st4{padding:26px 20px 28px}
  .se-two{grid-template-columns:1fr;gap:26px}
  .se-end{padding:72px var(--pad)}

  .pol-hero{padding:110px var(--pad) 48px}
  .pol-meta{flex-direction:column;gap:14px}
  .pol-toc ol{grid-template-columns:1fr}
  .pol-body{padding-bottom:88px}
  .art{grid-template-columns:1fr;gap:14px;padding:30px 0}
  .art-b p,.art-b li{font-size:13px;line-height:1.85}
  .ptbl-r{grid-template-columns:1fr;gap:5px;padding:12px 0}

  /* footer */
  footer{padding:56px var(--pad) 28px}
  .ft-in{grid-template-columns:1fr;gap:28px}
  .ft-btm{margin-top:40px;flex-direction:column;gap:8px}

  /* modal */
  .modal{padding:14px}
  .modal-box{max-height:90vh;max-height:90svh}
  .modal-hd{padding:22px 20px 15px}
  .modal-hd h2{font-size:15.5px}
  .modal-body{padding:20px 20px 24px}
  .pv-row{grid-template-columns:1fr;gap:5px;padding:13px 0}
  .modal-ft{padding:15px 20px 20px;flex-direction:column-reverse;gap:9px}
  .pv-agree,.pv-close{width:100%}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .hero-img{transform:scale(1)}
  .mark{opacity:1;transform:translate(-50%,-50%)}
  .h-rail,  .wcard figure::before,.wcard figure::after{opacity:1;transform:none}
  .rv{opacity:1;transform:none}
  .slot>*{position:static;transform:none;opacity:1}
  .slot .ttl{display:none}
  .slot{height:auto}
}