@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{--ink:#14090f;--red:#ac1631;--red2:#c51d3d;--paper:#f1ece5;--white:#f8f5f1;--muted:#9b8f92;--line:rgba(248,245,241,.15);--darkline:rgba(20,9,15,.14);--max:1240px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 72px),var(--max));margin:auto}.section-dark{background:var(--ink);color:var(--white)}.section-light{background:var(--paper);color:var(--ink)}.section-cream{background:#e9dfd3;color:var(--ink)}.section-red{background:var(--red);color:var(--white)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(172,22,49,.15),transparent 68%);transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .3s}.site-header{height:82px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid transparent;transition:.4s var(--ease);mix-blend-mode:normal}.site-header.scrolled{background:rgba(20,9,15,.9);backdrop-filter:blur(16px);border-color:var(--line)}.brand img{width:92px;height:92px;object-fit:cover;mix-blend-mode:screen;filter:contrast(1.05)}.nav{display:flex;align-items:center;gap:30px;color:var(--white);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.nav a{opacity:.72;transition:.25s}.nav a:hover{opacity:1;color:#fff}.nav .nav-cta{opacity:1;border:1px solid rgba(255,255,255,.35);padding:11px 17px;border-radius:100px}.menu-toggle{display:none;background:none;border:0;color:white;width:42px;height:42px}.menu-toggle span{display:block;width:22px;height:1px;background:white;margin:6px auto}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 85%);opacity:.45}.hero-red-shape{position:absolute;width:52vw;height:52vw;max-width:780px;max-height:780px;border:1px solid rgba(172,22,49,.5);border-radius:48% 52% 58% 42%;right:-18vw;top:12%;transform:rotate(-25deg);animation:floatShape 12s ease-in-out infinite}.hero-red-shape:before{content:"";position:absolute;inset:9%;border:1px solid rgba(197,29,61,.28);border-radius:52% 48% 44% 56%;animation:spinSlow 22s linear infinite}.hero-orbit{position:absolute;border:1px solid rgba(172,22,49,.22);border-radius:50%;left:-20vw;top:10%;width:62vw;height:62vw;animation:spinSlow 28s linear infinite}.orbit-two{left:-24vw;top:19%;width:50vw;height:50vw;animation-direction:reverse;animation-duration:20s}.hero-inner{position:relative;z-index:3;padding-top:70px}.eyebrow,.kicker,.section-label,.project-meta,.art-label,.process-step>span,.contact-note{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em}.eyebrow{font-size:11px;color:#d2c5c9;margin:0 0 28px}.hero-title{font-size:clamp(76px,12vw,170px);line-height:.78;letter-spacing:-.075em;margin:0;max-width:920px;font-weight:800}.hero-title em,.display em,.contact-title em{font-family:'Playfair Display',serif;font-weight:600}.hero-title em{color:var(--red2);font-size:.95em}.hero-copy{font-size:18px;line-height:1.65;color:#c6babe;max-width:570px;margin:46px 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:25px;align-items:center;padding:16px 21px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.button-primary{background:var(--red);color:#fff;box-shadow:0 15px 45px rgba(172,22,49,.22);transition:.3s var(--ease)}.button-primary:hover{transform:translateY(-3px);background:var(--red2);box-shadow:0 20px 55px rgba(172,22,49,.32)}.button-primary span{font-size:17px}.text-link{font-size:12px;color:#c9bec2;text-transform:uppercase;letter-spacing:.1em}.text-link span{margin-left:10px}.hero-side-note{position:absolute;right:36px;bottom:100px;z-index:3;display:flex;gap:15px;align-items:center;writing-mode:vertical-rl;color:#756a6e;font:10px 'DM Mono';letter-spacing:.16em}.hero-side-note span:first-child{color:var(--red2)}.hero-bottom{position:absolute;left:36px;right:36px;bottom:27px;display:flex;justify-content:space-between;color:#63565b;font:10px 'DM Mono';letter-spacing:.15em}
.manifesto{position:relative;padding:150px 0 180px;overflow:hidden}.manifesto-grid{display:grid;grid-template-columns:180px 1fr;gap:60px}.section-label{font-size:10px;display:flex;gap:15px;align-items:flex-start;color:#786c70}.section-label span:first-child{color:var(--red)}.section-label.light{color:#85777b}.manifesto-content{max-width:900px}.kicker{font-size:11px;color:#8b7c81;margin:0 0 28px}.display{font-size:clamp(55px,7.5vw,105px);line-height:.91;letter-spacing:-.065em;margin:0 0 38px;font-weight:800}.display em{color:var(--red);font-size:.96em}.large-copy{font-size:clamp(20px,2.3vw,29px);line-height:1.45;max-width:850px;margin:0 0 25px;letter-spacing:-.025em}.body-copy{max-width:690px;color:#655b5e;line-height:1.8;font-size:15px}.ink-line{height:1px;background:var(--darkline);position:absolute;left:8%;right:8%;bottom:90px;transform-origin:left;animation:lineGrow 2s var(--ease) both}
.work{padding:145px 0 165px;position:relative;overflow:hidden}.work:after{content:"QAIS";position:absolute;font-size:28vw;font-weight:800;letter-spacing:-.09em;color:rgba(255,255,255,.015);right:-5vw;top:10%;line-height:1;pointer-events:none}.work-heading{display:grid;grid-template-columns:180px 1fr;gap:60px;margin-bottom:90px}.light-text{color:var(--white)}.work-heading .kicker{color:#8f8286}.project-list{display:grid;grid-template-columns:1.18fr .82fr;gap:70px 35px;align-items:start}.project:nth-child(2){margin-top:150px}.project:nth-child(3){grid-column:1/-1;width:72%;margin-left:auto}.project-art{height:clamp(330px,42vw,590px);position:relative;overflow:hidden}.art-red{background:#9d1230}.art-cream{background:#ded3c7}.art-burgundy{background:#250d16}.project-art:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.15)}.art-label{position:absolute;left:30px;bottom:28px;z-index:3;font-size:9px;color:white}.dark-label{color:var(--ink)}.art-sun{position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:#f0d8b8;right:13%;top:14%;box-shadow:0 0 90px rgba(240,216,184,.22)}.art-mountain{position:absolute;bottom:-8%;width:80%;height:52%;background:#250d16;transform:skewX(-25deg) rotate(5deg)}.m1{left:-12%}.m2{right:-30%;height:42%;background:#6e1027}.art-character{position:absolute;width:20%;height:50%;background:#14090f;bottom:5%;left:39%;border-radius:48% 48% 12% 12%;transform:rotate(7deg)}.art-character:before{content:"";position:absolute;width:56%;aspect-ratio:1;left:22%;top:-27%;background:#14090f;border-radius:50%}.art-eye{position:absolute;width:55%;aspect-ratio:1;border:18px solid #14090f;border-radius:50%;left:20%;top:10%;transform:rotate(-12deg)}.art-eye:after{content:"";position:absolute;width:25%;aspect-ratio:1;border-radius:50%;background:var(--red);left:40%;top:35%;box-shadow:0 0 0 12px #ded3c7,0 0 0 18px var(--red)}.art-stroke{position:absolute;width:80%;height:13px;background:var(--red);border-radius:50%;left:10%;transform:rotate(-22deg)}.s1{top:62%}.s2{top:70%;left:22%;transform:rotate(18deg);width:60%;background:#14090f}.art-dot{width:18px;height:18px;border-radius:50%;background:#14090f;position:absolute;right:15%;top:22%}.art-figure{position:absolute;left:36%;bottom:0;width:25%;height:75%;background:#e2cdb9;border-radius:48% 48% 0 0;transform:rotate(-8deg)}.art-figure:before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#e2cdb9;top:-22%;left:16%}.art-circle{position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:50%;left:22%;top:13%}.art-spark{position:absolute;width:9px;height:70px;background:var(--red2);transform:rotate(35deg);border-radius:10px}.sp1{left:20%;top:25%}.sp2{right:19%;top:52%;transform:rotate(-45deg)}.project-meta{display:flex;justify-content:space-between;color:#7e7074;font-size:9px;padding-top:17px}.project-meta span:last-child{color:#b0a2a6}
.values{padding:145px 0 170px}.values-top{display:grid;grid-template-columns:180px 1fr;gap:60px;margin-bottom:90px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--darkline)}.value-card{padding:30px 30px 10px 0;border-right:1px solid var(--darkline);min-height:340px;position:relative}.value-card:not(:first-child){padding-left:30px}.value-card:last-child{border-right:0}.value-no{font:10px 'DM Mono';color:var(--red)}.value-icon{font-size:45px;margin:65px 0 25px;font-family:Georgia,serif;color:var(--red)}.value-card h3{font-size:23px;margin:0 0 15px;letter-spacing:-.04em}.value-card p{color:#665c60;line-height:1.7;font-size:14px;max-width:330px}
.process{position:relative;padding:145px 0 165px;overflow:hidden}.process-wash{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(172,22,49,.32),transparent 67%);right:-250px;top:-150px;animation:pulse 8s ease-in-out infinite}.process-inner{position:relative}.process h2{margin-top:40px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:105px;border-top:1px solid var(--line)}.process-step{padding:27px 28px 0 0;border-right:1px solid var(--line);min-height:210px}.process-step:not(:first-child){padding-left:28px}.process-step:last-child{border-right:0}.process-step>span{font-size:9px;color:var(--red2)}.process-step h3{font-size:27px;margin:38px 0 12px;letter-spacing:-.04em}.process-step p{color:#a99ca0;font-size:13px;line-height:1.6;max-width:200px}
.community{padding:150px 0}.community-grid{display:grid;grid-template-columns:180px 1fr;gap:60px}.community-mark{display:flex;flex-wrap:wrap;align-content:start;gap:0;font-size:35px;font-weight:800;letter-spacing:-.1em;color:var(--red);line-height:.9}.community-mark span:nth-child(2){color:var(--ink)}.community-mark i{display:block;width:100%;height:1px;background:var(--darkline);margin:17px 0}.community-grid .large-copy{max-width:740px}
.contact{min-height:78vh;display:flex;align-items:center;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:2}.contact-orbit{position:absolute;width:70vw;height:70vw;right:-35vw;top:-15vw;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:spinSlow 30s linear infinite}.contact-orbit:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.12);border-radius:50%}.contact-title{font-size:clamp(70px,12vw,160px);line-height:.8;letter-spacing:-.08em;margin:45px 0 70px}.contact-title em{color:#240b13}.contact-email{display:inline-flex;align-items:center;gap:30px;font-size:clamp(19px,2.3vw,30px);font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:11px;transition:.3s}.contact-email:hover{gap:45px}.contact-note{font-size:9px;margin-top:24px;color:#e6bdc6}.footer{padding:35px 0}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;font:10px 'DM Mono';color:#827479}.footer strong{display:block;color:#eee;font:700 12px Manrope;letter-spacing:.08em}.footer span{display:block;margin-top:7px}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:white}.copyright{text-align:right}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.reveal-delay-3{transition-delay:.32s}
@keyframes floatShape{0%,100%{transform:rotate(-25deg) translate(0,0)}50%{transform:rotate(-18deg) translate(-20px,25px)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes lineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.container{width:min(calc(100% - 40px),var(--max))}.site-header{padding:0 20px}.brand img{width:78px;height:78px}.nav{position:fixed;inset:82px 0 auto 0;background:rgba(20,9,15,.97);backdrop-filter:blur(20px);padding:30px 20px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;transform:translateY(-150%);transition:.45s var(--ease);font-size:13px}.nav.open{transform:translateY(0)}.menu-toggle{display:block}.hero-copy{font-size:16px}.hero-side-note{display:none}.manifesto-grid,.work-heading,.values-top,.community-grid{grid-template-columns:1fr;gap:35px}.project-list{grid-template-columns:1fr;gap:55px}.project:nth-child(2),.project:nth-child(3){margin-top:0;width:100%;margin-left:0}.project-art{height:70vw;max-height:500px}.value-grid{grid-template-columns:1fr}.value-card,.value-card:not(:first-child){border-right:0;border-bottom:1px solid var(--darkline);padding:30px 0;min-height:270px}.value-card:last-child{border-bottom:0}.value-icon{margin:35px 0 20px}.process-track{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(3){border-top:1px solid var(--line);padding-top:27px}.process-step:nth-child(4){border-top:1px solid var(--line);padding-top:27px}.footer-inner{grid-template-columns:1fr;gap:25px}.copyright{text-align:left}.footer-links{flex-wrap:wrap}.contact-title{margin:35px 0 50px}}
@media(max-width:560px){.container{width:calc(100% - 30px)}.site-header{height:68px}.brand img{width:66px;height:66px}.nav{inset:68px 0 auto 0}.hero{min-height:760px}.hero-inner{padding-top:50px}.hero-title{font-size:clamp(64px,19vw,100px)}.hero-copy{margin:35px 0 27px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom{left:15px;right:15px;bottom:18px}.manifesto,.work,.values,.process,.community{padding:95px 0}.display{font-size:clamp(48px,14vw,75px)}.work-heading{margin-bottom:55px}.project-meta{gap:20px;line-height:1.5}.project-meta span:last-child{text-align:right}.process-track{grid-template-columns:1fr}.process-step,.process-step:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:25px 0;min-height:auto}.process-step:last-child{border-bottom:0}.contact{min-height:700px}.contact-title{font-size:clamp(65px,18vw,100px)}.footer{padding:30px 0}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.hero-red-shape,.hero-orbit,.process-wash,.contact-orbit{animation:none}}
