@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--black:#111;--white:#F7F7F3;--blue:#3D5AFE;--yellow:#F2C94C;--coral:#FF5F56;--gray:#D8D8D2;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Inter,sans-serif;font-size:16px;line-height:1.58}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:8px}
.studio-head{position:sticky;top:0;z-index:70;background:var(--black);color:var(--white);border-bottom:1px solid #333}.studio-head .inner{max-width:var(--max);margin:auto;height:76px;padding:0 22px;display:flex;align-items:center;gap:24px}.studio-head img{width:205px}.studio-nav{display:flex;gap:17px;margin-left:auto;font-family:"Space Mono";font-size:11px;text-transform:uppercase}.studio-nav a{text-decoration:none;padding:8px 0}.studio-nav a:hover,.studio-nav a.active{color:var(--yellow)}.idea-btn{background:var(--blue);padding:10px 13px!important}.menu{display:none;background:none;color:white;border:1px solid #777;padding:8px 11px}
.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.label{font-family:"Space Mono";font-size:11px;text-transform:uppercase;letter-spacing:.12em}.display{font-family:"Archivo Black";line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.intro{padding:95px 0 70px;background:var(--black);color:var(--white);position:relative}.intro .display{font-size:clamp(4.2rem,12.5vw,11rem)}.intro-line{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #444;padding-top:18px;margin-top:35px;gap:30px}.intro-line p{max-width:620px;margin:0}.signal{width:12px;height:12px;background:var(--coral);display:inline-block;margin-right:8px}
.brief{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--black)}.brief>div{min-height:300px;padding:45px;border-right:1px solid var(--black);position:relative}.brief>div:nth-child(1){background:var(--yellow)}.brief>div:nth-child(2){background:var(--white)}.brief>div:nth-child(3){background:var(--blue);color:white}.brief strong{font-family:"Archivo Black";font-size:2.2rem;display:block;margin:18px 0}
.axes{padding:90px 0}.axes-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;grid-template-rows:260px 260px;gap:12px}.axis{padding:28px;border:1px solid var(--black);position:relative;overflow:hidden}.axis h2{font-family:"Archivo Black";font-size:clamp(2rem,4.5vw,4.4rem);line-height:.9;text-transform:uppercase;margin:0}.axis:nth-child(1){grid-row:1/3;background:#fff}.axis:nth-child(2){background:var(--coral)}.axis:nth-child(3){background:var(--yellow)}.axis:nth-child(4){grid-column:2/4;background:var(--black);color:white}.axis .n{position:absolute;right:15px;bottom:12px;font-family:"Space Mono";font-size:12px}
.flow{padding:100px 0;background:var(--black);color:white}.flow h2{font-family:"Archivo Black";font-size:clamp(2.8rem,7vw,6.5rem);line-height:.9;text-transform:uppercase;max-width:950px}.flow-line{margin-top:60px;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#555}.flow-step{background:var(--black);padding:24px 16px;min-height:180px;transition:.2s}.flow-step:hover{background:var(--blue)}.flow-step b{font-family:"Space Mono";font-size:11px}.flow-step span{display:block;font-family:"Archivo Black";font-size:1.3rem;margin-top:40px}
.notice{padding:80px 0;background:var(--yellow)}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.notice h2{font-family:"Archivo Black";font-size:clamp(3rem,6vw,6rem);line-height:.9;text-transform:uppercase;margin:0}.notice ul{font-size:18px}.city{display:grid;grid-template-columns:1fr 1fr;min-height:590px}.city-img{background:url('../img/carcassonne.webp') center/cover}.city-copy{background:var(--white);padding:70px}.city-copy h2{font-family:"Archivo Black";font-size:clamp(2.8rem,5.5vw,5.8rem);line-height:.9;text-transform:uppercase}
.brief-form{padding:100px 0;background:var(--blue);color:white}.form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.brief-form h2{font-family:"Archivo Black";font-size:clamp(3rem,7vw,6.8rem);line-height:.9;text-transform:uppercase;margin:0}label{display:block;font-family:"Space Mono";font-size:11px;text-transform:uppercase;margin:16px 0 6px}input,select,textarea{width:100%;background:transparent;color:inherit;border:0;border-bottom:2px solid currentColor;padding:12px 4px;font:inherit}select option{color:#111}textarea{min-height:130px}button,.btn{display:inline-block;margin-top:22px;border:2px solid currentColor;background:var(--black);color:white;padding:13px 17px;font-family:"Space Mono";font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer}
.page-top{padding:95px 0 65px;border-bottom:8px solid var(--blue)}.page-top .display{font-size:clamp(3.4rem,9vw,8rem)}.deck{padding:70px 0}.deck-grid{display:grid;grid-template-columns:260px 1fr;gap:70px}.deck-nav{font-family:"Space Mono";font-size:11px;text-transform:uppercase;position:sticky;top:105px;align-self:start}.deck-nav a{display:block;padding:10px 0;border-bottom:1px solid #bbb;text-decoration:none}.deck-content{max-width:850px}.deck-content section{margin-bottom:68px}.deck-content h2{font-family:"Archivo Black";font-size:clamp(2rem,4vw,4rem);line-height:.95;text-transform:uppercase}.deck-content p{font-size:17px}.data-panel{background:var(--black);color:white;padding:30px;font-family:"Space Mono";font-size:13px}.data-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid #555;padding:11px 0}
.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:35px 0}.method-cards div{border:1px solid var(--black);padding:22px;min-height:150px}.method-cards b{display:block;font-family:"Archivo Black";font-size:1.25rem;text-transform:uppercase}.profile-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--black);margin:30px 0}.profile-switch button{margin:0;border:0;background:white;color:black;padding:20px 10px}.profile-switch button.active{background:var(--yellow)}
footer{background:var(--black);color:white;padding:55px 0 25px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.foot-logo{font-family:"Archivo Black";font-size:3rem}.foot-links a{display:block;margin:6px 0}.foot-bottom{border-top:1px solid #444;margin-top:40px;padding-top:18px;font-family:"Space Mono";font-size:10px}.reveal{opacity:0;transform:translateX(-20px);transition:.45s}.reveal.on{opacity:1;transform:none}
@media(max-width:940px){.studio-nav,.idea-btn{display:none}.menu{display:block;margin-left:auto}.studio-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#111;padding:25px;flex-direction:column;align-items:flex-start}.brief,.notice-grid,.city,.form-grid,.deck-grid{grid-template-columns:1fr}.brief>div{border-right:0;border-bottom:1px solid var(--black)}.axes-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.axis:nth-child(1){grid-row:auto}.axis:nth-child(4){grid-column:1/3}.flow-line{grid-template-columns:1fr 1fr 1fr}.deck-nav{position:static}.foot-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 26px,var(--max))}.studio-head img{width:175px}.intro{padding-top:65px}.intro-line{align-items:flex-start;flex-direction:column}.axes-grid{grid-template-columns:1fr}.axis:nth-child(4){grid-column:auto}.flow-line{grid-template-columns:1fr 1fr}.city{display:block}.city-img{height:360px}.city-copy{padding:45px 24px}.brief>div{padding:30px}.form-grid{gap:35px}.method-cards,.profile-switch{grid-template-columns:1fr}.page-top,.deck,.brief-form{padding:65px 0}.data-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}