/* ===== Home Hero ===== */
.hero.hero--home{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:100vh;            /* 100vh 꽉 채움 */
  isolation:isolate;
  /* 헤더와 겹치기: 기본 고정 헤더가 위에 오도록 z-index는 헤더가 더 큼 */
  padding-top:87px;            /* 헤더 높이만큼 시각적 여백(필요 없으면 0으로) */
}

.hero.hero--home .media{ position:absolute; inset:0; z-index:0; }
.hero.hero--home .overlay{ position:absolute; inset:0; z-index:1;
  background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,0) 35%, rgba(0,0,0,.22) 100%);
}

/* 3줄 타이포 – 65 Medium / 500 / 107px / -2% */
.hero-title{
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; justify-content:center;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;              /* 65 Medium */
  font-style:normal;
  letter-spacing:-0.02em;       /* -2% */
  line-height:110px;            /* 요구한 110px */
  gap:0;                        /* 줄 간격 수동 제어 */
}

.hero-title .line{
  font-size:107px;
  white-space:nowrap;
  width:fit-content;
}

/* 1줄: 오른쪽 끝에 완전히 붙이기 */
.hero-title .first{ margin-left:auto; margin-right:0; }

/* 2줄: 왼쪽에서 70px */
.hero-title .second{ margin-left:70px; }

/* 3줄: 왼쪽에서 174px + 화살표 56px 간격 */
.hero-title .third{
  display:inline-flex; align-items:center;
  margin-left:174px;
}
.hero-title .third .arrow{ display:inline-flex; align-items:center; margin-left:56px; }


/* 반응형 보정(1920 기준 수치 → 축소 대비) */
@media (max-width: 1400px){
  .hero-title .line{ font-size: calc(107px * .8); line-height: calc(110px * .8); }
}
@media (max-width: 1024px){
  .hero-title .line{ font-size: calc(107px * .6); line-height: calc(110px * .6); }
  .hero-title .second{ margin-left:40px; }
  .hero-title .third{  margin-left:100px; }
}
@media (max-width: 768px){
  .hero-title .line{ font-size: calc(107px * .45); line-height: calc(110px * .45); }
  .hero-title .second{ margin-left:24px; }
  .hero-title .third{  margin-left:64px; }
}

/* 헤더 높이 변수(기본 87px) */
:root{ --header-h:87px; }
.hero.hero--home{ padding-top:var(--header-h); }

/* 1024↓ */
@media (max-width:1024px){
  :root{ --header-h:72px; }
  .hero-title .line{ font-size:84px; line-height:90px; }
  .hero-title .second{ margin-left:40px; }
  .hero-title .third{  margin-left:100px; }
  .hero-title .third .arrow svg{ width:64px; height:64px; }
}

/* 768↓ */
@media (max-width:768px){
  :root{ --header-h:64px; }
  .hero-title .line{ font-size:56px; line-height:60px; }
  .hero-title .second{ margin-left:24px; }
  .hero-title .third{  margin-left:64px; }
  .hero-title .third .arrow{ margin-left:40px; }
  .hero-title .third .arrow svg{ width:56px; height:56px; }
}

/* 480↓ */
@media (max-width:480px){
  .hero-title .line{ font-size:42px; line-height:46px; }
  .hero-title .second{ margin-left:16px; }
  .hero-title .third{  margin-left:40px; }
  .hero-title .third .arrow{ margin-left:28px; }
  .hero-title .third .arrow svg{ width:48px; height:48px; }
  /* 작은 화면에서 100vh 확보(주소창 높이 변화 보정) */
  .hero.hero--home{ min-height:calc(100vh - var(--header-h)); }
}


/* === A. 이미지 + 텍스트 좌정렬 섹션 === */
.media-experience{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.media-experience__inner{
  padding-left:54px;            /* 좌측 마진 54px */
  padding-right:var(--pad);
  padding-top:clamp(40px,6vw,80px);
  padding-bottom:clamp(40px,8vw,120px);
}
.media-experience__logo img{
  height:540px;                 /* 지정값 */
  width:auto; display:block;
}

/* 이미지 아래 텍스트: 지정 타이포 그대로 */
.media-experience__title{
  margin:70px 0 0;              /* 이미지와 간격 70px */
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;              /* 65 Medium */
  font-style:normal;
  font-size:150px;
  line-height:120px;
  letter-spacing:-0.02em;
  color:#fff;
  word-break:keep-all;
}

/* PC에서만 강제 줄바꿈(요청된 위치: MEDIA / LIVE 뒤) */
.pc-br{ display:none; }
@media (min-width:1200px){
  .pc-br{ display:inline; }
}

/* 반응형 최소 보정(모바일에서 끊김 방지 — 강제 개행 제거, 크기 축소) */
@media (max-width:1024px){
  .media-experience__title{
    font-size:96px;
    line-height:100px;
  }
}
@media (max-width:768px){
  .media-experience__title{
    font-size:56px;
    line-height:64px;
  }
  .media-experience__logo img{height: 320px;}
}
@media (max-width:480px){
  .media-experience__title{
    font-size:42px;
    line-height:48px;
  }
  .media-experience__logo img{height: 120px;}
}

/* ===== B. CREATIVE 섹션 ===== */
.sec-creative{
  position: relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding: clamp(80px, 12vw, 160px) 0; /* 위아래 넉넉히 */
  overflow: hidden;
}
.sec-creative__inner{
  width:min(1600px, 94vw);
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(4, 1fr); /* 1+2 / 3+4 */
  gap:0; /* 갭 없음 */
  position:relative;
}

/* 좌/우 큰 단어
.creative-word{
  margin:0;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:800;
  font-size:clamp(120px, 16vw, 360px);
  line-height:.9;
  letter-spacing:-0.02em;
  color:#fff;
  text-transform:uppercase;
  align-self:center;
  z-index: 1; 
} */
/* .creative-word--left{
  grid-column: 1 / span 2;      
  justify-self:start;
}
.creative-word--right{
  grid-column: 3 / span 2;      
  justify-self:end;
} */

.sec-creative,
.sec-creative__inner{
  isolation: auto;          /* isolate 금지 */
  transform: none;          /* 3D/transform로 스택 생성 금지 */
  filter: none;             /* filter로 스택 생성 금지 */
  opacity: 1;
}
.creative-obj {width: 100%;margin:auto; max-width: 98vw;grid-column: span 4;}

/* 본문: 3+4 그리드 하단 쪽 정렬 */
.creative-copy{
  grid-column: 3 / span 2;          /* 3+4 */
  align-self:end;
  justify-self:start;
  margin: clamp(28px, 8vw, 148px) 0 0;
  padding-left: 26px;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
  font-size: clamp(30px, 1.4vw, 36px);
  line-height:1.25;
  letter-spacing:-0.01em;
  color:#ffffff;
  max-width: 48ch;
}

/* 반응형 미세조정 */
@media (max-width:1024px){
  .creative-copy{ grid-column: 3 / span 2; max-width: 56ch; }
}
@media (max-width:768px){
  .sec-creative{ padding: clamp(64px, 14vw, 120px) 0; }
  .creative-word{ font-size: clamp(84px, 18vw, 180px); }
  .creative-copy{ grid-column: 1 / span 4; max-width: 60ch; }
}
@media (max-width:480px){
  .creative-word{ font-size: clamp(68px, 20vw, 140px); }
  .creative-obj img{ width: 100%; }
  .creative-copy{ font-size: 14px; }
}

/* ===== C. 4열 정사각 카드 ===== */
.sec-cards{
  width:100%;
  margin-left:0;
  margin-right:0;
  padding:0;
}

.sec-cards__inner{
  height: 100vh;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr)); /* 전역 12그리드와 동일 */
  gap: 0;
}

/* 각 칼럼의 카드 래퍼(세로 위치 컨트롤) */
.c-card{ grid-column: span 3; }
.c-card--1{ align-self:end; transform:translateY(-5%); } /* 아래로 20px 더 내려감 */
.c-card--2{ align-self:start; margin-top:20vh; }         /* 위에서 200px */
.c-card--3{ align-self:start; transform: translateY(-10%); }                           /* 맨 위 */
.c-card--4{ align-self:end; transform:translateY(10%); } /* 아래 기준 4px 띄우기 */

/* 정사각 카드 박스 */
.c-card__box{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 위/아래 1px 라인 (FFFFFF 40%) */
.c-card__box::before,
.c-card__box::after{
  content:"";
  position:absolute; left:0; right:0; height:1px;
  background:rgba(255,255,255,.4);
}
.c-card__box::before{ top:0; }
.c-card__box::after{ bottom:0; }

/* 아이콘 중앙 */
.c-card__icon{
  position:relative;
  z-index:1;
  display:flex; align-items:center; justify-content:center;
}
.c-card__icon svg{ width:min(74%, 213px); height:auto; display:block; }

/* 타이틀: 카드 하단선에서 62px 위 */
.c-card__title{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:62px;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:300;            /* 45 Light */
  font-size:26px;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff; text-align:center;
}

/* (선택) 태블릿/모바일 보정 */
@media (max-width:1024px){
  .sec-cards__inner{ width:100%; }
  .c-card__title{ font-size:21px; bottom:48px; }
}
@media (max-width:768px){
  .sec-cards__inner{ grid-template-columns:repeat(2,1fr); row-gap:32px; }
  .c-card--1,.c-card--2,.c-card--3,.c-card--4{ transform:none; margin-top:0; align-self:auto; }
  .c-card__title{ font-size:18px; bottom:40px; }
}

/* ========== D. BEYOND ========== */
.sec-beyond{
  position: relative;
}
.sec-beyond__inner{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr)); /* B 섹션과 동일한 12그리드 */
  gap: 0;
  align-items: start;
}

/* 오브젝트: 1~3열 고정, 왼쪽 붙여서 내려주기 */
.beyond-obj{
  width: 100%;
  grid-column: 1 / span 9;           /* 1,2,3 */
  transform: translateX(6%) translateY(-10%);
  z-index: 2;
}
.beyond-obj img{
  width: 100%;
  height: auto;
  display: block;
}

/* 본문 카피: 2~3열 */
.beyond-copy{
  grid-column: 4 / span 8;           /* 2,3 */
  align-self: start;
  margin-top: 0;
  font-family: var(--font-family);
  font-weight: 400;                   /* 45 Light */
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: white;
}

/* ======= 반응형 보정 ======= */
@media (max-width: 1200px){
  .creative-copy{ font-size: 20px; }
}
@media (max-width: 900px){
  /* 그리드 유지하면서 살짝 넓혀서 읽기 좋게 */
  .beyond-obj{ grid-column: 1 / span 4; }
  .creative-copy{ grid-column: 2 / span 3; }
}
@media (max-width: 768px){
  /* 한 열 구조로 스택 */
  .sec-beyond__inner{
    grid-template-columns: repeat(6, minmax(0,1fr));
  }
  .beyond-obj{
    grid-column: 1 / span 6;
    transform: translateY(24px);
  }
  .beyond-copy{
    grid-column: 1 / span 6;
    margin-top: clamp(24px, 4vw, 36px);
    font-size: 18px;
  }
}

/* E gif섹션 */
.eculom__inner {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr)); /* 8등분 그리드 */
  width: 100vw;
  margin: 0;
  position: relative;
}

.work-obj {
  grid-column: 2 / 9;       /* 2~8까지 차지 */
  justify-self: end;        /* 오른쪽 끝으로 정렬 */
  width: 100%;
  margin-top: 80px;
}

.e-copy{
  grid-column: 6 / span 8;
  align-self: start;
  transform: translateX(-5%) translateY(80vh);
  margin-top: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: white;
}


/* 각 칼럼의 카드 래퍼(세로 위치 컨트롤) */
.e-card--1{ align-self:start; transform:translateY(20%);grid-column: 1 / span 3; }
.e-card--2{ align-self:end; grid-column: 4 / span 3; transform: translateY(-12%); }
.e-card--3{ align-self:start; grid-column: 10 / span 3;}

/* 정사각 카드 박스 */
.e-card__box{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 위/아래 1px 라인 (FFFFFF 40%) */
.e-card__box::before,
.e-card__box::after{
  content:"";
  position:absolute; left:0; right:0; height:1px;
  background:rgba(255,255,255,.4);
}
.e-card__box::before{ top:0; }
.e-card__box::after{ bottom:0; }

/* 아이콘 중앙 */
.e-card__icon{
  position:relative;
  z-index:1;
  display:flex; align-items:center; justify-content:center;
}
.e-card__icon svg{ width:min(74%, 213px); height:auto; display:block; }

/* 타이틀: 카드 하단선에서 62px 위 */
.e-card__title{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:62px;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:300;            /* 45 Light */
  font-size:26px;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff; text-align:center;
}

/* (선택) 태블릿/모바일 보정 */
@media (max-width:1024px){
  .eculom__inner{ width:100%; }
  .e-card__title{ font-size:21px; bottom:48px; }
}
@media (max-width:768px){
  .eculom__inner{ grid-template-columns:repeat(2,1fr); row-gap:32px; }
  .e-card--1,.e-card--2,.e-card--3{ transform:none; margin-top:0; align-self:auto; }
  .e-card__title{ font-size:18px; bottom:40px; }
}

.sec-exp,
.sec-exp__inner{
  display: grid;
  padding: 0;
  margin: 0;
  isolation: auto;          /* isolate 금지 */
  transform: none;          /* 3D/transform로 스택 생성 금지 */
  filter: none;             /* filter로 스택 생성 금지 */
  opacity: 1;
}
.exp-obj {width: 100%;margin:auto; max-width: 98vw;grid-column: 3 / span 9;}

/* 본문: 3+4 그리드 하단 쪽 정렬 */
.exp-copy{
  grid-column: 2 / span 6;
  align-self:end;
  justify-self:start;
  margin: clamp(28px, 8vw, 148px) 0 0;
  padding-left: 26px;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
  font-size: clamp(30px, 1.4vw, 36px);
  line-height:1.25;
  letter-spacing:-0.01em;
  color:#ffffff;
  max-width: 48ch;
}

/* 반응형 미세조정 */
@media (max-width:1024px){
  .exp-copy{ grid-column: 3 / span 2; max-width: 56ch; }
}
@media (max-width:768px){
  .sec-exp{ padding: clamp(64px, 14vw, 120px) 0; }
  .exp-copy{ grid-column: 1 / span 4; max-width: 60ch; }
}
@media (max-width:480px){
  .exp-word{ font-size: clamp(68px, 20vw, 140px); }
  .exp-obj img{ width: 100%; }
  .exp-copy{ font-size: 14px; }
}

/* G gif섹션 */
.gculom__inner {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr)); /* 8등분 그리드 */
  width: 100vw;
  margin: 0;
  position: relative;
}

.work-obj2 {
  grid-column: 1 / 8;       /* 1~7까지 차지 */
  justify-self: start;        /* 왼쪽 끝으로 정렬 */
  width: 100%;
  margin-top: 80px;
}

.g-copy{
  grid-column: 1 / span 3;
  align-self: start;
  transform: translateX(10%);
  margin-top: 116px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: white;
}


/* (선택) 태블릿/모바일 보정 */
@media (max-width:1024px){
  .gculom__inner{ width:100%; }
}
@media (max-width:768px){
  .gculom__inner{ grid-template-columns:repeat(2,1fr); row-gap:32px; }
}

.flogo{display:block; width: 100vw; margin: 120px auto auto auto;}
.flogo img{width: 88%;height: auto; margin: auto 5%;}


/* =========================
   Contact page
   ========================= */
.contact { position: relative; }

.contact__inner{
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:0;
  padding: 177px 0 0 0;
}

/* H1 */
.contact__title{
  transform: translateX(-5%);
  grid-column: 2 / -1;
  margin: 0 0 clamp(36px,4vw,64px);
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;                 /* 65 Medium */
  font-style:normal;
  font-size:11.8vw;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff;
}

/* LET’S WORK / TOGETHER */
.contact__kicker{
  margin:0;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
  font-size:50px;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff;
}
.contact__kicker--left{
  grid-column: 1 / 4;
  transform: translateX(20%);
  justify-self:end;
}
.contact__kicker--right{
  grid-column: 5 / 7;             /* 5~6 */
  justify-self:start;
  margin-bottom: clamp(28px,4vw,48px);
  margin-top: 50px;
}

/* Row 2: 이미지 + 정보 */
.contact__row--image-info{
  grid-column: 1 / -1;
  display: contents;              /* 내부 아이템만 그리드에 배치 */
}
.contact__image--lg{ grid-column: 1 / 10; } /* 1~9 */
.contact__image img,
.contact__image--md img{
  width:100%; height:auto; display:block;
}
.contact__info{
  grid-column: 10 / 13;            /* 9~12 */
  align-self:end;                 /* 이미지 하단선과 맞춤 */
  padding-left: clamp(12px,1.2vw,24px);
}

/* Row 3: 우측 이미지 + 캡션 */
.contact__row--image-caption{ grid-column:1 / -1; display: contents; }
.contact__image--md{ grid-column: 5 / 13; justify-self:end; } /* 5~12 */
.contact__caption{
  grid-column: 5 / 13;            /* 이미지와 동일 열 */
  margin: 46px 0 0;               /* 이미지 하단에서 46px */
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
  font-size:36px;
  line-height:35px;
  letter-spacing:-0.02em;
  color:#fff;
  text-align:left;
  text-transform: uppercase;
}

/* Responsive trims */
@media (max-width: 1400px){
  .contact__title{ font-size:160px; }
}
@media (max-width: 1024px){
  .contact__title{ font-size:120px; }
  .contact__kicker{ font-size:34px; }
}
@media (max-width: 768px){
  .contact__title{ font-size:72px; }
  .contact__kicker{ font-size:24px; }
  .contact__image--lg{ grid-column:1 / -1; }
  .contact__info{ grid-column:1 / -1; padding-left:0; margin-top:28px; }
  .contact__image--md{ grid-column:1 / -1; }
  .contact__caption{ grid-column:1 / -1; }
}

/* 좌측형: 이미지 1~7, 같은 열에 캡션 */
.contact__row--image-caption-left{
  grid-column: 1 / -1;
  display: contents;
}
.contact__image--md-left{
  grid-column: 1 / 8;       /* 1~7 */
  justify-self: start;
}
.contact__caption--left{
  grid-column: 1 / 8;       /* 이미지와 동일한 열 */
  margin: 46px 0 0;         /* 이미지 하단에서 46px */
  padding-left: 20%;        /* 시안 들여쓰기 */
  font-family: 'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 35px;
  letter-spacing: -0.02em;
  color: #fff;
  text-align: left;
}

/* 보조 유틸: 상단 오프셋이 필요할 때 사용(시안 218px) */
.contact__image--mt218{ margin-top: 218px; }

@media (max-width: 768px){
  .contact__image--md-left{ grid-column: 1 / -1; }
  .contact__caption--left{ grid-column: 1 / -1; padding-left: 0; }
}

.big_footer_slogun{
  width: 100%;
  margin: 300px auto -100px auto;
}

.big_footer_slogun h2 {
  font-family: 'Helvetica Neue LT Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;            /* 65 Medium */
  font-style: normal;
  font-size: clamp(80px, 12vw, 235px); /* 최소 80px, 뷰포트 기준, 최대 235px */
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  text-transform: uppercase;   /* 필요시 대문자 유지 */
}
.big_footer_slogun h2.firsttext{margin-left: 4.5vw;margin-bottom: 0;}
.big_footer_slogun h2.lasttext{width:105vw; transform: translateX(-2.5vw); margin: 0 auto;}

/* ========== About ========== */
.about{ position:relative; }

.about__inner{
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:0;
  padding:150px 0 0; /* 헤더 아래 여백, contact과 동일 */
}

/* H1 — CONTACT 타이틀과 동일 스케일 */
.about__title{
  grid-column:2 / -1;
  margin:0 0 clamp(36px,4vw,64px);
  transform:translateX(-5%);        /* 시안처럼 약간 왼쪽으로 밀기 */
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;                   /* 65 Medium */
  font-style:normal;
  font-size:15vw;                  /* 반응형(약 220px@1920) */
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff;
}

/* WE FRAME SENSORY / WHERE MEDIA BREATHES */
.about__kicker{
  margin:0;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
  font-size:2.6vw;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff;
}

/* 좌측 문구: 1~3 끝정렬 (contact 패턴 맞춤) */
.about__kicker--left{
  grid-column:1 / span 5;
  justify-self:start;
  transform: translateX(32%);
}

/* 우측 문구: 7~12 시작정렬 (시안 배치 느낌) */
.about__kicker--right{
  grid-column:7 / 13;                /* 7~12 */
  justify-self:start;
  margin-top:50px;                    /* contact와 동일 보정 */
  margin-bottom:clamp(28px,4vw,48px);
  transform:translateX(-10%);
}

/* 태블릿/모바일 간단 축소 */
@media (max-width:1024px){
  .about__title{ font-size:12.6vw; transform:none; }
  .about__kicker{ font-size:36px; }
  .about__kicker--left{ transform:none; }
}
@media (max-width:768px){
  .about__kicker{ font-size:28px; }
  .about__kicker--right{ margin-top:32px; }
}
/* 섹션 자체: 풀와이드(배경 정렬 맞춤) */
.about-last{
  position: relative;
  margin: 100px 0 0 0;
  width: 100vw;
  display: block;                 /* 가로 배치 방지 */
  padding: 0;
}

.about-p{
  align-self: start;
    transform: translateX(10%);
    margin-top: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: white;
    grid-column: 6 / span 6;
    text-transform: uppercase;
    margin-top: 180px;
}

/* 이미지: 한 줄 차지, 가로 꽉 */
.about-last img{
  display: block;
  width: 100%;
  height: auto;
}

/* 슬로건 H2 */
.about_footer_slogun{
  display: block;                 /* 이미지 옆으로 가지 않도록 */
  margin: clamp(32px,4vw,56px) 0 0;
  font-family: 'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 500;               /* 65 Medium */
  font-style: normal;
  font-size: clamp(42px, 7.64vw, 150px);
  line-height: 0.8;               /* 120px/150px = 0.8 */
  letter-spacing: -0.02em;
  color: #fff;
  word-break: keep-all;           /* 단어 중간 줄바꿈 방지 */
  white-space: normal;            /* <br>을 그대로 사용 */
  margin-left: 3vw;
}

/* 필요시 모바일 미세 보정 */
@media (max-width: 768px){
  .about_footer_slogun{ line-height: 0.85; }
}

.about-e-copy{
  grid-column: 5 / span 8;
  align-self: end;
  transform: translateX(-5%) translateY(640%);
  margin-top: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: white;
  text-transform: uppercase;
  margin-left: 12%;
}

.about-beyond-copy{
  grid-column: 4 / span 8;
  align-self: start;
  margin-top: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.85vw;
  line-height: 1;
  letter-spacing: -0.02em;
  color: white;
  margin-left: 1.4vw;
  margin-top: 60px;
}

/* ===== C. 4열 정사각 카드 ===== */
.about-sec-cards{
  width:100%;
  padding:0;
  position:relative;top:-380px;
}

.about-sec-cards__inner{
  height: 100vh;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr)); /* 전역 12그리드와 동일 */
  gap: 0;
}


/* 각 칼럼의 카드 래퍼(세로 위치 컨트롤) */
.about-e-card--1{ align-self:end; transform:translateY(20%);grid-column: 1 / span 3; }
.about-e-card--2{ align-self:start; grid-column: 4 / span 3; transform: translateY(88%); }
.about-e-card--3{ align-self:start; grid-column: 10 / span 3;}

/* 정사각 카드 박스 */
.about-e-card__box{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 위/아래 1px 라인 (FFFFFF 40%) */
.about-e-card__box::before,
.about-e-card__box::after{
  content:"";
  position:absolute; left:0; right:0; height:1px;
  background:rgba(255,255,255,.4);
}
.about-e-card__box::before{ top:0; }
.about-e-card__box::after{ bottom:0; }

/* 아이콘 중앙 */
.about-e-card__icon{
  position:relative;
  z-index:1;
  display:flex; align-items:center; justify-content:center;
}
.about-e-card__icon svg{ width:min(74%, 213px); height:auto; display:block; }

/* 타이틀: 카드 하단선에서 62px 위 */
.about-e-card__title{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:62px;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:300;            /* 45 Light */
  font-size:26px;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff; text-align:center;
}


/* ========== About ========== */
.work-archive{ position:relative; }

.work-archive__inner{
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:0;
  padding:150px 0 0; /* 헤더 아래 여백, contact과 동일 */
}

.work-archive__head{
  grid-column: 1 / -1;                 /* 바깥 12열 전체 차지 */
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 0;
}

/* 타이틀/리드 배치 기준을 래퍼 그리드로 바꿈 */
.work-archive__head .work-archive__title{ grid-column: 1 / -1; }
.work-archive__head .work-archive__lead-left{ grid-column: 1 / span 5; }
.work-archive__head .work-archive__lead-right{ grid-column: 7 / 13; }

/* 그 밑의 리스트 시작도 한 줄 차지 */
.work-loop{ grid-column: 1 / -1; }

/* H1 — about 타이틀과 동일 스케일 */
.work-archive__title{
  grid-column:1 / -1;
  margin:0;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;                   /* 65 Medium */
  font-style:normal;
  font-size:clamp(64px, 14vw, 300px);   /* 반응형(약 220px@1920) */
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff;
  margin-left: 6.8vw;
}

/*왼쪽텍스트 / 오른쪽텍스트 */
.work-archive__lead{
  margin:0;
  font-family:'Helvetica Neue LT Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
  font-size:2.6vw;
  line-height:1;
  letter-spacing:-0.02em;
  color:#fff;
}

/* 좌측 문구: 1~3 끝정렬 (work 패턴 맞춤) */
.work-archive__lead-left{
  grid-column:1 / span 5;
  justify-self:start;
  transform: translateX(32%);
}

/* 우측 문구: 7~12 시작정렬 (시안 배치 느낌) */
.work-archive__lead-right{
  grid-column:7 / 13;                /* 7~12 */
  justify-self:start;
  margin-top:50px;                    /* contact와 동일 보정 */
  margin-bottom:clamp(28px,4vw,48px);
  transform:translateX(-10%);
}

/* 태블릿/모바일 간단 축소 */
@media (max-width:1024px){
  .work-archive__title{ font-size:12.6vw; transform:none; }
  .work-archive__lead{ font-size:36px; }
  .work-archive__lead-left{ transform:none; }
}
@media (max-width:768px){
  .work-archive__lead{ font-size:28px; }
  .work-archive__lead-right{ margin-top:32px; }
}

.work-loop{ grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 0; }
.work-card{ grid-column: 1 / 7; margin: clamp(40px,6vw,80px) 0; }
.work-card.is-right{ grid-column: 7 / 13; }
.work-card__media img{ width:100%; height:auto; display:block; }
.work-card__caption{ margin-top: 12px; color:#fff; }
.work-card__title{ margin:0 0 4px; font-size: clamp(18px,1.4vw,22px); letter-spacing:-0.02em; }
.work-card__meta,.work-card__subtitle{ margin:0; font-size:12px; opacity:.8; }
.work-archive__more{ grid-column: 1 / -1; text-align:center; margin: clamp(40px,6vw,120px) 0; }
@media (max-width: 900px){
  .work-card,.work-card.is-right{ grid-column: 1 / -1; }
}
.work-single__inner{
  width:min(1600px,94vw); margin:0 auto;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:0;
  padding-top: clamp(120px,10vw,160px);
}
.work-hero{ grid-column:1 / -1; position:relative; }
.work-hero__media img,.work-hero__video{ width:100%; height:auto; display:block; }
.work-hero__head{
  position:relative;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:0;
  margin-top: clamp(16px,2vw,24px);
  color:#fff;
}
.work-hero__title{
  grid-column:1 / 7; margin:0;
  font-weight:500; letter-spacing:-0.02em; line-height:1;
  font-size: clamp(64px,10vw,180px);
}
.work-hero__meta{ grid-column:7 / 13; align-self:end; display:flex; gap:12px; flex-wrap:wrap; opacity:.9; }
.work-hero__subtitle{ grid-column:7 / 13; margin:.5em 0 0; opacity:.85; }

.work-body{ grid-column:1 / -1; margin: clamp(40px,6vw,80px) 0; }
.work-body__content{ grid-column:7 / 13; color:#fff; font-size:16px; line-height:1.6; max-width:70ch; }

.work-gallery{ grid-column:1 / -1; display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:0; row-gap:clamp(24px,3vw,40px); }
.work-gallery__item{ grid-column:1 / -1; }
.work-gallery__item img{ width:100%; height:auto; display:block; }

.work-credits{ grid-column:1 / -1; margin: clamp(40px,6vw,120px) 0; color:#fff; }
.work-credits__title{ margin:0 0 16px; font-weight:600; letter-spacing:-0.01em; }
.work-credits__inner{ max-width:80ch; opacity:.9; }

.work-nav{ grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; margin: clamp(32px,5vw,80px) 0; }
.work-nav__back{ color:#fff; text-decoration:none; }
.work-nav__pn a{ color:#fff; text-decoration:none; margin-left:16px; }
@media (max-width: 900px){
  .work-hero__title{ grid-column:1 / -1; }
  .work-hero__meta,.work-hero__subtitle{ grid-column:1 / -1; }
  .work-body__content{ grid-column:1 / -1; }
}

/* ===== Work A ===== */
.workA-hero { position:relative; }
.workA-hero__media img{ width:100%; height:auto; display:block; }
.workA-hero__overlay{ position:absolute; left:0; right:0; bottom:0; padding:0 0 2vw 3vw; }
.workA-hero__tag{ margin:0 0 12px; font-weight:500; letter-spacing:-0.02em; opacity:.9; }
.workA-hero__big{
  margin:0;
  font-family: var(--font-family);
  font-weight:700;                 /* 너가 추가한 700 */
  letter-spacing:-0.02em;
  line-height:1;
  font-size:min(200px, 12vw);
  color:#fff;
}

.workA-overview{ display:grid; grid-template-columns:repeat(12,1fr); gap:0; margin-top:65px; }
.workA-overview__year{
  grid-column:4 / 6; justify-self:start; margin-top:140px;
  font-weight:300; color:rgba(255,255,255,.7);
}
.workA-overview__text{ grid-column:7 / 13; margin-left:3vw; }
.workA-title2{ margin:.2em 0 .4em; font-weight:500; font-size:64px; line-height:65px; letter-spacing:-0.02em; }
.workA-sub-en{ margin:.4em 0; font-weight:500; font-size:20px; line-height:18px; letter-spacing:-0.02em; color:rgba(255,255,255,.7); }
.workA-body-ko{ margin:.2em 0; font-weight:500; font-size:20px; line-height:23px; letter-spacing:-0.10em; color:rgba(255,255,255,.7); }

.oembed-wrap iframe{ width:100%!important; height:min(62vw, 900px); display:block; }
.workA-row3__grid{ display:grid; grid-template-columns:1fr 1fr; gap:0; }
.workA-row3__grid .cell img{ width:100%; height:auto; display:block; }
.workA-row3__copy{ margin:90px 0 0 3vw; }

.workA-row4 .full img{ width:100%; display:block; }
.workA-row4__copy{ margin:90px 0 0 3vw; }

.workA-row5 .r5-row1{ display:grid; grid-template-columns:1fr 1fr; gap:0; }
.workA-row5 .r5-row2{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; }
.workA-row5 figure img{ width:100%; display:block; }
.workA-row5__copy{ margin:90px 0 0 3vw; }

.workA-credits{ position:relative; padding:12vw 0; }
.workA-credits__bg{
  position:absolute; inset:0; background:linear-gradient(#00000099,#00000099), var(--bg) center/cover no-repeat;
}
.workA-credits__grid{
  position:relative; width: min(1200px, 86vw); margin: 0 auto; display:grid; grid-template-columns:1fr 2fr; gap:5vw; color:#fff;
}
.credits-left{ align-self:center; font-weight:500; font-size:22px; letter-spacing:-0.02em; }
.c-pair{ display:grid; grid-template-columns:120px 1fr; gap:24px; margin:.9em 0; }
.c-pair .k{ font-weight:500; font-size:22px; letter-spacing:-0.02em; }
.c-pair .v{ font-weight:300; font-size:22px; letter-spacing:-0.02em; color:rgba(255,255,255,.6); }

/* small */
@media (max-width: 900px){
  .workA-title2{ font-size:42px; line-height:44px; }
  .workA-overview{ margin-top:36px; }
  .workA-overview__year{ grid-column:2/6; margin-top:40px; }
  .workA-overview__text{ grid-column:2/13; }
  .workA-row3__grid, .workA-row5 .r5-row1, .workA-row5 .r5-row2{ grid-template-columns:1fr; }
  .workA-credits__grid{ grid-template-columns:1fr; }
}