:root{--bg:#050505;--panel:#0b0b0b;--line:#242424;--text:#f5f3ef;--muted:#9b9b9b;--red:#5b0710;--red2:#8a0d1a;--frame:min(1440px,calc(100vw - 96px));}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.frame{width:var(--frame);margin:auto}.intro{position:fixed;inset:0;background:#030303;z-index:9999;display:grid;place-items:center;transition:opacity .65s ease,visibility .65s}.intro.hide{opacity:0;visibility:hidden}.intro-frame{width:260px;text-align:center}.intro img{width:190px}.intro span{display:block;height:1px;background:#282828;margin-top:28px;overflow:hidden;position:relative}.intro span:after{content:"";position:absolute;inset:0;background:var(--red2);transform:translateX(-100%);animation:load 1.5s ease forwards}@keyframes load{to{transform:translateX(0)}}.header{position:fixed;z-index:100;top:0;left:0;width:100%;height:25px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);transition:.35s;background:linear-gradient(#0008,transparent)}.header.scrolled{height:25px;background:#050505e8;backdrop-filter:blur(12px);border-color:#222}.brand img{width:300px;display:block}.header nav{display:flex;gap:34px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background:var(--red2);transition:.3s}.header nav a:hover:after{width:100%}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#000}.hero video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.48) 100%),linear-gradient(0deg,#050505 0%,transparent 25%)}.rail{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.13)}.rail-left{left:48px}.rail-right{right:48px}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-top:30px}.eyebrow{font-size:10px;letter-spacing:.23em;color:#c8c8c8;text-transform:uppercase;margin:0 0 28px}.hero h1,.statement h2,.section-head h2,.about h2,.contact h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:500;letter-spacing:.015em;margin:0;line-height:.86}.hero h1{font-size:clamp(72px,10vw,170px);max-width:940px}.hero h1 span,.statement h2 span,.contact h2 span{color:var(--red2)}.hero-bottom{margin-top:52px;display:grid;grid-template-columns:1fr 1fr;align-items:end;border-top:1px solid rgba(255,255,255,.18);padding-top:22px;width:72%}.hero-bottom p{color:#bbb;max-width:380px;line-height:1.6;margin:0}.arrow-link{justify-self:end;font-size:11px;letter-spacing:.18em;border:1px solid #444;padding:18px 22px;transition:.3s}.arrow-link:hover{background:var(--red);border-color:var(--red2)}.arrow-link b{font-size:18px;margin-left:25px}.hero-index{position:absolute;right:66px;top:50%;transform:rotate(90deg) translateY(-50%);transform-origin:right top;font-size:10px;letter-spacing:.2em;color:#aaa;display:flex;gap:12px;align-items:center}.hero-index i{width:75px;height:1px;background:#555}.scroll{position:absolute;bottom:28px;left:50%;font-size:9px;letter-spacing:.22em;color:#aaa;transform:translateX(-50%)}.scroll span{margin-left:18px}.statement{padding:150px 0 170px;position:relative}.section-num{font-size:10px;letter-spacing:.25em;color:var(--red2);margin-bottom:18px}.statement-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:end}.statement h2{font-size:clamp(52px,7vw,110px)}.statement-grid>p{margin:0;color:#aaa;line-height:1.9;font-size:15px;border-left:1px solid var(--line);padding-left:34px}.section-head{display:grid;grid-template-columns:1fr 340px;align-items:end;margin-bottom:60px;padding-bottom:35px;border-bottom:1px solid var(--line)}.section-head h2{font-size:clamp(48px,6vw,92px)}.head-note{color:#8e8e8e;line-height:1.7;font-size:13px;margin:0 0 5px}.featured{padding-bottom:170px}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:390px 390px;gap:18px}.feature{margin:0;position:relative;overflow:hidden;background:#111;border:1px solid #1f1f1f}.feature-a{grid-column:1/8;grid-row:1}.feature-b{grid-column:8/13;grid-row:1}.feature-c{grid-column:1/5;grid-row:2}.feature-d{grid-column:5/13;grid-row:2}.feature img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 52%,rgba(0,0,0,.85));pointer-events:none}.feature:hover img{transform:scale(1.035);filter:saturate(1.08)}.feature figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:flex;align-items:end;justify-content:space-between}.feature figcaption span{font-size:9px;letter-spacing:.18em;color:#bcbcbc}.feature figcaption strong{font-size:20px;letter-spacing:.04em}.stories{background:#090909;border-top:1px solid #171717;border-bottom:1px solid #171717;padding:145px 0}.compact{margin-bottom:40px}.story-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.story-tabs button{height:64px;background:transparent;color:#777;border:0;border-right:1px solid var(--line);font-size:10px;letter-spacing:.17em;cursor:pointer;transition:.3s}.story-tabs button:last-child{border-right:0}.story-tabs button.active,.story-tabs button:hover{background:var(--red);color:white}.story-stage{display:grid;grid-template-columns:330px 1fr;min-height:620px;border:1px solid var(--line)}.story-info{padding:42px;display:flex;flex-direction:column;justify-content:flex-end;background:#070707}.story-info>p:first-child{font-size:10px;color:var(--red2);letter-spacing:.2em;margin-bottom:auto}.story-info h3{font-family:Impact,sans-serif;font-size:52px;font-weight:400;margin:0 -20px 16px}.story-info>p:nth-of-type(2){color:#999;line-height:1.7;font-size:13px}.story-progress{height:1px;background:#222;margin-top:30px}.story-progress i{display:block;width:25%;height:1px;background:var(--red2);transition:.45s}.story-image-wrap{position:relative;overflow:hidden}.story-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s,transform .7s}.story-image-wrap.changing img{opacity:.15;transform:scale(1.025)}.story-image-wrap button{position:absolute;bottom:18px;width:52px;height:52px;border:1px solid rgba(255,255,255,.35);background:#050505aa;color:white;font-size:20px;cursor:pointer}.story-image-wrap #prevStory{right:76px}.story-image-wrap #nextStory{right:18px}.gallery{padding:160px 0}.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.gallery-item{
    aspect-ratio:4/3;
    overflow:hidden;
    border:1px solid #1f1f1f;
    position:relative;
    cursor:zoom-in;
    background:#0b0b0b;
    transition:border-color .3s ease,transform .3s ease;
}

.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.65s cubic-bezier(.2,.7,.2,1);
}

.gallery-item:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.55),
        rgba(0,0,0,0) 45%
    );
    opacity:0;
    transition:.35s;
    pointer-events:none;
}

.gallery-item:after{
    content:"VIEW";
    position:absolute;
    z-index:2;
    right:14px;
    bottom:14px;
    font-size:9px;
    letter-spacing:.18em;
    background:#080808c7;
    border:1px solid #444;
    padding:10px 12px;
    opacity:0;
    transform:translateY(8px);
    transition:.3s;
}

.gallery-item:hover{
    border-color:var(--red2);
}

.gallery-item:hover img{
    transform:scale(1.045);
}

.gallery-item:hover:before{
    opacity:1;
}

.gallery-item:hover:after{
    opacity:1;
    transform:none;
}

.load-more{
    display:block;
    margin:40px auto 0;
    background:transparent;
    border:1px solid #383838;
    color:#ccc;
    padding:18px 26px;
    font-size:10px;
    letter-spacing:.18em;
    cursor:pointer;
    transition:.3s ease;
}

.load-more:hover{
    border-color:var(--red2);
    background:var(--red);
    color:#fff;
}

.load-more span{
    margin-left:24px;
}{margin-left:24px}.about{padding:150px 0;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:150px 1fr 1fr;gap:60px;align-items:center}.about-photo{
    position:relative;
    width:100%;
    max-width:320px;
    overflow:hidden;
    border:1px solid #2a2a2a;
}

.about-photo::after{
    content:"";
    position:absolute;
    inset:12px;
    border:1px solid rgba(138,13,26,.55);
    pointer-events:none;
}

.about-photo img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
    transition:transform .8s ease;
}

.about-photo:hover img{
    transform:scale(1.04);
}.about h2{font-size:clamp(55px,7vw,100px)}.about-copy{border-left:1px solid var(--line);padding-left:40px;color:#aaa;line-height:1.8}.contact{padding:150px 0;background:linear-gradient(135deg,#080808,#120406);border-top:1px solid #211116}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.contact h2{font-size:clamp(58px,7vw,108px)}.contact-links{border-top:1px solid #3a2427}.contact-links a{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;gap:12px;padding:26px 0;border-bottom:1px solid #3a2427;transition:.3s}.contact-links a:hover{padding-left:10px;color:white}.contact-links small{font-size:9px;letter-spacing:.17em;color:#888}.contact-links strong{font-size:14px;font-weight:500}.contact-links b{color:var(--red2);font-size:20px}footer{padding:48px 0;border-top:1px solid #1b1b1b}footer .frame{display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.12em}footer img{width:100px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.lightbox{position:fixed;z-index:500;inset:0;background:#020202f7;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:88vw;max-height:86vh;object-fit:contain}.lightbox button{position:absolute;background:#090909;border:1px solid #333;color:white;width:52px;height:52px;font-size:22px;cursor:pointer}.lb-close{top:24px;right:24px}.lb-prev{left:24px}.lb-next{right:24px}.lb-count{position:absolute;bottom:22px;font-size:10px;letter-spacing:.18em;color:#888}@media(max-width:900px){:root{--frame:calc(100vw - 36px)}.header{padding:0 18px;height:76px}.header nav{display:none}.brand img{width:300px}.rail-left{left:18px}.rail-right{right:18px}.hero{min-height:640px}.hero h1{font-size:20vw}.hero-bottom{width:100%;grid-template-columns:1fr;gap:24px}.arrow-link{justify-self:start}.hero-index{display:none}.statement,.gallery,.about{padding:100px 0}.statement-grid,.section-head,.contact-grid{grid-template-columns:1fr;gap:35px}.statement-grid>p{padding-left:20px}.feature-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.feature-a,.feature-b,.feature-c,.feature-d{grid-column:auto;grid-row:auto;height:320px}.story-tabs{grid-template-columns:1fr 1fr}.story-stage{grid-template-columns:1fr;min-height:auto}.story-info{min-height:260px}.story-image-wrap{height:430px}.gallery-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:28px}.about-copy{padding-left:20px}.contact{padding:100px 0}.contact-links strong{font-size:12px}footer .frame{gap:20px;flex-wrap:wrap}.hero-copy{padding-top:40px}}@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}.story-image-wrap{height:360px}.feature{height:280px!important}.contact-links a{grid-template-columns:1fr 24px}.contact-links small{grid-column:1/-1}.header{background:#050505aa}}.about-role{
    margin-top:22px;
    font-size:11px;
    letter-spacing:.22em;
    color:var(--red2);
    text-transform:uppercase;
}

.about-contact{
    display:inline-flex;
    align-items:center;
    margin-top:28px;
    padding-bottom:6px;
    border-bottom:1px solid var(--red2);
    font-size:11px;
    letter-spacing:.2em;
    color:var(--text);
    transition:.3s ease;
}

.about-contact:hover{
    color:var(--red2);
    transform:translateX(6px);
}
/* ===== GALLERY FILTERS ===== */

.gallery-filters{
    display:flex;
    gap:12px;
    margin:30px 0 40px;
    flex-wrap:wrap;
}

.gallery-filters button{
    background:transparent;
    border:none;
    color:#8d8d8d;
    font-size:13px;
    font-weight:600;
    letter-spacing:.15em;
    text-transform:uppercase;
    cursor:pointer;
    padding:0;
    transition:.20s;
    position:relative;
}

.gallery-filters button::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#9b0d19;
    transition:.20s;
}

.gallery-filters button:hover{
    color:#ffffff;
}

.gallery-filters button:hover::after{
    width:100%;
}

.gallery-filters button.active{
    color:#ffffff;
}

.gallery-filters button.active::after{
    width:100%;
}