:root{--blue:#2839cf;--blue-deep:#1c278f;--orange:#ff704f;--lemon:#d7fb69;--paper:#fff9ed;--ink:#20231f;--muted:#85847d;--line:#ded9cd;--arabic:'Alexandria',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{cursor:url("assets/cursor-arrow.svg") 4 2,auto;margin:0;background:var(--paper);color:var(--ink);font-family:var(--arabic);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5vw;background:var(--blue);color:white}.brand{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.2;letter-spacing:-.04em}.brand b{font-weight:700}.brand-spark{color:var(--lemon);font-size:28px}.topbar nav{display:flex;align-items:center;gap:39px;font-size:12px}.topbar nav a{transition:color .2s}.topbar nav a:hover{color:var(--lemon)}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:11px 17px}.nav-cta span{margin-right:13px;color:var(--lemon)}.hero{min-height:640px;background:var(--blue);color:white;position:relative;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:5%;padding:46px max(8vw,calc((100vw - 1180px)/2)) 73px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.25)}.hero-copy{position:relative;z-index:2;padding:10px 3% 0 0}.eyebrow{font-family:var(--arabic);font-size:11px;letter-spacing:-.02em;margin:0 0 25px;color:rgba(255,255,255,.72)}.hero .eyebrow span{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px;background:var(--lemon)}.hero h1{font-size:clamp(55px,7.5vw,94px);font-weight:600;line-height:1.28;letter-spacing:-.075em;margin:0;color:white}.hero h1 em{font-weight:500;color:var(--lemon);font-style:normal}.hero-text{max-width:400px;font-size:14px;line-height:2;color:rgba(255,255,255,.8);margin:20px 0 24px}.hero-link{font-size:12px;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid rgba(255,255,255,.65);padding:0 0 9px}.hero-link span{color:var(--lemon);font-size:17px}.hero-foot{margin-top:57px;display:flex;gap:27px;color:rgba(255,255,255,.56);font:10px var(--arabic)}.hero-foot i{font-style:normal;color:var(--lemon);margin-right:7px}.hero-art{position:relative;z-index:1;justify-self:center;width:min(100%,510px);height:470px;display:block;margin-left:14px}.art-frame{position:absolute;inset:12px 25px 12px 12px;display:block;background:var(--orange);padding:13px;transform:rotate(-2.5deg);box-shadow:16px 17px 0 rgba(17,20,83,.26);transition:transform .4s}.hero-art:hover .art-frame{transform:rotate(0) scale(1.015)}.art-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.art-tag{position:absolute;top:-15px;left:-4px;width:105px;height:105px;background:var(--lemon);color:var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.75;transform:rotate(-10deg);z-index:3}.art-index{position:absolute;bottom:30px;right:-4px;background:var(--paper);color:var(--ink);padding:12px 16px;font-size:9px;letter-spacing:.05em}.art-index b{font-size:16px;color:var(--blue);margin-right:25px}.hero-side{position:absolute;left:2.5vw;bottom:85px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.1em;color:rgba(255,255,255,.48)}.hero-side span{color:var(--lemon);margin-top:12px}.hero-orbit{position:absolute;color:rgba(255,255,255,.2);pointer-events:none}.orbit-one{top:63px;left:11%;font-size:9px;letter-spacing:.1em;transform:rotate(-9deg)}.orbit-two{left:43%;bottom:66px;font-size:45px;color:rgba(215,251,105,.8)}.manifesto{background:var(--orange);color:var(--ink);padding:33px 8vw}.manifesto-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 4fr 40px;align-items:center;gap:20px}.manifesto-label{font-size:10px}.manifesto p{font-size:clamp(21px,3vw,34px);line-height:1.7;letter-spacing:-.06em;margin:0;font-weight:500}.manifesto p em{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.manifesto-star{font-size:31px}
.work-section{max-width:1240px;width:calc(100% - 100px);margin:auto;padding:110px 0 95px}.section-intro{display:grid;grid-template-columns:1fr auto 50px;align-items:end;gap:25px;margin-bottom:44px}.dark-eyebrow{color:var(--muted);margin-bottom:18px}.section-intro h2,.about-content h2,.contact-section h2{font-size:clamp(49px,6.5vw,76px);font-weight:500;line-height:1.45;letter-spacing:-.08em;margin:0}.section-intro h2 em,.about-content h2 em{font-style:normal;color:var(--blue)}.section-note{font-size:11px;line-height:2;color:var(--muted);margin:0 0 12px}.section-doodle{font-size:35px;color:var(--orange);margin:0 0 9px}.project-card{display:block;background:var(--blue);color:white;margin:0 0 70px;overflow:hidden}.project-summary{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:350px;cursor:url("assets/cursor-view.svg") 17 17,pointer;list-style:none}.project-summary::-webkit-details-marker{display:none}.project-summary::marker{content:""}.project-cover{display:block;min-height:350px;overflow:hidden;background:#26334c}.project-cover img{display:block;width:100%;height:100%;min-height:350px;object-fit:contain;transition:transform .6s}.project-summary:hover .project-cover img{transform:scale(1.03)}.project-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px clamp(25px,5vw,68px);min-height:350px}.project-kicker{font-size:10px;color:var(--lemon);margin:0 0 18px}.project-kicker i{font-style:normal;padding:0 8px;color:rgba(255,255,255,.55)}.project-title{display:block;font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.06em;margin:0 0 12px}.project-description{display:block;font-size:11px;line-height:2;color:rgba(255,255,255,.77);max-width:310px;margin:0}.project-open-action{width:100%;display:flex;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.3);padding-top:15px;margin-top:27px}.project-open-label{font-size:10px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.65)}.project-open-label b{font-weight:400;color:var(--lemon);margin-right:14px}.open-label{display:none}.project-card[open] .closed-label{display:none}.project-card[open] .open-label{display:inline}.project-toggle-icon{margin-right:auto;font-size:22px;color:var(--lemon);transition:transform .25s}.project-card[open] .project-toggle-icon{transform:rotate(45deg)}.project-count{font-size:9px;color:rgba(255,255,255,.64);white-space:nowrap}.project-count b{font-size:16px;color:var(--lemon);margin-right:6px}.project-panel{background:var(--paper);color:var(--ink);padding:35px clamp(22px,4vw,52px) 30px;animation:panel-in .35s ease-out}@keyframes panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-gallery-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:23px}.project-gallery-heading>span,.project-gallery-heading>p{font-size:10px;color:var(--muted);margin:0}.project-gallery-heading h3{font-size:clamp(23px,3.5vw,38px);font-weight:500;margin:0;letter-spacing:-.06em}.project-gallery-heading h3 em{font-style:normal;color:var(--blue)}.project-gallery-heading>p{text-align:left}.work-tools{border-block:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:15px 0;margin-bottom:24px}.work-tools>span{font-size:10px;color:var(--muted);white-space:nowrap}.filters{display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{appearance:none;white-space:nowrap;border:1px solid #d2cdbf;border-radius:40px;background:transparent;padding:9px 14px;font:10px var(--arabic);color:#595b55;cursor:pointer;transition:.18s}.filter:hover,.filter.active{background:var(--blue);border-color:var(--blue);color:white}.filter b{font-weight:400;color:var(--lemon);font-size:9px;margin-right:7px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 19px;align-items:start}.work-card{grid-column:span 1;margin:0;min-width:0}.work-card button{border:0;padding:0;background:transparent;width:100%;display:block;text-align:right;color:inherit;cursor:url("assets/cursor-view.svg") 17 17,zoom-in}.work-image{display:grid;place-items:center;position:relative;overflow:hidden;width:100%;height:clamp(255px,34vw,420px);background:#1e3151}.work-card:nth-child(5n+2) .work-image{background:#e98157}.work-card:nth-child(5n+3) .work-image{background:#d9e9cb}.work-card:nth-child(5n+4) .work-image{background:#d9b9a5}.work-card:nth-child(5n+5) .work-image{background:#222a70}.work-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.65,.3,1);padding:0}.work-card:hover .work-image img{transform:scale(1.035)}.work-info{display:flex;justify-content:space-between;align-items:start;padding-top:11px;gap:12px}.work-title{font:500 16px var(--serif);direction:ltr;display:inline-block}.work-cat{display:block;font-size:9px;color:var(--muted);margin-top:6px}.work-no{font:10px var(--mono);color:#a4a093;padding-top:4px}.gallery-end{border-top:1px solid var(--line);padding-top:16px;margin-top:42px;display:flex;justify-content:space-between;font-size:10px;color:#918d83}.gallery-end b{color:var(--orange);font-size:17px;margin-right:8px}
.about-section{position:relative;overflow:hidden;background:var(--blue);color:white;padding:91px max(8vw,calc((100vw - 1100px)/2));display:grid;grid-template-columns:1fr 2.7fr auto;align-items:center;gap:44px}.about-sticker{width:158px;height:158px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-9deg);font-size:14px;line-height:1.8;text-align:center}.about-sticker b{font-size:28px;font-weight:400;color:var(--lemon);margin-top:6px}.about-content .eyebrow{color:var(--lemon);margin-bottom:14px}.about-content h2{font-size:clamp(42px,5.4vw,66px)}.about-content h2 em{color:var(--lemon)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px;max-width:650px;margin-top:18px}.about-columns p{font-size:11px;line-height:2.2;color:rgba(255,255,255,.74);margin:0}.about-number{font:10px/2 var(--arabic);color:rgba(255,255,255,.42);white-space:nowrap}.about-number i{font-style:normal;color:var(--lemon)}.contact-section{position:relative;overflow:hidden;text-align:center;padding:100px 20px 104px;background:var(--lemon)}.contact-section .eyebrow{color:#626b43;margin-bottom:13px}.contact-section h2{font-size:clamp(52px,7vw,82px);line-height:1.4}.contact-section h2 em{font-style:normal;color:var(--blue)}.contact-copy{font-size:11px;color:#51583a;margin:14px auto 21px}.contact-link{display:inline-block;background:var(--blue);color:white;padding:13px 23px;font-size:11px;transition:transform .2s}.contact-link:hover{transform:translateY(-3px)}.contact-link span{margin-right:24px;color:var(--lemon)}.edit-note{display:block;font-size:9px;color:#747958;margin:14px auto 0}.contact-decoration{position:absolute;left:8%;top:13%;font-size:70px;color:rgba(40,57,207,.15);transform:rotate(17deg)}.footer{background:var(--blue-deep);color:white;padding:21px 6.5vw;display:flex;align-items:center;justify-content:space-between}.footer>span,.footer>a:last-child{font-size:9px;color:rgba(255,255,255,.65)}.lightbox{width:min(980px,calc(100% - 30px));max-width:none;max-height:95vh;border:0;padding:22px;background:var(--paper);color:var(--ink)}.lightbox::backdrop{background:rgba(13,19,72,.91)}.lightbox figure{margin:0;text-align:center}.lightbox figure img{max-width:100%;max-height:78vh;object-fit:contain}.lightbox figcaption{font:12px var(--serif);padding-top:12px;direction:ltr}.lightbox button{position:absolute;border:0;border-radius:50%;width:41px;height:41px;background:var(--lemon);color:var(--ink);font-size:22px;cursor:pointer}.lightbox-close{left:12px;top:12px}.lightbox-prev{right:12px;top:50%}.lightbox-next{left:12px;top:50%}.load-error{direction:rtl;color:var(--muted);font-size:12px}
@media(max-width:800px){.project-summary{min-height:300px}.project-details{min-height:300px}.project-cover,.project-cover img{min-height:300px}.project-gallery-heading{grid-template-columns:1fr auto}.project-gallery-heading>p{display:none}.topbar{height:74px;padding:0 22px}.topbar nav{gap:19px}.hero{min-height:0;grid-template-columns:1fr 1fr;gap:2%;padding:58px 5vw 54px}.hero h1{font-size:clamp(57px,10vw,82px)}.hero-art{height:400px;margin-left:8px;width:100%}.hero-foot{margin-top:39px;gap:16px}.hero-side{display:none}.orbit-one{left:6%}.manifesto{padding-inline:6vw}.work-section{width:calc(100% - 48px);padding:78px 0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.work-card{grid-column:span 1}.work-image{height:clamp(230px,40vw,340px)}.about-section{grid-template-columns:130px 1fr;gap:26px;padding:67px 6vw}.about-sticker{width:120px;height:120px}.about-number{display:none}.about-content h2{font-size:clamp(42px,7vw,58px)}.contact-section{padding:75px 20px}}
@media(max-width:560px){.project-card{margin-bottom:55px}.project-summary{grid-template-columns:1fr;min-height:0}.project-cover,.project-cover img{min-height:230px;height:57vw;max-height:320px}.project-details{padding:24px 22px;min-height:0}.project-title{font-size:32px}.project-open-action{margin-top:19px;gap:10px}.project-open-label{font-size:9px}.project-count{font-size:8px}.project-panel{padding:24px 14px}.project-gallery-heading{margin-bottom:17px;padding-bottom:8px}.project-gallery-heading h3{font-size:23px}.project-gallery-heading>span{font-size:9px}.topbar{height:67px;padding:0 19px}.brand{font-size:10px}.brand-spark{font-size:23px}.topbar nav{gap:14px;font-size:10px}.topbar nav a:nth-child(2){display:none}.nav-cta{padding:9px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:47px 23px 39px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:15px}.hero h1{font-size:67px;line-height:1.24}.hero-text{font-size:12px;max-width:330px;margin:12px 0 17px}.hero-foot{margin-top:25px;font-size:9px}.hero-art{height:75vw;max-height:390px;margin:0 5px 0 0;width:calc(100% - 10px)}.art-frame{inset:11px 15px 10px 8px;padding:8px}.art-tag{width:82px;height:82px;font-size:10px}.art-index{bottom:18px;padding:9px 12px}.orbit-one{top:auto;bottom:27px;left:18px;font-size:8px}.orbit-two{left:auto;right:15px;bottom:26px;font-size:29px}.manifesto{padding:23px}.manifesto-inner{grid-template-columns:1fr 22px;gap:6px}.manifesto-label{grid-column:1/-1;font-size:9px}.manifesto p{font-size:22px;line-height:1.8}.manifesto-star{font-size:22px}.work-section{width:calc(100% - 36px);padding:65px 0}.section-intro{grid-template-columns:1fr 28px;gap:9px;margin-bottom:25px}.section-intro h2{font-size:53px}.section-note{grid-column:1/-1;grid-row:2;margin:0}.section-doodle{grid-column:2;grid-row:1;font-size:26px}.work-tools{display:block;padding:13px 0;margin-bottom:18px}.work-tools>span{display:block;margin-bottom:11px}.filters{gap:6px}.filter{padding:8px 11px;font-size:9px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 10px}.work-card{grid-column:span 1}.work-image{height:clamp(205px,62vw,310px)}.work-title{font-size:14px}.work-cat{font-size:8px}.gallery-end{font-size:8px}.about-section{display:block;padding:57px 25px}.about-sticker{position:absolute;top:42px;left:19px;width:78px;height:78px;font-size:9px}.about-sticker b{font-size:18px;margin-top:0}.about-content .eyebrow{font-size:9px}.about-content h2{font-size:46px}.about-columns{grid-template-columns:1fr;gap:10px;margin-top:14px}.about-columns p{font-size:10px}.contact-section{padding:64px 18px 70px}.contact-section h2{font-size:59px}.contact-decoration{left:4%;top:8%;font-size:43px}.footer{padding:17px 20px}.footer>span{font-size:8px}.footer>a:last-child{font-size:8px}}

/* Project cover carousel and custom art accents */
.art-frame img{transition:opacity .28s ease,transform .55s cubic-bezier(.2,.65,.3,1)}
.art-frame img.is-changing{opacity:.12}
.art-tag{width:132px;height:112px;padding:12px;clip-path:polygon(50% 0%,61% 8%,74% 3%,82% 15%,96% 20%,92% 35%,100% 49%,91% 61%,95% 76%,81% 83%,74% 97%,59% 91%,48% 100%,37% 91%,22% 96%,15% 82%,1% 75%,8% 60%,0% 48%,8% 35%,4% 21%,18% 16%,25% 3%,40% 9%);font-weight:600;line-height:1.5}
.brand-spark{display:grid;place-items:center;width:31px;height:31px;font-size:24px;transform:rotate(-12deg)}
.manifesto-star{color:var(--blue);font-size:44px;transform:rotate(-24deg)}
.section-doodle{font-family:var(--serif);font-weight:500;transform:rotate(-12deg)}
.contact-decoration{font-size:68px;transform:rotate(-13deg)}
@media(max-width:560px){.art-tag{width:98px;height:88px;font-size:9px;padding:10px}}
@media(prefers-reduced-motion:reduce){.art-frame img{transition:none}}