/* Tam Heritage Decor — editorial / quiet luxury visual layer */
:root{
  --tam-ivory:#f2eee6;
  --tam-paper:#e9e1d6;
  --tam-ink:#171613;
  --tam-walnut:#5f4737;
  --tam-olive:#454638;
  --tam-brass:#a28358;
  --tam-line:rgba(23,22,19,.15);
  --tam-soft:rgba(23,22,19,.62);
  --tam-ease:cubic-bezier(.22,.61,.36,1);
}
html{background:var(--tam-ivory)}
body{background:var(--tam-ivory)!important;color:var(--tam-ink)!important;letter-spacing:-.01em}
.shell{max-width:92rem!important;padding-inline:clamp(1.25rem,3.5vw,4.75rem)!important}
.font-display{font-weight:500!important;letter-spacing:-.035em}
.eyebrow{font-size:.66rem!important;letter-spacing:.34em!important;font-weight:600!important}

/* HEADER */
body header{
  padding-block:18px!important;
  border-bottom:1px solid transparent!important;
  transition:background-color .55s var(--tam-ease),color .55s var(--tam-ease),border-color .55s var(--tam-ease),padding .55s var(--tam-ease)!important;
}
body header.tam-scrolled{
  background:rgba(242,238,230,.88)!important;
  backdrop-filter:blur(18px) saturate(.8);
  -webkit-backdrop-filter:blur(18px) saturate(.8);
  border-bottom-color:rgba(23,22,19,.09)!important;
  padding-block:10px!important;
}
body header .shell>a:first-child{position:relative;display:flex;align-items:center;width:auto;height:58px;text-decoration:none}
body header .shell>a:first-child img{display:block!important;height:58px!important;width:auto!important;max-width:152px!important;object-fit:contain;filter:none!important;transition:filter .45s var(--tam-ease),opacity .35s ease!important}
body header .shell>a:first-child::before{
  content:"TAM";
  display:block;
  font-family:var(--font-display),Georgia,serif;
  font-size:1.55rem;
  line-height:.9;
  letter-spacing:.16em;
  color:#f6f1ea;
}
body header .shell>a:first-child::after{
  content:"HERITAGE DECOR";
  position:absolute;left:1px;top:31px;
  font-size:.49rem;letter-spacing:.31em;font-weight:600;color:rgba(246,241,234,.72)
}
body header.tam-scrolled .shell>a:first-child::before{color:var(--tam-ink)}
body header.tam-scrolled .shell>a:first-child::after{color:rgba(23,22,19,.55)}
body header nav{gap:clamp(1.5rem,2.8vw,3.25rem)!important}
body header nav a{font-size:.72rem!important;text-transform:uppercase;letter-spacing:.18em!important;font-weight:500!important}
body header nav a::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--tam-ease)}
body header nav a:hover::after{transform:scaleX(1);transform-origin:left}
body header .shell>div>a{border-radius:0!important;border-width:0 0 1px!important;padding:7px 0!important;margin-left:10px;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem!important}
body header.tam-scrolled nav a,
body header.tam-scrolled .shell>div>a,
body header.tam-scrolled .shell>div button{color:var(--tam-ink)!important}

/* HOME — HERO */
#top{min-height:100svh!important;align-items:flex-end!important;justify-content:flex-start!important;background:#15120f!important}
#top>video{filter:saturate(.72) contrast(1.04) brightness(.86);transform:scale(1.015)}
#top>div:nth-of-type(1){background:linear-gradient(90deg,rgba(10,8,6,.72) 0%,rgba(10,8,6,.43) 42%,rgba(10,8,6,.05) 72%),linear-gradient(0deg,rgba(10,8,6,.56) 0%,rgba(10,8,6,0) 45%)!important;opacity:1!important}
#top>div:nth-of-type(2){
  width:min(100%,92rem)!important;max-width:none!important;
  margin:0 auto!important;padding:0 clamp(1.25rem,5vw,5.2rem) clamp(3.5rem,9vh,7rem)!important;
  text-align:left!important;text-shadow:none!important;
}
#top .eyebrow{margin-bottom:1.1rem!important;color:rgba(248,242,233,.72)!important}
#top .eyebrow::before{content:"TAM HERITAGE DECOR  /  ";color:rgba(248,242,233,.42)}
#top h1{max-width:1050px!important;font-size:clamp(3.35rem,7.7vw,8.6rem)!important;line-height:.89!important;letter-spacing:-.055em!important;font-weight:500!important;text-wrap:balance}
#top h1 span{font-weight:500!important;color:#d5b98d!important;font-style:italic}
#top h1+p{margin:clamp(1.6rem,3vw,2.7rem) 0 0!important;max-width:630px!important;color:rgba(248,242,233,.72)!important;font-size:clamp(.94rem,1.25vw,1.08rem)!important;line-height:1.8!important}
#top h1+p+div{justify-content:flex-start!important;gap:1.25rem!important;margin-top:2rem!important}
#top h1+p+div a{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(248,242,233,.58)!important;padding:.72rem 0!important;color:#f8f2e9!important;box-shadow:none!important;text-transform:uppercase;font-size:.68rem!important;letter-spacing:.19em;font-weight:600!important;position:relative}
#top h1+p+div a::after{content:"↗";margin-left:.85rem;font-size:.82rem;transition:transform .35s var(--tam-ease);display:inline-block}
#top h1+p+div a:hover::after{transform:translate(3px,-3px)}
#top>button{right:clamp(1.25rem,3.5vw,4rem)!important;bottom:clamp(1.25rem,3vw,2.6rem)!important;width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(12,10,8,.18)!important;border-color:rgba(248,242,233,.28)!important;backdrop-filter:blur(10px)}
#top::after{content:"SCROLL";position:absolute;right:clamp(1.4rem,3.7vw,4.2rem);bottom:88px;color:rgba(248,242,233,.48);font-size:.56rem;letter-spacing:.28em;writing-mode:vertical-rl;z-index:2}

/* COMMITMENT STRIP */
main>section:nth-of-type(2){background:#181714!important;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
main>section:nth-of-type(2)>div.shell{padding-top:0!important;padding-bottom:0!important}
main>section:nth-of-type(2) .grid{gap:0!important}
main>section:nth-of-type(2) .grid>div{min-height:142px;padding:34px clamp(1rem,2.2vw,2.2rem)!important;border-left:1px solid rgba(255,255,255,.10)!important;display:block!important;position:relative}
main>section:nth-of-type(2) .grid>div:first-child{border-left:0!important}
main>section:nth-of-type(2) .grid>div>span:first-child{display:none!important}
main>section:nth-of-type(2) .grid>div>span:last-child{display:block!important}
main>section:nth-of-type(2) .grid>div::before{display:block;margin-bottom:16px;color:rgba(213,185,141,.72);font-size:.58rem;letter-spacing:.24em}
main>section:nth-of-type(2) .grid>div:nth-child(1)::before{content:"01 / CRAFT"}
main>section:nth-of-type(2) .grid>div:nth-child(2)::before{content:"02 / MATERIAL"}
main>section:nth-of-type(2) .grid>div:nth-child(3)::before{content:"03 / PROMISE"}
main>section:nth-of-type(2) .grid>div:nth-child(4)::before{content:"04 / SERVICE"}
main>section:nth-of-type(2) .grid>div .font-display{font-size:1.28rem!important;letter-spacing:-.02em!important}
main>section:nth-of-type(2) .grid>div .text-sm{font-size:.78rem!important;max-width:230px;color:rgba(248,242,233,.46)!important}

/* CATEGORY — ASYMMETRIC EDITORIAL GRID */
#collection{background:var(--tam-ivory)!important}
#collection>.shell{padding-top:clamp(6rem,11vw,10rem)!important;padding-bottom:clamp(7rem,12vw,11rem)!important}
#collection>.shell>div:first-child{margin-bottom:clamp(2.8rem,5vw,5.2rem)!important}
#collection h2{font-size:clamp(3rem,6.3vw,6.7rem)!important;line-height:1.15!important;max-width:900px!important;font-weight:500!important;margin-bottom:24px!important}
#collection>.shell>.grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(1rem,2vw,1.7rem)!important;align-items:start}
#collection>.shell>.grid>div{grid-column:span 4}
#collection>.shell>.grid>div:nth-child(1){grid-column:1/span 7}
#collection>.shell>.grid>div:nth-child(2){grid-column:9/span 4;margin-top:12vw}
#collection>.shell>.grid>div:nth-child(3){grid-column:2/span 4;margin-top:2vw}
#collection>.shell>.grid>div:nth-child(4){grid-column:7/span 6;margin-top:8vw}
#collection>.shell>.grid>div:nth-child(5){grid-column:1/span 5;margin-top:3vw}
#collection>.shell>.grid>div:nth-child(6){grid-column:7/span 5;margin-top:12vw}
#collection a>div.relative{border-radius:0!important;aspect-ratio:4/5!important;background:#d7cfc3!important;overflow:hidden!important}
#collection>.shell>.grid>div:nth-child(1) a>div.relative,
#collection>.shell>.grid>div:nth-child(4) a>div.relative{aspect-ratio:1.18/1!important}
#collection img{filter:saturate(.78) contrast(1.02);transition:transform 1.25s var(--tam-ease),filter .8s var(--tam-ease)!important}
#collection a:hover img{transform:scale(1.035)!important;filter:saturate(.92) contrast(1.01)}
#collection h3{font-size:clamp(1.65rem,2.4vw,2.75rem)!important;font-weight:500!important;letter-spacing:-.035em!important}

/* ABOUT PAGE — INTRO COPY */
main>section:nth-of-type(2) .max-w-3xl.text-center{max-width:860px!important;text-align:left!important}

/* EYEBROW + LINE — enforce tight, intended gap wherever this pattern is used */
.flex.items-center.gap-3.justify-center{gap:12px!important}
.flex.items-center.gap-3.justify-center>*{margin:0!important}

/* PHILOSOPHY */
#philosophy{background:#ddd5ca!important}
#philosophy>.shell{padding-top:clamp(6rem,11vw,10rem)!important;padding-bottom:clamp(6rem,11vw,10rem)!important}
#philosophy>.shell>.grid:first-child{grid-template-columns:.78fr 1.22fr!important;gap:clamp(3rem,7vw,8rem)!important;align-items:end!important}
#philosophy h2{font-size:clamp(3.5rem,7vw,7.5rem)!important;line-height:.88!important;font-weight:500!important}
#philosophy h2 span{color:var(--tam-walnut)!important}
#philosophy h2+p{font-size:.98rem!important;line-height:1.8!important;color:rgba(23,22,19,.62)!important}
#philosophy .relative.overflow-hidden.bg-sand{border-radius:0!important;aspect-ratio:1/1.04!important}
#philosophy .relative.overflow-hidden.bg-sand img{filter:saturate(.62) sepia(.05) contrast(1.02);transition:transform 1.4s var(--tam-ease)!important}
#philosophy .relative.overflow-hidden.bg-sand:hover img{transform:scale(1.025)}
#philosophy>.shell>.grid:last-child{margin-top:clamp(3rem,6vw,6rem)!important;border:0!important;border-top:1px solid rgba(23,22,19,.22)!important;border-radius:0!important;background:transparent!important;gap:0!important}
#philosophy>.shell>.grid:last-child>div{background:transparent!important;border-right:1px solid rgba(23,22,19,.18);padding:2.2rem 2.2rem 2.8rem!important;min-height:190px;position:relative}
#philosophy>.shell>.grid:last-child>div:last-child{border-right:0}
#philosophy>.shell>.grid:last-child>div::before{display:block;margin-bottom:38px;color:rgba(23,22,19,.4);font-size:.58rem;letter-spacing:.22em}
#philosophy>.shell>.grid:last-child>div:nth-child(1)::before{content:"01"}
#philosophy>.shell>.grid:last-child>div:nth-child(2)::before{content:"02"}
#philosophy>.shell>.grid:last-child>div:nth-child(3)::before{content:"03"}
#philosophy>.shell>.grid:last-child h3{font-size:clamp(1.7rem,2.7vw,2.5rem)!important;font-weight:500!important}
#philosophy>.shell>.grid:last-child p{font-size:.8rem!important;color:rgba(23,22,19,.56)!important}
#philosophy>.shell>.grid:last-child span.mt-3{display:none!important}

/* FEATURED PRODUCTS */
main>section:nth-of-type(5){background:#f4f0e9!important}
main>section:nth-of-type(5)>.shell{padding-top:clamp(6rem,10vw,9rem)!important;padding-bottom:clamp(7rem,11vw,11rem)!important}
main>section:nth-of-type(5) h2{font-size:clamp(3rem,5.6vw,5.8rem)!important;font-weight:500!important}
main>section:nth-of-type(5)>.shell>.grid{gap:clamp(1.2rem,2.7vw,2.7rem)!important;align-items:start}
main>section:nth-of-type(5)>.shell>.grid>div:nth-child(2){margin-top:clamp(2rem,7vw,7rem)}
/* ABOUT PAGE — 'Tìm hiểu thêm' 4-card grid collides with an unrelated nth-of-type(5) staggered-layout rule meant for another section; reset it here. */
.grid.gap-x-6.gap-y-10>div:nth-child(2){margin-top:0!important}

main>section:nth-of-type(5) a.group{transform:none!important}
main>section:nth-of-type(5) a.group>div:first-child{border-radius:0!important;aspect-ratio:3/4!important}
main>section:nth-of-type(5) img{filter:saturate(.72);transition:transform 1.1s var(--tam-ease),filter .7s ease!important}
main>section:nth-of-type(5) a:hover img{transform:scale(1.03)!important;filter:saturate(.9)}
main>section:nth-of-type(5) a.group>div:first-child>span{border-radius:0!important;top:auto!important;bottom:12px!important;left:12px!important;background:rgba(242,238,230,.88)!important;backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.18em!important;font-size:.55rem!important;padding:.5rem .6rem!important}
main>section:nth-of-type(5) h3{font-size:clamp(1.7rem,2.5vw,2.5rem)!important;font-weight:500!important}
main>section:nth-of-type(5) .mt-4{margin-top:1.05rem!important;border-top:1px solid var(--tam-line);padding-top:1rem}

/* WORKSHOP */
#workshop{background:#181714!important;position:relative;overflow:hidden}
#workshop>.shell{grid-template-columns:1.08fr .92fr!important;gap:clamp(3rem,7vw,8rem)!important;padding-top:clamp(6rem,10vw,10rem)!important;padding-bottom:clamp(6rem,10vw,10rem)!important}
#workshop .relative.overflow-hidden.bg-sand{border-radius:0!important;aspect-ratio:4/5!important}
#workshop img{filter:saturate(.56) contrast(1.05);transition:transform 1.3s var(--tam-ease)!important}
#workshop .relative.overflow-hidden.bg-sand:hover img{transform:scale(1.025)}
#workshop h2{font-size:clamp(3.6rem,6vw,6.8rem)!important;line-height:.9!important;font-weight:500!important}
#workshop h2 span{color:#d4b98e!important}
#workshop h2+p{font-size:.94rem!important;line-height:1.95!important;color:rgba(248,242,233,.60)!important}
#workshop .mt-12.grid{margin-top:clamp(2.6rem,5vw,4.5rem)!important;padding-top:2rem!important;gap:1rem!important}
#workshop .mt-12.grid>div{border-right:1px solid rgba(255,255,255,.12);padding-right:1rem}
#workshop .mt-12.grid>div:last-child{border-right:0}
#workshop .mt-12.grid .font-display{font-size:clamp(2rem,3.2vw,3.6rem)!important;color:#d4b98e!important;font-weight:500!important}

/* CONTACT */
#contact{background:#d8d0c4!important}
#contact>.shell{padding-top:clamp(6rem,10vw,9rem)!important;padding-bottom:clamp(6rem,10vw,9rem)!important;grid-template-columns:.9fr 1.1fr!important;gap:clamp(3rem,8vw,9rem)!important}
#contact h2{font-size:clamp(3.3rem,6vw,6.4rem)!important;line-height:.9!important;font-weight:500!important}
#contact h2 span{color:var(--tam-walnut)!important}
#contact h2+p{font-size:.95rem!important;color:rgba(23,22,19,.6)!important;line-height:1.8!important}
#contact .rounded-2xl{border-radius:0!important;background:rgba(242,238,230,.72)!important;border:1px solid rgba(23,22,19,.12)!important;box-shadow:none!important;padding:clamp(1.5rem,3vw,3rem)!important}
#contact input,#contact textarea{border-radius:0!important;border-width:0 0 1px!important;background:transparent!important;padding-left:0!important;padding-right:0!important;border-color:rgba(23,22,19,.24)!important}
#contact input:focus,#contact textarea:focus{box-shadow:none!important;border-color:var(--tam-walnut)!important}
#contact form button{border-radius:0!important;background:var(--tam-ink)!important;text-transform:uppercase;letter-spacing:.2em;font-size:.64rem!important;padding:1rem!important;margin-top:.5rem}

/* FOOTER */
body footer{background:#121210!important;color:rgba(248,242,233,.58)!important}
body footer>.shell{padding-top:clamp(4.5rem,8vw,7rem)!important;padding-bottom:2rem!important}
body footer .font-display{font-size:clamp(2rem,3vw,3.4rem)!important;color:#f6f0e8!important;font-weight:500!important}
body footer .eyebrow{color:rgba(248,242,233,.38)!important}
body footer a{transition:color .35s ease!important}
body footer a:hover{color:#d4b98e!important}

/* INNER PAGES — QUIET EDITORIAL SYSTEM */
body:not(:has(#top)) main>section:first-child{background:#ded6cb!important;padding-top:clamp(9rem,15vw,13rem)!important;padding-bottom:clamp(4.5rem,8vw,7rem)!important;border-bottom:1px solid rgba(23,22,19,.12)}
body:not(:has(#top)) main>section:first-child h1,
body:not(:has(#top)) main>section:first-child h2{font-size:clamp(3.7rem,8vw,8rem)!important;line-height:.9!important;max-width:1050px!important;font-weight:500!important;letter-spacing:-.055em!important}
body:not(:has(#top)) main>section:first-child p{max-width:720px!important;font-size:clamp(.95rem,1.3vw,1.08rem)!important;line-height:1.85!important;color:rgba(23,22,19,.58)!important}
body:not(:has(#top)) main>section:not(:first-child){background:var(--tam-ivory)!important}
body:not(:has(#top)) main>section .rounded-xl,
body:not(:has(#top)) main>section .rounded-2xl{border-radius:0!important}
body:not(:has(#top)) main>section img{filter:saturate(.72);transition:transform 1s var(--tam-ease),filter .7s ease!important}
body:not(:has(#top)) main>section a:hover img{transform:scale(1.025);filter:saturate(.9)}
body:not(:has(#top)) main>section button{border-radius:0!important}
body:not(:has(#top)) main>section input,
body:not(:has(#top)) main>section textarea{border-radius:0!important}

/* REVEAL MOTION */
.tam-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--tam-ease),transform .9s var(--tam-ease)}
.tam-reveal.tam-visible{opacity:1!important;transform:none!important}
.tam-reveal[data-tam-delay="1"]{transition-delay:.08s}.tam-reveal[data-tam-delay="2"]{transition-delay:.16s}.tam-reveal[data-tam-delay="3"]{transition-delay:.24s}
#top .tam-hero-reveal{opacity:0;transform:translateY(26px);animation:tamHeroIn 1.05s var(--tam-ease) forwards}
#top .tam-hero-reveal:nth-child(2){animation-delay:.12s}#top .tam-hero-reveal:nth-child(3){animation-delay:.25s}#top .tam-hero-reveal:nth-child(4){animation-delay:.38s}
@keyframes tamHeroIn{to{opacity:1;transform:none}}

/* small-screen tuning */
@media(max-width:1023px){
  #collection>.shell>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #collection>.shell>.grid>div{grid-column:auto!important;margin-top:0!important}
  #collection>.shell>.grid>div:nth-child(1),#collection>.shell>.grid>div:nth-child(4){grid-column:span 2!important}
  #philosophy>.shell>.grid:first-child,#workshop>.shell,#contact>.shell{grid-template-columns:1fr!important}
  main>section:nth-of-type(5)>.shell>.grid>div:nth-child(2){margin-top:0}
}
@media(max-width:767px){
  body header{padding-block:12px!important}
  body header .shell>a:first-child{min-width:150px;height:40px}
  body header .shell>a:first-child::before{font-size:1.25rem}
  body header .shell>a:first-child::after{top:27px;font-size:.42rem}
  #top>div:nth-of-type(2){padding-bottom:5.5rem!important}
  #top h1{font-size:clamp(3rem,15vw,5.1rem)!important;line-height:.9!important}
  #top h1+p{max-width:92%!important;font-size:.9rem!important;line-height:1.7!important}
  #top h1+p+div{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:.25rem!important}
  #top::after{display:none}
  main>section:nth-of-type(2) .grid>div{border-left:0!important;border-top:1px solid rgba(255,255,255,.1);min-height:auto;padding:24px 0!important}
  main>section:nth-of-type(2) .grid>div:first-child{border-top:0!important}
  #collection>.shell>.grid{grid-template-columns:1fr!important}
  #collection>.shell>.grid>div,#collection>.shell>.grid>div:nth-child(1),#collection>.shell>.grid>div:nth-child(4){grid-column:auto!important}
  #collection a>div.relative,#collection>.shell>.grid>div:nth-child(1) a>div.relative,#collection>.shell>.grid>div:nth-child(4) a>div.relative{aspect-ratio:4/5!important}
  #philosophy>.shell>.grid:last-child{grid-template-columns:1fr!important}
  #philosophy>.shell>.grid:last-child>div{border-right:0!important;border-bottom:1px solid rgba(23,22,19,.18)}
  #philosophy>.shell>.grid:last-child>div:last-child{border-bottom:0}
  #workshop>.shell{display:flex!important;flex-direction:column!important}
  #workshop>.shell>div:first-child{order:2!important}
  #workshop>.shell>div:last-child{order:1!important}
  #workshop .mt-12.grid{grid-template-columns:1fr!important}
  #workshop .mt-12.grid>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1);padding:0 0 1rem!important}
  #workshop .mt-12.grid>div:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .tam-reveal,.tam-hero-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}

/* Custom Tam Heritage logo supplied by owner */
body header .shell>a:first-child::before,
body header .shell>a:first-child::after{display:none!important;content:none!important}
body header.tam-scrolled .shell>a:first-child img{filter:invert(1) contrast(1.08)!important}
@media(max-width:767px){
  body header .shell>a:first-child{height:48px!important}
  body header .shell>a:first-child img{height:48px!important;max-width:126px!important}
}

/* SCROLLED HEADER — refined controls (avoid harsh black buttons) */
body header.tam-scrolled [role="group"][aria-label="Language / Ngôn ngữ"]{
  border-color:rgba(95,71,55,.28)!important;
  background:rgba(95,71,55,.055)!important;
}
body header.tam-scrolled [role="group"][aria-label="Language / Ngôn ngữ"] button{
  color:rgba(95,71,55,.72)!important;
  background:transparent!important;
}
body header.tam-scrolled [role="group"][aria-label="Language / Ngôn ngữ"] button[aria-pressed="true"]{
  color:#f7f1e8!important;
}
body header.tam-scrolled [role="group"][aria-label="Language / Ngôn ngữ"] button[aria-pressed="true"] > span{
  background:var(--tam-walnut)!important;
}
body header.tam-scrolled [role="group"][aria-label="Language / Ngôn ngữ"] button[aria-pressed="false"]{
  color:var(--tam-walnut)!important;
}
body header.tam-scrolled .shell>div>a[href="/contact/"]{
  color:var(--tam-walnut)!important;
  border:1px solid rgba(95,71,55,.44)!important;
  background:rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  padding:9px 18px!important;
  transition:background-color .32s var(--tam-ease),color .32s var(--tam-ease),border-color .32s var(--tam-ease)!important;
}
body header.tam-scrolled .shell>div>a[href="/contact/"]:hover{
  color:#f7f1e8!important;
  background:var(--tam-walnut)!important;
  border-color:var(--tam-walnut)!important;
}
body header.tam-scrolled .shell>div>button[aria-label="Menu"]{
  color:var(--tam-walnut)!important;
}


/* HOME CATALOG UPGRADE */
.thd-shell-narrow{max-width:1240px;margin:0 auto}
.thd-home-catalog,.thd-home-featured{position:relative}
.thd-home-catalog{padding:88px 0 96px;background:#f7f1e8}
.thd-home-featured{padding:88px 0 102px;background:linear-gradient(180deg,rgba(230,220,206,.56),rgba(247,241,232,.84))}
.thd-home-head{max-width:860px;margin:0 auto 44px;text-align:center}
.thd-home-head--row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:24px;text-align:left;margin:0 0 34px}
.thd-home-head h2,.thd-home-banner h3{font-family:var(--font-display,"Fraunces"),Georgia,serif;font-weight:500;letter-spacing:-.03em;color:#3e3026;font-size:clamp(34px,4vw,54px);line-height:1.02;margin:0}
.thd-home-intro,.thd-home-banner p,.thd-category-meta p{color:rgba(62,48,38,.72);line-height:1.78;font-size:14px}
.thd-family-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0 34px}
.thd-family-card{background:rgba(255,255,255,.6);border:1px solid rgba(88,69,55,.12);padding:24px 22px 20px;border-radius:26px;min-height:210px;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(58,42,29,.04)}
.thd-family-no{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#a28358;margin-bottom:18px}
.thd-family-card h3{font-family:var(--font-display,"Fraunces"),Georgia,serif;color:#3e3026;font-size:27px;line-height:1.06;margin:0 0 10px}
.thd-family-card p{font-size:13px;line-height:1.72;color:rgba(62,48,38,.7);margin:0 0 18px}
.thd-family-card strong{margin-top:auto;font-size:28px;font-family:var(--font-display,"Fraunces"),Georgia,serif;color:#8c6a44}
.thd-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.thd-category-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(88,69,55,.12);border-radius:28px;overflow:hidden;transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;text-decoration:none;box-shadow:0 18px 44px rgba(58,42,29,.05)}
.thd-category-card:hover{transform:translateY(-4px);box-shadow:0 26px 52px rgba(58,42,29,.1);border-color:rgba(140,106,68,.24)}
.thd-category-thumb{aspect-ratio:1.22;overflow:hidden;background:#ede6da}
.thd-category-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.thd-category-card:hover .thd-category-thumb img{transform:scale(1.045)}
.thd-category-meta{padding:22px 22px 20px}
.thd-category-family{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#f3ece2;color:#7b6145;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.thd-category-meta h3,.thd-feature-meta h3{font-family:var(--font-display,"Fraunces"),Georgia,serif;font-size:28px;line-height:1.06;color:#3e3026;margin:0 0 10px}
.thd-category-foot{display:flex;align-items:center;gap:10px;margin-top:16px;color:#6c5137;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.thd-collection-actions{text-align:center;margin-top:34px}
.thd-btn-primary,.thd-btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 26px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:all .3s ease}
.thd-btn-primary{background:#8c6a44;color:#f7f1e8;border:1px solid #8c6a44;box-shadow:0 12px 28px rgba(140,106,68,.2)}
.thd-btn-primary:hover{background:#a28358;border-color:#a28358;color:#fff8ef}
.thd-btn-secondary{border:1px solid rgba(88,69,55,.18);background:rgba(255,255,255,.62);color:#4b3a2e}
.thd-btn-secondary:hover{background:#4b3a2e;color:#f7f1e8;border-color:#4b3a2e}
.thd-small-note{max-width:760px;margin:18px auto 0;font-size:12px;color:rgba(62,48,38,.58);line-height:1.8}
.thd-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.thd-feature-card{display:flex;flex-direction:column;background:rgba(255,255,255,.75);border:1px solid rgba(88,69,55,.12);border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(58,42,29,.045);transition:transform .35s ease, box-shadow .35s ease;text-decoration:none}
.thd-feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(58,42,29,.1)}
.thd-feature-thumb{aspect-ratio:1.08;background:#ebe4d8;overflow:hidden}
.thd-feature-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thd-feature-meta{padding:18px 18px 20px}
.thd-feature-meta span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8c6a44;margin-bottom:10px;font-weight:700}
.thd-feature-meta h3{font-size:25px;margin-bottom:9px}
.thd-feature-meta em{font-style:normal;color:#5f4a3c;font-size:13px}
.thd-home-banner{margin-top:36px;display:grid;grid-template-columns:1.35fr .85fr;gap:18px;align-items:stretch}
.thd-home-banner__copy,.thd-home-banner__stats{background:rgba(255,255,255,.65);border:1px solid rgba(88,69,55,.12);border-radius:28px;padding:28px 28px 26px;box-shadow:0 18px 44px rgba(58,42,29,.05)}
.thd-home-banner__copy h3{font-size:36px;margin-bottom:12px}
.thd-home-banner__stats{display:grid;grid-template-columns:1fr;gap:16px}
.thd-home-banner__stats div{display:flex;align-items:end;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(88,69,55,.09)}
.thd-home-banner__stats div:last-child{border-bottom:none;padding-bottom:0}
.thd-home-banner__stats strong{font-family:var(--font-display,"Fraunces"),Georgia,serif;font-size:44px;line-height:1;color:#3e3026}
.thd-home-banner__stats span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7b6145;font-weight:700}
@media(max-width:1180px){.thd-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thd-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thd-family-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.thd-home-banner{grid-template-columns:1fr}.thd-home-head--row{flex-direction:column;align-items:flex-start}}
@media(max-width:767px){.thd-home-catalog,.thd-home-featured{padding:72px 0 78px}.thd-family-overview,.thd-category-grid,.thd-feature-grid{grid-template-columns:1fr}.thd-home-head{margin-bottom:30px}.thd-home-head h2,.thd-home-banner h3{font-size:32px}.thd-category-meta h3,.thd-feature-meta h3{font-size:24px}.thd-home-banner__copy,.thd-home-banner__stats,.thd-category-meta,.thd-family-card,.thd-feature-meta{padding:20px}.thd-btn-primary,.thd-btn-secondary{width:100%}.thd-home-banner__stats strong{font-size:36px}}


/* V5 polish */
body header .shell>a:first-child{display:flex!important;align-items:center;justify-content:center;padding:10px 14px!important;border-radius:20px!important;background:rgba(248,242,233,.96)!important;border:1px solid rgba(125,95,63,.12)!important;box-shadow:0 12px 30px rgba(40,29,21,.08)!important}
body header .shell>a:first-child img{height:70px!important;max-width:118px!important;width:auto!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
body header.tam-scrolled .shell>a:first-child img{filter:none!important}
body header.tam-scrolled .shell>a:first-child{background:rgba(248,242,233,.98)!important;border-color:rgba(125,95,63,.18)!important;box-shadow:0 14px 36px rgba(40,29,21,.10)!important}
@media (max-width: 767px){body header .shell>a:first-child{padding:8px 10px!important;border-radius:16px!important}body header .shell>a:first-child img{height:56px!important;max-width:96px!important}}
#collection img, #philosophy .relative.overflow-hidden.bg-sand img, main>section:nth-of-type(5) img, #workshop img, body:not(:has(#top)) main>section img{filter:none!important}
#collection a:hover img, main>section:nth-of-type(5) a:hover img, body:not(:has(#top)) main>section a:hover img{filter:none!important}
#collection .bg-cream, #collection .bg-sand, .thd-category-card, .thd-feature-card{backdrop-filter:none!important}


/* V6 homepage premium tune */
.thd-category-grid{gap:26px!important}.thd-category-card{border-radius:30px!important}.thd-category-thumb{background:#e4dbcf!important}.thd-category-thumb img{filter:none!important}.thd-category-meta{padding:24px 24px 22px!important}.thd-category-meta h3{font-size:30px!important}.thd-feature-grid{gap:24px!important}.thd-feature-card{border-radius:28px!important}.thd-feature-thumb img{filter:none!important}.thd-home-banner__copy,.thd-home-banner__stats,.thd-family-card{background:rgba(255,255,255,.78)!important}


/* V6.1 logo fix */
header .tam-home-logo-link{display:block!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}
header .tam-home-logo{display:block!important;height:92px!important;width:auto!important;max-width:none!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
header.tam-scrolled .tam-home-logo-link{padding:4px 0!important;background:transparent!important;box-shadow:none!important}
header.tam-scrolled .tam-home-logo{height:82px!important}
@media (max-width: 767px){header .tam-home-logo{height:76px!important}header.tam-scrolled .tam-home-logo{height:68px!important}}
.cat-logo{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.cat-logo .tam-cat-logo,.cat-logo img{height:80px!important;max-width:none!important;width:auto!important;filter:none!important;object-fit:contain!important}@media(max-width:767px){.cat-logo .tam-cat-logo,.cat-logo img{height:64px!important}}

/* V7 static-page visibility guard after removing the original app runtime */
body:not(:has(#top)) main [style*="opacity:0"],
body:not(:has(#top)) main [style*="opacity: 0"],
body:not(:has(#top)) footer [style*="opacity:0"],
body:not(:has(#top)) footer [style*="opacity: 0"]{opacity:1!important;transform:none!important;filter:none!important}
body:not(:has(#top)) main [style*="filter:blur"],
body:not(:has(#top)) main [style*="filter: blur"]{filter:none!important;opacity:1!important;transform:none!important}


/* V9 philosophy/about repair */
.thd-philosophy{background:linear-gradient(180deg,#eee5da 0%,#f7f1e8 100%);padding:96px 0}.thd-philosophy-shell{max-width:1240px;margin:0 auto}.thd-philosophy-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.thd-philosophy-copy h2{font-family:var(--font-display,"Fraunces"),Georgia,serif;font-size:clamp(46px,6vw,82px);font-weight:500;line-height:.98;letter-spacing:-.04em;color:#3e3026;margin:18px 0 24px}.thd-philosophy-copy p{max-width:580px;font-size:16px;line-height:1.9;color:rgba(62,48,38,.72)}.thd-philosophy-link{display:inline-block;margin-top:26px;color:#76573c;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(118,87,60,.35);padding-bottom:7px;text-decoration:none}.thd-philosophy-image{aspect-ratio:4/3;border-radius:34px;overflow:hidden;box-shadow:0 24px 70px rgba(47,32,21,.09);background:#ded4c8}.thd-philosophy-image img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important}.thd-philosophy-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}.thd-philosophy-principles article{padding:30px 28px 28px;background:rgba(255,255,255,.64);border:1px solid rgba(90,66,48,.1);border-radius:28px}.thd-philosophy-principles span{display:block;font-size:10px;letter-spacing:.22em;color:#9b7a55;margin-bottom:28px}.thd-philosophy-principles h3{font-family:var(--font-display,"Fraunces"),Georgia,serif;font-size:31px;color:#3e3026;margin:0 0 12px}.thd-philosophy-principles p{font-size:13px;line-height:1.8;color:rgba(62,48,38,.68);margin:0}body:has(main) main img[src^="/product-images/"]{filter:none!important}body:has(main) [style*="opacity:0"]{opacity:1!important}body:has(main) [style*="translateY"]{transform:none!important}@media(max-width:900px){.thd-philosophy-grid{grid-template-columns:1fr;gap:36px}.thd-philosophy-principles{grid-template-columns:1fr}.thd-philosophy{padding:76px 0}.thd-philosophy-image{aspect-ratio:4/3}}

/* V9 force static reveal */
#philosophy *{opacity:1!important;transform:none!important;filter:none!important} .thd-philosophy{display:block!important;visibility:visible!important}