/* =============================================
   SADILEK DESIGN – styles.css
   ============================================= */

/* --- DESIGN TOKENS --- */
:root {
  --color-bg:         #0D0C0B;
  --color-bg-2:       #131210;
  --color-bg-3:       #181613;
  --color-surface:    #1E1B17;
  --color-border:     rgba(200, 169, 110, 0.12);
  --color-gold:       #C8A96E;
  --color-gold-light: #DFC18C;
  --color-text:       #e0e0e0;
  --color-muted:      #a3a3a3;
  --color-cream:      #F0EDE8;
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'DM Sans', system-ui, sans-serif;
  --section-gap: 9rem;
  --container:   1200px;
  --radius:      10px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
  --transition-slow: 0.9s cubic-bezier(0.85, 0, 0.15, 1);
  --ease-motion: cubic-bezier(0.85, 0, 0.15, 1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{;font-size:16px}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-weight:300;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;opacity:0;filter:none;transform:none;transition:opacity .9s var(--ease-motion),filter .6s var(--ease-motion),transform .6s var(--ease-motion)}
html.nav-menu-is-open,html.nav-menu-is-open body{overflow:hidden!important;overscroll-behavior:none;touch-action:none}
body.is-loaded{opacity:1}
.logo-img{height:40px;width:auto;display:block}
body.fade-out{opacity:0;filter:blur(15px);transform:scale(0.96)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font:inherit}
::selection{background:var(--color-gold);color:#0d0d0d}
ul{list-style:none}

::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--color-bg)}
::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:3px}

/* LOADER */
.loader{position:fixed;inset:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s,visibility .5s}
.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader__ring{width:36px;height:36px;border:1.5px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* CONTAINER */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.5rem,5vw,4rem)}

/* TYPOGRAPHY */
.section__label{font-family:var(--font-sans);font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.75rem;display:block}
.section__title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.6rem);font-weight:300;line-height:1.1;color:var(--color-cream);margin-bottom:1.5rem}
.section__title em{font-style:italic;color:var(--color-gold)}
.service-help-break{display:none}
.service-help-space{display:inline}
.section__header{margin-bottom:4rem}
.section__lead{font-size:1.05rem;color:var(--color-muted);max-width:600px;line-height:1.8}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:4px;font-family:var(--font-sans);font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:var(--transition);position:relative;overflow:hidden}
.btn--primary{background:var(--color-gold);color:var(--color-bg)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(200,169,110,.35)}
.btn--outline{border:1px solid var(--color-gold);color:var(--color-gold)}
.btn--outline:hover{background:var(--color-gold);color:var(--color-bg);transform:translateY(-2px)}
.btn--ghost{color:var(--color-muted);font-size:.8rem;display:inline-flex;align-items:center;gap:.4rem;transition:color var(--transition)}
.btn--ghost:hover{color:var(--color-gold)}

/* CODEPEN BUTTON HOVER */
.btn--codepen {position:relative;overflow:hidden;z-index:1;border-color:var(--color-gold)!important}
.btn--codepen::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-gold);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform 0.4s cubic-bezier(0.25,1,0.25,1)}
.btn--codepen:hover {color:var(--color-bg)!important}
.btn--codepen:hover::before {transform:scaleX(1);transform-origin:left}

.arrow-anim {display:inline-block;transition:transform 0.4s cubic-bezier(0.25,1,0.25,1)}
.btn:hover .arrow-anim {transform:translateX(6px)}

.btn-group{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}

/* CUSTOM CURSOR */
@media (pointer: fine) {
  html, body, a, button, input, textarea, select, .project-card, .service-card, .nav__burger {
    cursor: none!important;
  }
}
.custom-cursor {position:fixed;top:0;left:0;pointer-events:none;z-index:1000002;border-radius:50%;will-change:transform;transition:opacity 0.3s ease}
.custom-cursor.primary {width:64px;height:64px;background-color:var(--color-gold);color:var(--color-bg);border:1px solid rgba(200,169,110,.65);font-family:var(--font-serif);font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,width .42s cubic-bezier(.22,1.35,.32,1),height .42s cubic-bezier(.22,1.35,.32,1),background .35s ease,border-color .35s ease,color .35s ease}
.custom-cursor.primary.hover {width:80px;height:80px;font-size:24px}
.custom-cursor__label{width:47px;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease,transform .35s ease}
.custom-cursor__label img{width:100%;height:auto;display:block}
.custom-cursor__arrow{position:absolute;left:50%;top:50%;font-family:var(--font-sans);font-size:1.15rem;font-weight:500;line-height:1;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease}
.custom-cursor__arrow::before{content:"→";display:block;transform:translateX(0)}
.custom-cursor__mail{position:absolute;left:50%;top:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center;color:var(--color-gold);opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease}
.custom-cursor__mail svg{width:100%;height:100%;overflow:visible}
.custom-cursor__mail rect,.custom-cursor__mail path{stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.custom-cursor__mail-send{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}
.custom-cursor__mail-closed{opacity:0}
.custom-cursor__home{position:absolute;left:50%;top:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--color-gold);opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease}
.custom-cursor__home svg{width:100%;height:100%;overflow:visible}
.custom-cursor__home path{stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.custom-cursor.primary.nav-hover{width:52px;height:52px;font-size:0;background:transparent;border-color:rgba(200,169,110,.75)}
.custom-cursor.primary.nav-hover .custom-cursor__label,.custom-cursor.primary.nav-hover .custom-cursor__arrow,.custom-cursor.primary.nav-hover .custom-cursor__mail,.custom-cursor.primary.nav-hover .custom-cursor__home{opacity:0}
.custom-cursor.primary.link-hover{width:58px;height:58px;background:#050505;color:var(--color-gold);border-color:rgba(200,169,110,.5);font-size:0}
.custom-cursor.primary.link-hover .custom-cursor__label{opacity:0}
.custom-cursor.primary.link-hover .custom-cursor__arrow{opacity:1}
.custom-cursor.primary.link-hover .custom-cursor__arrow::before{animation:cursorArrowNudge .78s cubic-bezier(0.25,1,0.25,1) .08s both}
.custom-cursor.primary.link-hover.link-hover--prev .custom-cursor__arrow::before{content:"←";animation:cursorArrowNudgePrev .78s cubic-bezier(0.25,1,0.25,1) .08s both}
.custom-cursor.primary.logo-send-hover{width:62px;height:62px;background:#050505;color:var(--color-gold);border-color:rgba(200,169,110,.5);font-size:0}
.custom-cursor.primary.logo-send-hover .custom-cursor__label,.custom-cursor.primary.logo-send-hover .custom-cursor__arrow{opacity:0}
.custom-cursor.primary.logo-send-hover .custom-cursor__mail{opacity:1}
.custom-cursor.primary.logo-send-hover .custom-cursor__mail-send{animation:cursorMailSend 2s cubic-bezier(.16,1,.3,1) infinite}
.custom-cursor.primary.logo-send-hover .custom-cursor__mail-open{animation:cursorMailOpen 2s ease-in-out infinite}
.custom-cursor.primary.logo-send-hover .custom-cursor__mail-closed{animation:cursorMailClosed 2s ease-in-out infinite}
.custom-cursor.primary.logo-home-hover{width:62px;height:62px;background:#050505;color:var(--color-gold);border-color:rgba(200,169,110,.5);font-size:0}
.custom-cursor.primary.logo-home-hover .custom-cursor__label,.custom-cursor.primary.logo-home-hover .custom-cursor__arrow,.custom-cursor.primary.logo-home-hover .custom-cursor__mail{opacity:0}
.custom-cursor.primary.logo-home-hover .custom-cursor__home{opacity:1}
@keyframes cursorArrowNudge{0%{transform:translateX(0)}48%{transform:translateX(8px)}100%{transform:translateX(0)}}
@keyframes cursorArrowNudgePrev{0%{transform:translateX(0)}48%{transform:translateX(-8px)}100%{transform:translateX(0)}}
@keyframes cursorMailSend{0%,42%{opacity:1;transform:translate3d(0,0,0) scale(1)}78%{opacity:0;transform:translate3d(16px,-16px,0) scale(.74)}79%,92%{opacity:0;transform:translate3d(0,0,0) scale(.9)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes cursorMailOpen{0%,28%{opacity:1}40%,100%{opacity:0}}
@keyframes cursorMailClosed{0%,29%{opacity:0}41%,72%{opacity:1}82%,100%{opacity:0}}
.custom-cursor.trail {width:120px;height:120px;background-color:var(--color-gold);filter:blur(40px);opacity:0}
.custom-cursor.trail.hover {width:160px;height:160px;opacity:0.2}
.custom-cursor.trail.active {opacity:0.12}
html.nav-menu-is-open .custom-cursor.primary{width:36px;height:36px;font-size:0;background:transparent;border:1px solid rgba(200,169,110,.75)}
html.nav-menu-is-open .custom-cursor.primary.hover{width:52px;height:52px;font-size:0;background:transparent}
html.nav-menu-is-open .custom-cursor__label,html.nav-menu-is-open .custom-cursor__arrow,html.nav-menu-is-open .custom-cursor__mail,html.nav-menu-is-open .custom-cursor__home{opacity:0}
html.nav-menu-is-open .custom-cursor.trail.hover{width:130px;height:130px;opacity:.14}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:10000;padding:1.4rem 0;transition:top .42s cubic-bezier(.22,1,.32,1),background .4s,backdrop-filter .4s,padding .4s,box-shadow .4s}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-border);opacity:0;transition:opacity .28s ease;pointer-events:none}
.nav.scrolled{background:rgba(13,12,11,.92);backdrop-filter:blur(16px);padding:.9rem 0;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.nav.scrolled::after{opacity:1}
.nav.nav--hidden{pointer-events:none}
html.nav-menu-is-open .nav{top:0}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.nav__logo{display:flex;align-items:center;transition:opacity var(--transition)}
.nav__logo:hover{opacity:0.8}
.nav__links{display:flex;align-items:center;gap:2.5rem}
.nav__links a{font-size:.8rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);transition:color var(--transition);position:relative}
.nav__links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--color-gold);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}
.nav__links a:hover,.nav__links a.active{color:var(--color-cream)}
.nav__links a:hover::after,.nav__links a.active::after{transform:scaleX(1)}
.nav__cta{padding:.5rem 1.3rem!important;border:1px solid var(--color-gold)!important;border-radius:4px;color:var(--color-gold)!important;transition:background var(--transition),color var(--transition)!important}
.nav__cta::after{display:none!important}
.nav__cta:hover{background:var(--color-gold)!important;color:var(--color-bg)!important}
.nav__burger{display:none;flex-direction:column;gap:5px;padding:4px}
.nav__burger span{display:block;width:22px;height:1.5px;background:var(--color-cream);transition:var(--transition)}
.nav-menu{position:fixed;top:0;left:0;right:0;bottom:auto;z-index:1000000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding:clamp(1.5rem,4vw,4rem);background:rgba(8,8,8,.96);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.nav-menu::before{content:"";position:absolute;z-index:0;top:0;right:0;width:max(220vmax,1600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 62% 38%,rgba(30,27,23,.99) 0%,rgba(13,12,11,.99) 46%,rgba(8,8,8,.98) 100%);box-shadow:0 0 90px rgba(200,169,110,.1);transform:translate(50%,-50%) scale(.018);transform-origin:center;transition:transform .95s cubic-bezier(.2,1.24,.34,1)}
.nav-menu::after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 54% 42%,rgba(200,169,110,.12),transparent 38%);opacity:0;transition:opacity .65s ease .18s;pointer-events:none}
.nav-menu.is-open{opacity:1;visibility:visible}
.nav-menu.is-open::before{transform:translate(50%,-50%) scale(1.35)}
.nav-menu.is-open::after{opacity:1}
.nav-menu__panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.55rem,1.45vw,1.1rem);width:min(88vw,720px);height:auto;min-height:0;padding:clamp(1rem,4vh,2rem) 0;text-align:center;pointer-events:auto}
.nav-menu__panel a{display:block;font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,5rem);font-weight:300;line-height:1.05;color:var(--color-cream)!important;text-decoration:none!important;opacity:0;visibility:visible;letter-spacing:0;text-shadow:0 16px 42px rgba(0,0,0,.5);filter:blur(8px);transform:translateY(26px) scale(.94);transform-origin:center;transition:opacity .5s ease,filter .65s ease,color .55s ease,transform .78s cubic-bezier(.22,1.45,.32,1)}
.nav-menu.is-open .nav-menu__panel a{opacity:1;filter:blur(0);transform:translateY(var(--menu-y,0px)) scaleX(var(--menu-scale-x,1)) scaleY(var(--menu-scale-y,1));transition-delay:calc(.12s + var(--item-index) * .055s)}
.nav-menu.is-open.is-ready .nav-menu__panel a{transition:opacity .24s ease,filter .34s ease,color .28s ease,transform .24s cubic-bezier(.22,1,.36,1);transition-delay:0s}
.nav-menu__panel:hover a{opacity:.42}
.nav-menu__panel a:hover,.nav-menu__panel a:focus-visible,.nav-menu__panel a.is-magnetic{color:var(--color-gold)!important;opacity:1;transition-delay:0s}
.nav-menu__panel a.is-magnetic{transition:opacity .22s ease,filter .3s ease,color .26s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.nav-menu__panel a:focus-visible{transform:translateY(-4px) scaleX(1.012) scaleY(1.07)}
.nav-menu.is-closing{opacity:0;visibility:visible;pointer-events:none;transition:opacity .42s ease .18s,visibility 0s linear .68s}
.nav-menu.is-closing::before{transform:translate(50%,-50%) scale(.018);transition:transform .68s cubic-bezier(.7,0,.84,0)}
.nav-menu.is-closing::after{opacity:0;transition:opacity .24s ease}
.nav-menu.is-closing .nav-menu__panel a{opacity:0;filter:blur(8px);transform:translateY(-18px) scale(.96);transition-duration:.36s;transition-delay:0s}
.nav-menu.is-closing .nav-menu__panel a:nth-child(1){transition-delay:.14s}
.nav-menu.is-closing .nav-menu__panel a:nth-child(2){transition-delay:.105s}
.nav-menu.is-closing .nav-menu__panel a:nth-child(3){transition-delay:.07s}
.nav-menu.is-closing .nav-menu__panel a:nth-child(4){transition-delay:.035s}
.nav-menu__close{position:absolute!important;z-index:3;top:1.2rem;right:1.2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(18,18,18,.7);color:var(--color-cream);border:1px solid rgba(255,255,255,.08);transition:background var(--transition),color var(--transition),transform var(--transition),opacity var(--transition)}
.nav-menu__close:hover,.nav-menu__close:focus-visible{background:var(--color-gold);color:var(--color-bg);transform:scale(1.04)}
.nav-menu.is-closing .nav-menu__close{opacity:0;transform:scale(.92)}

/* HERO */
.hero-for-whom-flow{position:relative;isolation:isolate;background:var(--color-bg-2)}
.hero{height:100vh;min-height:600px;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;text-align:left}
.hero--layered{--hero-exit:0;--hero-design-scale:1;position:sticky;top:0;z-index:0}
.hero__canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:34%;z-index:0;pointer-events:none;opacity:.96;filter:drop-shadow(0 0 18px rgba(200,169,110,.16));transition:opacity .18s ease}
html.nav-menu-is-open .hero__canvas-wrapper{opacity:0;visibility:hidden}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%}
.hero__overlay{position:absolute;inset:0;z-index:1;background:rgba(13,13,13,calc(var(--hero-exit)*.68));pointer-events:none}
.hero__content{position:relative;z-index:2;max-width:800px;padding:0 2rem;transform:translate3d(0,calc(var(--hero-exit)*7svh),0);opacity:clamp(0,calc(1 - var(--hero-exit)*1.12),1);will-change:transform,opacity}
.hero__eyebrow{font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s ease .2s forwards;text-shadow:0 2px 8px rgba(13,13,13,0.8)}
.hero__title{font-family:var(--font-serif);font-size:clamp(2rem,4.5vw,4.5rem);font-weight:300;line-height:1.05;color:var(--color-cream);margin-bottom:1.2rem;opacity:0;animation:fadeUp .8s ease .4s forwards;text-shadow:0 4px 16px rgba(13,13,13,0.9)}
.hero__title em{font-style:italic;color:var(--color-gold)}
.hero__text{font-size:1.05rem;color:var(--color-muted);max-width:520px;margin-bottom:.8rem;opacity:0;animation:fadeUp .8s ease .55s forwards;text-shadow:0 2px 8px rgba(13,13,13,0.8)}
.hero__sub{font-size:.88rem;color:var(--color-muted);max-width:480px;margin-bottom:2.5rem;opacity:0;animation:fadeUp .8s ease .65s forwards;font-style:italic;text-shadow:0 2px 8px rgba(13,13,13,0.8)}
.hero .btn-group{opacity:0;animation:fadeUp .8s ease .8s forwards}
.hero__scroll{display:none}
.hero__scroll span{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);writing-mode:vertical-rl}
.hero__scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--color-gold),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}

/* TEXT ROTATOR */
.text-gold{color:var(--color-gold)}
.text-rotator{display:block;overflow:hidden;height:2.4em;white-space:nowrap}
.text-rotator__inner{display:flex;flex-direction:column;animation:textSlide 8s cubic-bezier(0.65,0,0.35,1) infinite}
.text-rotator__item{height:2.4em;display:block}
@keyframes textSlide{0%,40%{transform:translateY(0)}50%,90%{transform:translateY(-33.333%)}100%{transform:translateY(-66.666%)}}

/* SECTIONS */
.section{padding-block:var(--section-gap)}

/* PAGE HERO (inner pages) */
.page-hero{padding-top:10rem;padding-bottom:5rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.page-hero__inner{max-width:760px}
.page-hero__title{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,5rem);font-weight:300;line-height:1.05;color:var(--color-cream);margin-bottom:1.5rem}
.page-hero__title em{font-style:italic;color:var(--color-gold)}
.page-hero__lead{font-size:1.1rem;color:var(--color-muted);line-height:1.8}

/* WHO WE WORK WITH */
.for-whom{background:var(--color-bg-2);position:relative;z-index:2;box-shadow:none}
.for-whom__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}
.for-card{background:var(--color-surface);padding:2.2rem 1.8rem;transition:background var(--transition);position:relative;overflow:hidden}
.for-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--color-gold),transparent);opacity:0;transition:var(--transition)}
.for-card:hover{background:var(--color-bg-3)}
.for-card:hover::before{opacity:1}
.for-card__num{font-family:var(--font-serif);font-size:2rem;font-weight:300;color:rgba(200,169,110,.25);margin-bottom:1rem;display:block}
.for-card h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;color:var(--color-cream);margin-bottom:.6rem}
.for-card p{font-size:.88rem;color:var(--color-muted);line-height:1.65}

/* SERVICES GRID (homepage) */
.services{background:var(--color-bg)}
.services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}
.service-card{background:var(--color-surface);padding:2.5rem 2rem;transition:background var(--transition);position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--color-gold),transparent);opacity:0;transition:var(--transition)}
.service-card:hover{background:var(--color-bg-3)}
.service-card:hover::before{opacity:1}
.service-card__icon{font-size:1.8rem;color:var(--color-gold);margin-bottom:1.2rem;display:block;transition:transform var(--transition)}
.service-card:hover .service-card__icon{transform:scale(1.15) rotate(10deg)}
.service-card h3{font-family:var(--font-serif);font-size:1.4rem;font-weight:400;color:var(--color-cream);margin-bottom:.7rem}
.service-card p{font-size:.88rem;color:var(--color-muted);line-height:1.65}

/* WHY US */
.why{background:var(--color-bg-2)}
.why__inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.why__text{font-size:1rem;color:var(--color-muted);line-height:1.8;margin-bottom:2rem}
.why__points{display:flex;flex-direction:column;gap:1.2rem}
.why__point{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--color-border)}
.why__point:last-child{border-bottom:none}
.why__point-dot{width:6px;height:6px;background:var(--color-gold);border-radius:50%;margin-top:.65rem;flex-shrink:0}
.why__point p{font-size:.92rem;color:var(--color-muted)}
.why__point strong{color:var(--color-cream);font-weight:400}
.why__visual{position:relative}
.why__img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg);filter:grayscale(20%);transition:filter var(--transition-slow)}
.why__visual:hover .why__img{filter:grayscale(0%)}
.why__badge{position:absolute;bottom:-1.5rem;left:-1.5rem;background:var(--color-gold);color:var(--color-bg);border-radius:var(--radius);padding:1.2rem 1.5rem;text-align:center;box-shadow:0 12px 40px rgba(200,169,110,.3)}
.why__badge span{display:block;font-family:var(--font-serif);font-size:2.2rem;font-weight:600;line-height:1}
.why__badge small{font-size:.68rem;font-weight:500;letter-spacing:.05em;opacity:.8}

/* PROJECTS GRID */
.projects-section{background:var(--color-bg)}
.project-detail{background:var(--color-bg);overflow:visible!important}
.project-header{margin-bottom:3.5rem}
.projects__filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:3rem}
.filter-btn{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1.1rem;border:1px solid var(--color-border);border-radius:3px;color:var(--color-muted);transition:var(--transition);cursor:pointer;background:none;font-family:var(--font-sans)}
.filter-btn:hover,.filter-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:rgba(200,169,110,.06)}
.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.project-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}
.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.project-card__img-wrap{overflow:hidden;aspect-ratio:4/3;position:relative;background:var(--color-bg-3)}
.project-card__media{position:absolute;inset:0;transition:transform var(--transition-slow)}
.project-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow),filter var(--transition-slow);filter:grayscale(15%)}
.project-card__img{position:absolute;inset:0}
.project-card__img--current{z-index:1}
.project-card__img--next{z-index:2;opacity:0;transform:scale(1);pointer-events:none}
.project-card.is-thumbnail-flipping .project-card__img--current{z-index:2}
.project-card.is-thumbnail-flipping .project-card__img--next{z-index:1}
.project-card:hover .project-card__media{transform:scale(1.06)}
.project-card:hover .project-card__img-wrap img{filter:grayscale(0%)}
.project-card.is-thumbnail-flipping .project-card__img-wrap img{filter:grayscale(8%)}
.project-card.is-thumb-ken-burns .project-card__img--current{animation:projectThumbKenBurns 16s linear forwards;animation-delay:var(--project-thumb-ken-delay,0ms);transform-origin:center}
.project-card.is-thumb-ken-paused .project-card__img--current{animation-play-state:paused}
@keyframes projectThumbKenBurns{from{transform:scale(1)}to{transform:scale(1.06)}}
.project-card__body{padding:1.5rem}
.project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}
.project-card__tag{font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);border:1px solid rgba(200,169,110,.3);border-radius:2px;padding:.18rem .55rem}
.project-card__body h3{font-family:var(--font-serif);font-size:1.3rem;font-weight:400;color:var(--color-cream);margin-bottom:.5rem}
.project-card__body p{font-size:.88rem;color:var(--color-muted)}

/* PROCESS */
.process{background:var(--color-bg-2)}
.process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;counter-reset:steps}
.process__step{background:var(--color-surface);padding:2.5rem 2rem;position:relative;counter-increment:steps;overflow:hidden;transition:background var(--transition)}
.process__step::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--color-gold),transparent);opacity:0;transition:var(--transition)}
.process__step:hover{background:var(--color-bg-3)}
.process__step:hover::before{opacity:1}
.process__step h3{display:flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-size:1.25rem;font-weight:400;color:var(--color-cream);margin-bottom:.7rem}
.process__step h3::before{content:"0" counter(steps);font-size:1.5rem;font-weight:300;color:var(--color-gold);opacity:0.8;margin-top:2px}
.process__step p{font-size:.88rem;color:var(--color-muted);line-height:1.65}

/* ABOUT */
.about-section{background:var(--color-bg)}
.about__inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.about__image-wrap{position:relative}
.about__image{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-lg);filter:grayscale(15%);transition:filter var(--transition-slow)}
.about__image-wrap:hover .about__image{filter:grayscale(0%)}
.about__badge{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--color-gold);color:var(--color-bg);border-radius:var(--radius);padding:1.2rem 1.5rem;text-align:center;box-shadow:0 12px 40px rgba(200,169,110,.3)}
.about__badge span{display:block;font-family:var(--font-serif);font-size:2.2rem;font-weight:600;line-height:1}
.about__badge small{font-size:.68rem;font-weight:500;letter-spacing:.05em;opacity:.8}
.about__text{color:var(--color-muted);font-size:1rem;line-height:1.8;margin-bottom:2.5rem}

/* ABOUT VALUES */
.about-values{background:var(--color-bg-2)}
.values__accordion{border-top:1px solid var(--color-border)}
.value-card{border-bottom:1px solid var(--color-border);transition:border-color var(--transition),background var(--transition)}
.value-card:hover,.value-card.is-open{border-color:rgba(200,169,110,.4);background:rgba(255,255,255,.015)}
.value-card__trigger{width:100%;display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;gap:1.25rem;padding:1.65rem 1rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.value-card__trigger:focus-visible{outline:1px solid var(--color-gold);outline-offset:-1px}
.value-card__icon{display:flex;align-items:center;justify-content:center;color:var(--color-gold)}
.value-card__icon svg{width:1.45rem;height:1.45rem}
.value-card__title{font-family:var(--font-serif);font-size:clamp(1.2rem,2vw,1.55rem);font-weight:400;color:var(--color-cream)}
.value-card__chevron{display:flex;align-items:center;justify-content:center;color:var(--color-gold);transition:transform .55s cubic-bezier(.86,0,.14,1)}
.value-card__chevron svg{width:1.25rem;height:1.25rem}
.value-card.is-open .value-card__chevron{transform:rotate(180deg)}
.value-card__panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .55s cubic-bezier(.86,0,.14,1),opacity .35s ease,visibility 0s linear .55s}
.value-card.is-open .value-card__panel{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .55s cubic-bezier(.86,0,.14,1),opacity .4s ease .1s,visibility 0s}
.value-card__panel-inner{min-height:0;overflow:hidden}
.value-card__panel p{max-width:72ch;padding:0 4rem 1.75rem 4.25rem;font-size:.95rem;color:var(--color-muted);line-height:1.7}

/* SERVICES PAGE */
.services-page{background:var(--color-bg)}
.service-block{padding:4rem 0;border-bottom:1px solid var(--color-border)}
.service-block:last-child{border-bottom:none}
.service-block__inner{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start}
.service-block__meta{}
.service-block__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:var(--color-gold);margin-bottom:1.25rem}
.service-block__icon svg{width:2.4rem;height:2.4rem}
.service-block__title{font-family:var(--font-serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;color:var(--color-cream);margin-bottom:1.2rem}
.service-block__text{color:var(--color-muted);font-size:.95rem;line-height:1.8;margin-bottom:2rem}
.service-block__list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}
.service-block__list li{font-size:.88rem;color:var(--color-muted);padding:.3rem 0;border-bottom:1px solid rgba(200,169,110,.08);display:flex;align-items:center;gap:.6rem}
.service-block__list li::before{content:'—';color:var(--color-gold);font-size:.75rem;flex-shrink:0}

/* CONTACT */
.contact{background:var(--color-bg)}
.contact__inner{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;align-items:start}
.contact__text{color:var(--color-muted);font-size:1rem;margin-bottom:2.5rem;line-height:1.8}
.contact__links{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2.5rem}
.contact__link{display:flex;align-items:center;gap:.85rem;color:var(--color-muted);font-size:.95rem;transition:color var(--transition)}
.contact__link:hover{color:var(--color-gold)}
.contact__link svg{flex-shrink:0;color:var(--color-gold)}
.contact__topics{margin-top:2rem}
.contact__topics h4{font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1rem}

/* PROJECT NAV */
.project-nav{border-top:1px solid var(--color-border);padding:5rem 0}
.project-nav__inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.project-nav__link{display:flex;align-items:center;gap:1.5rem;transition:transform var(--transition)}
.project-nav__link:hover{transform:translateY(-5px)}
.project-nav__link--next{flex-direction:row-reverse;text-align:right}
.project-nav__thumb{width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-bg-2);border:1px solid var(--color-border)}
.project-nav__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.project-nav__link:hover .project-nav__thumb img{transform:scale(1.1)}
.project-nav__content{display:flex;flex-direction:column;gap:.3rem}
.project-nav__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-gold);display:flex;align-items:center;gap:.5rem}
.project-nav__link--next .project-nav__label{justify-content:flex-end}
.project-nav__title{font-family:var(--font-serif);font-size:1.25rem;color:var(--color-cream);transition:color var(--transition)}
.project-nav__link:hover .project-nav__title{color:var(--color-gold)}

@media(max-width:768px){
  .project-nav{padding:3.25rem 0}
  .project-nav__inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(.75rem,4vw,1.5rem)}
  .project-nav__link,.project-nav__link--next{min-width:0;flex-direction:column;align-items:flex-start;gap:.8rem;text-align:left}
  .project-nav__link--next{align-items:flex-end;text-align:right}
  .project-nav__thumb{width:80px;height:80px}
  .project-nav__content{width:100%;min-width:0}
  .project-nav__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.contact__topics h4{font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1rem}
.contact__topics ul{display:flex;flex-direction:column;gap:.4rem}
.contact__topics li{font-size:.88rem;color:var(--color-muted);padding-left:1rem;position:relative}
.contact__topics li::before{content:'→';position:absolute;left:0;color:var(--color-gold);font-size:.75rem}

/* FORM */
.contact__form{display:flex;flex-direction:column;gap:1.4rem}
.form-group{display:flex;flex-direction:column;gap:.5rem}
.form-group label{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}
.form-group input,.form-group textarea,.form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem 1rem;color:var(--color-cream);font-family:var(--font-sans);font-size:.95rem;font-weight:300;transition:border-color var(--transition),box-shadow var(--transition);outline:none;resize:vertical}
.form-group input,.form-group select{height:52px;min-height:52px;line-height:1.2}
.contact__form #form-submit{justify-content:center;text-align:center}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(240,237,232,.2)}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(200,169,110,.1)}
.form-group select option{background:var(--color-surface)}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{min-height:1.5em;margin:0;font-size:.88rem;color:var(--color-muted);transition:color .3s ease,opacity .3s ease}
.form-status.is-success{color:#7fc99a}
.form-status.is-error{color:#e58f86}
.contact__form.is-submitting{pointer-events:none}
.contact__form.is-submitting #form-submit{opacity:.68}

/* FANCYBOX CUSTOMIZATION */
:root {
  --f-button-bg: rgba(18, 18, 18, 0.7);
  --f-button-hover-bg: var(--color-gold);
  --f-button-color: var(--color-cream);
  --f-button-hover-color: var(--color-bg);
  --f-button-border-radius: 50%;
}
.fancybox__container {
  --fancybox-bg: rgba(8, 8, 8, 0.98);
  --fancybox-color: var(--color-cream);
  --fancybox-accent-color: var(--color-gold);
  backdrop-filter: blur(15px);
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
html.fancybox-is-open, html.fancybox-is-open body {
  overflow: hidden !important;
  height: 100vh !important;
  width: 100vw !important;
  position: fixed !important;
}
.fancybox__backdrop { position: fixed !important; inset: 0 !important; }
.fancybox__toolbar { padding: 1.2rem; gap: 0.8rem; }
.fancybox__nav .f-button { background: rgba(20,20,20,0.5); }
.fancybox__nav .f-button:hover { background: var(--color-gold); }
.fancybox__thumbs {
  --f-thumb-width: 80px;
  --f-thumb-height: 60px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: var(--color-gold);
  --f-thumb-opacity: 0.5;
  padding: 1rem 0;
}
.f-thumbs__track::before {
  background: transparent !important; /* Hide original stretching bar */
}
.f-thumbs__track::before::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px; /* Fixed width bar */
  height: 3px;
  background: var(--color-gold);
  border-radius: 2px;
}
.f-thumbs__slide {
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}
.f-thumbs__slide.is-nav-selected {
  transform: scale(1.18);
  --f-thumb-opacity: 1;
  z-index: 2;
}
.f-thumbs__slide img { border-radius: 4px; border: 1px solid rgba(255,255,255,0.05); }

.bento-link { display: block; height: 100%; cursor: zoom-in; outline: none; }
.bento-link .ken-burns { height: 100%; }

/* CTA SECTION */
.cta-section{background:var(--color-bg-2);text-align:center}
.cta-section__inner{max-width:680px;margin-inline:auto}
.cta-section__title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--color-cream);margin-bottom:1.2rem}
.cta-section__text{color:var(--color-muted);font-size:1rem;margin-bottom:2.5rem;line-height:1.8}

/* FOOTER */
.footer{background:var(--color-bg-2);border-top:1px solid var(--color-border);padding-block:2.5rem}
.footer__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(auto,760px) minmax(0,1fr);align-items:center;gap:1.5rem}
.footer__logo{display:flex;align-items:center;justify-self:start}
.footer__copy{max-width:760px;font-size:.8rem;color:var(--color-muted);line-height:1.55;text-align:center;justify-self:center}
.footer__copy p + p{margin-top:.35rem}
.footer__socials{display:flex;gap:1.2rem;justify-self:end}
.footer__socials a{color:var(--color-muted);transition:color var(--transition),transform var(--transition)}
.footer__socials a:hover{color:var(--color-gold);transform:translateY(-2px)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.for-card.fade-in-up{transform:translateY(34px) scale(.985);transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1)}
.for-card.fade-in-up:not(.for-stagger-done):nth-child(2){transition-delay:.08s}
.for-card.fade-in-up:not(.for-stagger-done):nth-child(3){transition-delay:.16s}
.for-card.fade-in-up:not(.for-stagger-done):nth-child(4){transition-delay:.24s}
.for-card.fade-in-up:not(.for-stagger-done):nth-child(5){transition-delay:.32s}
.process__step.fade-in-up{transform:translateY(34px) scale(.985);transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1)}
.process__step.fade-in-up:not(.process-stagger-done):nth-child(2){transition-delay:.08s}
.process__step.fade-in-up:not(.process-stagger-done):nth-child(3){transition-delay:.16s}
.process__step.fade-in-up:not(.process-stagger-done):nth-child(4){transition-delay:.24s}
.slide-in-left{opacity:0;transform:translateX(-60px);transition:opacity .9s cubic-bezier(0.25,1,0.25,1),transform .9s cubic-bezier(0.25,1,0.25,1)}
.fade-in-up.visible,.slide-in-left.visible{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:1200px),(hover:none) and (pointer:coarse){
  .nav__links{display:none}
  .nav__burger{display:flex}
}

@media(max-width:720px){
  .hero--layered .hero__content{transform:translate3d(0,calc(var(--hero-exit)*4svh),0)}
}

@media(prefers-reduced-motion:reduce){
  .hero--layered{position:relative}
  .hero--layered .hero__content,.hero--layered .hero__scroll{transform:none}
  .hero--layered .hero__content{opacity:1}
  .hero--layered .hero__overlay{background:transparent}
  .for-whom{box-shadow:none}
  .value-card__panel,.value-card__chevron{transition:none}
}
@media(max-width:1024px){
  .for-whom__grid{grid-template-columns:repeat(6,1fr)}
  .for-card:nth-child(1),.for-card:nth-child(2),.for-card:nth-child(3){grid-column:span 2}
  .for-card:nth-child(4),.for-card:nth-child(5){grid-column:span 3}
  .services__grid,.process__steps{grid-template-columns:repeat(6,1fr)}
  .service-card,.process__step{grid-column:span 2}
  .service-card:last-child:nth-child(3n+1),.process__step:last-child:nth-child(3n+1){grid-column:span 6}
  .service-card:nth-last-child(2):nth-child(3n+1),.service-card:nth-last-child(2):nth-child(3n+1)+.service-card{grid-column:span 3}
  .service-block__inner{grid-template-columns:1fr}
  .why__inner{grid-template-columns:1fr;gap:3rem}
  .why__badge{left:auto;right:1rem}
}
@media(max-width:900px){
  :root{--section-gap:6rem}
  .hero__canvas-wrapper{left:18%;opacity:.38;filter:none}
  .services__grid,.process__steps{grid-template-columns:repeat(2,1fr)}
  .service-card,.process__step{grid-column:span 1!important}
  .about__inner{grid-template-columns:1fr;gap:3rem}
  .about__badge{bottom:-1rem;right:1rem}
  .contact__inner{grid-template-columns:1fr;gap:3rem}
}
@media(max-width:640px){
  :root{--section-gap:4.5rem}
  .hero__canvas-wrapper{left:0;opacity:.22;filter:none}
  .hero .btn-group{flex-direction:column;align-items:stretch;width:min(100%,320px)}
  .hero .btn-group .btn{justify-content:center;width:100%;text-align:center}
  .nav-menu__panel a{font-size:clamp(2rem,11vw,3.4rem)}
  .section__title--service-help{max-width:16ch;margin-left:auto;margin-right:auto}
  .section__title--service-help .service-help-break{display:inline}
  .section__title--service-help .service-help-space{display:none}
  .for-whom__grid{grid-template-columns:1fr}
  .value-card__trigger{grid-template-columns:1.75rem 1fr 1.75rem;gap:.8rem;padding:1.35rem .25rem}
  .value-card__panel p{padding:0 2.75rem 1.4rem 2.8rem;font-size:.9rem}
  .for-card{grid-column:span 1!important}
  .services__grid,.process__steps{grid-template-columns:1fr}
  .service-card,.process__step{grid-column:span 1!important}
  .hero__scroll{display:none}
  .footer__inner{display:flex;flex-direction:column;text-align:center}
  .footer__socials{justify-self:center}
}

/* PROJECT DETAIL */
.back-link {display:flex;align-items:center;gap:0.5rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem;margin-bottom:2rem;transition:opacity var(--transition);width:max-content}
.back-link:hover {opacity:0.8}
.project-title {font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1;color:var(--color-cream);margin-bottom:1rem}
.project-tags {display:flex;gap:0.75rem;margin-bottom:3rem}

.bento-grid {display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:4rem}
@media (min-width: 768px) {
  .bento-grid {grid-template-columns:2fr 1fr;grid-template-rows:350px 350px;}
  .bento-item--large {grid-row: span 2}
}
.bento-item {border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-2)}
.bento-item img {width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.bento-item:not(.bento-item--large):hover img {transform:scale(1.05)}

.ken-burns {width:100%;height:100%;overflow:hidden;--kb-scale:1.15;--kb-duration:20s;--kb-easing:linear;--kb-origin:center}
.ken-burns img {animation:kbAnim var(--kb-duration) var(--kb-easing) infinite alternate;transform-origin:var(--kb-origin)}
@keyframes kbAnim {0%{transform:scale(1)}100%{transform:scale(var(--kb-scale))}}

.project-info {display:grid;grid-template-columns:1fr;gap:3rem;border-top:1px solid var(--color-border);padding-top:3rem;padding-bottom:5rem}
@media (min-width: 768px) {
  .project-info {grid-template-columns:1fr 2fr}
}
.project-info__meta {display:flex;flex-direction:column;gap:1.5rem}
.meta-item span {display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-muted);margin-bottom:0.25rem}
.meta-item strong {font-size:1.1rem;color:var(--color-cream);font-weight:400}
.project-info__content {display:flex;flex-direction:column;gap:2.5rem}
.content-block h3 {font-family:var(--font-serif);font-size:1.5rem;font-weight:300;color:var(--color-gold);margin-bottom:1rem}
.content-block p {color:var(--color-text);font-size:1.05rem}