@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#10100f;--text:#f1eee7;--muted:#aaa79f;--gold:#d4bc92;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}::selection{background:var(--gold);color:var(--bg)}header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:25px 4.5%;border-bottom:1px solid var(--line)}.logo{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.16em;font-size:30px}.logo span{font:11px sans-serif;vertical-align:top;letter-spacing:0;margin-left:9px}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav a:hover{color:var(--gold)}.nav-contact{border:1px solid #ffffff40;padding:10px 18px;border-radius:30px}.nav-contact span{margin-left:15px}.hero{padding:140px 4.5% 0;min-height:850px;height:100svh;max-height:1200px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 40%,#44372540,transparent 55%)}.hero-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.16em;color:var(--muted)}.title-wrap{position:relative;margin-top:32px;height:clamp(410px,51vw,650px)}h1{font-family:'Manrope',sans-serif;font-weight:600;line-height:.88;font-size:clamp(110px,18.9vw,290px);letter-spacing:-.085em;margin:0;position:relative;z-index:1;pointer-events:none}h1>span{color:var(--gold)}h1 em{font-style:normal;color:var(--text)}#sculpture{position:absolute;top:-22%;right:-12%;width:80%;height:133%;z-index:2;touch-action:pan-y;pointer-events:auto;mask-image:linear-gradient(90deg,transparent,black 20%);opacity:.95}.object-note{position:absolute;right:2%;bottom:13%;font-size:11px;letter-spacing:.14em;color:var(--muted);z-index:3}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:42px;left:4.5%;right:4.5%;z-index:3}.hero-bottom p{line-height:1.6;margin:0;color:var(--muted)}.hero-bottom strong{font-weight:400;color:var(--text)}.round-link{display:flex;gap:24px;align-items:center;font-size:14px}.round-link i{border:1px solid #ffffff50;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-style:normal;transition:.3s}.round-link:hover i{background:var(--gold);color:#111;transform:translateY(4px)}.hero-rule{position:absolute;bottom:0;left:4.5%;right:4.5%;height:1px;background:var(--line)}.ticker{padding:28px 0;overflow:hidden;border-bottom:1px solid var(--line);color:var(--gold);font-size:14px;letter-spacing:.17em}.ticker>div{white-space:nowrap;animation:marquee 40s linear infinite;width:max-content}.ticker b{margin:0 60px;font-size:24px;font-weight:400}.section{padding:120px 7%}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--muted);margin-bottom:42px}.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}h2{font-family:'Manrope',sans-serif;font-size:clamp(44px,5.5vw,86px);font-weight:500;line-height:1.08;letter-spacing:-.06em;margin:0}h2 em,.digital-row em{font-family:Georgia,serif;color:var(--gold);font-weight:400;letter-spacing:-.06em}.story-copy p{color:var(--muted);margin:0 0 22px}.story-copy .lead{font-size:24px;color:var(--text);line-height:1.45}.signature{font:italic 32px Georgia,serif;color:var(--gold);margin:35px 0 6px}.small{font-size:13px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:64px}.section-head p{color:var(--muted);font-size:16px}.projects{padding-top:50px}.project{display:block;position:relative;overflow:hidden;margin-bottom:28px;padding:32px 40px;border:1px solid #ffffff18;border-radius:3px;transition:transform .5s}.project:hover{transform:translateY(-5px)}.project-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.brand-stage{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.jgm{background:#182d30;color:#edf0db}.jgm .brand-stage{background:radial-gradient(ellipse at center,#407a6c40,transparent 65%)}.jgm-word{font-family:'Manrope',sans-serif;letter-spacing:-.06em;font-size:clamp(30px,5.2vw,80px);font-weight:800}.jgm-word>span{color:#b7d48e}.jgm-word .brand-period{color:#e9e5d2}.brand-stage p{line-height:1.45;margin:15px 0 20px}.jgm-tags{display:flex;gap:9px;font-size:12px}.jgm-tags span{border:1px solid #dbe7cf44;border-radius:30px;padding:5px 14px}.project-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding-top:24px;gap:20px}.project-bottom h3{font-size:22px;font-weight:500;margin:0 0 6px;letter-spacing:-.025em}.project-bottom p{font-size:14px;margin:0;opacity:.7}.project-arrow{font-size:30px}.rydvlt{background:#292927}.rydvlt .brand-stage{background:repeating-linear-gradient(120deg,transparent 0,transparent 49px,#ffffff04 50px,#ffffff04 51px);position:relative}.rydvlt-word{font-family:'Manrope',sans-serif;font-size:clamp(65px,12vw,180px);line-height:1;font-weight:800;letter-spacing:-.075em;transform:skew(-9deg);color:#eeeae1}.rydvlt .brand-stage p{font-size:18px;letter-spacing:.03em}.development{font-size:10px;letter-spacing:.16em;border:1px solid #ffffff40;padding:4px 10px}.digital-row{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:30px;padding:60px 0 0;align-items:start}.digital-row h3{font-size:38px;font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:0}.digital-row p{margin:0 0 20px;font-size:16px;color:var(--muted)}.text-link{border-bottom:1px solid var(--gold);padding-bottom:8px;font-size:15px}.text-link span{margin-left:18px}.vision{background:#d4bc92;color:#161511}.vision .eyebrow{color:#665a46}.manifesto{font-family:'Manrope',sans-serif;font-size:clamp(50px,9.5vw,145px);line-height:1.05;font-weight:500;letter-spacing:-.065em;margin:0 0 90px}.manifesto em{font-family:Georgia,serif;font-weight:400}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #16151150;padding-top:18px}.principles span{font-size:12px}.principles h3{font-size:22px;letter-spacing:-.04em;margin:24px 0 10px}.principles p{font-size:16px;color:#4b4335;margin:0;max-width:280px}.contact{padding-top:130px;padding-bottom:100px;background:radial-gradient(ellipse at 95% 90%,#40372560,transparent 60%)}.contact h2{font-size:clamp(64px,10.5vw,160px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:60px}.contact-bottom p{color:var(--muted)}.contact-button{display:flex;gap:40px;align-items:center;background:var(--gold);color:#151411;border-radius:40px;padding:23px 30px;font-size:15px;transition:.25s}.contact-button:hover{background:#ead5b0;transform:translateY(-3px)}.contact-button span{font-size:25px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding:30px 4.5%;font-size:12px;color:var(--muted)}footer .logo{color:var(--text)}.skip{position:fixed;top:-100px;z-index:99;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--gold);z-index:20}.reveal{transition:opacity .7s,transform .7s}.reveal.pending{opacity:0;transform:translateY(24px)}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.section{padding-left:max(7%,calc((100% - 1400px)/2));padding-right:max(7%,calc((100% - 1400px)/2))}}@media(max-width:760px){header{padding:20px 6%}nav{gap:18px}nav>a:first-child{display:none}.nav-contact{padding:7px 12px;font-size:12px}nav{font-size:12px}.hero{min-height:740px;height:100svh;padding:117px 6% 0;max-height:1000px}.hero-kicker{font-size:10px;letter-spacing:.08em}.hero-kicker span:last-child{display:none}.title-wrap{margin-top:42px;height:430px}h1{font-size:21vw;line-height:.98;letter-spacing:-.08em}#sculpture{top:15%;right:-26%;width:128%;height:105%;mask-image:linear-gradient(180deg,transparent,black 15%)}.object-note{bottom:-1%;right:0;font-size:9px}.hero-bottom{left:6%;right:6%;bottom:28px;gap:20px}.hero-bottom p{font-size:14px}.round-link{gap:12px;font-size:12px}.round-link i{width:36px;height:36px}.section{padding:80px 6%}.eyebrow{font-size:10px;margin-bottom:28px}.story-grid{grid-template-columns:1fr;gap:36px}.story-copy .lead{font-size:21px}.story-copy p{font-size:16px}.section-head{display:block;margin-bottom:35px}.section-head p{margin-top:24px}.projects{padding-top:20px}.project{padding:22px}.brand-stage{min-height:300px}.project-top{font-size:9px}.project-bottom h3{font-size:18px}.project-bottom p{font-size:13px}.jgm-word{font-size:8vw}.jgm-tags{gap:5px;font-size:10px}.jgm-tags span{padding:4px 8px}.digital-row{grid-template-columns:1fr;gap:22px;padding-top:30px}.digital-row .eyebrow{margin:0}.digital-row h3{font-size:36px}.principles{grid-template-columns:1fr;gap:28px}.principles h3{margin-top:12px}.principles p{max-width:none}.manifesto{margin-bottom:48px}.contact-bottom{align-items:start;flex-direction:column;margin-top:35px}.contact-button{padding:18px 24px;gap:26px}footer{flex-wrap:wrap;padding:28px 6%;font-size:11px}footer>span:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}.reveal{transition:none}.reveal.pending{opacity:1;transform:none}*{transition:none!important}}

/* Brand-specific portfolio treatments */
.ticker-divider{display:inline-block;width:36px;height:1px;background:currentColor;vertical-align:middle}.jgm{background:#fff;color:#0B2E6B;border:0;border-radius:22px}.jgm .brand-stage{background:radial-gradient(ellipse at center,#4caf5014,transparent 70%)}.jgm-word>span{color:#4CAF50}.jgm-word .brand-period{color:#0B2E6B}.jgm .brand-stage p{color:#0B2E6B;font-weight:500}.jgm-tags span{background:#edf6ea;border:1px solid #4caf5030;color:#244e24}.jgm .project-bottom{border-color:#0b2e6b25}.jgm .project-bottom p{opacity:1;color:#40526c;max-width:740px}.jgm .project-arrow{color:#0B2E6B}.project-arrow{font-size:13px;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:5px}.rydvlt{background:#080808;color:#fff;border-top:4px solid #bf2626}.rydvlt-word{color:#fff}.rydvlt .brand-stage{background:repeating-linear-gradient(120deg,transparent 0,transparent 49px,#ffffff03 50px,#ffffff03 51px)}.rydvlt .project-bottom p{max-width:760px}.project-bottom{align-items:flex-start}.project-bottom p{line-height:1.7}.project-arrow{margin-top:8px}.round-link{border-bottom:1px solid #d4bc9290;padding-bottom:8px}.story-copy p{max-width:650px}@media(max-width:760px){.project-bottom{flex-direction:column;gap:12px}.jgm{border-radius:15px}.project-arrow{margin-top:0}}

.brand-logo{display:block;object-fit:contain;height:auto}.jgm-logo{width:90%;max-width:800px;margin:30px auto}.rydvlt-logo{width:83%;max-width:800px;margin:40px auto}.jgm .brand-stage>p{display:none}
.title-wrap{isolation:isolate}#sculpture{top:-13%;right:-17%;width:78%;height:126%;opacity:1;mask-image:none;z-index:2}.hero h1{z-index:3}.hero h1>span{color:transparent;-webkit-text-stroke:1.5px var(--gold)}.hero h1{max-width:95%}.object-note{display:none}
@media(max-width:760px){.hero{height:auto;min-height:820px;padding-bottom:135px}.title-wrap{height:535px;margin-top:32px}#sculpture{top:145px;right:-7%;width:114%;height:390px;z-index:2}.hero h1{font-size:21vw;position:relative;z-index:3}.hero h1>span{color:var(--gold);-webkit-text-stroke:0}.hero-bottom{bottom:36px}.jgm-logo{width:100%;margin:35px auto}.rydvlt-logo{width:96%}.hero-bottom p{max-width:55%}}
@media(min-width:761px) and (max-height:800px){.hero{height:900px}}

.neural-visual{position:absolute;inset:-22% -18% -15% 5%;z-index:2;pointer-events:none;mask-image:linear-gradient(to right,transparent,black 24%,black 88%,transparent)}.neural-visual video{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.92}.neural-visual button{position:absolute;right:19%;bottom:10%;pointer-events:auto;background:#10100fa0;border:1px solid #ffffff40;border-radius:25px;color:#d4bc92;font:12px inherit;padding:8px 16px;cursor:pointer}.neural-visual button:focus-visible{outline:2px solid #d4bc92;outline-offset:3px}.hero h1>span{color:var(--gold);-webkit-text-stroke:0}.hero h1{pointer-events:none}.hero{background:#10100f}@media(max-width:760px){.neural-visual{inset:150px -12% 0 -12%;height:385px;mask-image:linear-gradient(180deg,transparent,black 18%,black 80%,transparent)}.neural-visual video{object-position:68% center}.neural-visual button{right:12%;bottom:9%}}

/* A shared light language, with brand-specific colors. */
.neural-visual video{transform:translate(var(--motion-x,0px),var(--motion-y,0px)) scale(1.04);transition:transform .8s ease-out}
.project{position:relative;isolation:isolate;overflow:hidden;--light:212,188,146}
.project.jgm{--light:76,175,80}.project.rydvlt{--light:191,38,38}
.project::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(420px circle at var(--light-x,50%) var(--light-y,50%),rgba(var(--light),.14),transparent 70%);opacity:0;transition:opacity .4s}
@media(hover:hover) and (pointer:fine){.project:hover::after{opacity:1}}
@media(prefers-reduced-motion:reduce){.neural-visual video{transform:none}.project::after{display:none}}
