.agar-landing{--color-agarwood:#3b2c26;--color-gold:#c6a664;--color-beige:#f5f1eb;--color-dark-brown:#2a1f1a;--font-serif:"Playfair Display",serif;color:var(--color-agarwood);font-family:var(--font-sans,"Inter",sans-serif);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;line-height:1.7}.agar-landing h1,.agar-landing h2,.agar-landing h3,.agar-landing h4,.agar-landing h5,.agar-landing h6{letter-spacing:-.025em;margin-bottom:.75em;font-weight:600;line-height:1.2}.agar-landing h1{letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.agar-landing h2{letter-spacing:-.025em;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.agar-landing h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.agar-landing p{margin-bottom:1.5em;font-size:clamp(1rem,2vw,1.125rem);line-height:1.75}.agar-landing section{padding:clamp(3rem,8vw,6rem) 0;scroll-margin-top:clamp(6rem,15vw,9rem)}.agar-landing section#home{padding:0;scroll-margin-top:0}.agar-landing .full-screen-with-header{min-height:100vh;padding-top:clamp(8rem,18vw,12rem)}.agar-landing .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.agar-landing .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.agar-landing .line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.agar-landing .service-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:2rem;display:grid}@media (min-width:1024px){.agar-landing .service-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.agar-landing .service-card-grid{grid-template-columns:repeat(4,1fr)}}.agar-landing .service-card-container{contain:layout style;width:100%;height:360px;position:relative}.agar-landing .service-card-container.active{z-index:10;position:relative}@keyframes agar-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.agar-landing .shimmer{position:relative;overflow:hidden}.agar-landing .shimmer:after{content:"";background:linear-gradient(90deg,#0000,#c6a66433,#0000);width:100%;height:100%;animation:2s infinite agar-shimmer;position:absolute;top:0;left:0}.agar-landing .glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f1ebcc;border:1px solid #c6a66433}.agar-landing .glow{transition:box-shadow .3s ease-in-out;box-shadow:0 0 20px #c6a6644d}.agar-landing .glow:hover{box-shadow:0 0 30px #c6a66480}.agar-landing .text-gradient{background:linear-gradient(135deg,#3b2c26 0%,#c6a664 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.agar-landing .card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.agar-landing .card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b2c2626}.agar-landing .luxury-container{contain:layout;max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.agar-landing .luxury-section{contain:layout style;padding:clamp(4rem,8vw,6rem) 0}.agar-landing .spacing-xs{margin:clamp(.5rem,1vw,1rem) 0}.agar-landing .spacing-sm{margin:clamp(1rem,2vw,1.5rem) 0}.agar-landing .spacing-md{margin:clamp(1.5rem,3vw,2.5rem) 0}.agar-landing .spacing-lg{margin:clamp(2rem,4vw,3.5rem) 0}.agar-landing .spacing-xl{margin:clamp(2.5rem,5vw,4.5rem) 0}.agar-landing .header-safe-top{padding-top:clamp(8rem,18vw,12rem)}.agar-landing .wood-texture{background-image:radial-gradient(circle at 20% 80%,#c6a6641a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#c6a6641a 0%,#0000 50%),linear-gradient(135deg,#3b2c260d 0%,#0000 25%,#3b2c260d 50%,#0000 75%)}.agar-landing .touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}@media (max-width:768px){.agar-landing section{padding:clamp(2.5rem,6vw,4rem) 0}.agar-landing .luxury-container{padding:0 clamp(1rem,4vw,1.5rem)}.agar-landing h1{margin-bottom:1rem;font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.15}.agar-landing h2{margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2rem);line-height:1.2}.agar-landing h3{font-size:clamp(1.25rem,4vw,1.5rem);line-height:1.25}.agar-landing p{margin-bottom:1rem;font-size:.938rem;line-height:1.7}}@media (max-width:1024px) and (min-width:769px){.agar-landing .luxury-container{padding:0 clamp(1.5rem,3.5vw,2.5rem)}.agar-landing .luxury-section{padding:clamp(3rem,8vw,5rem) 0}.agar-landing .header-safe-top{padding-top:8rem}.agar-landing h1{font-size:clamp(2rem,5vw,2.75rem)}.agar-landing h2{font-size:clamp(1.75rem,4.5vw,2.25rem)}}@media (max-width:480px){.agar-landing .header-safe-top{padding-top:7.5rem}.agar-landing section{scroll-margin-top:5.5rem}}.agar-landing ::-webkit-scrollbar{width:8px}.agar-landing ::-webkit-scrollbar-track{background:var(--color-beige)}.agar-landing ::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:4px}@media (min-width:1600px){.agar-landing .luxury-container{max-width:1320px}.agar-landing h1{font-size:3.5rem}.agar-landing h2{font-size:2.75rem}}.dark .agar-landing{--color-agarwood:#f5f1eb;--color-gold:#d4b878;--color-beige:#2a1f1a;color:#f5f1eb;background:#1a1410}.dark .agar-landing .agar-dark-section{--color-agarwood:#3b2c26;--color-beige:#f5f1eb}.dark .agar-landing .glass{background:#1a1410cc;border-color:#c6a66426}.dark .agar-landing .card-hover:hover{box-shadow:0 20px 40px #0006}.dark .agar-landing .text-gradient{background:linear-gradient(135deg,#f5f1eb 0%,#d4b878 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .agar-landing .wood-texture{background-image:radial-gradient(circle at 20% 80%,#c6a66414 0%,#0000 50%),radial-gradient(circle at 80% 20%,#c6a66414 0%,#0000 50%),linear-gradient(135deg,#f5f1eb08 0%,#0000 25%,#f5f1eb08 50%,#0000 75%)}.dark .agar-landing ::-webkit-scrollbar-track{background:#1a1410}.dark .agar-landing ::-webkit-scrollbar-thumb{background:#d4b878}@media (prefers-reduced-motion:reduce){.agar-landing *,.agar-landing :before,.agar-landing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.agar-landing [style*=transform]{will-change:transform}.agar-landing .parallax-layer{will-change:transform,opacity;backface-visibility:hidden}