@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600&family=Source+Sans+3:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#191919;background:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;white-space:pre-line;letter-spacing:-.035em}p{line-height:1.65}header{height:108px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:white;position:relative;z-index:10}.brand{flex-shrink:0;display:flex;flex-direction:column;gap:5px;align-items:center}.brand>span:last-child{font-size:8px;letter-spacing:.15em}.mark{display:block;width:170px;height:52px;background-image:url('assets/approved-brmt-cover.jpg');background-repeat:no-repeat;background-size:538px 202px;background-position:-104px -65px}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a{position:relative}nav a:after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:100%;bottom:-5px;transition:.2s}nav a:hover:after{right:0}.tools{display:flex;gap:20px;align-items:center}.lang{font-size:12px;font-weight:600;white-space:nowrap}.lang span{opacity:.4}.menu{display:none;border:0;background:none;font-size:25px}.eyebrow{display:block;font-size:12px;font-weight:500;letter-spacing:.17em;line-height:1.5}.hero{position:relative;min-height:660px}.hero-image{position:absolute;inset:0}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(52px,5.8vw,90px);line-height:1.03}.hero p{font-size:19px;max-width:470px;margin-top:24px}.button{display:inline-flex;align-items:center;gap:55px;padding:16px 23px;margin-top:34px;font-size:15px;background:#fff;color:#171717}.button span{font-size:22px}.hero-caption{position:absolute;bottom:34px;right:5%;font-size:11px;letter-spacing:.08em}.down{position:absolute;bottom:30px;left:5%;font-size:30px}.intro{padding:115px 8%;display:grid;grid-template-columns:1fr 2fr;gap:34px}.intro .eyebrow{grid-row:span 2;padding-top:10px}.intro h2{font-size:clamp(38px,4.4vw,66px);line-height:1.12}.intro p{max-width:680px;font-size:18px;color:#555}.featured{padding:25px 8% 110px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.section-top h2{font-size:38px}.section-top>span{font-size:11px;letter-spacing:.12em}.project-card{display:block}.project-card>img{aspect-ratio:1.9}.project-label{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid #ccc}.project-label h3{font-weight:400;font-size:30px}.project-label p{font-size:14px;color:#666;margin-top:7px}.project-label>span{font-size:35px}.details-strip{display:grid;grid-template-columns:1fr 1fr;margin-top:85px;gap:8%;align-items:center}.details-strip>div:first-child{height:470px}.detail-copy h3{font-size:46px;font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:25px 0}.detail-copy p{color:#777}.detail-copy a{display:inline-block;border-bottom:1px solid;padding-bottom:7px;margin-top:32px}.expertise{padding:95px 8%;background:#f2f3f3}.expertise h2{font-size:50px;margin:15px 0 50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.service-grid article{border-top:1px solid #a6a6a6;padding-top:20px}.service-grid article>span{font-size:12px;color:#888}.service-grid h3{font-size:26px;font-weight:400;margin:35px 0 18px}.service-grid p{color:#555;max-width:310px}footer{padding:95px 8% 30px;background:#102432;color:white}footer h2{font-size:clamp(45px,5.2vw,75px);line-height:1.08;margin:35px 0 50px}.contacts{display:flex;gap:35px;flex-wrap:wrap;font-size:19px}.footline{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #ffffff38;margin-top:80px;padding-top:25px;font-size:12px}.project-intro{padding:55px 8% 70px}.back{display:block;font-size:12px;margin-bottom:60px}.project-intro h1{font-size:80px;margin:20px 0}.project-intro p{font-size:20px}.project-cover{height:75vh}.project-info{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-info h2{font-size:45px}.project-info p{font-size:22px}.project-info dl{grid-column:2;display:grid;grid-template-columns:100px 1fr;font-size:15px;gap:20px}.project-info dt{color:#777}.project-info dd{margin:0}.gallery{padding:0 8% 100px}.gallery h2{font-size:45px;margin-bottom:35px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery button{border:0;padding:0;height:470px;background:none}.gallery button:nth-child(3n){height:540px}.gallery button:hover img{filter:brightness(.9)}dialog{border:0;padding:0;width:90vw;max-width:1300px;background:transparent;overflow:visible}dialog::backdrop{background:#000d}dialog img{max-height:85vh;object-fit:contain}.close{position:absolute;right:0;top:-40px;color:white;background:none;border:0;font-size:32px}.selector{background:#f0eeea}.selector main{padding:70px 5%}.selector h1{font-size:clamp(45px,5.3vw,78px);margin:30px 0}.selector>main>p{max-width:680px;color:#666}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:60px 0}.choices a{background:#fff;padding-bottom:30px}.choice-image{height:290px;overflow:hidden}.choices img{transition:transform .5s}.choices a:hover img{transform:scale(1.04)}.choices span,.choices h2,.choices p,.choices b{display:block;margin:22px 24px}.choices span{font-size:10px;letter-spacing:.15em}.choices h2{font-size:32px}.choices p{font-size:14px;color:#666}.choices b{font-size:13px;font-weight:400}.disclaimer{font-size:12px;max-width:900px!important}
/* 01: Tétris — light editorial typography, blue architectural overlays. */
.tetris{font-family:'Source Sans 3',Arial,sans-serif}.tetris header{height:105px}.tetris .hero{min-height:705px;color:white}.tetris .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#083a55d9, #0744666b 53%,transparent)}.tetris .hero-copy{padding:100px 8%;max-width:920px}.tetris .hero h1{font-weight:300}.tetris .hero .eyebrow{margin-bottom:28px}.tetris .hero .button{color:#0d5c7f}.tetris .intro .eyebrow{color:#006c97}.tetris .intro h2{color:#0c5877;font-weight:300}.tetris .expertise{background:#eaf3f6}.tetris .section-top h2,.tetris .expertise h2,.tetris .gallery h2{font-weight:300;color:#0d5877}.tetris footer{background:#075371}.tetris footer h2{font-weight:300}
/* 02: Ganter — geometric uppercase hierarchy, split grid and yellow wayfinding. */
.ganter{font-family:'Jost',Arial,sans-serif}.ganter header{border-bottom:1px solid #ddd;height:120px}.ganter nav{text-transform:uppercase;font-size:12px;letter-spacing:.12em}.ganter .hero{min-height:690px;background:#f4f3ee;display:grid;grid-template-columns:46% 54%}.ganter .hero-image{left:46%}.ganter .hero-copy{padding:65px 11% 80px;grid-column:1}.ganter .hero .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:28px}.ganter .hero h1{font-size:clamp(48px,5.2vw,82px);font-weight:500;line-height:1.02;letter-spacing:-.025em}.ganter .hero p{font-size:16px;max-width:350px}.ganter .hero .button{background:#f3e500;margin-top:25px;font-size:13px;gap:25px}.ganter .hero-caption{color:white;right:35px;bottom:25px;text-shadow:0 1px 10px #000}.ganter .down{display:none}.ganter .intro{grid-template-columns:1fr 1fr;padding:110px 6%;gap:50px}.ganter .intro .eyebrow{grid-column:1 / -1;grid-row:auto;border-bottom:1px solid #b8b8b8;padding-bottom:25px}.ganter .intro h2{font-size:51px;text-transform:uppercase;font-weight:500}.ganter .intro p{font-size:19px;padding-top:3px}.ganter .featured{padding:10px 6% 100px}.ganter .section-top h2{text-transform:uppercase;font-size:33px;font-weight:500}.ganter .project-card{position:relative}.ganter .project-card>img{aspect-ratio:2.15}.ganter .project-label{background:#f3e500;padding:28px 35px;border:0;max-width:570px;margin-top:-45px;position:relative;margin-left:auto}.ganter .project-label p{color:#333}.ganter .project-label h3{text-transform:uppercase;font-weight:500}.ganter .details-strip{gap:0;grid-template-columns:55% 45%;background:#f2f1eb}.ganter .detail-copy{padding:45px}.ganter .detail-copy h3{text-transform:uppercase;font-size:36px;font-weight:500}.ganter .expertise{background:#161616;color:white;padding:90px 6%}.ganter .expertise p{color:#bbb}.ganter .expertise h2{text-transform:uppercase;font-size:45px;font-weight:500}.ganter .service-grid article>span{color:#e8dc00}.ganter footer{background:#f3e500;color:#171717;padding-left:6%;padding-right:6%}.ganter footer h2{text-transform:uppercase;font-weight:500}.ganter .footline{border-color:#0004}.ganter .project-intro h1{text-transform:uppercase;font-weight:500}
/* 03: Toner — full-bleed photography, discreet navigation and centred composition. */
.toner{font-family:'Inter',Arial,sans-serif}.toner:not(.detail) header{position:absolute;top:0;left:0;right:0;background:transparent;color:white;padding:25px 4%;height:110px}.toner header .brand{background:#ffffffee;padding:8px 10px;color:#222}.toner .hero{height:100vh;min-height:760px;color:white}.toner .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,#0003 35%,#0006)}.toner .hero-copy{position:absolute;left:10%;right:10%;top:38%;text-align:center}.toner .hero-copy .eyebrow{font-size:11px;letter-spacing:.23em}.toner .hero h1{font-size:clamp(43px,5vw,75px);font-weight:300;line-height:1.15;margin:24px 0;letter-spacing:-.025em}.toner .hero p{max-width:570px;margin:0 auto;font-size:15px}.toner .button{background:none;color:white;border-bottom:1px solid #fff;padding:12px 0;font-size:12px;letter-spacing:.05em;gap:25px}.toner .hero-caption{left:0;right:0;text-align:center;font-size:10px;bottom:30px}.toner .down{left:auto;right:5%}.toner .intro{display:block;text-align:center;padding:130px 15%}.toner .intro .eyebrow{font-size:10px;letter-spacing:.2em;color:#999}.toner .intro h2{font-size:48px;font-weight:300;margin:40px 0}.toner .intro p{font-size:16px;margin:auto;max-width:720px;color:#666}.toner .featured{padding:0 4% 100px}.toner .section-top{border-top:1px solid #ddd;padding-top:30px;margin-bottom:30px}.toner .section-top h2{font-size:22px;font-weight:400}.toner .project-card>img{aspect-ratio:1.8}.toner .project-label{padding:25px 0}.toner .project-label h3{font-size:24px}.toner .details-strip{gap:10%;padding:0 8%;margin-top:110px;grid-template-columns:54% 36%}.toner .details-strip>div:first-child{height:610px}.toner .detail-copy h3{font-size:38px;font-weight:300}.toner .expertise{text-align:center;background:#f6f5f2;padding:100px 8%}.toner .expertise h2{font-size:38px;font-weight:300}.toner .service-grid article{border:0}.toner .service-grid h3{font-size:20px}.toner .service-grid p{font-size:14px;margin:auto}.toner footer{background:#fff;color:#222;text-align:center;padding-top:110px}.toner footer h2{font-weight:300;font-size:56px}.toner .contacts{justify-content:center;font-size:15px}.toner .footline{border-color:#ddd;color:#777}.toner.detail .project-intro{text-align:center}.toner.detail .project-intro .back{text-align:left}.toner.detail .project-intro h1{font-weight:300}.toner .project-info h2,.toner .gallery h2{font-weight:300}
@media(max-width:900px){header{padding:16px 5%;height:95px!important;gap:15px}nav{gap:15px;font-size:12px}.mark{width:145px;height:45px;background-size:459px 172px;background-position:-89px -56px}.brand>span:last-child{font-size:7px}.intro{padding:80px 6%;gap:25px}.details-strip>div:first-child{height:350px}.detail-copy h3{font-size:33px}.ganter .hero-copy{padding:50px 9%}.ganter .hero{min-height:640px}.ganter .hero h1{font-size:57px}.ganter .intro h2{font-size:39px}.ganter .detail-copy{padding:25px}.ganter .detail-copy h3{font-size:29px}.toner .details-strip{padding:0;gap:6%;grid-template-columns:1fr 1fr}.toner .details-strip>div:first-child{height:460px}.contacts{gap:20px}.choices{gap:15px}.choices h2{font-size:25px}.choice-image{height:220px}.gallery button,.gallery button:nth-child(3n){height:350px}}
@media(max-width:640px){header{height:88px!important;gap:10px}.brand>span:last-child{font-size:6px}.mark{width:132px;height:40px;background-size:416px 156px;background-position:-81px -51px}.menu{display:block}.tools{gap:14px}.lang{font-size:11px}nav{display:none}.open nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;color:#111;padding:30px 20px;gap:25px;border-top:1px solid #ddd;box-shadow:0 15px 20px #0002}.hero{min-height:650px}.hero h1{font-size:49px}.hero p{font-size:17px}.hero-caption{font-size:9px}.tetris .hero{min-height:690px}.tetris .hero-copy{padding:75px 7%}.tetris .hero h1{font-size:51px}.tetris .hero-image:after{background:linear-gradient(90deg,#083a55e8,#07446674)}.hero .button{font-size:13px}.intro{display:block;padding:75px 7%}.intro h2{font-size:38px;margin:30px 0}.intro p{font-size:16px}.featured{padding:0 7% 70px}.section-top{align-items:flex-start;gap:20px}.section-top h2{font-size:28px}.section-top>span{font-size:9px;white-space:nowrap;padding-top:10px}.project-card>img{aspect-ratio:1.15}.project-label h3{font-size:24px}.project-label p{font-size:12px}.details-strip{display:block;margin-top:55px}.details-strip>div:first-child{height:350px}.detail-copy{padding-top:35px}.detail-copy h3{font-size:35px;margin:20px 0}.expertise{padding:65px 7%}.expertise h2{font-size:37px;margin-bottom:30px}.service-grid{display:block}.service-grid article{padding:20px 0 25px}.service-grid h3{font-size:25px;margin:20px 0 12px}.service-grid p{max-width:none;font-size:15px}footer{padding:70px 7% 25px}footer h2{font-size:42px;margin:25px 0 35px}.contacts{flex-direction:column;font-size:17px;gap:15px}.footline{margin-top:50px;flex-wrap:wrap;justify-content:flex-start;gap:20px;font-size:10px}.footline>span{width:100%}.project-intro{padding:35px 7% 45px}.back{margin-bottom:40px}.project-intro h1{font-size:50px;margin:20px 0}.project-intro p{font-size:17px}.project-cover{height:55vh}.project-info{display:block;padding:60px 7%}.project-info h2{font-size:35px}.project-info p{font-size:19px;margin:25px 0}.project-info dl{margin-top:30px;gap:15px;font-size:14px}.gallery{padding:0 7% 60px}.gallery h2{font-size:35px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery button,.gallery button:nth-child(3n){height:350px}.ganter .hero{display:flex;flex-direction:column;min-height:0}.ganter .hero-copy{padding:40px 7% 45px;order:0}.ganter .hero-image{position:relative;inset:auto;height:340px;order:1}.ganter .hero h1{font-size:59px;line-height:.98}.ganter .hero .eyebrow{margin-bottom:25px}.ganter .hero p{font-size:16px;max-width:330px}.ganter .hero-caption{bottom:20px;right:25px}.ganter .intro{display:block;padding:65px 7%}.ganter .intro h2{font-size:37px}.ganter .intro p{font-size:16px}.ganter .featured{padding:0 7% 65px}.ganter .section-top h2{font-size:26px}.ganter .project-card>img{aspect-ratio:1.1}.ganter .project-label{margin-top:0;padding:22px}.ganter .project-label h3{font-size:22px}.ganter .details-strip{display:block;margin-top:50px}.ganter .detail-copy{padding:30px}.ganter .expertise{padding:65px 7%}.ganter .expertise h2{font-size:37px}.ganter footer h2{font-size:39px}.toner:not(.detail) header{padding:14px 5%}.toner header .brand{padding:5px}.toner .hero{min-height:760px;height:100svh}.toner .hero-copy{left:7%;right:7%;top:36%}.toner .hero h1{font-size:44px;line-height:1.12}.toner .hero p{font-size:14px}.toner .hero .eyebrow{font-size:9px;letter-spacing:.1em}.toner .intro{padding:80px 8%}.toner .intro h2{font-size:35px}.toner .intro p{font-size:15px}.toner .featured{padding:0 6% 65px}.toner .section-top h2{font-size:22px}.toner .project-card>img{aspect-ratio:1.1}.toner .details-strip{display:block;margin-top:65px;padding:0 4%}.toner .details-strip>div:first-child{height:400px}.toner .detail-copy{padding-top:35px}.toner .detail-copy h3{font-size:34px}.toner .expertise{padding:65px 8%}.toner .service-grid article{border-top:1px solid #ddd}.toner footer{padding:70px 7% 25px}.toner footer h2{font-size:40px}.selector main{padding:45px 6%}.selector h1{font-size:42px}.choices{display:block;margin-top:40px}.choices a{display:block;margin-bottom:25px}.choice-image{height:260px}.choices h2{font-size:30px}}
.button span,.project-label>span,.down{font-family:Arial,sans-serif}
.arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;vertical-align:middle;display:inline-block}.project-label>.arrow{width:32px;height:32px}.down .arrow{width:30px;height:30px}
.menu{color:inherit}@media(max-width:640px){.toner .hero-copy{top:34%}.toner .hero h1{font-size:35px;line-height:1.18}}