.js-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js-reveal .reveal.is-in{opacity:1;transform:none}

.section-head__title em,.about__title em{font-style:italic;font-weight:400;color:var(--ink-2)}

.home__nav,.home__dots{display:none !important}
.home__desc{margin-bottom:0}
.home__meta{margin-top:20px}
@media(max-width:860px){.home__slide{padding-bottom:36px}}

.stats{background:var(--cream);border-bottom:1px solid var(--line)}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:34px 16px;text-align:center;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat b{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1;color:var(--ink)}
.stat span{display:block;margin-top:8px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

#tentang.about{display:block;height:auto;overflow:visible;background:var(--cream);padding:88px 0}
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.about__media{position:relative;aspect-ratio:1/1.02;max-width:560px;width:100%;justify-self:center}
.about__img{position:absolute;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#D9CFC2,#C2B8A8);box-shadow:var(--shadow)}
.about__img img{width:100%;height:100%;object-fit:cover}
.about__img--a{left:0;top:0;width:70%;height:76%}
.about__img--b{right:0;bottom:0;width:56%;aspect-ratio:4/3;border:6px solid var(--cream)}
.about__img--b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.about__seal{position:absolute;left:6%;bottom:4%;width:116px;height:116px;border-radius:50%;background:var(--ink);color:#F0EDE6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow);outline:1px dashed #C9A86A;outline-offset:-7px}
.about__seal b{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:500;line-height:1}
.about__seal span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;margin-top:2px;color:#D8E8D0}
.about__text .section-head__eyebrow{margin-bottom:10px}
.about__title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,46px);font-weight:500;line-height:1.05;margin:0 0 18px;color:var(--ink)}
.about__lead{font-family:'Cormorant Garamond',serif;font-size:clamp(17px,2vw,20px);line-height:1.65;color:var(--ink-2);margin:0 0 22px}
.about__team{border-left:2px solid #C9A86A;padding:2px 0 2px 18px;margin:0 0 28px}
.about__team h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;margin:0 0 6px;color:var(--ink)}
.about__team p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0}

.explore{background:var(--sage);padding:88px 0}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px}
.tile{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;color:#fff;display:flex;align-items:flex-end;background:linear-gradient(145deg,var(--ink),#1f3328);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.tile--lg{grid-column:span 2;grid-row:span 2}
.tile--wide{grid-column:span 2}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(26,40,32,.86) 8%,rgba(26,40,32,.18) 62%,rgba(26,40,32,.05))}
.tile:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(46,74,58,.2)}
.tile:hover img{transform:scale(1.07)}
.tile__glyph{position:absolute;top:16px;left:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28)}
.tile--plain .tile__glyph{width:auto;height:auto;border:0;background:none;backdrop-filter:none;top:50%;left:auto;right:8%;transform:translateY(-62%);font-size:clamp(90px,9vw,130px);opacity:.14;color:#C9A86A}
.tile__body{display:flex;flex-direction:column;gap:4px;padding:20px 22px;width:100%}
.tile__title{font-family:'Cormorant Garamond',serif;font-size:clamp(21px,2.2vw,26px);font-weight:600;line-height:1.1}
.tile--lg .tile__title{font-size:clamp(28px,3.4vw,38px)}
.tile__desc{font-size:13px;line-height:1.5;color:rgba(255,255,255,.82);max-width:340px}
.tile__go{margin-top:6px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#E8C9A0;transition:transform .25s}
.tile:hover .tile__go{transform:translateX(6px)}
.tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.gallery__more{text-align:center;margin:36px 0 0}
.gallery__more .btn{color:var(--ink);border-color:var(--ink)}
.gallery__more .btn:hover{background:var(--ink);color:#fff}

.process{background:#fff;padding:88px 0}
.process__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:none}
.process__item{position:relative;padding:28px 22px 26px;border:1px solid var(--line);border-radius:16px;background:var(--cream);transition:transform .25s,box-shadow .25s}
.process__item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.process__num{display:block;font-family:'Cormorant Garamond',serif;font-size:54px;font-weight:500;line-height:1;color:#C9A86A;margin-bottom:14px}
.process__item h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;margin:0 0 8px;color:var(--ink)}
.process__item p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0}

@media(max-width:1024px){
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}
  .tile--lg{grid-column:span 2;grid-row:span 2}
  .process__list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  #tentang.about{padding:56px 0}
  .about__grid{grid-template-columns:1fr}
  .about__media{max-width:440px}
  .about__text .eyebrow,.about__text .quote{text-align:left}
  .explore,.process{padding:56px 0}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(3){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:600px){
  .bento{grid-template-columns:1fr;grid-auto-rows:190px}
  .tile--lg,.tile--wide{grid-column:auto}
  .tile--lg{grid-row:span 2}
  .process__list{grid-template-columns:1fr}
  .about__seal{width:96px;height:96px}
  .about__seal b{font-size:30px}
}
@media(hover:none){
  .tile:hover,.process__item:hover{transform:none}
  .tile:hover img{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .js-reveal .reveal{opacity:1;transform:none;transition:none}
  .tile,.tile img,.tile__go{transition:none}
}