.project-page{background:#06131e;color:#fff;min-height:100vh}.project-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:fixed;inset:0 0 auto;z-index:40;background:rgba(4,16,26,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.project-hero{padding:130px 0 70px;background:radial-gradient(circle at 80% 20%,rgba(225,6,19,.16),transparent 25%),linear-gradient(135deg,#06131e,#0a2a41);overflow:hidden}.project-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center}.project-category,.copy-kicker,.gallery-kicker{font-size:10px;letter-spacing:2px;color:#ff4754;text-transform:uppercase;font-weight:800}.project-hero h1{font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-2px;margin:15px 0 20px}.project-lead{font-size:16px;line-height:1.8;color:#c6d3db;max-width:680px}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.project-meta span{font-size:9px;border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:9px 12px;color:#dfe7ec}.project-cover{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.36);background:#081a27}.project-cover:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(4,16,26,.34));pointer-events:none}.project-cover img{width:100%;height:auto;display:block}.project-body{background:#f7f9fb;color:#102637;padding:80px 0 100px}.project-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin-bottom:55px}.project-copy h2,.case-block h2,.gallery-head h2{font-size:clamp(28px,3vw,44px);margin:0;letter-spacing:-1px}.project-copy .copy-kicker{display:block;margin-bottom:8px}.project-copy p,.case-block p{font-size:14px;line-height:1.9;color:#667786}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-block{background:#fff;border:1px solid #e1e8ed;border-radius:18px;padding:28px;box-shadow:0 16px 30px rgba(8,28,43,.05)}.case-block strong{display:block;font-size:10px;letter-spacing:2px;color:#e10613;margin-bottom:14px}.gallery{margin-top:82px;padding-top:54px;border-top:1px solid #dfe6eb}.gallery-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.gallery-head>div{max-width:760px}.gallery-head p{margin:10px 0 0;color:#71818d;font-size:12px;line-height:1.75}.gallery-count{font-size:9px;font-weight:900;letter-spacing:1.6px;color:#83939f;border:1px solid #dce4e9;padding:10px 13px;border-radius:999px;white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-item{margin:0;position:relative;border-radius:20px;overflow:hidden;background:#071923;min-height:280px;border:1px solid rgba(11,45,67,.1);box-shadow:0 18px 44px rgba(8,28,43,.08)}.media-frame{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden}.media-item img,.media-item video{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease}.media-image{cursor:zoom-in}.media-image:hover img{transform:scale(1.025);filter:contrast(1.03)}.media-type{position:absolute;top:14px;right:14px;z-index:3;padding:8px 10px;border-radius:999px;background:rgba(4,16,26,.8);color:#fff;font-size:8px;font-weight:900;letter-spacing:1.3px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}.media-index{position:absolute;left:16px;bottom:14px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.8px;text-shadow:0 2px 12px rgba(0,0,0,.65)}.media-image .media-frame:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(4,16,26,.55));pointer-events:none}.project-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.project-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;color:#9fb0bb}.loader-mark{width:55px;height:55px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:#e10613;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-error{padding:140px 5%;text-align:center}.project-error h1{font-size:48px}.project-error p{color:#aebcc5}

/* String Art gets an editorial, gallery-first art direction while staying inside the main brand system. */
.string-art-project .project-hero{background:radial-gradient(circle at 72% 18%,rgba(225,6,19,.2),transparent 25%),radial-gradient(circle at 32% 70%,rgba(48,109,149,.18),transparent 32%),linear-gradient(135deg,#05111b 0%,#09283b 60%,#05111b 100%)}.string-art-project .project-cover{transform:rotate(.35deg);box-shadow:0 34px 90px rgba(0,0,0,.46),0 0 0 1px rgba(225,6,19,.08)}.string-art-project .project-cover:before{content:"";position:absolute;inset:-22%;z-index:2;pointer-events:none;background:repeating-linear-gradient(28deg,transparent 0 46px,rgba(255,255,255,.035) 47px,transparent 48px 92px);mix-blend-mode:screen}.string-art-project .art-gallery{margin-top:92px;padding:58px 0 6px;border-top:1px solid #dbe4ea}.string-art-project .art-gallery .gallery-head h2{font-size:clamp(38px,5vw,66px);line-height:.94}.string-art-project .art-gallery .gallery-kicker{color:#e10613}.string-art-project .art-gallery .media-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:205px;gap:14px}.string-art-project .art-gallery .media-item{min-height:0;border-radius:18px;background:#071923}.string-art-project .art-gallery .media-frame{min-height:0}.string-art-project .art-gallery .media-item img,.string-art-project .art-gallery .media-item video{min-height:0}.string-art-project .art-gallery .media-1{grid-column:1/8;grid-row:1/3}.string-art-project .art-gallery .media-2{grid-column:8/13;grid-row:1/4}.string-art-project .art-gallery .media-3{grid-column:1/5;grid-row:3/4}.string-art-project .art-gallery .media-4{grid-column:5/8;grid-row:3/4}.string-art-project .art-gallery .media-5{grid-column:1/7;grid-row:4/6}.string-art-project .art-gallery .media-6{grid-column:7/13;grid-row:4/6}.string-art-project .art-gallery .media-video video{object-fit:cover;background:#030b11}.string-art-project .art-gallery .media-video:after{content:"PROCESS / MOTION";position:absolute;left:15px;bottom:15px;z-index:4;color:#fff;font-size:8px;font-weight:900;letter-spacing:1.6px;background:rgba(4,16,26,.72);padding:8px 10px;border-radius:999px;pointer-events:none}

.project-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(2,9,14,.94);display:grid;place-items:center;padding:42px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;backdrop-filter:blur(12px)}.project-lightbox.open{opacity:1;visibility:visible}.lightbox-stage{width:min(92vw,1500px);height:min(84vh,1000px);display:grid;place-items:center}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 35px 100px rgba(0,0,0,.6)}.lightbox-close{position:absolute;right:24px;top:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer}.lightbox-hint{position:absolute;bottom:18px;color:#758896;font-size:8px;font-weight:800;letter-spacing:1.5px}.lightbox-open{overflow:hidden}

@media(max-width:1050px){.string-art-project .art-gallery .media-grid{grid-auto-rows:175px}.project-hero-grid{gap:36px}.project-hero h1{font-size:clamp(40px,6vw,64px)}}
@media(max-width:900px){.project-hero-grid,.project-copy{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.project-nav .brand-copy span{display:none}.project-cover{max-width:760px}.gallery-head{align-items:flex-start;flex-direction:column}.string-art-project .art-gallery .media-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.string-art-project .art-gallery .media-1,.string-art-project .art-gallery .media-2,.string-art-project .art-gallery .media-3,.string-art-project .art-gallery .media-4,.string-art-project .art-gallery .media-5,.string-art-project .art-gallery .media-6{grid-column:auto;grid-row:auto}.string-art-project .art-gallery .media-1,.string-art-project .art-gallery .media-2{grid-column:span 2}.project-lightbox{padding:24px}}
@media(max-width:620px){.project-nav{height:68px;padding:0 14px}.project-nav .brand-copy{display:none}.project-hero{padding:104px 0 48px}.project-hero h1{font-size:42px;letter-spacing:-1.4px}.project-lead{font-size:14px}.project-body{padding:56px 0 78px}.project-copy{gap:18px;margin-bottom:38px}.case-block{padding:22px}.gallery{margin-top:58px;padding-top:38px}.gallery-head{margin-bottom:18px}.gallery-count{font-size:8px}.string-art-project .art-gallery{margin-top:62px;padding-top:40px}.string-art-project .art-gallery .media-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.string-art-project .art-gallery .media-1,.string-art-project .art-gallery .media-2{grid-column:auto}.string-art-project .art-gallery .media-item{aspect-ratio:4/5;min-height:0}.string-art-project .art-gallery .media-video{aspect-ratio:9/16}.media-item{min-height:230px}.project-lightbox{padding:14px}.lightbox-close{right:12px;top:12px}.lightbox-hint{display:none}}