/* 06 volcano - real photo, ember mobile */
body{--accent:#ff4a16;--accent2:#ff9b10;--accent3:#ffd166;--accent-ink:#1a0700;background:#090403;color:#fff2e9}
.skin-canvas{position:fixed;inset:0;z-index:3;width:100%;height:100%;opacity:.72;pointer-events:none}
.skin-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#080302}
.skin-bg::before{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,3,2,.98) 0%,rgba(8,3,2,.88) 39%,rgba(8,3,2,.24) 68%,rgba(8,3,2,.68) 100%),
  linear-gradient(180deg,rgba(8,3,2,.08),rgba(8,3,2,.88)),
  url('../assets/volcano-hero.jpg') 72% 24%/auto 112vh no-repeat;filter:saturate(1.28) contrast(1.18)}
.skin-bg::after{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 72% 24%,rgba(255,74,22,.38),transparent 26%),
  radial-gradient(circle at 32% 86%,rgba(255,155,16,.16),transparent 34%),
  linear-gradient(135deg,rgba(255,74,22,.16),transparent 42%);mix-blend-mode:screen;animation:volGlow 4.8s ease-in-out infinite}
header{background:rgba(8,3,2,.74);border-bottom:1px solid rgba(255,115,40,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.logo{color:#fff2e9}.nav-cta{background:#ff4a16;color:#fff}nav{color:#ffd1bd}
.langsel,.langtog a{background:rgba(255,255,255,.08);color:#fff2e9;border-color:rgba(255,132,62,.28)}

.vol-hero{position:relative;min-height:calc(100svh - 72px);display:grid;align-items:center;padding:clamp(2.5rem,5vw,5rem) 0 clamp(1.8rem,3vw,3rem);overflow:hidden}
.vol-copy{position:relative;z-index:5;width:min(730px,58vw)}
.vol-kicker{display:inline-flex;margin-bottom:1rem;color:#ff9b10;font-family:'Archivo','Noto Sans KR',sans-serif;font-size:.76rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.vol-hero h1{font-family:'Archivo','Noto Sans KR',sans-serif;font-size:clamp(3.4rem,7vw,6.4rem);font-weight:900;line-height:.9;letter-spacing:-.055em;max-width:7.2em;color:#fff2e9;text-shadow:0 10px 60px rgba(0,0,0,.65)}
.vol-hero h1 em{font-style:normal;color:#ff9b10;background:none;-webkit-text-fill-color:currentColor;text-shadow:0 0 28px rgba(255,74,22,.5)}
.vol-hero .sub{max-width:43ch;margin:1rem 0 1.35rem;color:#ffe1d2;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.48}
.vol-btns{gap:.75rem;margin-bottom:1.12rem}.vol-btns .cta-solid{background:#ff4a16;color:#fff;box-shadow:0 20px 70px -34px #ff4a16}.vol-btns .cta-ghost{background:rgba(8,3,2,.48);border-color:rgba(255,132,62,.42);color:#fff2e9}
.vol-cards{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:min(700px,100%)}
.vol-card{min-width:0;padding:1rem;border:1px solid rgba(255,106,35,.56);border-radius:13px;background:rgba(18,8,6,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 80px -50px rgba(255,74,22,.86)}
.vol-card span{display:grid;place-items:center;width:2.15rem;height:2.15rem;margin-bottom:.72rem;border-radius:9px;background:#ff9b10;color:#1a0700;font-weight:900;font-size:.8rem}
.vol-card h3{font-family:'Archivo','Noto Sans KR',sans-serif;font-size:1.05rem;line-height:1.07;font-weight:900;color:#fff2e9;margin-bottom:.34rem}
.vol-card p{font-size:.83rem;line-height:1.34;color:#ffd8c8}
.vol-stats{position:relative;z-index:5;margin-top:1.25rem}.vol-stats .n{font-family:'Archivo';font-size:2.08rem;color:#ff9b10;font-weight:900}
.vol-photo{position:absolute;z-index:1;right:-2%;top:8%;width:min(58vw,780px);height:78%;border-radius:0 0 0 120px;background:url('../assets/volcano-hero.jpg') 58% 42%/cover no-repeat;opacity:.24;filter:saturate(1.45) contrast(1.2);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%)}

body.pf-skin-06-volcano .bizcard,body.pf-skin-06-volcano .scard,body.pf-skin-06-volcano .faqitem,body.pf-skin-06-volcano .localbox,body.pf-skin-06-volcano .wc,body.pf-skin-06-volcano .bigcta{background:rgba(18,8,6,.78);border-color:rgba(255,132,62,.25);color:#fff2e9;box-shadow:0 24px 80px -58px rgba(255,74,22,.6)}
body.pf-skin-06-volcano .bizcard p,body.pf-skin-06-volcano .scard p,body.pf-skin-06-volcano .faqitem p,body.pf-skin-06-volcano .localcopy p,body.pf-skin-06-volcano .wc .m .c{color:#ffd8c8}
body.pf-skin-06-volcano .eyebrow{color:#ff9b10}

@keyframes volGlow{50%{opacity:.62;filter:saturate(1.35)}}

@media(min-width:881px){
  .vol-hero{padding-top:clamp(2rem,4vw,4.3rem)}
  .vol-copy{width:min(690px,52vw)}
  .vol-hero h1{font-size:clamp(3.4rem,6.2vw,5.9rem)}
  .vol-photo{right:0;top:0;width:min(54vw,760px);height:100%;opacity:.14;background-position:64% 18%;background-size:auto 112vh}
}

@media(max-width:880px){
  .skin-bg::before{background:
    linear-gradient(180deg,rgba(8,3,2,.18) 0%,rgba(8,3,2,.55) 36%,rgba(8,3,2,.98) 76%),
    url('../assets/volcano-hero.jpg') 50% -2vh/auto 102vh no-repeat,#080302}
  .vol-hero{min-height:0;padding:1.45rem 0 1.7rem;align-items:start}
  .vol-copy{width:min(352px,calc(100vw - 2rem));max-width:min(352px,calc(100vw - 2rem));padding-top:.1rem}
  .vol-kicker{font-size:.58rem;letter-spacing:.15em;margin-bottom:.72rem;color:#ffb347}
  .vol-hero h1{font-size:clamp(2.5rem,12vw,3.38rem);max-width:6.1em;line-height:.92}
  .vol-hero .sub{font-size:.78rem;line-height:1.34;max-width:27ch;margin:.7rem 0 1rem;color:#fff0e6}
  .vol-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:min(330px,calc(100vw - 2.25rem));margin-bottom:.85rem}
  .vol-btns .cta-solid,.vol-btns .cta-ghost{min-width:0;padding:.78rem .42rem;border-radius:9px;font-size:.72rem;text-align:center;white-space:nowrap}
  .vol-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:min(330px,calc(100vw - 2.25rem))}
  .vol-card{padding:.55rem .38rem;border-radius:9px}
  .vol-card span{width:1.45rem;height:1.45rem;margin-bottom:.38rem;border-radius:7px;font-size:.58rem}
  .vol-card h3{font-size:.64rem;line-height:1.05}
  .vol-card p{font-size:.48rem;line-height:1.15}
  .vol-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:min(330px,calc(100vw - 2.25rem));margin-top:.95rem}
  .vol-stats .n{font-size:1.46rem;line-height:1}.vol-stats .l{font-size:.64rem;line-height:1.1}
  .vol-photo{display:none}
  body.pf-skin-06-volcano #work .sec-head{display:block}
  body.pf-skin-06-volcano #work .sec-head h2{max-width:8.4em;font-size:clamp(2.05rem,9.5vw,2.7rem);line-height:1.04}
  body.pf-skin-06-volcano #work .sec-head a{display:inline-flex;margin-top:.85rem}
}