*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--red:#e20b17;--blue:#0a2d5f;--ink:#090a0d;--paper:#f3f1ed;--accent:var(--red);--hero-a:#f3f1ed;--hero-b:#09090b;--hero-c:#e20b17;--text:#111;--copy:#5b5753}body{font-family:Poppins,Arial,sans-serif;background:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:var(--hero-a);isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;top:-20%;height:145%;transform:skewX(-15deg);transition:.5s}.hero:before{left:49%;width:45%;background:var(--hero-b);z-index:0}.hero:after{left:82%;width:36%;background:var(--hero-c);z-index:1}.hero.event{--hero-a:#081426;--hero-b:#102e54;--hero-c:#d90d20;--text:#fff;--copy:#aebbd0}.hero.social{--hero-a:#e9edf3;--hero-b:#102f5c;--hero-c:#ef2432;--text:#111;--copy:#4e5969}.hero.brand{--hero-a:#f5f3ef;--hero-b:#143866;--hero-c:#b70817;--text:#111;--copy:#555}.hero.campaign{--hero-a:#111217;--hero-b:#071d38;--hero-c:#e20b17;--text:#fff;--copy:#aeb3bd}.hero.event:before{left:42%;width:50%;transform:skewX(11deg)}.hero.event:after{left:79%;width:38%;transform:skewX(-11deg)}.hero.social:before{left:55%;width:37%;transform:skewX(-20deg)}.hero.social:after{left:85%;width:29%;transform:skewX(12deg)}.hero.brand:before{left:47%;width:55%;transform:skewX(-8deg)}.hero.brand:after{left:88%;width:25%;transform:skewX(-8deg)}.hero.campaign:before{left:40%;width:54%;transform:skewX(16deg)}.hero.campaign:after{left:78%;width:38%;transform:skewX(-16deg)}.bg-word{position:absolute;left:3.8vw;top:8vh;font-size:clamp(100px,14vw,230px);font-weight:900;letter-spacing:-.09em;line-height:.8;color:currentColor;opacity:.09;z-index:2;user-select:none}.hero.home .bg-word{color:#777;opacity:.15}.webline{position:absolute;z-index:5;left:72%;top:-8%;width:2px;height:65%;background:rgba(255,255,255,.55);transform:rotate(44deg);box-shadow:0 0 8px rgba(255,255,255,.3)}header{position:absolute;left:5vw;right:4vw;top:4.5vh;z-index:30;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:800;line-height:.9;letter-spacing:.04em}.mark{font-size:38px;color:var(--accent);font-weight:900}.menu{display:flex;align-items:center;gap:14px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.18em;cursor:pointer}.burger{width:34px;display:grid;gap:7px}.burger i{height:2px;background:#fff;display:block}.burger i:last-child{width:22px;margin-left:auto}.overlay{position:fixed;inset:0;background:#08090c;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.35s}.overlay.open{opacity:1;visibility:visible}.close{position:absolute;right:5vw;top:5vh;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}.nav{display:grid;text-align:center}.nav a{color:#fff;font-size:clamp(30px,5vw,72px);font-weight:900;letter-spacing:-.05em;line-height:1.25;transition:.2s}.nav a:hover,.nav a.active{color:var(--red)}.hero-img{position:absolute;z-index:8;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.42));pointer-events:none}.home .hero-img{width:min(58vw,850px);left:47%;top:50%;transform:translate(-38%,-51%)}.event .hero-img{height:92vh;left:54%;top:8%;transform:translateX(-20%)}.social .hero-img{width:min(58vw,790px);left:48%;top:50%;transform:translate(-20%,-42%)}.brand .hero-img{width:min(70vw,1050px);left:43%;top:49%;transform:translate(-10%,-50%)}.campaign .hero-img{height:82vh;left:53%;top:12%;transform:translateX(-15%)}.copy{position:absolute;left:5vw;bottom:9vh;width:min(37vw,530px);z-index:12;color:var(--text)}.crumb{font-size:10px;letter-spacing:.14em;opacity:.5;margin-bottom:20px}.copy h1{font-size:clamp(54px,6vw,92px);line-height:.82;letter-spacing:-.06em;color:var(--accent);font-weight:900}.copy p{margin-top:26px;max-width:440px;font-size:13px;line-height:1.8;color:var(--copy)}.page-no{margin-top:28px;font-size:11px;font-weight:700;letter-spacing:.16em}.controls{position:absolute;left:41%;bottom:7vh;z-index:20;display:flex}.ctrl{display:grid;place-items:center;width:66px;height:66px;border:0;color:#fff;background:#111;font-size:25px;cursor:pointer;transition:.25s}.ctrl.next{background:var(--accent)}.ctrl:hover{transform:translateY(-5px)}.project-tag{position:absolute;right:5vw;top:18vh;z-index:12;color:#fff;font-size:10px;letter-spacing:.18em;font-weight:600}.scroll{position:absolute;right:4vw;bottom:4vh;z-index:12;color:rgba(255,255,255,.55);font-size:9px;letter-spacing:.15em}.section{padding:120px 6vw}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--red);margin-bottom:20px}.section h2{font-size:clamp(48px,7vw,106px);line-height:.9;letter-spacing:-.065em;font-weight:900}.work{background:#0b0b0d;color:#fff}.workhead{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:70px}.workhead p{width:min(370px,100%);color:#818181;font-size:13px;line-height:1.9}.gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.art{position:relative;display:block;min-height:600px;overflow:hidden;background:linear-gradient(135deg,#18181b 0 56%,#e20b17 56%);color:#fff}.art:nth-child(2){background:linear-gradient(155deg,#e20b17 0 38%,#f3f1ed 38%);color:#111}.art:before{content:"DESIGN";position:absolute;left:5%;top:9%;font-size:clamp(70px,9vw,150px);font-weight:900;letter-spacing:-.08em;opacity:.08}.art-info{position:absolute;left:30px;right:30px;bottom:30px}.art-info span,.project-meta{display:block;margin-bottom:12px;font-size:9px;letter-spacing:.18em;opacity:.6}.art-info b{display:block;font-size:clamp(25px,3vw,45px);line-height:1}.art-info small{display:inline-block;margin-top:18px;font-size:9px;font-weight:700;letter-spacing:.14em}.cats{background:var(--paper);color:#111}.category-list{margin-top:70px}.cat{display:flex;align-items:center;padding:31px 0;border-top:1px solid #cbc7c0;transition:.3s}.cat:last-child{border-bottom:1px solid #cbc7c0}.cat small{width:80px;color:var(--red);font-size:10px;font-weight:700}.cat b{font-size:clamp(30px,5vw,72px);line-height:1;letter-spacing:-.055em}.cat i{margin-left:auto;font-size:32px;font-style:normal}.cat:hover{padding-left:18px;color:var(--red)}.about{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:flex-end;background:var(--red);color:#fff}.about .eyebrow{color:#fff}.about-copy p{color:rgba(255,255,255,.75);font-size:14px;line-height:2}.text-link{display:inline-block;margin-top:35px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.7);font-size:10px;font-weight:700;letter-spacing:.16em}.cta{min-height:68vh;display:flex;flex-direction:column;justify-content:center;background:#09090b;color:#fff;position:relative;overflow:hidden}.cta:after{content:"CREATE";position:absolute;right:-3vw;bottom:-4vw;font-size:17vw;line-height:.8;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.025)}.cta h2 span{color:var(--red)}.cta p{max-width:520px;margin-top:30px;color:#777;font-size:13px;line-height:1.9}.contact-btn{position:relative;z-index:2;display:inline-block;width:max-content;margin-top:40px;padding:18px 30px;background:var(--red);color:#fff;font-size:10px;font-weight:700;letter-spacing:.16em}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 6vw;border-top:1px solid rgba(255,255,255,.08);background:#09090b;color:#666;font-size:9px;letter-spacing:.14em}footer div{display:flex;gap:25px}footer a:hover{color:#fff}
/* portfolio category pages */.portfolio-intro{background:#0a0b0f;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.portfolio-intro p{color:#8e919a;line-height:1.9;font-size:14px}.category-block{position:relative;overflow:hidden;padding:110px 6vw;background:#f2f0ec;color:#111}.category-block.dark{background:#0a0b0f;color:#fff}.category-block.blue{background:#0b2343;color:#fff}.category-block.red{background:#c80d1a;color:#fff}.category-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px;position:relative;z-index:2}.category-head h2{font-size:clamp(42px,6vw,90px);line-height:.9;letter-spacing:-.06em}.category-head p{max-width:390px;font-size:13px;line-height:1.8;opacity:.62}.category-block:before{content:attr(data-word);position:absolute;right:-1vw;top:-2vw;font-size:15vw;font-weight:900;letter-spacing:-.08em;opacity:.035}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;position:relative;z-index:2}.project-card{grid-column:span 4;min-width:0}.project-card.wide{grid-column:span 8}.project-card.tall .project-image{aspect-ratio:4/5}.project-image{aspect-ratio:4/3;background:linear-gradient(145deg,#15171d,#292d37);overflow:hidden;position:relative}.project-image:before{content:"ADD YOUR ARTWORK";position:absolute;inset:0;display:grid;place-items:center;font-size:10px;letter-spacing:.2em;opacity:.25}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}.project-card:hover .project-image img{transform:scale(1.035)}.project-info{padding:18px 2px 10px}.project-info h3{font-size:clamp(20px,2.1vw,32px);letter-spacing:-.04em;margin-bottom:8px}.project-info p{font-size:12px;line-height:1.7;opacity:.58;max-width:440px}.spider-divider{height:3px;background:linear-gradient(90deg,transparent,var(--red),#fff,var(--blue),transparent);opacity:.7}
@media(max-width:800px){.hero{min-height:780px;height:100svh}.hero:before{left:45%!important;width:72%!important;height:90%;transform:skewX(-11deg)!important}.hero:after{left:82%!important;width:55%!important;height:90%;transform:skewX(-11deg)!important}.bg-word{font-size:28vw;left:-2vw;top:10vh}.hero-img,.home .hero-img,.event .hero-img,.social .hero-img,.brand .hero-img,.campaign .hero-img{width:100vw;height:auto;max-height:56vh;left:48%;top:34%;transform:translate(-42%,-50%);object-fit:contain}.copy{left:7vw;bottom:9vh;width:86vw}.copy h1{font-size:13vw}.copy p{font-size:11px;max-width:68%}.controls{left:auto;right:7vw;bottom:8vh}.ctrl{width:52px;height:52px}.project-tag,.scroll{display:none}header{left:7vw;right:7vw}.section,.category-block{padding:80px 7vw}.workhead,.category-head{display:block}.workhead p,.category-head p{margin-top:25px}.gallery{grid-template-columns:1fr}.art{min-height:430px}.about,.portfolio-intro{grid-template-columns:1fr;gap:40px}.projects{grid-template-columns:1fr}.project-card,.project-card.wide{grid-column:auto}.cat small{width:45px}.cat{padding:24px 0}footer{flex-direction:column;align-items:flex-start}}