:root{--black:#070706;--soft:#0d0c09;--panel:#12100c;--gold:#d7a93f;--light:#f2cc72;--pale:#ffe4a3;--white:#f7f4ed;--muted:#a9a49a;--line:rgba(224,176,70,.25);--max:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{width:min(var(--max),calc(100% - 48px));height:92px;margin:auto;display:flex;align-items:center;gap:28px;position:relative;z-index:10}.brand img{width:190px}.main-nav{display:flex;gap:25px;margin-left:auto}.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#d9d3c8;padding:8px 0;position:relative}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--light);transition:.3s}.main-nav a:hover:after,.main-nav .active:after{width:100%}.nav-cta,.gold{background:linear-gradient(135deg,var(--pale),var(--gold));color:#171207;border:1px solid var(--light);font-weight:700}.nav-cta{padding:10px 17px;border-radius:30px;font-size:11px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:var(--light);margin:5px}.hero{min-height:690px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;padding:55px 0 75px}.eyebrow,.section-no{color:var(--light);font-size:10px;letter-spacing:.2em;font-weight:700}.hero h1,h2{font-family:"Playfair Display",serif;line-height:1.04;letter-spacing:-.035em;font-weight:600}.hero h1{font-size:clamp(55px,6vw,90px);margin:18px 0 27px}.hero em,h2 em{color:var(--light);font-style:normal}.hero-text{max-width:610px;color:#c2bdb2;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;padding:14px 21px;border-radius:2px;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;transition:.3s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(220,175,65,.17)}.outline{border:1px solid var(--line);color:#e9e2d5}.hero-points{display:flex;gap:25px;flex-wrap:wrap;margin-top:50px;color:#9e988e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-points b{color:var(--light);margin-right:6px}.hero-img{height:570px;border:1px solid var(--line);position:relative;overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}.hero-img i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.55),transparent 65%),linear-gradient(0deg,rgba(7,7,6,.75),transparent 55%)}.tag{position:absolute;border-left:2px solid var(--gold);padding:8px 12px;background:rgba(7,7,6,.72);font-size:9px;letter-spacing:.15em;color:#bbb5aa}.tag strong{display:block;color:var(--light);font-size:13px}.tag.top{top:28px;left:28px}.tag.bottom{right:25px;bottom:25px;text-align:right;border-left:0;border-right:2px solid var(--gold)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:80px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:#0b0a08}.ticker span{padding:0 30px;color:#cfc8bb;font-size:11px;letter-spacing:.15em}.ticker span:not(:last-child){border-right:1px solid var(--line)}.intro{display:grid;grid-template-columns:.38fr 1fr;gap:70px;padding-top:125px;padding-bottom:125px}.intro h2,.heading h2,.approach h2,.document h2,.handle-head h2,.scale h2,.closing h2,.cta h2{font-size:clamp(42px,5vw,70px);margin:14px 0 27px}.intro p,.document p,.cta p{max-width:800px;color:#a9a49a;font-size:15px;margin-bottom:15px}.signature{display:block;margin-top:32px;letter-spacing:.2em;font-size:12px}.services{padding:110px 0 125px}.heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.heading>p{max-width:390px;color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:285px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006));transition:.4s;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);border-color:rgba(239,190,79,.65);box-shadow:0 18px 55px rgba(0,0,0,.25)}.card small{color:#8c867b;font-size:9px;letter-spacing:.16em}.card h3{font:500 27px "Playfair Display",serif;margin:38px 0 10px}.card p{color:#98938a;font-size:13px}.card a,.text-link{display:inline-block;color:var(--light);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:19px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:125px 0}.media{height:550px;position:relative}.media img{width:100%;height:100%;object-fit:cover;filter:saturate(.62);border:1px solid var(--line)}.media>b{position:absolute;right:-15px;bottom:25px;background:#090806;border:1px solid var(--line);padding:16px;font-size:9px;letter-spacing:.14em;color:#aaa39a}.steps{border-top:1px solid var(--line)}.steps>div{display:grid;grid-template-columns:55px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.steps span{color:var(--light);font-size:11px}.steps h3{font:500 22px "Playfair Display",serif}.steps p{grid-column:2;color:#989289;font-size:12px}.workflow{padding:110px 0;background:#0b0a08;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr)}.workflow-grid>div{padding:25px 28px 20px 0;border-top:1px solid var(--line);margin-right:28px}.workflow-grid b{display:block;color:var(--light);font:500 32px "Playfair Display",serif;margin-bottom:18px}.workflow-grid small{font-size:9px;letter-spacing:.16em;color:#817b70}.workflow-grid h3{font:500 21px "Playfair Display",serif;margin:8px 0}.workflow-grid p{color:#969188;font-size:12px}.document{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;padding:125px 0}.doc-visual{display:grid;place-items:center;min-height:430px;background:radial-gradient(circle,rgba(215,169,63,.12),transparent 55%)}.doc{width:350px;height:410px;padding:27px;background:linear-gradient(160deg,#f2eadb,#cfc4ae);color:#201b13;transform:rotate(4deg);box-shadow:35px 35px 80px #0006;position:relative}.doc header{display:flex;justify-content:space-between;border-bottom:1px solid #8b7b60;padding-bottom:12px;font-size:8px;letter-spacing:.14em}.doc header span{color:#7b6a47}.lines{margin-top:48px;display:grid;gap:15px}.lines i{height:7px;background:#8f836e;opacity:.55}.lines .short{width:62%}.doc>strong{position:absolute;right:22px;bottom:35px;border:2px solid #826c42;padding:10px;font-size:10px;text-align:center;transform:rotate(-9deg)}.doc>strong:first-line{font-size:10px}.handle{background:#0b0a08;padding:120px 0}.handle-head{display:grid;grid-template-columns:.45fr 1fr;gap:60px;align-items:end;margin-bottom:50px}.handle-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px}.handle-card{min-height:320px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:#11100d;overflow:hidden}.handle-card small{color:var(--light);font-size:9px;letter-spacing:.17em;margin-bottom:auto}.handle-card>b{color:var(--light);font:500 31px "Playfair Display",serif}.handle-card h3{font:500 25px "Playfair Display",serif;margin:8px 0}.handle-card p{color:#969188;font-size:13px}.handle-card.image{position:relative;padding:0}.handle-card.image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.handle-card.image div{position:relative;padding:28px;background:linear-gradient(0deg,#070706f5,transparent)}.scale{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:125px 0}.scale h2{margin-bottom:0}.scale-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.scale-grid>div{padding:28px 24px 30px 0;border-bottom:1px solid var(--line)}.scale-grid>div:nth-child(even){border-left:1px solid var(--line);padding-left:25px}.scale-grid b,.closing-grid b{color:var(--light);font-size:11px}.scale-grid h3,.closing-grid h3{font:500 23px "Playfair Display",serif;margin:8px 0}.scale-grid p,.closing-grid p{color:#969188;font-size:13px}.cta{margin-bottom:120px;border:1px solid rgba(232,187,76,.55);padding:60px 65px;display:flex;justify-content:space-between;align-items:end;gap:50px;background:radial-gradient(circle at 80% 40%,rgba(218,166,48,.16),transparent 35%),#0d0b08}.cta h2{margin-bottom:15px}.cta-right{display:flex;flex-direction:column;align-items:flex-end;gap:17px}.cta-right small{color:#777168;font-size:9px;letter-spacing:.14em}.closing{padding:10px 0 125px}.closing-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:50px}.closing-grid>div{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}.closing-grid>div+div{border-left:1px solid var(--line);padding-left:28px}.footer{border-top:1px solid var(--line);padding:65px 0 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr .7fr;gap:30px}.footer-brand img{width:190px}.footer p{color:#777168;font-size:11px;margin-top:12px}.footer h4{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.footer a,.footer span{display:block;color:#878178;font-size:11px;margin:7px 0}.footer a:hover{color:var(--light)}.socials{display:flex;gap:7px}.socials a{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;text-align:center;padding-top:3px}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:20px;margin-top:20px;display:flex;justify-content:space-between;color:#625d55;font-size:10px}.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(222,172,57,.08),transparent 65%);transform:translate(-50%,-50%);z-index:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}
@media(max-width:980px){.main-nav{gap:13px}.hero{grid-template-columns:1fr}.hero-visual{order:-1}.hero-img{height:430px}.intro,.approach,.document,.scale{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.handle-head{grid-template-columns:1fr;gap:10px}.handle-grid{grid-template-columns:1fr 1fr}.handle-card.image{grid-column:span 2}.workflow-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.cta{flex-direction:column;align-items:flex-start}.cta-right{align-items:flex-start}}
@media(max-width:720px){.site-header{width:calc(100% - 30px);height:75px}.brand img{width:155px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0d0b08;border:1px solid var(--line);padding:20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.wrap{width:calc(100% - 30px)}.hero{padding:40px 0 60px}.hero h1{font-size:52px}.hero-img{height:350px}.ticker{justify-content:flex-start;overflow:hidden;flex-wrap:nowrap}.ticker span{min-width:max-content;padding:0 18px}.intro{padding-top:85px;padding-bottom:85px}.heading{display:block}.heading>p{margin-top:18px}.service-grid,.handle-grid,.scale-grid,.closing-grid{grid-template-columns:1fr}.handle-card.image{grid-column:auto}.scale-grid>div:nth-child(even),.closing-grid>div+div{border-left:0;padding-left:0}.workflow-grid{grid-template-columns:1fr}.document{padding:85px 0}.media{height:380px}.cta{padding:45px 28px;width:calc(100% - 30px)}.footer{width:calc(100% - 30px);grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}}


/* =========================================================
   UNIVERSALWORKHUB PREMIUM VISUAL LAYER — V6
   Stronger alternating rows + image-rich interactive motion
   ========================================================= */

/* Clear row-by-row separation. These intentionally differ enough
   to remain visible on both desktop and mobile. */
.uw-row-hero { background:#070705 !important; }
.uw-row-1 { background:#15120d !important; }
.uw-row-2 { background:#090806 !important; }
.uw-row-3 { background:#1a150f !important; }
.uw-row-4 { background:#0c0a08 !important; }
.uw-row-5 { background:#17120c !important; }
.uw-row-6 { background:#080706 !important; }
.uw-row-7 { background:#19140e !important; }
.uw-row-8 { background:#0b0907 !important; }
.uw-row-9 { background:#16110b !important; }
.uw-row-1::before,
.uw-row-3::before,
.uw-row-5::before,
.uw-row-7::before,
.uw-row-9::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 15% 20%, rgba(231,185,70,.045), transparent 28%),
      linear-gradient(90deg, rgba(255,255,255,.018), transparent 35%, rgba(0,0,0,.08));
    z-index:-1;
}

/* Give sections breathing room and make transitions visible. */
.uw-row-1,
.uw-row-2,
.uw-row-3,
.uw-row-4,
.uw-row-5,
.uw-row-7,
.uw-row-9 {
    border-top:1px solid rgba(255,255,255,.045);
}
.uw-row-6 { border-top:1px solid rgba(231,185,70,.10); }
.uw-eyebrow {
.uw-photo {
.uw-row-hero .hero-visual,
.uw-row-hero .hero-copy {
    animation:uwFloatIn .9s both cubic-bezier(.2,.75,.2,1);
}
.uw-row-hero .hero-visual { animation-delay:.12s; }
@keyframes uwFloatIn {
    from { opacity:0; transform:translateY(24px); }
    to { opacity:1; transform:none; }
}

/* More dimensional cards throughout the existing site. */
.service-card,
.handle-card,
.scale-grid>div,
.workflow-card,
.closing-grid>div {
    transition:transform .45s ease, border-color .45s ease, background .45s ease, box-shadow .45s ease;
}
.service-card:hover,
.handle-card:hover,
.workflow-card:hover,
.scale-grid>div:hover,
.closing-grid>div:hover {
    transform:translateY(-7px);
    border-color:rgba(232,187,76,.32);
    background:rgba(232,187,76,.035);
    box-shadow:0 18px 50px rgba(0,0,0,.22);
}

/* Gold sweep on primary buttons. */
.hero-actions a,
.cta-right a {
    position:relative;
    overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease;
}
.hero-actions a::after,
.cta-right a::after {
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:80%;
    height:100%;
    transform:skewX(-22deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
    transition:left .65s ease;
}
.hero-actions a:hover::after,
.cta-right a:hover::after { left:140%; }
.hero-actions a:hover,
.cta-right a:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(222,172,57,.12); }

/* Slow ambient movement so the page feels alive without being distracting. */
.hero-img img,
.media img,
.doc-visual img {
    animation:uwAmbient 8s ease-in-out infinite alternate;
}
@keyframes uwAmbient {
    from { transform:scale(1.02) translate3d(0,0,0); }
    to { transform:scale(1.055) translate3d(0,-5px,0); }
}

/* Section number / gold details gently pulse into view. */
.section-no { transition:letter-spacing .5s ease, color .5s ease; }
section:hover .section-no { letter-spacing:.22em; color:#e8bb4c; }

/* Responsive gallery */

@media(max-width:720px){
.uw-photo figcaption span { font-size:17px; }
}
@media(prefers-reduced-motion:reduce){
    *, *::before, *::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}