:root{
  --bg:#080808;
  --panel:#0d0d0d;
  --panel-2:#121212;
  --text:#f2f0eb;
  --muted:#a8a8a2;
  --line:rgba(255,255,255,.16);
  --accent:#ef5a29;
  --accent-2:#ff784d;
  --max:1600px;
  --gutter:clamp(24px,4vw,72px);
  --display:'Oswald','Arial Narrow',Arial,sans-serif;
  --body:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
::selection{background:var(--accent);color:#fff}

body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.03;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='.7'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(239,90,41,.085),rgba(239,90,41,0) 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;mix-blend-mode:screen;transition:opacity .3s}
.page-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:9999;background:transparent}.page-progress span{display:block;height:100%;width:0;background:var(--accent)}

.site-header{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;padding:0 var(--gutter);border-bottom:1px solid transparent;position:fixed;inset:0 0 auto;z-index:1000;transition:background .35s,border-color .35s,backdrop-filter .35s}
.site-header.scrolled{background:rgba(8,8,8,.84);border-color:var(--line);backdrop-filter:blur(18px)}
.wordmark{font-weight:800;font-size:20px;letter-spacing:.08em;justify-self:start}
.site-nav{display:flex;align-items:center;gap:42px;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.12em}
.site-nav a,.site-footer a{position:relative}.site-nav a:after,.site-footer a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s}.site-nav a:hover:after,.site-footer a:hover:after{transform:scaleX(1);transform-origin:left}
.header-cta{justify-self:end;border:1px solid rgba(255,255,255,.45);padding:13px 20px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;transition:.3s}.header-cta:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.header-cta span{color:var(--accent);margin-left:8px}
.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--text);margin:6px 0;transition:.3s}

.section-grid{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.34em;font-weight:700;margin:0 0 24px}
.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;display:inline-flex;align-items:center;gap:13px}.text-link span{color:var(--accent)}
.round-arrow{width:46px;height:46px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-size:16px;transition:.3s}.text-link:hover .round-arrow{background:var(--accent);color:white;transform:rotate(45deg)}

.hero{min-height:820px;padding-top:148px;padding-bottom:60px;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(580px,1.18fr);align-items:center;gap:5vw;position:relative}
.hero:after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:var(--line)}
.hero-copy{position:relative;z-index:2;padding-bottom:28px}
.hero h1{font-family:var(--display);font-size:clamp(66px,6.35vw,118px);font-weight:700;line-height:.92;letter-spacing:-.042em;margin:0;text-transform:uppercase;max-width:760px}
.hero-text{max-width:490px;color:#c2c2bd;font-size:14px;margin:28px 0 31px}
.hero-link{gap:18px}
.hero-stage{height:640px;position:relative;perspective:1400px;isolation:isolate}
.hero-stage:before{content:"";position:absolute;width:83%;height:58%;right:0;bottom:5%;background:radial-gradient(ellipse,rgba(255,255,255,.12),transparent 68%);filter:blur(18px);transform:rotate(-5deg);z-index:-1}
.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.6}.orb-one{width:170px;height:170px;background:radial-gradient(circle at 30% 30%,#4f2518,#120806 70%);right:5%;top:7%}.orb-two{width:76px;height:76px;background:var(--accent);opacity:.17;left:5%;bottom:20%;filter:blur(25px)}
.device{position:absolute;will-change:transform;transition:transform .2s ease-out}
.laptop{right:1%;top:11%;width:min(94%,920px);transform:rotateY(-7deg) rotateX(2deg) rotateZ(-2deg);transform-style:preserve-3d;z-index:2}
.laptop-screen{aspect-ratio:16/10;background:#060606;border:2px solid #2c2c2c;border-radius:17px 17px 8px 8px;padding:12px;box-shadow:0 35px 90px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.08)}
.mini-site{height:100%;border-radius:6px;overflow:hidden;position:relative;background:#070b0e url('../images/projects/desire2home.webp') center/cover no-repeat}.mini-site:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.9) 0,rgba(4,4,4,.68) 38%,rgba(4,4,4,.08) 77%)}
.mini-nav{position:absolute;left:30px;right:30px;top:23px;display:flex;align-items:center;justify-content:space-between;color:white;z-index:2;font-size:8px;letter-spacing:.11em}.mini-nav span{font-weight:700}.mini-nav i{font-style:normal;font-size:6px;color:rgba(255,255,255,.72)}
.mini-copy{position:absolute;left:7%;top:27%;z-index:3;display:flex;flex-direction:column}.mini-copy small{font-size:7px;text-transform:uppercase;letter-spacing:.18em;color:#d0d0cb;margin-bottom:17px}.mini-copy strong{font-family:var(--display);font-size:clamp(34px,4.1vw,66px);line-height:.9;font-weight:500;letter-spacing:-.03em}.mini-copy span{font-size:7px;letter-spacing:.12em;color:white;margin-top:28px}
.laptop-base{height:19px;width:108%;margin-left:-4%;background:linear-gradient(180deg,#353535,#101010 55%,#292929);border-radius:2px 2px 16px 16px;box-shadow:0 20px 30px rgba(0,0,0,.75);position:relative}.laptop-base:after{content:"";position:absolute;left:42%;top:0;width:16%;height:5px;border-radius:0 0 5px 5px;background:#171717}
.phone{right:-1.5%;bottom:8%;width:154px;height:306px;border-radius:28px;padding:7px;background:linear-gradient(140deg,#555,#090909 25%,#393939 75%,#0a0a0a);box-shadow:0 30px 55px rgba(0,0,0,.7);transform:rotateZ(4deg) rotateY(-10deg);z-index:4}.phone:before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:42px;height:6px;border-radius:10px;background:#070707;z-index:4}.phone-screen{height:100%;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(0deg,rgba(5,5,5,.95),rgba(5,5,5,.05)),url('../images/projects/elejanza.webp') center/cover no-repeat}.phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,4,.22),rgba(4,4,4,.12) 45%,rgba(4,4,4,.93))}.phone-brand,.phone-copy{position:absolute;z-index:2}.phone-brand{left:16px;top:27px;font-size:7px;letter-spacing:.22em}.phone-copy{left:16px;bottom:25px;font-family:var(--display);font-size:23px;line-height:.92}
.stage-caption{position:absolute;left:4%;bottom:5%;right:19%;display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#777;z-index:5}.stage-caption b{color:var(--accent)}

.projects{padding-top:120px}
.section-head{display:grid;grid-template-columns:.5fr 1.25fr .55fr;gap:6vw;align-items:end;margin-bottom:60px}.section-head .eyebrow{align-self:start;margin-top:11px}.section-head h2{font-family:var(--display);font-size:clamp(48px,5.2vw,89px);line-height:.97;letter-spacing:-.035em;text-transform:uppercase;margin:0;font-weight:600}.section-head>p:last-child{color:var(--muted);font-size:14px;max-width:320px;margin:0 0 8px}
.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-card{position:relative;min-height:560px;overflow:hidden;border-right:1px solid var(--line);cursor:pointer;background:#0d0d0d}.project-card:last-child{border-right:0}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s}.project-card:focus{outline:2px solid var(--accent);outline-offset:-2px}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 10%,rgba(0,0,0,.05) 45%,rgba(0,0,0,.9) 100%);transition:.55s}.project-card:hover img,.project-card:focus img{transform:scale(1.055);filter:saturate(.88)}.project-card:hover .project-shade,.project-card:focus .project-shade{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.1) 35%,rgba(0,0,0,.92))}
.project-index{position:absolute;top:31px;left:31px;font-size:11px;font-weight:600;z-index:2}.project-info{position:absolute;left:32px;right:32px;bottom:31px;z-index:3;transition:transform .45s}.project-info p{font-size:9px;text-transform:uppercase;letter-spacing:.17em;margin:0 0 8px;color:#d8d8d3}.project-info h3{font-family:var(--display);font-size:35px;line-height:1;margin:0 0 27px}.project-info a{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.project-info a span{color:var(--accent);margin-left:7px}.project-reveal{position:absolute;left:32px;right:32px;top:32px;z-index:3;opacity:0;transform:translateY(-10px);transition:.45s;display:flex;flex-direction:column;align-items:flex-start}.project-reveal strong{font-family:var(--display);font-size:32px;line-height:1.02;text-transform:uppercase}.project-reveal span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;margin-top:14px;color:#ddd}.project-card:hover .project-reveal,.project-card:focus .project-reveal{opacity:1;transform:none}.project-card:hover .project-info,.project-card:focus .project-info{transform:translateY(-2px)}
.project-tall img{object-position:center}.tutor-visual{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#27142f 0,#0b0810 55%,#040404 100%);display:flex;align-items:center;justify-content:center}.tutor-visual img{width:92%;height:auto;max-height:80%;object-fit:contain;transform:perspective(1000px) rotateY(-10deg) rotateX(3deg);box-shadow:0 40px 80px rgba(0,0,0,.5);border-radius:9px}.project-card:hover .tutor-visual img{transform:perspective(1000px) rotateY(-5deg) rotateX(1deg) scale(1.03)}

.services{padding-top:135px;padding-bottom:140px;display:grid;grid-template-columns:.72fr 2fr;gap:6vw}
.services-intro{padding-right:3vw}.services-intro h2{font-family:var(--display);font-size:clamp(50px,4.25vw,74px);line-height:.94;letter-spacing:-.025em;margin:0;text-transform:uppercase}.services-intro h2 em{font-style:normal;color:var(--accent)}.services-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:340px;margin:25px 0 30px}
.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.service{min-height:510px;padding:5px clamp(25px,2.4vw,48px) 20px;border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column}.service-number{font-family:var(--display);font-size:56px;line-height:1;margin-bottom:35px}.service-icon{height:48px;margin-bottom:34px;position:relative;color:var(--accent)}
.icon-window i{position:absolute;width:29px;height:29px;border:1px solid currentColor}.icon-window i:first-child{left:2px;top:12px}.icon-window i:last-child{left:12px;top:3px}
.icon-brand i{display:block;width:37px;height:37px;border:1px solid currentColor;border-radius:50%;position:relative}.icon-brand i:before,.icon-brand i:after{content:"";position:absolute;background:currentColor}.icon-brand i:before{width:1px;height:48px;left:18px;top:-6px}.icon-brand i:after{height:1px;width:48px;top:18px;left:-6px}.icon-brand{transform:rotate(45deg)}
.icon-direction i{position:absolute;left:19px;top:0;width:1px;height:44px;background:currentColor;transform-origin:center}.icon-direction i:nth-child(2){transform:rotate(45deg)}.icon-direction i:nth-child(3){transform:rotate(90deg)}.icon-direction i:nth-child(4){transform:rotate(135deg)}
.service h3{font-size:18px;text-transform:uppercase;margin:0 0 17px}.service p{color:var(--muted);font-size:13px;margin:0 0 28px;max-width:280px}.service ul{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid var(--line)}.service li{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#b7b7b2;padding:12px 0;border-bottom:1px solid var(--line)}

.brand-lab{padding:120px 0;border-top:1px solid var(--line);background:#0a0a0a;overflow:hidden}.brand-lab .section-head{margin-bottom:70px}.logo-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-track{display:flex;width:max-content;animation:marquee 34s linear infinite}.logo-marquee:hover .logo-track{animation-play-state:paused}.identity{width:315px;height:260px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#0b0b0b;transition:.35s}.identity:hover{background:#ef5a29;color:#080808}.identity b{font-size:42px;letter-spacing:-.04em}.identity span{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#83837e}.identity:hover span{color:#080808}.identity-a b{font-family:Georgia,serif;font-weight:400;letter-spacing:.05em}.identity-b b{font-family:var(--display);font-size:51px}.identity-c b{letter-spacing:.08em}.identity-d b{font-weight:400;border:1px solid currentColor;padding:4px 13px}.identity-e b{font-family:Georgia,serif;font-style:italic;font-weight:400}.identity-f b{font-size:30px;letter-spacing:.15em}
@keyframes marquee{to{transform:translateX(-33.333%)}}

.manifesto{padding-top:150px;padding-bottom:150px;display:grid;grid-template-columns:.45fr 1.55fr .45fr;gap:5vw;align-items:start;border-bottom:1px solid var(--line)}.manifesto blockquote{font-family:var(--display);font-size:clamp(54px,6vw,103px);line-height:.98;text-transform:uppercase;letter-spacing:-.04em;margin:0}.manifesto blockquote em{font-style:normal;color:var(--accent)}.manifesto-note{font-size:12px;color:var(--muted);max-width:210px;margin-top:10px}

.contact{min-height:560px;padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:1.45fr .65fr .35fr;gap:5vw;align-items:center;position:relative;background:radial-gradient(circle at 22% 40%,rgba(255,255,255,.035),transparent 36%)}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(120deg,transparent 0 36%,rgba(255,255,255,.025) 36% 37%,transparent 37% 63%,rgba(255,255,255,.018) 63% 64%,transparent 64%)}.contact h2{font-family:var(--display);font-size:clamp(53px,5.4vw,91px);line-height:.95;margin:0;letter-spacing:-.035em;text-transform:uppercase}.contact-side{position:relative;z-index:2}.contact-side p{font-size:13px;color:#c0c0bc;max-width:355px;margin:0 0 30px}.primary-button{display:inline-flex;align-items:center;gap:22px;border:1px solid var(--accent);padding:17px 22px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700;transition:.3s}.primary-button:hover{background:var(--accent);color:white}.email-link{display:block;margin-top:25px;color:#8b8b86;font-size:11px}
.studio-seal{width:150px;height:150px;border:1px solid rgba(255,255,255,.34);border-radius:50%;position:relative;display:grid;place-items:center;justify-self:end}.studio-seal span{font-family:var(--display);font-size:58px}.studio-seal svg{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);animation:spin 22s linear infinite}.studio-seal text{fill:#c8c8c2;font-size:12px;letter-spacing:3.3px;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}
.site-footer{min-height:84px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);text-transform:uppercase;font-size:8px;letter-spacing:.12em;color:#8d8d88}.site-footer div{display:flex;gap:38px}.site-footer>a:last-child{justify-self:end}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1)}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1180px){
  .hero{grid-template-columns:.9fr 1.1fr;gap:20px}.hero-stage{height:560px}.phone{width:130px;height:260px}.project-card{min-height:500px}.services{grid-template-columns:1fr}.services-intro{display:grid;grid-template-columns:.55fr 1fr;gap:40px}.services-intro .eyebrow{grid-column:1}.services-intro h2{grid-row:2;grid-column:1}.services-intro>p:not(.eyebrow){grid-row:2;grid-column:2;margin-top:0}.services-intro .text-link{grid-column:2;align-self:end}.manifesto{grid-template-columns:.35fr 1.65fr}.manifesto-note{grid-column:2;margin-left:auto}.contact{grid-template-columns:1.3fr .7fr}.studio-seal{display:none}
}
@media (max-width:900px){
  .site-header{grid-template-columns:1fr auto;height:76px}.header-cta{display:none}.menu-toggle{display:block;justify-self:end;z-index:2}.site-nav{position:fixed;inset:0;background:#080808;display:flex;flex-direction:column;justify-content:center;gap:28px;font-family:var(--display);font-size:42px;transform:translateY(-100%);transition:.5s}.site-nav.open{transform:none}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero{padding-top:120px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:clamp(64px,15vw,112px)}.hero-stage{height:550px;margin-top:12px}.laptop{width:93%;right:3%;top:8%}.phone{right:1%;bottom:5%}.section-head{grid-template-columns:1fr}.section-head .eyebrow{margin:0}.section-head>p:last-child{max-width:520px}.project-grid{grid-template-columns:1fr}.project-card{border-right:0;border-bottom:1px solid var(--line);min-height:620px}.project-card:last-child{border-bottom:0}.services-intro{display:block}.services-intro>p:not(.eyebrow){margin:24px 0}.service-list{grid-template-columns:1fr;border-left:0}.service{min-height:auto;padding:45px 0;border-right:0;border-top:1px solid var(--line)}.service ul{margin-top:25px}.manifesto{grid-template-columns:1fr}.manifesto-note{grid-column:auto;margin-left:0;max-width:330px}.contact{grid-template-columns:1fr}.contact-side{max-width:520px}.site-footer{grid-template-columns:1fr;justify-items:start;padding-top:28px;padding-bottom:28px}.site-footer>a:last-child{justify-self:start}
}
@media (max-width:600px){
  :root{--gutter:20px}.cursor-glow{display:none}.hero{padding-top:106px}.hero h1{font-size:clamp(57px,17.6vw,87px);line-height:.91}.hero-text{font-size:13px}.hero-stage{height:385px;margin-left:-4px;margin-right:-4px}.laptop{top:8%;width:94%;right:4%;transform:rotateY(-5deg) rotateZ(-2deg)}.laptop-screen{padding:7px;border-radius:10px}.mini-nav{left:15px;right:15px;top:14px}.mini-nav i{display:none}.mini-copy{top:27%;left:7%}.mini-copy strong{font-size:30px}.mini-copy small{font-size:5px;margin-bottom:9px}.mini-copy span{margin-top:14px;font-size:5px}.laptop-base{height:12px}.phone{width:90px;height:181px;border-radius:18px;padding:4px;bottom:2%}.phone-screen{border-radius:14px}.phone:before{top:7px;width:27px;height:4px}.phone-brand{font-size:5px;left:10px;top:18px}.phone-copy{left:10px;bottom:13px;font-size:15px}.stage-caption{display:none}
  .projects,.brand-lab{padding-top:90px}.section-head{margin-bottom:36px}.section-head h2{font-size:47px}.project-card{min-height:510px}.project-info{left:22px;right:22px;bottom:23px}.project-index,.project-reveal{left:22px;top:23px}.project-info h3{font-size:32px}.project-reveal strong{font-size:25px}.services{padding-top:100px;padding-bottom:100px}.services-intro h2{font-size:50px}.service-number{font-size:48px}.brand-lab .section-head{margin-bottom:45px}.identity{width:255px;height:210px}.manifesto{padding-top:100px;padding-bottom:100px}.manifesto blockquote{font-size:50px}.contact{padding-top:90px;padding-bottom:90px}.contact h2{font-size:50px}.site-footer div{gap:18px;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-track,.studio-seal svg{animation:none}.reveal{opacity:1;transform:none;transition:none}.device{transition:none}}

.brand-kits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px;padding-inline:var(--gutter)}
.kit-card{min-height:420px;background:#0b0b0b;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .35s,background .35s}
.kit-card:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-75px;top:50px;transition:.5s}
.kit-card:hover{background:#101010;transform:translateY(-5px)}.kit-card:hover:after{transform:scale(1.2);border-color:rgba(239,90,41,.35)}
.kit-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.kit-top span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#85857f}.kit-top b{font-family:Georgia,serif;font-size:54px;line-height:.8;font-weight:400}
.kit-main{margin:auto 0 45px;position:relative;z-index:2}.kit-main h3{font-family:var(--display);font-size:55px;line-height:1;margin:0 0 15px}.kit-main p{max-width:370px;font-size:12px;color:#999994;margin:0}
.kit-palette{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.kit-palette i{display:block;width:25px;height:25px;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.18)}.kit-palette span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#85857f;margin-left:7px}
.kit-b .kit-top b{font-family:var(--display);font-weight:700}.kit-c .kit-top b{font-family:var(--body);font-weight:300}
@media(max-width:900px){.brand-kits{grid-template-columns:1fr}.kit-card{min-height:360px}}
@media(max-width:600px){.brand-kits{margin-top:45px;padding-inline:var(--gutter)}.kit-card{padding:25px;min-height:340px}.kit-main h3{font-size:48px}}

button.header-cta,button.primary-button{background:transparent;color:inherit;cursor:pointer}
.brief-dialog{width:min(1100px,calc(100% - 38px));max-height:calc(100vh - 38px);padding:0;border:1px solid rgba(255,255,255,.22);background:#0a0a0a;color:var(--text);box-shadow:0 45px 140px rgba(0,0,0,.85);overflow:auto}
.brief-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}
.brief-dialog[open]{display:grid;grid-template-columns:.82fr 1.18fr}
.dialog-close{position:absolute;right:22px;top:15px;z-index:3;border:0;background:transparent;color:white;font-size:34px;font-weight:200;cursor:pointer}
.brief-intro{padding:70px 48px;background:radial-gradient(circle at 20% 30%,rgba(239,90,41,.12),transparent 40%),#0d0d0d;border-right:1px solid var(--line)}
.brief-intro h2{font-family:var(--display);font-size:clamp(45px,5vw,70px);line-height:.94;margin:0 0 26px}.brief-intro>p:last-child{font-size:13px;color:var(--muted);max-width:360px}
.brief-form{padding:70px 48px 48px;display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.field{display:flex;flex-direction:column;gap:9px}.field-wide{grid-column:1/-1}.field label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#9a9a94}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.25);background:transparent;color:var(--text);padding:10px 0 13px;outline:none;border-radius:0}.field select option{background:#0a0a0a}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical}.brief-form .primary-button{justify-self:start}.hp{display:none!important}
@media(max-width:760px){.brief-dialog[open]{grid-template-columns:1fr}.brief-intro{padding:52px 25px 30px;border-right:0;border-bottom:1px solid var(--line)}.brief-form{padding:32px 25px 35px;grid-template-columns:1fr}.field-wide{grid-column:auto}.dialog-close{right:13px;top:8px}}