:root{--blue: #0b2a9a;--blue-deep: #061a63;--blue-ink: #040f3d;--gold: #d6a84a;--gold-soft: #ecd08e;--ivory: #f8f4ea;--ivory-2: #efe8d6;--text: #1a1f3a;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Jost", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);font-weight:300;background:var(--ivory);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.1}h2{font-size:clamp(2.2rem,5vw,3.6rem);color:var(--blue-deep)}.section{padding:clamp(4.5rem,10vw,8rem) 1.25rem}.eyebrow{font-size:.75rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1.2rem}.eyebrow.blue{color:var(--blue)}.sub{max-width:34rem;margin:1rem auto 0;opacity:.75}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease var(--d, 0ms),transform .9s ease var(--d, 0ms)}.reveal.in{opacity:1;transform:none}.btn{display:inline-block;padding:.95rem 2.1rem;border-radius:999px;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;transition:transform .25s,background .25s,color .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn.sm{padding:.6rem 1.4rem;font-size:.7rem}.btn-gold{background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:var(--blue-ink);box-shadow:0 10px 30px -10px #d6a84ab3}.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.btn-ghost:hover{background:#ffffff1f}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 12px 30px -12px var(--blue)}.btn-outline{border:1px solid var(--blue);color:var(--blue)}.btn-outline:hover{background:var(--blue);color:#fff}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,3rem);color:#fff;transition:background .35s,padding .35s,backdrop-filter .35s}.nav.scrolled,.nav.open{background:#061a63e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:.55rem;padding-bottom:.55rem}.nav-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--serif);font-size:1.5rem;letter-spacing:.04em}.nav-brand img{width:46px;height:46px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:2rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase}.nav nav a:not(.btn):hover{color:var(--gold-soft)}.burger{display:none;width:34px;height:34px;position:relative}.burger i{position:absolute;left:4px;right:4px;height:1.5px;background:#fff;transition:transform .3s,top .3s}.burger i:first-child{top:12px}.burger i:last-child{top:21px}.nav.open .burger i:first-child{top:17px;transform:rotate(45deg)}.nav.open .burger i:last-child{top:17px;transform:rotate(-45deg)}.hero{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 30%,#1538c0 0%,var(--blue-deep) 55%,var(--blue-ink) 100%);overflow:hidden;padding:7rem 1.25rem 5rem}.hero-glow{position:absolute;width:60vw;height:60vw;max-width:800px;max-height:800px;border-radius:50%;background:radial-gradient(circle,rgba(214,168,74,.22),transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 7s ease-in-out infinite}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.15);opacity:.7}}.hero-col{position:absolute;top:0;width:clamp(130px,17vw,240px);display:flex;flex-direction:column;gap:1rem;opacity:.5}.hero-col img{width:100%;border-radius:14px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 20px 50px -20px #000}.hero-col-l{left:clamp(.5rem,4vw,4rem);animation:up 50s linear infinite}.hero-col-r{right:clamp(.5rem,4vw,4rem);animation:down 55s linear infinite}@keyframes up{to{transform:translateY(-50%)}}@keyframes down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(4,15,61,.75) 20%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:46rem}.hero-logo{width:clamp(120px,18vw,190px);margin:0 auto .5rem;animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.hero h1{font-size:clamp(2.8rem,8vw,6rem);font-weight:400}.hero h1 em{color:var(--gold-soft);font-style:italic}.lead{max-width:33rem;margin:1.6rem auto 2.2rem;opacity:.85;font-size:1.05rem}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-cta.center{margin-top:2rem}.scroll-hint{position:absolute;bottom:1.5rem;left:50%;width:22px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:12px;transform:translate(-50%);z-index:2}.scroll-hint span{position:absolute;left:50%;top:7px;width:3px;height:7px;background:var(--gold-soft);border-radius:2px;transform:translate(-50%);animation:wheel 1.8s infinite}@keyframes wheel{to{transform:translate(-50%,12px);opacity:0}}.marquee{background:var(--gold);color:var(--blue-ink);overflow:hidden;white-space:nowrap;padding:.9rem 0}.marquee-track{display:inline-flex;animation:slide 40s linear infinite}.marquee span{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;font-weight:400}.marquee b{margin:0 2rem;font-weight:400}@keyframes slide{to{transform:translate(-50%)}}.story-grid{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.story-imgs{position:relative;aspect-ratio:1/1.15}.story-imgs img:not(.si-seal){position:absolute;border-radius:160px 160px 14px 14px;object-fit:cover;box-shadow:0 30px 60px -25px #061a6380}.si-a{width:62%;aspect-ratio:2/3;left:0;top:0}.si-b{width:55%;aspect-ratio:2/3;right:0;bottom:0;border:8px solid var(--ivory)}.si-seal{position:absolute;left:6%;bottom:4%;width:28%;background:var(--ivory);border-radius:50%;padding:6px;box-shadow:0 10px 30px -10px #061a6366}.story-copy h2{margin-bottom:1.5rem}.story-copy p{margin-bottom:1rem;max-width:32rem}.story-copy strong{font-weight:500;color:var(--blue)}.stats{list-style:none;display:flex;gap:clamp(1rem,4vw,2.2rem);margin-top:2rem;flex-wrap:wrap}.stats b{display:block;font-family:var(--serif);font-size:clamp(2rem,8vw,2.6rem);font-weight:500;color:var(--blue);line-height:1}.stats span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.collection{background:var(--ivory-2)}.section-head{text-align:center}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin:2.5rem 0 3rem}.filters button{padding:.6rem 1.4rem;border-radius:999px;border:1px solid rgba(11,42,154,.3);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);transition:.25s}.filters button:hover{border-color:var(--blue)}.filters button.on{background:var(--blue);color:#fff;border-color:var(--blue)}.grid{max-width:78rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.8rem)}.card{text-align:left;display:block;animation:pop .6s ease both;animation-delay:var(--d)}@keyframes pop{0%{opacity:0;transform:translateY(24px)}}.card-img{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:2/3;background:var(--ivory);box-shadow:0 18px 40px -22px #061a638c;transition:transform .45s,box-shadow .45s}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.card:hover .card-img{transform:translateY(-6px);box-shadow:0 30px 50px -22px #061a6399}.card:hover img{transform:scale(1.06)}.card-view{position:absolute;left:50%;bottom:1rem;transform:translate(-50%,20px);opacity:0;padding:.5rem 1.3rem;border-radius:999px;background:#ffffffeb;color:var(--blue);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;transition:.35s}.card:hover .card-view{opacity:1;transform:translate(-50%)}.card-meta{padding:1rem .25rem 0}.card-cat{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:400}.card-meta h3{font-size:1.6rem;color:var(--blue-deep);margin:.15rem 0}.card-meta p{font-size:.88rem;opacity:.7;line-height:1.45}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040f3df0;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade .3s}@keyframes fade{0%{opacity:0}}.lb-body{display:flex;align-items:center;gap:clamp(1.5rem,4vw,4rem);max-width:62rem;max-height:92vh}.lb-body img{max-height:88vh;width:auto;max-width:48vw;border-radius:12px;box-shadow:0 40px 80px -20px #000;animation:pop .5s}.lb-info{color:#fff;max-width:20rem}.lb-info h3{font-size:clamp(2.4rem,5vw,3.6rem);margin:.3rem 0}.lb-info p{opacity:.85;font-size:1.05rem}.lb-info small{display:block;margin:1.2rem 0 1.8rem;opacity:.55;letter-spacing:.08em}.lb-close{position:absolute;top:1rem;right:1.4rem;font-size:2.6rem;color:#fff;line-height:1}.lb-nav{position:absolute;top:50%;font-size:3.4rem;color:#fff;opacity:.6;transform:translateY(-50%);padding:1rem;z-index:2}.lb-nav:hover{opacity:1;color:var(--gold-soft)}.lb-nav.prev{left:.5rem}.lb-nav.next{right:.5rem}.oil{position:relative;color:#fff;overflow:hidden}.oil-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(3px) saturate(.9);transform:scale(1.1)}.oil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#040f3deb,#061a63e6);z-index:1}.oil-in{position:relative;z-index:2;max-width:72rem;margin:0 auto}.section-head.light h2{color:#fff}.oil-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.oil-card{padding:2.2rem 2rem;border:1px solid rgba(236,208,142,.3);border-radius:18px;background:#ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .4s,border-color .4s,background .4s}.oil-card:hover{transform:translateY(-6px);border-color:var(--gold-soft);background:#ffffff14}.oil-card span{font-family:var(--serif);font-size:2.6rem;color:var(--gold);line-height:1}.oil-card h3{font-size:1.7rem;margin:.8rem 0 .6rem}.oil-card p{opacity:.8;font-size:.95rem}.how{text-align:center;margin-top:3.5rem}.how h4{font-size:1.5rem;font-style:italic;color:var(--gold-soft)}.how p{opacity:.8;margin-top:.4rem}.strip{background:var(--blue-ink);overflow:hidden;padding:1rem 0}.strip-track{display:flex;gap:1rem;width:max-content;animation:slide 120s linear infinite}.strip-track img{height:clamp(220px,32vw,340px);aspect-ratio:2/3;object-fit:cover;border-radius:10px}.strip:hover .strip-track{animation-play-state:paused}.contact{text-align:center;background:var(--ivory)}.contact-logo{width:150px;margin:0 auto 1.5rem}.contact h2{margin-bottom:.2rem}.footer{background:var(--blue-deep);color:#fff;text-align:center;padding:3.5rem 1.25rem 2rem}.footer img{width:80px;margin:0 auto .4rem}.f-name{font-family:var(--serif);font-size:1.8rem;letter-spacing:.06em}.f-sub{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-top:.3rem}.f-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.8rem;margin:1.8rem 0;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}.f-links a:hover{color:var(--gold-soft)}.f-copy{font-size:.75rem;opacity:.45}@media (max-width: 1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.burger{display:block}.nav nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:1.4rem;padding:0;max-height:0;overflow:hidden;background:#061a63f7;transition:max-height .4s,padding .4s}.nav.open nav{max-height:420px;padding:2rem 0}.story-grid{grid-template-columns:1fr}.story-imgs{max-width:26rem;margin:0 auto;width:100%}.oil-cards{grid-template-columns:1fr}.hero-col{opacity:.3}.lb-body{flex-direction:column;text-align:center;overflow-y:auto}.lb-body img{max-height:58vh;max-width:80vw}.lb-info{max-width:90vw;padding-bottom:1rem}.lb-info h3{font-size:2.2rem}.lb-nav{top:auto;bottom:1rem;transform:none;font-size:2.6rem}}@media (max-width: 600px){.grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.card-meta h3{font-size:1.3rem}.card-meta p{display:none}.hero-col-l{left:-30px}.hero-col-r{right:-30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.f-credit{font-size:.75rem;letter-spacing:.12em;opacity:.7;margin-top:.4rem}.f-credit a{color:var(--gold-soft);border-bottom:1px solid rgba(236,208,142,.4)}.f-credit a:hover{border-color:var(--gold-soft)}
