/* =========================
RESET
========================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

:root{
  --content-width:1040px;
}

html{
  scroll-behavior:smooth;
}

body{
  background:#040404;
  color:#fff;
  font-family:'Inter',sans-serif;
  overflow-x:hidden;
  line-height:1.3;
}

img{
  max-width:100%;
  display:block;
}

video{
  display:block;
  width:100%;
}

a{
  text-decoration:none;
  color:inherit;
}

/* =========================
MODAL
========================= */

.video-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  align-items:center;
  justify-content:center;
}

.modal-overlay{
  position:absolute;
  inset:0;
  background:#000;
}

.modal-content{
  position:relative;
  width:min(1180px,82vw);
  max-height:82vh;
  z-index:10;
}

.modal-video{
  width:100%;
  max-height:82vh;
  object-fit:contain;
  border-radius:8px;
  background:#000;
}

.modal-image{
  display:none;
  width:100%;
  max-height:82vh;
  object-fit:contain;
  border-radius:8px;
  background:#000;
}

.modal-close{
  position:absolute;
  top:-52px;
  right:0;
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  cursor:pointer;
  font-size:24px;
}

/* =========================
MOUSE LIGHT
========================= */

.mouse-light{
  position:fixed;
  width:520px;
  height:520px;
  background:
  radial-gradient(circle,
  rgba(142,164,255,.08) 0%,
  transparent 60%);
  pointer-events:none;
  transform:translate(-50%,-50%);
  z-index:0;
}

/* =========================
NAV
========================= */

.navbar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:999;
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:76px;
  padding:0 clamp(24px, 3vw, 56px);
  background:
  linear-gradient(to bottom,
  rgba(0,0,0,.52),
  rgba(0,0,0,0));
}

.nav-logo{
  font-family:'Inter',sans-serif;
  font-size:22px;
  font-weight:700;
  flex-shrink:0;
  cursor:pointer;
  opacity:1;
  transition:opacity .25s ease;
}

.nav-logo:hover{
  opacity:.76;
}

.nav-menu{
  display:flex;
  align-items:center;
  gap:28px;
}

.nav-menu a{
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:500;
  letter-spacing:normal;
  word-spacing:normal;
  color:rgba(255,255,255,.78);
  white-space:nowrap;
  position:relative;
  padding:6px 0;
  transition:color .2s ease;
}

.nav-menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .3s ease;
}

.nav-menu a:hover::after{
  transform:scaleX(1);
}

.nav-menu a:hover{
  color:#fff;
}

@media (max-width:768px){
  .navbar{
    height:64px;
    padding:0 20px;
  }

  .nav-logo{
    font-size:18px;
  }

  .nav-menu{
    gap:16px;
  }

  .nav-menu a{
    font-size:12px;
  }
}

/* =========================
HERO
========================= */

.hero{
  position:relative;
  width:100%;
  height:100vh;
  overflow:hidden;
  background:#000;
}

.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
  filter:brightness(.88);
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.08);
}

.hero-noise{
  position:absolute;
  inset:0;
  opacity:.03;
}

.hero-content{
  position:absolute;
  left:80px;
  bottom:120px;
  max-width:calc(100% - 160px);
  z-index:2;
}



.hero-title{
  font-family:'Inter',sans-serif;
  font-size:48px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-0.035em;
  word-spacing:normal;
  color:#fff;
  margin-bottom:14px;
}

.hero-subtitle-wrapper{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hero-subtitle{
  font-size:20px;
  font-weight:500;
  line-height:1.5;
  color:#fff;
}

.hero-desc{
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  color:rgba(255,255,255,.84);
}

.scroll-tip{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
}

.scroll-tip > span{
  font-size:13px;
  letter-spacing:1px;
  white-space:nowrap;
  color:rgba(255,255,255,.92);
  margin-bottom:12px;
}

.scroll-arrow{
  display:inline-block;
  animation:heroScrollArrow 1.6s ease-in-out infinite;
}

@keyframes heroScrollArrow{
  0%, 100%{ transform:translateY(0); }
  50%{ transform:translateY(5px); }
}

@media (prefers-reduced-motion:reduce){
  .scroll-arrow{
    animation:none;
  }
}

#contact{
  scroll-margin-top:80px;
}

.scroll-line{
  width:1px;
  height:58px;
  background:rgba(255,255,255,.38);
}



/* =========================
SECTION LABEL
========================= */

.section-label{
  font-size:10px;
  letter-spacing:5px;
  color:#8ea4ff;
}

/* =========================
SHOWREEL
========================= */

.showreel-section{
  padding:80px 8vw 140px;
  background:#000;
}

.showreel-topbar{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:24px;
}

.showreel-line{
  flex:1;
  height:1px;
  background:
  linear-gradient(to right,
  rgba(142,164,255,.28),
  rgba(255,255,255,0));
}

.showreel-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:12px;
}

.showreel-video-wrap{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#080808;
}

.showreel-video{
  width:100%;
}

.showreel-side-card{
  border-radius:18px;
  background:
  linear-gradient(180deg,
  rgba(18,22,34,.92),
  rgba(8,8,10,.98));
  overflow:hidden;
}

.side-card-inner{
  padding:32px 24px 18px;
  height:100%;
  display:flex;
  flex-direction:column;
}

.side-small-title{
  font-size:6px;
  letter-spacing:3px;
  color:#8ea4ff;
  margin-bottom:18px;
}

.side-title{
  font-size:15px;
  line-height:1.1;
  margin-bottom:px;
}

.side-desc{
  font-size:8px;
  line-height:1.3;
  color:rgba(255,255,255,.48);
  margin-bottom:5;
  margin-top:150px;
}

.side-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:110px;
}

.side-tags span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  font-size:10px;
  color:rgba(255,255,255,.62);
}

/* =========================
MOTION GRID
========================= */

.motion-video-section{
  padding:0 8vw 140px;
}

.motion-video-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
  margin-top:40px;
}

.video-item{
  overflow:hidden;
  border-radius:10px;
  background:#0b0b0b;
  position:relative;
  cursor:pointer;
}

.video-item video{
  width:100%;
  height:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:.5s;
}

.video-item:hover video{
  transform:scale(1.03);
}

/* =========================
EDITORIAL
========================= */

.editorial-content{
  background:#e8e8e8;
  color:#111;
  padding:120px 0 160px;
  transform:scale(1.4);
  transform-origin:top center;
  margin-bottom:18vh;
}

.editorial-block{
  width:min(var(--content-width),calc(100vw - 40px));
  margin:0 auto 180px;
}

.editorial-headline-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.editorial-headline{
  font-size:60px;
  line-height:2.0;
  letter-spacing:-0.08em;
  margin-bottom:30px;
}

.editorial-caption{
  width:300px;
  max-width:100%;
  font-size:8px;
  line-height:1.5;
  color:rgba(0,0,0,.48);
  margin:0 auto;
}

.editorial-main-kv{
  margin-top:28px;
}

.editorial-main-kv img{
  width:100%;
}

.editorial-title-wrap{
  margin-bottom:18px;
}

.editorial-overline{
  font-size:8px;
  letter-spacing:.28em;
  color:rgba(0,0,0,.36);
  margin-bottom:8px;
}

.editorial-title{
  font-size:28px;
  letter-spacing:-0.07em;
  line-height:.94;
}

.selected-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:90px;
}

.visual-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.future-grid-top{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-bottom:8px;
}

.future-wide{
  margin-bottom:30px;
}

/* =========================
HAND DEVICE
========================= */

.future-single{
  width:100%;
  margin:0 auto -230px;
  display:flex;
  justify-content:center;
  position:relative;
  z-index:20;
}

.future-single img{
  width:544px;
  max-width:none;
  height:auto;
  display:block;
}

/* =========================
AW CARD
========================= */

.aw-card{
  overflow:hidden;
  border-radius:6px;
  cursor:pointer;
}

.aw-card img,
.air3s-detail-hover{
  transition:.5s;
}

.aw-card:hover img,
.air3s-detail-inset:hover .air3s-detail-hover{
  transform:scale(1.02);
}

/* =========================
RENDER SHOWCASE
========================= */

.render-editorial{
  width:min(var(--content-width),calc(100vw - 40px));
  margin:230px auto 0;
  position:relative;
  z-index:30;
  transform:scale(1.0);
  transform-origin:top center;
}

.render-showcase-card{
  width:100%;
  background:#f8f8f8;
  border-radius:18px;
  position:relative;
  overflow:hidden;
  margin:0 auto 42px;
  cursor:pointer;
}

/* =========================
FIRST RENDER CARD
========================= */

.render-card-one{
  height:560px;
}

.render-card-text{
  position:absolute;
  left:80px;
  top:150px;
  width:200px;
  color:#111;
  z-index:6;
}

.render-card-text h3{
  font-size:23px;
  line-height:1.08;
  letter-spacing:-0.04em;
  font-weight:700;
  margin-bottom:16px;
}

.render-card-text p{
  font-size:7px;
  line-height:1.2;
  font-weight:500;
  color:rgba(0,0,0,.66);
}

.render-phone-row-three{
  position:absolute;
  left:360px;
  bottom:68px;
  width:610px;
  height:420px;
  z-index:4;
}

.render-phone-reflect{
  position:absolute;
  bottom:0;
}

.render-phone-internal{
  left:-50px;
  bottom:-50px;
}

.render-phone-side{
  left:130px;
  bottom:-50px;
}

.render-phone-back{
  left:350px;
  bottom:20px;
}

.render-phone-internal img{
  height:540px;
}

.render-phone-side img{
  height:510px;
}

.render-phone-back img{
  height:440px;
}

/* =========================
SECOND RENDER CARD
========================= */

.render-card-two{
  height:560px;
  margin-top:42px;
  background:#eeeeee;
  border-radius:18px;
  overflow:hidden;
}

.render-angle-phone{
  position:absolute;
  left:50px;
  bottom:-850px;
  width:1000px;
  z-index:4;
}

.render-angle-phone img{
  width:100%;
  max-width:none;
  height:auto;
}

.render-angle-text{
  position:absolute;
  right: 100px;
  top:90px;
  width:200px;
  color:#111;
  z-index:6;
}

.render-angle-text h3{
  font-size:23px;
  line-height:1.08;
  letter-spacing:-0.07em;
  font-weight:700;
  margin-bottom:26px;
}

.render-angle-text p{
  font-size:7px;
  line-height:1.20;
  font-weight:500;
  color:rgba(0,0,0,.38);
}

/* =========================
THIRD RENDER CARD
========================= */

.render-card-three{
  height:560px;
  margin-top:42px;
  background:#f8f8f8;
  border-radius:18px;
  overflow:hidden;
  position:relative;
}

.render-three-text{
  position:absolute;
  left:150px;
  top:180px;
  width:200px;
  z-index:6;
  color:#111;
}

.render-three-text h3{
  font-size:23px;
  line-height:1.20;
  letter-spacing:-0.07em;
  font-weight:700;
  margin-bottom:24px;
}

.render-three-text p{
  font-size:7px;
  line-height:1.2;
  font-weight:500;
  color:rgba(0,0,0,.38);
}

.render-three-phones{
  position:absolute;
  right:120px;
  bottom:38px;
  width:420px;
  height:430px;
}

.render-three-front,
.render-three-side{
  position:absolute;
  bottom:0;
}

.render-three-front{
  left:0;
}

.render-three-side{
  right:-120px;
  bottom:-10px;
}

.render-three-front img{
  height:530px;
  max-width:none;
  object-fit:contain;
  -webkit-box-reflect:below -30px linear-gradient(to bottom, rgba(255,255,255,.23), rgba(255,255,255,0));
}

.render-three-side img{
  height:530px;
  max-width:none;
  object-fit:contain;
  -webkit-box-reflect:below -50px linear-gradient(to bottom, rgba(255,255,255,.30), rgba(255,255,255,0));
}

/* =========================
FOURTH RENDER CARD
========================= */

.render-card-four{
  height:560px;
  margin-top:42px;
  background:#eeeeee;
  border-radius:18px;
  overflow:hidden;
  position:relative;
}

.render-four-phones{
  position:absolute;
  left:-55px;
  bottom:-190px;
  width:860px;
  height:660px;
  z-index:4;
}

.render-four-phone{
  position:absolute;
  bottom:0;
}

.render-four-phone img{
  max-width:none;
  height:auto;
}

.render-four-phone-left{
  left: 260px;
  bottom: 36px;
  z-index:3;
  transform:rotate(-30deg);
  transform-origin:center bottom;
}

.render-four-phone-left img{
  width:450px;
}

.render-four-phone-middle{
  left:410px;
  bottom:40px;
  z-index:4;
  transform:rotate(-24deg);
  transform-origin:center bottom;
}

.render-four-phone-middle img{
  width:500px;
}

.render-four-phone-right{
  left:500px;
  bottom:90px;
  z-index:5;
  transform:rotate(-11deg);
  transform-origin:center bottom;
}

.render-four-phone-right img{
  width:420px;
}

.render-four-text{
  position:absolute;
  right:10px;
  top:104px;
  width:285px;
  color:#111;
  z-index:10;
}

.render-four-text h3{
  font-size:23px;
  line-height:1.08;
  letter-spacing:-0.07em;
  font-weight:700;
  margin-bottom:30px;
}

.render-four-line{
  width:42px;
  height:1px;
  background:rgba(0,0,0,.18);
  margin-bottom:32px;
}

.render-four-text p{
  font-size:7px;
  line-height:1.2;
  font-weight:500;
  color:rgba(0,0,0,.68);
}



/* =========================
FIFTH RENDER CARD
========================= */

.render-card-five{
  height:560px;
  margin-top:42px;
  background:#f8f8f8;
  border-radius:18px;
  overflow:hidden;
  position:relative;
}

.render-five-text{
  position:absolute;
  left:50px;
  top:170px;
  width:250px;
  color:#111;
  z-index:10;
}

.render-five-text h3{
  font-size:23px;
  line-height:.96;
  letter-spacing:-0.07em;
  font-weight:700;
  margin-bottom:18px;
}

.render-five-text p{
  font-size:7px;
  line-height:1.65;
  font-weight:500;
  color:rgba(0,0,0,.48);
}

.render-card-text h3,
.render-angle-text h3,
.render-three-text h3,
.render-four-text h3,
.render-five-text h3{
  font-size:23px;
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.04em;
  margin-bottom:17px;
}

.render-card-text p,
.render-angle-text p,
.render-three-text p,
.render-four-text p,
.render-five-text p{
  font-size:9px;
  font-weight:500;
  line-height:1.45;
  color:rgba(0,0,0,.62);
}

.render-four-text h3{
  margin-bottom:8px;
}

.render-four-line{
  margin-bottom:8px;
}

.render-five-materials{
  position:absolute;
  right:34px;
  top:64px;
  display:flex;
  gap:18px;
  height:432px;
}

.render-five-material-card{
  width:212px;
  height:432px;
  background:#eeeeee;
  border-radius:10px;
  position:relative;
  overflow:hidden;
}

.render-five-copy{
  position:absolute;
  left:20px;
  top:22px;
  z-index:10;
}

.render-five-copy h4{
  font-size:18px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-0.06em;
  color:#111;
  margin-bottom:18px;
}

.render-five-copy p{
  font-size:7px;
  line-height:1.2;
  font-weight:500;
  color:rgba(0,0,0,.48);
}

.render-five-material-card img{
  position:absolute;
  max-width:none;
  height:auto;
  object-fit:contain;
}

.render-five-card-glass img{
  width:420px;
  left:-88px;
  bottom: -280px;
}

.render-five-card-matte img{
  width:400px;
  left:-72px;
  bottom:-270px;
}

.render-five-card-leather img{
  width:450px;
  left:-99px;
  bottom: -380px;
}

/* =========================
结尾模块（1:1复刻参考图）
========================= */
.footer-end-card{
  height:560px;
  background:#e9e9e9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.footer-end-module {
  width:100%;
  text-align:center;
  font-family: 'Inter', sans-serif;
  padding:0 40px;
}

.footer-end-module .main-title {
  font-size:36px;
  font-weight:600;
  color:#111;
  margin:0 0 16px;
  line-height:1.2;
  letter-spacing:-0.02em;
}

.footer-end-module .divider-line{
  width:60px;
  height:2px;
  background:#000000;
  margin:0 auto 24px;
}

.footer-end-module .sub-title {
  font-size:10px;
  color:rgba(0, 0, 0, 0.5);
  max-width:600px;
  margin:0 auto 40px;
  line-height:1.6;
  font-weight:200;
}

.footer-end-module .scroll-icon {
  width:30px;
  height:30px;
  margin:0 auto;
  border:2px solid #000000;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#000000;
  animation:verticalBounce 2s infinite ease-in-out;
}

.trusted-brands{
  width:100%;
  margin:130px auto 0;
  text-align:center;
}

.trusted-brands-title{
  font-size:9px;
  line-height:1;
  letter-spacing:.34em;
  font-weight:700;
  color:#111;
  margin-bottom:18px;
}

.trusted-brands-subtitle{
  font-size:10px;
  line-height:1.5;
  font-weight:300;
  color:rgba(0,0,0,.48);
  margin-bottom:46px;
}

.trusted-brands-marquee{
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.trusted-brands-track{
  display:flex;
  align-items:center;
  gap:72px;
  width:max-content;
  animation:trustedBrandsMove 46s linear infinite;
}

.trusted-brands-track img{
  width:auto;
  height:22px;
  max-width:none;
  object-fit:contain;
  opacity:.4;
  filter:grayscale(1);
  transition:opacity .45s ease, filter .45s ease;
  flex:0 0 auto;
}

.trusted-brands-track img:hover{
  opacity:1;
  filter:grayscale(1);
}

.trusted-brands-note{
  margin-top:58px;
  font-size:9px;
  line-height:1.5;
  font-weight:300;
  color:rgba(0,0,0,.42);
}

@keyframes trustedBrandsMove{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}

@keyframes verticalBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(12px); }
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:900px){

  :root{
    --content-width:760px;
  }

  .showreel-layout{
    grid-template-columns:1fr;
  }

  .editorial-block,
  .render-editorial{
    width:min(var(--content-width),calc(100vw - 40px));
  }

  .selected-grid,
  .visual-grid,
  .future-grid-top{
    grid-template-columns:1fr;
  }

  .future-single img{
    width:300px;
  }

  .render-card-one{
    height:430px;
  }

  .render-card-text{
    left:34px;
    top:42px;
    width:240px;
  }

  .render-phone-row-three{
    left:260px;
    bottom:50px;
    transform:scale(.8);
    transform-origin:left bottom;
  }

  .render-card-two{
    height:430px;
  }

  .render-angle-phone{
    left:-150px;
    bottom:-170px;
    width:820px;
  }

  .render-angle-text{
    right:34px;
    top:72px;
    width:250px;
  }

  .render-angle-text h3{
    font-size:23px;
  }

  .render-angle-text p{
    font-size:9px;
  }

  .render-card-three{
    height:430px;
  }

  .render-three-text{
    left:34px;
    top:130px;
    width:260px;
  }

  .render-three-text h3{
    font-size:23px;
  }

  .render-three-text p{
    font-size:9px;
  }

  .render-three-phones{
    right:40px;
    bottom:42px;
    transform:scale(.78);
    transform-origin:right bottom;
  }

  .render-card-four{
    height:430px;
  }

  .render-four-phones{
    left:-130px;
    bottom:-160px;
    transform:scale(.62);
    transform-origin:left bottom;
  }

  .render-four-text{
    right:34px;
    top:72px;
    width:220px;
  }

  .render-four-text h3{
    font-size:23px;
  }

  .render-four-text p{
    font-size:9px;
  }

  /* 结尾模块移动端适配 */
  .footer-end-card{
    height:430px;
  }
  .footer-end-module .main-title{
    font-size:32px;
  }
  .footer-end-module .sub-title{
    font-size:15px;
  }
  .footer-end-module .scroll-icon{
    width:48px;
    height:48px;
  }

  .trusted-brands{
    margin-top:78px;
  }

  .trusted-brands-title{
    font-size:8px;
    margin-bottom:14px;
  }

  .trusted-brands-subtitle{
    font-size:9px;
    margin-bottom:32px;
  }

  .trusted-brands-track{
    gap:48px;
    animation-duration:38s;
  }

  .trusted-brands-track img{
    height:18px;
  }

  .trusted-brands-note{
    margin-top:38px;
    font-size:8px;
  }

}

@media(max-width:768px){

  .hero-content{
    left:30px;
    bottom:80px;
  }

  .hero-title{
    font-size:clamp(22px, 6vw, 32px);
  }

  .showreel-section,
  .motion-video-section{
    padding-left:24px;
    padding-right:24px;
  }

  .motion-video-grid{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }

  .editorial-content{
    padding:70px 0 100px;
  }

  .editorial-block,
  .render-editorial{
    width:calc(100vw - 40px);
  }

  .mouse-light{
    display:none;
  }

  .render-card-two{
    height:460px;
  }

  .render-angle-phone{
    left:-210px;
    bottom:-150px;
    width:760px;
  }

  .render-angle-text{
    right:24px;
    top:44px;
    width:210px;
  }

  .render-angle-text h3{
    font-size:28px;
  }

  .render-angle-text p{
    font-size:11px;
  }

  .render-card-three{
    height:460px;
  }

  .render-three-text{
    left:28px;
    top:46px;
    width:260px;
  }

  .render-three-text h3{
    font-size:28px;
  }

  .render-three-text p{
    font-size:11px;
  }

  .render-three-phones{
    right:-20px;
    bottom:42px;
    transform:scale(.72);
    transform-origin:right bottom;
  }

  .render-card-four{
    height:460px;
  }

  .render-four-phones{
    left:-170px;
    bottom:-175px;
    transform:scale(.54);
    transform-origin:left bottom;
  }

  .render-four-text{
    right:24px;
    top:44px;
    width:190px;
  }

  .render-four-text h3{
    font-size:28px;
  }

  .render-four-text p{
    font-size:11px;
  }

  .render-card-five{
    height:460px;
  }

  .render-five-text{
    left:24px;
    top:42px;
    width:180px;
  }

  .render-five-text h3{
    font-size:20px;
  }

  .render-five-text p{
    font-size:10px;
    line-height:1.5;
  }

  .render-five-materials{
    right:auto;
    left:200px;
    top:42px;
    gap:12px;
    transform:scale(.72);
    transform-origin:left top;
  }

  /* 结尾模块移动端终极适配 */
  .footer-end-card{
    height:460px;
  }
  .footer-end-module .main-title{
    font-size:28px;
  }
  .footer-end-module .sub-title{
    font-size:14px;
  }
  .footer-end-module .scroll-icon{
    width:44px;
    height:44px;
  }

  .trusted-brands{
    margin-top:64px;
  }

  .trusted-brands-title{
    font-size:7px;
    letter-spacing:.28em;
    margin-bottom:12px;
  }

  .trusted-brands-subtitle{
    font-size:8px;
    margin-bottom:28px;
  }

  .trusted-brands-track{
    gap:38px;
    animation-duration:34s;
  }

  .trusted-brands-track img{
    height:15px;
  }

  .trusted-brands-note{
    margin-top:32px;
    font-size:7px;
  }

}

/* =========================
MOBILE ONLY FIX
只修手机端：从 Render 到结尾
电脑端原参数不动
========================= */

@media (max-width:768px){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

  .editorial-content{
    transform:none;
    margin-bottom:0;
    padding:70px 0 82px;
  }

  .editorial-block{
    width:calc(100vw - 32px);
    margin:0 auto 76px;
  }

  .editorial-headline{
    font-size:38px;
    line-height:1.08;
    letter-spacing:-0.07em;
    margin-bottom:18px;
  }

  .editorial-caption{
    width:280px;
    font-size:9px;
    line-height:1.55;
  }

  .future-single{
    margin:0 auto -70px;
  }

  .future-single img{
    width:250px;
    max-width:100%;
  }

  .render-editorial{
    width:calc(100vw - 28px);
    margin:92px auto 0;
    transform:none;
  }

  .render-showcase-card,
  .render-card-two,
  .render-card-three,
  .render-card-four,
  .render-card-five,
  .footer-end-card{
    width:100%;
    border-radius:16px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
  }

  .render-card-one{
    height:610px;
  }

  .render-card-text{
    left:24px;
    top:36px;
    width:210px;
  }

  .render-card-text h3{
    font-size:25px;
    line-height:1.05;
  }

  .render-card-text p{
    font-size:10px;
    line-height:1.45;
  }

  .render-phone-row-three{
    left:50%;
    bottom:26px;
    width:620px;
    height:420px;
    transform:translateX(-45%) scale(.62);
    transform-origin:center bottom;
  }

  .render-card-two{
    height:610px;
    margin-top:24px;
  }

  .render-angle-text{
    left:24px;
    right:auto;
    top:38px;
    width:230px;
  }

  .render-angle-text h3{
    font-size:25px;
    line-height:1.05;
    margin-bottom:16px;
  }

  .render-angle-text p{
    font-size:10px;
    line-height:1.45;
  }

  .render-angle-phone{
    left:50%;
    bottom:-260px;
    width:720px;
    transform:translateX(-48%);
  }

  .render-card-three{
    height:610px;
    margin-top:24px;
  }

  .render-three-text{
    left:24px;
    top:38px;
    width:230px;
  }

  .render-three-text h3{
    font-size:25px;
    line-height:1.08;
    margin-bottom:16px;
  }

  .render-three-text p{
    font-size:10px;
    line-height:1.45;
  }

  .render-three-phones{
    right:50%;
    bottom:18px;
    width:420px;
    height:430px;
    transform:translateX(53%) scale(.62);
    transform-origin:center bottom;
  }

  .render-card-four{
    height:610px;
    margin-top:24px;
  }

  .render-four-text{
    left:24px;
    right:auto;
    top:38px;
    width:250px;
  }

  .render-four-text h3{
    font-size:25px;
    line-height:1.06;
    margin-bottom:18px;
  }

  .render-four-line{
    margin-bottom:18px;
  }

  .render-four-text p{
    font-size:10px;
    line-height:1.45;
  }

  .render-four-phones{
    left:50%;
    bottom:-170px;
    width:860px;
    height:660px;
    transform:translateX(-47%) scale(.48);
    transform-origin:center bottom;
  }

  .render-card-five{
    height:auto;
    min-height:760px;
    margin-top:24px;
    padding:34px 20px 28px;
  }

  .render-five-text{
    position:relative;
    left:auto;
    top:auto;
    width:240px;
    margin:0 0 24px;
  }

  .render-five-text h3{
    font-size:25px;
    line-height:1.04;
    margin-bottom:14px;
  }

  .render-five-text p{
    font-size:10px;
    line-height:1.45;
  }

  .render-five-materials{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    display:flex;
    flex-direction:column;
    gap:14px;
    height:auto;
    transform:none;
  }

  .render-five-material-card{
    width:100%;
    height:172px;
    border-radius:12px;
  }

  .render-five-copy{
    left:18px;
    top:18px;
  }

  .render-five-copy h4{
    font-size:20px;
    margin-bottom:10px;
  }

  .render-five-copy p{
    font-size:9px;
    line-height:1.35;
  }

  .render-five-card-glass img{
    width:330px;
    left:auto;
    right:-92px;
    bottom:-206px;
  }

  .render-five-card-matte img{
    width:320px;
    left:auto;
    right:-86px;
    bottom:-202px;
  }

  .render-five-card-leather img{
    width:350px;
    left:auto;
    right:-104px;
    bottom:-278px;
  }

  .footer-end-card{
    height:auto;
    min-height:520px;
    padding:78px 20px 68px;
    margin-top:24px;
  }

  .footer-end-module{
    padding:0;
  }

  .footer-end-module .main-title{
    font-size:28px;
    line-height:1.15;
    margin-bottom:16px;
  }

  .footer-end-module .divider-line{
    width:46px;
    height:1px;
    margin-bottom:20px;
  }

  .footer-end-module .sub-title{
    font-size:10px;
    line-height:1.65;
    max-width:280px;
    margin-bottom:32px;
  }

  .footer-end-module .scroll-icon{
    width:34px;
    height:34px;
  }

  .trusted-brands{
    margin-top:56px;
  }

  .trusted-brands-title{
    font-size:8px;
    letter-spacing:.26em;
    margin-bottom:12px;
  }

  .trusted-brands-subtitle{
    font-size:9px;
    line-height:1.45;
    margin-bottom:28px;
  }

  .trusted-brands-track{
    gap:34px;
    animation-duration:34s;
  }

  .trusted-brands-track img{
    height:15px;
  }

  .trusted-brands-note{
    margin-top:30px;
    font-size:8px;
  }
}

@media (max-width:430px){

  .render-editorial{
    width:calc(100vw - 20px);
  }

  .render-card-one,
  .render-card-two,
  .render-card-three,
  .render-card-four{
    height:590px;
  }

  .render-phone-row-three{
    transform:translateX(-45%) scale(.56);
  }

  .render-angle-phone{
    bottom:-238px;
    width:660px;
  }

  .render-three-phones{
    transform:translateX(54%) scale(.56);
  }

  .render-four-phones{
    bottom:-152px;
    transform:translateX(-47%) scale(.43);
  }

  .render-five-material-card{
    height:164px;
  }
}

/* KEY VISUALS — scoped portfolio grid */
.portfolio-project.project-kv-complex{
  position:relative;
  left:calc(50% - 35.714286vw);
  width:71.428571vw;
  max-width:none;
  margin:0;
  padding:clamp(52px,6vw,88px) 0 clamp(60px,7vw,100px);
  color:#171614;
  background:#F1F0ED;
  box-sizing:border-box;
}

.portfolio-project.project-kv-complex .portfolio-project-heading{
  width:min(1028.571px,calc(71.428571vw - 68.571px));
  margin-inline:auto;
}

.portfolio-project.project-kv-complex .kv-main-grid,
.portfolio-project.project-kv-complex .kv-closing-grid{
  /* 祖先在桌面缩放 1.4 倍；折算后对应 70vw */
  width:70%;
  max-width:none;
  margin-inline:auto;
}

.portfolio-project.project-kv-complex .portfolio-project-heading{
  margin-bottom:clamp(20px,2.3vw,28.571px);
  text-align:center;
}

.portfolio-project.project-kv-complex .portfolio-project-heading h2{
  color:#171614;
  font-size:clamp(38px,5.2vw,68px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.04em;
}

.portfolio-project.project-kv-complex .portfolio-project-heading p{
  margin:8px 0 0;
  color:#66635f;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.1em;
}

@media (min-width: 769px) {
  .portfolio-project.project-kv-complex .portfolio-project-heading {
    margin-bottom: clamp(20px, 1.55vw, 22.86px);
  }

  .portfolio-project.project-kv-complex .portfolio-project-heading h2 {
    margin: 0;
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: clamp(22.86px, 3vw, 48.57px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
  }

  .portfolio-project.project-kv-complex .portfolio-project-heading p {
    margin-top: 7.14px;
    color: #66635f;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .08em;
  }
}

.portfolio-project.project-kv-complex .kv-main-grid,
.portfolio-project.project-kv-complex .kv-closing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:14.286px;
}

.portfolio-project.project-kv-complex .kv-main-grid .aw-card,
.portfolio-project.project-kv-complex .kv-closing-grid .aw-card{
  min-width:0;
  overflow:hidden;
  border-radius:8.572px;
  background:transparent;
}

.portfolio-project.project-kv-complex .kv-main-grid .aw-card{
  aspect-ratio:16 / 9;
}

.portfolio-project.project-kv-complex .kv-main-grid img,
.portfolio-project.project-kv-complex .kv-closing-grid img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.portfolio-project.project-kv-complex .kv-closing-grid{
  grid-template-columns:1.05fr 1.35fr;
  grid-auto-rows:clamp(205px,16vw,245px);
  margin-top:14.286px;
}

@media (max-width:900px){
  .portfolio-project.project-kv-complex{padding:48px 0 64px;}
  .portfolio-project.project-kv-complex .portfolio-project-heading,
  .portfolio-project.project-kv-complex .kv-main-grid,
  .portfolio-project.project-kv-complex .kv-closing-grid{width:calc(71.428571vw - 45.714px);}
  .portfolio-project.project-kv-complex .kv-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .portfolio-project.project-kv-complex .kv-closing-grid{grid-auto-rows:clamp(180px,22vw,240px);gap:16px;margin-top:16px;}
}

@media (max-width:768px){
  .portfolio-project.project-kv-complex{
    left:50%;
    width:100vw;
    margin-left:-50vw;
  }
  .portfolio-project.project-kv-complex .portfolio-project-heading,
  .portfolio-project.project-kv-complex .kv-main-grid,
  .portfolio-project.project-kv-complex .kv-closing-grid{width:calc(100vw - 48px);}
  .portfolio-project.project-kv-complex .kv-main-grid .aw-card,
  .portfolio-project.project-kv-complex .kv-closing-grid .aw-card{border-radius:12px;}
}

@media (max-width:480px){
  .project-kv-complex{padding:40px 0 52px;}
  .portfolio-project.project-kv-complex .portfolio-project-heading,
  .portfolio-project.project-kv-complex .kv-main-grid,
  .portfolio-project.project-kv-complex .kv-closing-grid{width:calc(100vw - 32px);}
  .portfolio-project.project-kv-complex .portfolio-project-heading h2{font-size:clamp(34px,9vw,44px);}
  .portfolio-project.project-kv-complex .portfolio-project-heading p{font-size:11px;}
  .portfolio-project.project-kv-complex .kv-main-grid{grid-template-columns:1fr;gap:14px;}
  .portfolio-project.project-kv-complex .kv-main-grid .aw-card{aspect-ratio:auto;}
  .portfolio-project.project-kv-complex .kv-main-grid img,
  .portfolio-project.project-kv-complex .kv-closing-grid img{height:auto;object-fit:contain;}
  .portfolio-project.project-kv-complex .kv-closing-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px;margin-top:14px;}
}
/* =========================================================
MOBILE RENDER MASTER CONTROL PANEL
五大 Render 模块移动端总控制台
只作用于手机端
========================================================= */

@media (max-width:768px){

/* =========================================================
BLOCK 1
========================================================= */

.render-card-one{

  width:100%;
  height:610px;
  min-height:auto;
  max-height:none;

  background:#f8f8f8;

  border-radius:16px;

  position:relative;

  top:-25px;
  left:0px;
  right:auto;
  bottom:auto;

  margin-top:0;
  margin-bottom:24px;

  padding:0;

  overflow:hidden;

  opacity:1;

  z-index:1;

  box-shadow:none;

  transform:none;
}

.render-card-text{

  position:absolute;

  width:210px;
  max-width:none;

  top:36px;
  left:24px;
  right:auto;
  bottom:auto;

  z-index:10;

  transform:none;

  opacity:1;

  text-align:left;
}

.render-card-text h3{

  font-size:25px;
  line-height:1.05;

  letter-spacing:-0.04em;

  font-weight:700;

  color:#111;

  margin:0 0 16px;

  opacity:1;

  transform:none;
}

.render-card-text p{

  font-size:10px;
  line-height:1.45;

  letter-spacing:0;

  font-weight:500;

  color:rgba(0,0,0,.66);

  width:auto;
  max-width:220px;

  margin:0;

  opacity:1;
}

.render-phone-row-three{

  position:absolute;

  width:620px;
  height:420px;

  left:50%;
  top:auto;
  bottom:80px;

  z-index:4;

  opacity:1;

  transform:
  translateX(-50%)
  scale(.62)
  rotate(0deg);

  transform-origin:center bottom;
}


/* =========================================================
BLOCK 2
========================================================= */

.render-card-two{

  width:100%;
  height:610px;

  background:#eeeeee;

  border-radius:16px;

  position:relative;

  top:0px;
  left:0px;

  margin-top:24px;
  margin-bottom:24px;

  overflow:hidden;

  opacity:1;

  z-index:1;

  transform:none;
}

.render-angle-text{

  position:absolute;

  width:230px;

  left:24px;
  top:38px;

  z-index:10;

  opacity:1;

  transform:none;
}

.render-angle-text h3{

  font-size:25px;
  line-height:1.05;

  font-weight:700;

  letter-spacing:-0.05em;

  color:#111;

  margin-bottom:16px;
}

.render-angle-text p{

  font-size:10px;
  line-height:1.45;

  font-weight:500;

  color:rgba(0,0,0,.58);
}

.render-angle-phone{

  position:absolute;

  width:720px;

  left:70%;
  bottom:-360px;

  z-index:4;

  opacity:1;

  transform:
  translateX(-48%)
  rotate(0deg)
  scale(.8);

  transform-origin:center bottom;
}


/* =========================================================
BLOCK 3
========================================================= */

.render-card-three{

  width:100%;
  height:610px;

  background:#f8f8f8;

  border-radius:16px;

  position:relative;

  top:0px;
  left:0px;

  margin-top:24px;
  margin-bottom:24px;

  overflow:hidden;

  opacity:1;

  z-index:1;

  transform:none;
}

.render-three-text{

  position:absolute;

  width:230px;

  left:24px;
  top:38px;

  z-index:10;

  opacity:1;

  transform:none;
}

.render-three-text h3{

  font-size:25px;
  line-height:1.08;

  font-weight:700;

  letter-spacing:-0.05em;

  color:#111;

  margin-bottom:16px;
}

.render-three-text p{

  font-size:10px;
  line-height:1.45;

  color:rgba(0,0,0,.58);
}

.render-three-phones{

  position:absolute;

  width:420px;
  height:430px;

  right:62%;
  bottom:30px;

  z-index:4;

  opacity:1;

  transform:
  translateX(53%)
  scale(.62)
  rotate(0deg);

  transform-origin:center bottom;
}


/* =========================================================
BLOCK 4
========================================================= */

.render-card-four{

  width:100%;
  height:610px;

  background:#eeeeee;

  border-radius:16px;

  position:relative;

  top:0px;
  left:0px;

  margin-top:24px;
  margin-bottom:24px;

  overflow:hidden;

  opacity:1;

  z-index:1;

  transform:none;
}

.render-four-text{

  position:absolute;

  width:250px;

  left:24px;
  top:38px;

  z-index:10;

  opacity:1;
}

.render-four-text h3{

  font-size:25px;
  line-height:1.06;

  font-weight:700;

  letter-spacing:-0.05em;

  color:#111;

  margin-bottom:18px;
}

.render-four-text p{

  font-size:10px;
  line-height:1.45;

  color:rgba(0,0,0,.58);
}

.render-four-phones{

  position:absolute;

  width:860px;
  height:660px;

  left:36%;
  bottom: -10%;

  z-index:4;

  opacity:1;

  transform:
  translateX(-55%)
  scale(.6)
  rotate(20deg);

  transform-origin:center bottom;
}


/* =========================================================
BLOCK 5
========================================================= */

.render-card-five{

  width:100%;

  min-height:760px;

  background:#f8f8f8;

  border-radius:16px;

  position:relative;

  top:0px;
  left:0px;

  margin-top:24px;
  margin-bottom:24px;

  padding:34px 20px 28px;

  overflow:hidden;

  opacity:1;

  z-index:1;
}

.render-five-text{

  position:relative;

  width:240px;

  left:0;
  top:0;

  margin-bottom:24px;

  z-index:10;

  opacity:1;
}

.render-five-text h3{

  font-size:25px;
  line-height:1.04;

  font-weight:700;

  letter-spacing:-0.05em;

  color:#111;

  margin-bottom:14px;
}

.render-five-text p{

  font-size:10px;
  line-height:1.45;

  color:rgba(0,0,0,.58);
}

.render-five-materials{

  position:relative;

  display:flex;
  flex-direction:column;

  gap:14px;

  height:auto;

  opacity:1;

  transform:none;
}

.render-five-material-card{

  width:100%;
  height:172px;

  background:#eeeeee;

  border-radius:12px;

  position:relative;

  overflow:hidden;

  opacity:1;
}

.render-five-card-glass img{

  width:330px;

  right:-90px;
  bottom:-310px;

  transform:rotate(0deg);

  opacity:1;
}

.render-five-card-matte img{

  width:300px;

  right:-80px;
  bottom:-270px;

  transform:rotate(0deg);

  opacity:1;
}

.render-five-card-leather img{

  width:350px;

  right:-104px;
  bottom:-350px;

  transform:rotate(0deg);

  opacity:1;
}


  }

@media (max-width:768px){
  /* 整个首页大区 */
  .hero{
    height:100vh;
    overflow:hidden;
  }

  /* 背景视频/图片 */
  .hero-video{
    width:100%;
    height:100%;
    object-fit:cover;

    transform:scale(1.0);
    object-position:center center;
  }

  /* 整组文字 */
  .hero-content{
    left:30px;
    bottom: 160px;
    top:auto;
    right:auto;

    width:320px;
    max-width:calc(100% - 60px);
    z-index:5;

    transform:none;
  }

  /* PRODUCT MOTION PORTFOLIO */
  

  /* Aiden Zhou 大标题 */
  .hero-title{
    font-size:clamp(22px, 6vw, 32px);
    line-height:1.1;
    letter-spacing:-0.035em;
  word-spacing:normal;

    margin-bottom:16px;

    transform:none;
  }

  /* Product / Motion / CGI Designer + 小字整体 */
  .hero-subtitle-wrapper{
    gap:8px;

    transform:none;
  }

  /* Product / Motion / CGI Designer */
  .hero-subtitle{
    font-size:13.5px;
    line-height:1.7;

    color:rgba(255,255,255,.88);

    transform:none;
  }

  /* Focused on cinematic visual storytelling */
  .hero-desc{
    font-size:12.375px;
    line-height:1.7;

    color:rgba(255,255,255,.76);

    transform:none;
  }

  /* SCROLL TO EXPLORE 整体 */
  .scroll-tip{
    left:50%;
    bottom:40px;

    z-index:6;

    transform:translateX(-50%);
  }

  /* SCROLL TO EXPLORE 文字 */
  .scroll-tip > span{
    font-size:12px;
    letter-spacing:1px;

    white-space:nowrap;

    margin-bottom:12px;
  }

  /* 下面竖线 */
  .scroll-line{
    width:1px;
    height:42px;

    background:rgba(255,255,255,.25);
  }

  

}/* =========================
LAPTOP WIDTH FIX
只修笔记本宽度
KV / Visual 区
+
Product Render 区
========================= */

@media screen and (min-width:1280px) and (max-width:1600px){

  /* =========================
  上面 KV / Visual 区
  ========================= */

  .editorial-block{

    width:calc(100vw - 700px) !important;

    max-width:1040px !important;

    margin-left:auto !important;
    margin-right:auto !important;

  }


  /* =========================
  下面 Product Render 区
  ========================= */

  .render-editorial{

    width:calc(100vw - 700px) !important;

    max-width:1040px !important;

    margin-left:auto !important;
    margin-right:auto !important;

  }

}/* =========================================================
LAPTOP RENDER MASTER CONTROL
笔记本端五块 Render 完整控制层
========================================================= */

@media screen and (min-width:1280px) and (max-width:1600px){

/* =========================================================
BLOCK 1
========================================================= */

.render-card-one{

  width:100% !important;

  height:380px !important;

  max-width:none !important;

  background:#f8f8f8 !important;

  border-radius:18px !important;

  position:relative !important;

  top:0 !important;
  left:0 !important;

  padding:0 !important;

  overflow:hidden !important;

  transform:none !important;
}

.render-card-text{

  position:absolute !important;

  left:80px !important;
  top:80px !important;

  width:150px !important;

  z-index:10 !important;

  transform:none !important;
}

.render-card-text h3{

  font-size:18px !important;

  line-height:1.08 !important;

  margin-bottom:18px !important;
}

.render-card-text p{

  font-size:7px !important;

  line-height:1.45 !important;
}

.render-phone-row-three{

  position:absolute !important;

  left:270px !important;

  bottom:50px !important;

  transform:
  scale(.66)
  rotate(0deg) !important;

  transform-origin:left bottom !important;

  z-index:4 !important;
}


/* =========================================================
BLOCK 2
========================================================= */

.render-card-two{

  width:100% !important;

  height:380px !important;

  background:#eeeeee !important;

  border-radius:18px !important;

  overflow:hidden !important;

  position:relative !important;
}

.render-angle-text{

  position:absolute !important;

  right: 30px !important;
  top:60px !important;

  width:220px !important;

  z-index:10 !important;
}

.render-angle-text h3{

  font-size:18px !important;

  line-height:1.08 !important;

  margin-bottom:20px !important;
}

.render-angle-text p{

  font-size:7px !important;

  line-height:1.45 !important;
}

.render-angle-phone{

  position:absolute !important;

  left:50px !important;

  bottom:-560px !important;

  transform:
  scale(.66)
  rotate(0deg) !important;

  transform-origin:left bottom !important;
}


/* =========================================================
BLOCK 3
========================================================= */

.render-card-three{

  width:100% !important;

  height:380px !important;

  background:#f8f8f8 !important;

  border-radius:18px !important;

  overflow:hidden !important;

  position:relative !important;
}

.render-three-text{

  position:absolute !important;

  left:80px !important;
  top:80px !important;

  width:220px !important;

  z-index:10 !important;
}

.render-three-text h3{

  font-size:18px !important;

  line-height:1.08 !important;

  margin-bottom:20px !important;
}

.render-three-text p{

  font-size:7px !important;

  line-height:1.45 !important;
}

.render-three-phones{

  position:absolute !important;

  right:120px !important;

  bottom: 23px !important;

  transform:
  scale(.66)
  rotate(0deg) !important;

  transform-origin:right bottom !important;
}


/* =========================================================
BLOCK 4
========================================================= */

.render-card-four{

  width:100% !important;

  height:380px !important;

  background:#eeeeee !important;

  border-radius:18px !important;

  overflow:hidden !important;

  position:relative !important;
}

.render-four-text{

  position:absolute !important;

  right:-50px !important;
  top:50px !important;

  width:240px !important;

  z-index:10 !important;
}

.render-four-text h3{

  font-size:18px !important;

  line-height:1.08 !important;

  margin-bottom:22px !important;
}

.render-four-text p{

  font-size:7px !important;

  line-height:1.45 !important;
}

.render-four-phones{

  position:absolute !important;

  left: -5px !important;

  bottom:-150px !important;

  transform:
  scale(.66)
  rotate(0deg) !important;

  transform-origin:left bottom !important;
}


/* =========================================================
BLOCK 5
========================================================= */

.render-card-five{

  width:100% !important;

  height:380px !important;

  background:#f8f8f8 !important;

  border-radius:18px !important;

  overflow:hidden !important;

  position:relative !important;

  top:0 !important;
  left:0 !important;

  padding:0 !important;

  transform:none !important;
}


/* =========================
左侧文案区
========================= */

.render-five-text{

  position:absolute !important;

  left:60px !important;
  top:120px !important;

  width:100px !important;

  z-index:10 !important;

  transform:none !important;
}

.render-five-text h3{

  font-size:18px !important;

  line-height:1.08 !important;

  margin-bottom:18px !important;

  letter-spacing:-0.05em !important;
}

.render-five-text p{

  font-size:7px !important;

  line-height:1.5 !important;
}


/* =========================
三个材料卡片总区域
========================= */

.render-five-materials{

  position:absolute !important;

  right:23px !important;
  top:40px !important;

  display:flex !important;

  gap:18px !important;

  height:300px !important;

  transform:none !important;

  transform-origin:right top !important;
}


/* =========================
每一个灰色卡片
========================= */

.render-five-material-card{

  width:140px !important;
  height:300px !important;

  background:#eeeeee !important;

  border-radius:12px !important;

  overflow:hidden !important;

  position:relative !important;

  top:0 !important;
  left:0 !important;

  transform:none !important;
}


/* =========================
卡片标题文字
========================= */

.render-five-copy{

  position:absolute !important;

  left:20px !important;
  top:20px !important;

  z-index:10 !important;
}

.render-five-copy h4{

  font-size:16px !important;

  line-height:1.05 !important;

  margin-bottom:12px !important;
}

.render-five-copy p{

  font-size:6px !important;

  line-height:1.35 !important;
}


/* =========================
第1张手机
========================= */

.render-five-card-glass img{

  position:absolute !important;

  width:300px !important;

  left:-70px !important;
  bottom:-200px !important;

  transform:
  scale(1)
  rotate(0deg) !important;
}


/* =========================
第2张手机
========================= */

.render-five-card-matte img{

  position:absolute !important;

  width:300px !important;

  left:-68px !important;
  bottom:-190px !important;

  transform:
  scale(0.9)
  rotate(0deg) !important;
}


/* =========================
第3张手机
========================= */

.render-five-card-leather img{

  position:absolute !important;

  width:330px !important;

  left:-84px !important;
  bottom:-260px !important;

  transform:
  scale(.92)
  rotate(0deg) !important;
}

.render-card-text h3,
.render-angle-text h3,
.render-three-text h3,
.render-four-text h3,
.render-five-text h3{
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  margin-bottom:17px !important;
}

.render-four-text h3{
  margin-bottom:8px !important;
}

.render-four-line{
  margin-bottom:8px !important;
}

.render-card-text p,
.render-angle-text p,
.render-three-text p,
.render-four-text p,
.render-five-text p{
  font-size:9px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  color:rgba(0,0,0,.62) !important;
}
}

/* PRODUCT RENDERING / AIR 3S V3 */
.product-rendering{
  background:#e8e8e8;
  color:#191b1c;
  padding:0 5vw 24px;
}

.product-rendering-container{
  width:100%;
  max-width:1560px;
  margin:0 auto;
}

.product-rendering-header{
  padding:76px 0 51px;
  text-align:center;
  font-family:'Inter',sans-serif;
}

.product-rendering-header h2{
  font-size:clamp(32px, 4.2vw, 68px);
  font-weight:700;
  line-height:1;
  letter-spacing:-0.04em;
  word-spacing:normal;
}

.air3s-project{
  margin-top:54px;
}

.air3s-project-header{
  margin:0 -2.64% 28px;
  font-family:'Inter',sans-serif;
}

.air3s-project-header h3{
  font-size:36px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:0;
  margin-bottom:10px;
}

.air3s-meta,
.air3s-label{
  font-family:'Inter',sans-serif;
  font-size:11px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.06em;
  color:#64696c;
}

.air3s-label{
  font-size:12px;
  font-weight:500;
  color:#64696c;
  margin-bottom:12px;
}

.air3s-project-header .air3s-meta{
  font-size:14px;
  font-weight:500;
  color:#50565a;
  white-space:nowrap;
}

.air3s-project img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

.air3s-project .air3s-image-frame{
  min-width:0;
  border-radius:10px;
}

.air3s-image{
  border-radius:10px;
}

.air3s-main-view{
  width:105.28%;
  margin:0 -2.64%;
}

.air3s-camera-pair{
  display:grid;
  grid-template-columns:minmax(0, 66fr) minmax(0, 34fr);
  align-items:center;
  gap:32px;
  margin-top:clamp(90px, 7vw, 140px);
}

.air3s-camera-pair > *{
  min-width:0;
}

.air3s-detail-inset{
  position:relative;
  width:58.23%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  justify-self:center;
  cursor:pointer;
}

.air3s-detail-hover{
  position:absolute;
  inset:0;
}

.air3s-project .air3s-detail-inset img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:36% 50%;
  transform:scale(2.6);
  transform-origin:50% 46%;
}

.air3s-folded-pair{
  display:grid;
  grid-template-columns:minmax(0, 30fr) minmax(0, 70fr);
  align-items:start;
  gap:32px;
  margin-top:clamp(100px, 8vw, 150px);
}

.air3s-folded-copy{
  min-width:0;
}

.air3s-folded-copy .air3s-meta{
  margin-top:20px;
}

@media (min-width:769px){
  .project-lovetime{
    backface-visibility:hidden;
  }

  .project-lovetime::before{
    content:"";
    position:absolute;
    z-index:1;
    top:-1px;
    left:0;
    width:100%;
    height:2px;
    background:#050505;
    pointer-events:none;
  }

  .project-aidn-concept::before{
    content:"";
    position:absolute;
    z-index:1;
    top:-1px;
    left:0;
    width:100%;
    height:2px;
    background:#050505;
    pointer-events:none;
  }

  .air3s-detail-inset{
    transform:translateX(-40px);
  }

  .air3s-folded-pair > .air3s-image-frame{
    transform:translateX(clamp(20px, 4vw, 72px));
  }
}

@media (max-width:768px){
  .product-rendering{
    padding:0 20px 32px;
  }

  .product-rendering-header{
    padding:58px 0 33px;
  }

  .product-rendering-header h2{
    font-size:clamp(20px, 5.5vw, 40px);
  }

  .air3s-project{
    margin-top:36px;
  }

  .air3s-project-header{
    margin:0 0 32px;
  }

  .air3s-project-header h3{
    font-size:clamp(22px, 4.5vw, 28px);
  }

  .air3s-main-view{
    width:100%;
    margin:0;
  }

  .air3s-camera-pair,
  .air3s-folded-pair{
    grid-template-columns:minmax(0, 1fr);
    gap:32px;
    margin-top:64px;
  }

  .air3s-detail-inset{
    width:40%;
    justify-self:end;
  }
}

.nav-logo{
  display:flex;
  align-items:center;
  height:1.3em;
}

.nav-logo img{
  width:72px;
  height:auto;
}

@media (max-width:768px){
  .nav-logo img{
    width:60px;
  }

  .air3s-project-header .air3s-meta{
    font-size:clamp(11px, 3vw, 14px);
    letter-spacing:0;
  }
}


/* PRODUCT STUDIES / PRODUCT RENDERING TRANSITION */
#kv{
  padding-top:54px;
  padding-bottom:0;
}

.product-studies{
  margin-bottom:0;
}

.product-studies .editorial-title-wrap{
  margin:0 0 24px;
  text-align:left;
}

.product-studies .editorial-title{
  font-size:36px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:0;
  margin:0 0 10px;
}

.product-studies-meta{
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  color:#50565a;
  letter-spacing:0;
}

.product-studies-small-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:0 0 20px;
}

.product-studies .aw-card{
  border-radius:10px;
}

.product-studies-large img{
  display:block;
  width:100%;
  height:auto;
}

.product-studies-hand{
  margin:57px auto -230px;
}

@media (min-width:769px){
  .product-studies .editorial-title-wrap{
    margin-bottom:17.143px;
  }

  .product-studies .editorial-title{
    margin-bottom:7.143px;
  }

  .product-studies-meta{
    font-size:10px;
    font-weight:500;
    letter-spacing:.06em;
  }
}

/* CONFIRMED PROJECT SERIES */
.portfolio-project{
  width:100%;
  margin:0 auto 88px;
}

.portfolio-project-heading{
  margin:0 0 24px;
  text-align:left;
}

.portfolio-project-heading h2{
  font-size:clamp(28px,4vw,40px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.035em;
}

.portfolio-project-heading p{
  margin-top:8px;
  color:#50565a;
  font-size:13px;
  line-height:1.5;
  letter-spacing:.04em;
}

.portfolio-project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:20px;
}

.portfolio-project-grid .aw-card{
  border-radius:10px;
}

.portfolio-project-grid img{
  display:block;
  width:100%;
  height:auto;
}

.project-aidn-concept{
  position:relative;
  width:100vw;
  max-width:none;
  margin:0 0 0 calc(50% - 50vw);
  padding:20px 0 88px;
  color:#f4f3ef;
  background:#050505;
  box-sizing:border-box;
}

.project-aidn-concept .portfolio-project-heading,
.project-aidn-concept .aidn-concept-grid{
  width:min(1240px,calc(100vw - 64px));
  margin-left:auto;
  margin-right:auto;
}

.project-aidn-concept .portfolio-project-heading{
  margin-bottom:36px;
  color:#f4f3ef;
}

.project-aidn-concept .portfolio-project-heading p{
  color:rgba(244,243,239,.62);
}

.project-aidn-concept .aidn-concept-eyebrow{
  display:block;
  margin-bottom:7px;
  color:rgba(244,243,239,.58);
  font-size:11px;
  letter-spacing:.09em;
  line-height:1.3;
}

.project-aidn-concept .aidn-concept-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.project-aidn-concept .aidn-concept-main{
  grid-column:1 / -1;
  aspect-ratio:2.4 / 1;
}

.project-aidn-concept .aidn-concept-main img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media (min-width: 769px) {
  .project-aidn-concept {
    padding-bottom: 138px;
  }
}

/* LOVE TIME: compact scene story and aligned product views */
.project-lovetime{
  position:relative;
  width:100vw;
  max-width:none;
  margin:0 0 0 calc(50% - 50vw);
  padding:76px 0 56px;
  color:#f4f3ef;
  background:#050505;
  box-sizing:border-box;
}

.project-lovetime .lovetime-container{
  width:min(1240px,calc(100vw - 64px));
  margin:0 auto;
}

.project-lovetime .portfolio-project-heading{
  margin-bottom:20px;
}

.project-lovetime .lovetime-eyebrow{
  display:block;
  margin-bottom:7px;
  color:rgba(244,243,239,.72);
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  line-height:1.3;
}

.project-lovetime .portfolio-project-heading h2{
  color:#f4f3ef;
  font-size:clamp(36px,4vw,48px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}

.project-lovetime .portfolio-project-heading p{
  color:rgba(244,243,239,.72);
  font-size:14px;
  font-weight:500;
}

@media (min-width: 769px) {
  .project-lovetime .lovetime-eyebrow {
    margin-bottom: 5.71px;
    font-size: 8.57px;
    font-weight: 500;
    letter-spacing: .1em;
  }

  .project-lovetime .portfolio-project-heading h2 {
    margin: 0;
    font-size: 34.29px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
  }

  .project-lovetime .portfolio-project-heading p {
    margin: 5.71px 0 0;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .06em;
  }
}

.project-lovetime .lovetime-editorial-layout{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.9fr);
  gap:40px;
  align-items:start;
}

.project-lovetime .lovetime-copy{
  grid-column:1;
  grid-row:1;
  align-self:center;
  max-width:280px;
  color:rgba(244,243,239,.78);
}

.project-lovetime .lovetime-visual-column{
  grid-column:2;
  grid-row:1;
  min-width:0;
}

.project-lovetime .lovetime-copy > p{
  margin:0;
  color:rgba(244,243,239,.88);
  font-size:18px;
  line-height:1.7;
}

.project-lovetime .lovetime-scenes-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  align-items:start;
}

.project-lovetime .lovetime-scenes-grid .aw-card{
  min-width:0;
  border-radius:10px;
}

.project-lovetime .lovetime-scenes-grid img{
  display:block;
  width:100%;
  height:auto;
}

.project-lovetime .lovetime-scene-main{grid-column:1 / span 8; grid-row:1 / span 2;}
.project-lovetime .lovetime-scene-pets{grid-column:9 / span 4; grid-row:1;}
.project-lovetime .lovetime-scene-home{grid-column:9 / span 4; grid-row:2;}
.project-lovetime .lovetime-scene-cat{grid-column:1 / span 5; grid-row:3;}
.project-lovetime .lovetime-scene-night{grid-column:6 / span 7; grid-row:3;}



.project-fitnexa{
  position:relative;
  z-index:1;
  margin-bottom:0;
  padding:0 0 88px;
  color:#f4f3ef;
  background:#050505;
}

.ai-visual-region{
  display:flow-root;
  position:relative;
  left:50%;
  width:100vw;
  padding-bottom:88px;
  color:#f4f3ef;
  background:#050505;
  transform:translateX(-50%);
}

.ai-visual-content{
  width:min(var(--content-width),calc(100vw - 40px));
  margin:0 auto;
}

.ai-visual-content > .project-air3s-ai{
  margin-bottom:0;
}

.render-editorial.render-editorial-continuation{
  margin-top:0;
}

@media screen and (min-width:1280px) and (max-width:1600px){
  .ai-visual-content{
    width:calc(100vw - 700px);
    max-width:1040px;
  }
}

.fitnexa-section-header{
  padding:76px 0 51px;
  text-align:center;
  font-family:'Inter',sans-serif;
}

.fitnexa-section-header h2{
  font-size:clamp(32px,4.2vw,68px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
  word-spacing:normal;
}

.fitnexa-hero{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  isolation:isolate;
}

.fitnexa-hero-image{
  border-radius:10px;
}

.fitnexa-hero-image img{
  display:block;
  width:100%;
  height:auto;
}

.fitnexa-hero-shade{
  position:absolute;
  inset:45% 0 0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.48),rgba(0,0,0,0));
}

.fitnexa-hero-copy{
  position:absolute;
  z-index:2;
  left:clamp(20px,4vw,56px);
  bottom:clamp(20px,4vw,52px);
  color:#fff;
}

.fitnexa-hero-copy > p,
.fitnexa-story-kicker{
  margin:0 0 10px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  letter-spacing:.14em;
}

.fitnexa-hero-copy h2{
  margin:0;
  font-size:clamp(36px,6vw,68px);
  font-weight:600;
  line-height:.95;
  letter-spacing:-.04em;
}

.fitnexa-hero-copy > span{
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.84);
  font-size:14px;
  line-height:1.5;
}

.fitnexa-story-layout{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,9fr);
  gap:clamp(28px,5vw,72px);
  align-items:start;
  margin-top:clamp(72px,10vw,132px);
}

.fitnexa-story-copy{
  max-width:230px;
  padding-top:8px;
}

.fitnexa-story-kicker{
  color:rgba(255,255,255,.48);
  margin-bottom:18px;
}

.fitnexa-story-copy h3{
  margin:0 0 16px;
  color:#f4f3ef;
  font-size:clamp(22px,2.4vw,30px);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.025em;
}

.fitnexa-story-copy > p:last-child{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:14px;
  line-height:1.8;
}

@media (min-width: 769px) {
  .project-fitnexa .fitnexa-hero-copy > p,
  .project-fitnexa .fitnexa-story-kicker {
    font-size: 8.57px;
    font-weight: 500;
    letter-spacing: .1em;
  }

  .project-fitnexa .fitnexa-story-kicker {
    margin-bottom: 11.43px;
  }

  .project-fitnexa .fitnexa-hero-copy > span,
  .project-fitnexa .fitnexa-story-copy > p:last-child {
    font-size: 10px;
  }

  .project-fitnexa .fitnexa-story-copy > p:last-child {
    font-weight: 400;
    line-height: 1.7;
  }

  .project-fitnexa .fitnexa-story-copy h3 {
    margin-bottom: 11.43px;
    font-size: clamp(20px, 2.05vw, 21.43px);
    font-weight: 600;
    line-height: 1.25;
  }
}

.fitnexa-image-composition{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:auto auto auto;
  gap:4px;
  align-items:start;
}

.fitnexa-image-composition .aw-card{
  min-width:0;
  border-radius:10px;
  background:#050505;
}

.fitnexa-image-composition img{
  display:block;
  width:100%;
  height:auto;
}

.fitnexa-image-solo{grid-column:1 / span 8; grid-row:1;}
.fitnexa-image-morning{grid-column:9 / span 4; grid-row:1;}
.fitnexa-image-travel{grid-column:1 / span 5; grid-row:2;}
.fitnexa-image-couple{grid-column:6 / span 7; grid-row:2;}
.fitnexa-image-detail{grid-column:7 / span 6; grid-row:3;}

/* AIR 3S AI SCENES: horizontal image sequence */
.project-air3s-ai{
  position:relative;
  z-index:1;
  padding:76px 0 84px;
  color:#f4f3ef;
  background:#050505;
}

.air3s-ai-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  margin-bottom:21px;
  color:#f4f3ef;
}

.air3s-ai-heading h2{
  font-size:clamp(40px,5.2vw,64px);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.04em;
}

.air3s-ai-heading p{
  margin:0;
  color:rgba(244,243,239,.62);
  font-size:13px;
  font-weight:500;
  line-height:1;
  letter-spacing:.12em;
}

.project-air3s-ai .air3s-ai-eyebrow{
  margin:0 0 7.14px;
  color:rgba(244,243,239,.72);
  font-size:8.57px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.1em;
}

.project-air3s-ai .air3s-ai-heading h2{
  margin:0;
  font-size:clamp(34.3px,3.5vw,40px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}

.project-air3s-ai .air3s-ai-subtitle{
  margin:5.71px 0 0;
  color:rgba(244,243,239,.72);
  font-size:10px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.06em;
}

.air3s-ai-sequence{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px;
  align-items:start;
}

.air3s-ai-sequence .aw-card{
  min-width:0;
  border-radius:10px;
}

.air3s-ai-sequence img{
  display:block;
  width:100%;
  height:auto;
}

.air3s-ai-shot-01{grid-column:1 / span 6; grid-row:1;}
.air3s-ai-shot-02{grid-column:7 / span 6; grid-row:1;}
.air3s-ai-shot-04{grid-column:1 / -1; grid-row:2;}
.air3s-ai-shot-06{grid-column:1 / span 4; grid-row:3;}
.air3s-ai-shot-09{grid-column:5 / span 4; grid-row:3;}
.air3s-ai-shot-12{grid-column:9 / span 4; grid-row:3;}

@media (min-width:769px) and (max-width:900px){
  .project-air3s-ai{
    padding:60px 0 68px;
  }

  .air3s-ai-sequence{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
  }

  .air3s-ai-shot-01{grid-column:1 / span 3; grid-row:1;}
  .air3s-ai-shot-02{grid-column:4 / span 3; grid-row:1;}
  .air3s-ai-shot-04{grid-column:1 / -1; grid-row:2;}
  .air3s-ai-shot-06{grid-column:1 / span 2; grid-row:3;}
  .air3s-ai-shot-09{grid-column:3 / span 2; grid-row:3;}
  .air3s-ai-shot-12{grid-column:5 / span 2; grid-row:3;}
}

@media (min-width:769px) and (max-width:900px){
  .fitnexa-story-layout{
    grid-template-columns:minmax(0,2.5fr) minmax(0,9.5fr);
    gap:28px;
  }
}

@media (max-width:900px){
  .product-studies-small-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:768px){
  #kv{
    padding-top:32px;
    padding-bottom:0;
  }

  .product-studies .editorial-title{
    font-size:clamp(22px,4.5vw,28px);
  }

  .product-studies-small-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    margin-bottom:16px;
  }

  .product-studies-hand{
    margin:48px auto -70px;
  }

  .portfolio-project{
    margin-bottom:56px;
  }

  .portfolio-project-heading{
    margin-bottom:16px;
  }

  .project-fitnexa{
    padding:0 0 56px;
  }

  .ai-visual-region{
    padding-bottom:56px;
  }

  .ai-visual-content{
    width:calc(100vw - 28px);
  }

  .fitnexa-section-header{
    padding:58px 0 33px;
  }

  .fitnexa-section-header h2{
    font-size:clamp(20px,5.5vw,40px);
  }

  .fitnexa-hero-copy{
    left:18px;
    bottom:18px;
  }

  .fitnexa-hero-copy > p,
  .fitnexa-story-kicker{
    font-size:9px;
    margin-bottom:7px;
  }

  .fitnexa-hero-copy h2{
    font-size:clamp(30px,10vw,44px);
  }

  .fitnexa-hero-copy > span{
    margin-top:7px;
    font-size:12px;
  }

  .fitnexa-story-layout{
    grid-template-columns:1fr;
    gap:28px;
    margin-top:54px;
  }

  .fitnexa-story-copy{
    max-width:320px;
  }

  .fitnexa-image-composition{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:16px;
  }

  .fitnexa-image-solo,
  .fitnexa-image-travel,
  .fitnexa-image-couple,
  .fitnexa-image-morning,
  .fitnexa-image-detail{
    grid-column:1;
    grid-row:auto;
  }

  .project-air3s-ai{
    padding:48px 0 56px;
  }

  .air3s-ai-heading{
    align-items:flex-start;
    gap:0;
    margin-bottom:22px;
  }

  .project-air3s-ai .air3s-ai-heading h2{
    font-size:clamp(34px,10vw,48px);
  }

  .air3s-ai-heading p{
    font-size:11px;
  }

  .project-air3s-ai .air3s-ai-eyebrow{
    margin-bottom:6px;
    font-size:9px;
  }

  .project-air3s-ai .air3s-ai-subtitle{
    margin-top:5px;
    font-size:10px;
  }

  .air3s-ai-sequence{
    grid-template-columns:1fr;
    gap:14px;
  }

  .air3s-ai-shot-01,
  .air3s-ai-shot-02,
  .air3s-ai-shot-04,
  .air3s-ai-shot-06,
  .air3s-ai-shot-09,
  .air3s-ai-shot-12{
    grid-column:1;
    grid-row:auto;
  }

  .portfolio-project-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .project-aidn-concept .portfolio-project-heading,
  .project-aidn-concept .aidn-concept-grid{
    width:calc(100vw - 40px);
  }

  .project-aidn-concept .aidn-concept-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .project-aidn-concept .aidn-concept-main{
    grid-column:1 / -1;
    aspect-ratio:2.2 / 1;
  }

  .project-lovetime .lovetime-container{
    width:calc(100vw - 32px);
  }

  .project-lovetime .portfolio-project-heading{
    margin-bottom:12px;
  }

  .project-lovetime .lovetime-scenes-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .project-lovetime .lovetime-editorial-layout{
    grid-template-columns:1fr;
    gap:18px;
  }

  .project-lovetime .lovetime-copy,
  .project-lovetime .lovetime-visual-column{
    grid-column:1;
    grid-row:auto;
  }

  .project-lovetime{
    padding:56px 0 44px;
  }

  .project-lovetime .lovetime-container{
    width:calc(100vw - 28px);
  }

  .project-lovetime .lovetime-copy{
    align-self:start;
    max-width:100%;
    width:100%;
    padding-top:0;
  }

  .project-lovetime .lovetime-scene-main,
  .project-lovetime .lovetime-scene-pets,
  .project-lovetime .lovetime-scene-home,
  .project-lovetime .lovetime-scene-cat,
  .project-lovetime .lovetime-scene-night{
    grid-column:1;
    grid-row:auto;
  }



}

@media (max-width:430px){
  .ai-visual-content{
    width:calc(100vw - 20px);
  }

  .project-lovetime .lovetime-container{
    width:calc(100vw - 20px);
  }

  .project-aidn-concept .portfolio-project-heading,
  .project-aidn-concept .aidn-concept-grid{
    width:calc(100vw - 32px);
  }

  .project-aidn-concept .aidn-concept-grid{
    grid-template-columns:1fr;
  }

  .project-aidn-concept .aidn-concept-main{
    aspect-ratio:1.9 / 1;
  }
}

/* MOTION WORKS: local dimensions compensate for the existing desktop 1.4 scale. */
.motion-works{
  --motion-unit:.7142857143px;
  position:relative;
  left:calc(50% - 35.714286vw);
  width:71.428571vw;
  margin:0;
  padding:calc(168 * var(--motion-unit)) 0 calc(96 * var(--motion-unit));
  background:#F1F0ED;
  color:#171614;
}
.motion-works-inner{width:70%;margin-inline:auto;}
.motion-works-heading{text-align:center;margin-bottom:calc(40 * var(--motion-unit));}
.motion-works-heading h2{
  font-size:clamp(38px,5.2vw,68px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.04em;
}
.motion-works-heading p{margin-top:8px;font-size:12px;letter-spacing:.1em;color:#66635f;}
.motion-works .motion-link{display:block;min-width:0;border-radius:calc(12 * var(--motion-unit));}
.motion-works .motion-link:focus-visible{outline:calc(3 * var(--motion-unit)) solid #656057;outline-offset:calc(5 * var(--motion-unit));}
.motion-works .motion-poster{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(12 * var(--motion-unit));}
.motion-works .motion-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 350ms ease;}
.motion-works .motion-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;
  display:grid;place-items:center;width:calc(48 * var(--motion-unit));height:calc(48 * var(--motion-unit));
  border-radius:50%;background:rgba(0,0,0,.4);color:#fff;pointer-events:none;
  transition:transform 250ms ease,background-color 250ms ease;
}
.motion-works .motion-play svg{display:block;width:50%;height:50%;}
.motion-works .motion-showreel .motion-play{width:calc(56 * var(--motion-unit));height:calc(56 * var(--motion-unit));}
.motion-works .motion-showreel-caption{position:absolute;left:calc(32 * var(--motion-unit));right:calc(24 * var(--motion-unit));bottom:calc(28 * var(--motion-unit));z-index:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);}
.motion-works .motion-showreel-caption h3{font-size:clamp(18px,2.2vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.15;}
.motion-works .motion-showreel-caption p{margin-top:calc(8 * var(--motion-unit));font-size:calc(13 * var(--motion-unit));letter-spacing:.08em;}
.motion-works .motion-films-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:calc(48 * var(--motion-unit)) 0 calc(20 * var(--motion-unit));}
.motion-works .motion-films-heading h3{font-size:calc(20 * var(--motion-unit));font-weight:600;letter-spacing:-.02em;}
.motion-works .motion-films-heading span{font-size:calc(11 * var(--motion-unit));color:#66635f;letter-spacing:.1em;}
.motion-works .motion-films-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24 * var(--motion-unit));}
.motion-works .motion-film-caption{padding-top:calc(14 * var(--motion-unit));}
.motion-works .motion-film-caption h4{font-size:calc(20 * var(--motion-unit));font-weight:600;letter-spacing:-.02em;}
.motion-works .motion-film-caption p{margin-top:calc(6 * var(--motion-unit));font-size:calc(12 * var(--motion-unit));color:#66635f;letter-spacing:.07em;}
@media (min-width:769px){
  .motion-works-heading h2{
    font-family:'Inter',sans-serif;
    font-size:clamp(22.86px,3vw,48.57px);
    font-weight:700;
    line-height:1;
    letter-spacing:-.04em;
  }
  .motion-works-heading p{
    margin-top:calc(10 * var(--motion-unit));
    color:#66635f;
    font-family:'Inter',sans-serif;
    font-size:calc(14 * var(--motion-unit));
    font-weight:500;
    line-height:1.4;
    letter-spacing:.08em;
  }
  .motion-works .motion-showreel-caption p{
    font-size:calc(13 * var(--motion-unit));
    font-weight:500;
    text-shadow:0 1px 4px rgba(0,0,0,.5);
  }
  .motion-works .motion-film-caption h4{
    line-height:1.2;
  }
  .motion-works .motion-film-caption p{
    font-size:calc(13 * var(--motion-unit));
    font-weight:500;
    letter-spacing:.06em;
    color:#66635f;
  }
}
@media (hover:hover) and (pointer:fine){
  .motion-works .motion-link:hover .motion-poster img{transform:scale(1.025);}
  .motion-works .motion-link:hover .motion-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(0,0,0,.55);}
}
@media (max-width:900px){
  .motion-works-inner{width:calc(100% - 45.714px);}
  .motion-works .motion-films-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20 * var(--motion-unit));}
}
@media (max-width:768px){
  .motion-works{--motion-unit:1px;left:calc(50% - 50vw);width:100vw;padding:40px 0 64px;}
  .motion-works-inner{width:calc(100% - 48px);}
}
@media (max-width:600px){
  .motion-works-inner{width:calc(100% - 32px);}
  .motion-works-heading{margin-bottom:28px;}
  .motion-works-heading h2{font-size:clamp(30px,8vw,44px);}
  .motion-works-heading p{font-size:10px;}
  .motion-works .motion-films-grid{grid-template-columns:1fr;gap:24px;}
  .motion-works .motion-showreel-caption{left:16px;right:16px;bottom:14px;}
  .motion-works .motion-showreel-caption h3{font-size:18px;}
  .motion-works .motion-showreel-caption p{font-size:9px;letter-spacing:.04em;}
}
@media (prefers-reduced-motion:reduce){
  .motion-works .motion-poster img{transition:none;}
  .motion-works .motion-link:hover .motion-poster img{transform:none;}
  .motion-works .motion-play{transition:none;}
  .motion-works .motion-link:hover .motion-play{transform:translate(-50%,-50%);}
}

/* Personal contact footer; desktop dimensions account for editorial scale. */
.contact-footer{
  --contact-unit:.7142857143px;
  position:relative;
  left:calc(50% - 35.714286vw);
  width:71.428571vw;
  margin:0;
  padding:calc(136 * var(--contact-unit)) 0 calc(40 * var(--contact-unit));
  background:#F1F0ED;
  color:#171614;
  text-align:center;
}
.contact-footer-inner{width:70%;margin-inline:auto;}
.contact-footer .contact-brands h2{font-size:calc(13 * var(--contact-unit));font-weight:500;letter-spacing:.16em;color:#66635f;}
.contact-footer .contact-brand-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:calc(28 * var(--contact-unit)) calc(36 * var(--contact-unit));margin-top:calc(28 * var(--contact-unit));}
.contact-footer .contact-brand-logos img{width:auto;height:calc(31.2 * var(--contact-unit));max-width:calc(145.6 * var(--contact-unit));object-fit:contain;filter:grayscale(1);opacity:.85;}
.contact-footer .contact-details{padding-top:calc(96 * var(--contact-unit));scroll-margin-top:100px;}
.contact-footer .contact-details h2{font-size:clamp(30px,3.8vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.04em;}
.contact-footer .contact-disciplines{margin-top:calc(20 * var(--contact-unit));font-size:calc(13 * var(--contact-unit));line-height:1.7;letter-spacing:.06em;color:#66635f;}
.contact-footer .contact-email{display:inline-block;max-width:100%;margin-top:calc(32 * var(--contact-unit));font-size:clamp(17px,2vw,27px);font-weight:500;line-height:1.5;overflow-wrap:anywhere;user-select:text;}
.contact-footer .contact-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(16 * var(--contact-unit));margin-top:calc(24 * var(--contact-unit));}
.contact-footer .contact-copy,.contact-footer .contact-send{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:calc(12 * var(--contact-unit)) calc(24 * var(--contact-unit));font:inherit;font-size:calc(13 * var(--contact-unit));font-weight:500;letter-spacing:.05em;border:1px solid transparent;border-radius:6px;cursor:pointer;}
.contact-footer .contact-copy{background:#171614;color:#fff;}
.contact-footer .contact-send{background:transparent;color:#4d4a46;border-color:#827d75;}
.contact-footer .contact-copy:hover{background:#37342f;}
.contact-footer .contact-send:hover,.contact-footer .contact-email:hover{text-decoration:underline;text-underline-offset:4px;}
.contact-footer a:focus-visible,.contact-footer button:focus-visible{outline:2px solid #66635f;outline-offset:4px;}
.contact-footer .contact-copy-status{min-height:1.6em;margin-top:calc(12 * var(--contact-unit));font-size:calc(13 * var(--contact-unit));line-height:1.6;color:#66635f;}
.contact-footer .contact-copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(12 * var(--contact-unit)) calc(24 * var(--contact-unit));margin-top:calc(56 * var(--contact-unit));font-size:calc(13 * var(--contact-unit));line-height:1.6;letter-spacing:.05em;color:#4d4a46;}
@media (min-width:769px){
  .contact-footer .contact-brands h2{
    font-size:calc(12 * var(--contact-unit));
    font-weight:500;
    letter-spacing:.1em;
  }
  .contact-footer .contact-disciplines{
    font-size:calc(14 * var(--contact-unit));
    font-weight:500;
    letter-spacing:.06em;
  }
  .contact-footer .contact-copy,
  .contact-footer .contact-send{
    font-weight:600;
  }
  .contact-footer .contact-copyright{
    font-size:calc(12 * var(--contact-unit));
    font-weight:400;
  }
}
@media(max-width:900px){
  .contact-footer-inner{width:calc(100% - 45.714px);}
}
@media(max-width:768px){
  .contact-footer{--contact-unit:1px;left:calc(50% - 50vw);width:100vw;padding:40px 0 32px;}
  .contact-footer-inner{width:calc(100% - 40px);}
  .contact-footer .contact-details{padding-top:68px;scroll-margin-top:84px;}
  .contact-footer .contact-brand-logos{gap:24px;}
  .contact-footer .contact-details h2{font-size:clamp(28px,6.5vw,42px);}
  .contact-footer .contact-disciplines{font-size:11px;}
  .contact-footer .contact-email{font-size:clamp(17px,4.4vw,24px);}
  .contact-footer .contact-copyright{margin-top:36px;}
}