
:root{--teal:#006f78;--ink:#172e30;--paper:#fafbf8;--line:#d5dfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,summary:focus-visible{outline:3px solid #c99e45;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(66px,7.5vw,120px);line-height:1.01;letter-spacing:-.065em;margin-bottom:30px}h2{font-size:clamp(36px,4.4vw,70px);line-height:1.07;letter-spacing:-.045em}h3{font-size:26px;letter-spacing:-.035em}em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}p{line-height:1.65}small,.kicker{font-size:11px;letter-spacing:1.7px;line-height:1.7}.kicker{margin-bottom:28px;font-weight:600}.pad{padding:100px 7%}.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:35px}.site-header .logo{width:230px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{padding:14px 0}.site-header nav a:last-child{border-bottom:1px solid currentColor}.cta{display:inline-flex;align-items:center;gap:45px;background:var(--teal);color:white;padding:19px 24px;font-size:14px}.cta span{font-size:23px}.cta:hover{background:#034e55}.references{display:grid;grid-template-columns:.95fr 1.05fr;gap:10%}.section-head>p:last-child{max-width:355px;color:#60716e;font-size:16px}.reference-list>a{display:flex;gap:23px;padding:32px 0;border-top:1px solid var(--line);transition:padding .2s}.reference-list>a:hover{padding-left:10px}.ref-index{font-size:12px;padding-top:4px;color:var(--teal)}.reference-list h3{margin:12px 0;font-size:27px}.reference-list p{font-size:14px;margin:0;color:#60716e}.ref-arrow{font-size:30px;margin-left:auto;align-self:center}.services{background:#eaf0ec}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:60px}.service-grid article{border-top:1px solid #bfcec5;padding-top:22px}.service-grid article>span{font-size:11px;letter-spacing:1.1px}.service-grid h3{margin:34px 0 16px}.service-grid p,.process p{font-size:16px;color:#586c67}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:60px}.process-grid>article{border-top:1px solid var(--line);padding-top:20px}.process-grid>article>span{font:italic 36px Georgia,serif;color:var(--teal)}.process-grid h3{margin-top:25px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:18px;line-height:1.4}details p{font-size:16px;color:#5b706a;margin:20px 0 0}.contact{background:#103f43;color:white}.contact em{color:#b0d4c8}.contact-links{display:flex;align-items:center;gap:45px;margin-top:45px}.contact-links a:first-child{padding:18px 24px;background:#d7e9df;color:#143f40;font-size:16px}.contact-links a:last-child{font-size:23px}.contact-note{font-size:13px;color:#b1ccc5;margin-top:22px}footer{display:flex;align-items:center;gap:35px;padding:35px 5%;font-size:13px}footer img{width:180px;height:auto}footer p{margin:0 auto 0 0}footer a{white-space:nowrap}.designbar a[aria-current=page]{color:#bfe8d4;border-bottom:1px solid #bfe8d4}
/* 02 / CINEMA — full-bleed stage, dark editorial sequence */
.cinema{background:#101f20;color:#eef3ef}.cinema .site-header{background:#fafbf8;color:#172e30}.cinema-hero{position:relative;height:820px;min-height:660px;overflow:hidden}.cinema-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 46%}.cinema-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,18,.83),rgba(6,18,18,.42) 48%,rgba(6,18,18,.04)),linear-gradient(0deg,rgba(6,18,18,.6),transparent 35%)}.cinema-top{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;gap:25px}.cinema-title{position:absolute;left:7%;right:7%;top:20%}.cinema h1{font-size:clamp(85px,10.2vw,160px);max-width:1000px}.cinema h1 em{color:#d0d7c1}.cinema-intro{display:flex;gap:60px;align-items:center;margin-top:40px}.cinema-intro p{margin:0;font-size:17px}.cinema .cta{background:#f4f5eb;color:#20332e}.cinema-bottom{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;gap:20px}.manifesto{padding-top:120px;padding-bottom:110px}.manifesto h2{font-size:clamp(40px,5.5vw,84px);max-width:1150px}.manifesto h2 em{color:#b4cab5}.manifesto>p:last-child{max-width:430px;margin:35px 0 0 50%;color:#b3c3bd;font-size:17px}.cinema .references{border-top:1px solid #ffffff26}.cinema .references em,.cinema .process em,.cinema .faq em{color:#b4cab5}.cinema .section-head>p:last-child,.cinema .reference-list p,.cinema .process p,.cinema details p{color:#b3c3bd}.cinema .reference-list>a,.cinema .process-grid article,.cinema details,.cinema .faq{border-color:#ffffff26}.cinema .ref-index,.cinema .process-grid>article>span{color:#b4cab5}.cinema .services{color:#1a3432;background:#dce4d7}.cinema .contact{background:#294a42}.cinema footer{background:#fafbf8;color:#172e30}
/* 03 / JOURNAL — typographic page with asymmetric architectural image */
.journal{background:#f8f6f0;color:#282e2a}.journal .site-header{border-bottom:1px solid #d7d9ce;margin:0 5%;padding:0}.journal h1,.journal h2,.journal h3{font-family:Georgia,'Times New Roman',serif}.journal h1{font-size:clamp(66px,7.1vw,115px);line-height:1.07;letter-spacing:-.055em}.journal h1 em{color:#526758}.journal-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;padding:75px 5% 55px}.journal-title{padding:35px 0 0 2%}.journal-title .kicker{font-size:10px}.journal-intro{margin-top:43px;font-size:16px}.fine-line{display:block;width:60px;height:1px;background:#ad9560;margin-bottom:25px}.journal-intro a{display:inline-block;border-bottom:1px solid #495849;padding-bottom:8px;font-size:14px}.journal-hero figure{margin:0}.journal-hero figure img{height:705px;width:100%;object-fit:cover;object-position:center}.journal-hero figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:11px;letter-spacing:1px}.journal-hero figcaption span:last-child{font-family:Georgia,serif;font-style:italic;font-size:16px;letter-spacing:0}.journal-statement{border-top:1px solid #d7d9ce;margin:30px 5% 0;padding-left:2%;padding-right:2%;display:grid;grid-template-columns:1fr 2fr;gap:25px}.journal-statement h2{font-size:clamp(35px,4vw,64px)}.journal-statement>p{grid-column:2;max-width:570px;font-size:17px;color:#66705e}.journal .references{background:#e9ece2}.journal .reference-list h3{font-size:29px}.journal .services{background:#f0ede5}.journal .service-grid{grid-template-columns:1fr;gap:0;margin-top:40px}.journal .service-grid article{display:grid;grid-template-columns:.6fr 1.1fr 1.3fr;gap:30px;padding:27px 0}.journal .service-grid h3,.journal .service-grid p{margin:0}.journal .contact{background:#4e6357}.journal .contact em{color:#e1d9bc}.journal .contact-links a:first-child{background:#f8f6f0}.journal footer{border-top:1px solid #d7d9ce}.journal em{color:#526758}
/* 04 / STUDIO — bold petrol, confident sans serif, functional modular layout */
.studio{background:#f5f8f6}.studio .site-header{height:105px}.studio-hero{margin:0 3%;display:grid;grid-template-columns:1.08fr .92fr;background:#006c73;color:white;border-radius:5px;overflow:hidden}.studio-title{padding:65px 10% 48px}.studio-title h1{font-size:clamp(61px,6.9vw,112px);font-weight:600;letter-spacing:-.065em}.studio-title h1 em{font-family:inherit;font-style:normal;color:#c2eacb}.studio-title .kicker{font-size:10px;letter-spacing:1.3px;color:#d5e9e3}.studio-title>p:not(.kicker){font-size:17px;color:#e3eeea}.studio .cta{background:#d6efc6;color:#153d37;margin-top:15px;border-radius:3px}.studio-image{position:relative;min-height:720px}.studio-image>img{height:100%;width:100%;position:absolute;object-fit:cover}.image-label{position:absolute;bottom:25px;right:25px;left:25px;padding:22px;background:#ffffffed;display:flex;align-items:center;justify-content:space-between;color:#153d37;gap:20px}.image-label span{font-size:10px;letter-spacing:1.3px;max-width:135px;line-height:1.6}.image-label strong{font-size:42px;letter-spacing:-2px;font-weight:400}.studio-tags{display:flex;gap:9px;margin-top:38px}.studio-tags span{font-size:12px;border:1px solid #ffffff65;padding:7px 12px;border-radius:30px}.studio h2{font-weight:500}.studio h2 em{font-family:inherit;font-style:normal;color:#448477}.studio-choices{padding-top:85px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.choice-grid a{background:#e4eee6;padding:29px;position:relative;border-radius:5px}.choice-grid a:nth-child(2){background:#d6e7e6}.choice-grid a:nth-child(3){background:#ebece0}.choice-grid a>span{font-size:12px;color:#5d7770}.choice-grid h3{font-size:29px;line-height:1.15;margin:30px 0 18px}.choice-grid p{font-size:14px;max-width:220px;margin:0 0 35px}.choice-grid b{position:absolute;right:25px;bottom:23px;font-size:29px;font-weight:400}.choice-grid a:hover{outline:1px solid #548c78}.studio .references{background:white}.studio .reference-list a{padding:25px 20px;margin-bottom:12px;background:#f2f6f3;border:0;border-radius:4px}.studio .services{background:#113f42;color:#f4f8f5}.studio .services em{color:#b4dbbf}.studio .services p{color:#c5d8d0}.studio .service-grid article{border-color:#ffffff30}.studio .contact{margin:0 3%;border-radius:5px;background:#c8e7ce;color:#143d35}.studio .contact em{color:#396d58}.studio .contact-links a:first-child{background:#143d35;color:white}.studio .contact-note{color:#41675a}
/* Selection and editorial plan */
.overview{background:#f2f5f0}.overview-head{padding:60px 6% 45px;max-width:1100px}.overview-head h1{font-size:clamp(46px,6.2vw,90px);margin:15px 0 25px}.overview-head>p:last-child{font-size:18px;max-width:690px;color:#58706a}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 6% 60px}.design-card{background:white;border:1px solid #dce5df}.design-preview{height:295px;position:relative;overflow:hidden;padding:35px;display:flex;align-items:center}.design-preview img{position:absolute;width:45%;height:100%;right:0;top:0;object-fit:cover}.design-preview b{position:relative;z-index:1;font-size:46px;letter-spacing:-2px;line-height:1.04;font-weight:400}.design-preview i{font-family:Georgia,serif;color:#30766e}.preview-cinema{color:#fff;background:#122a29}.preview-cinema img{width:100%;opacity:.4;object-position:50% 37%}.preview-cinema i{color:#d0dfbc}.preview-journal{background:#f3efe4}.preview-journal b{font-family:Georgia,serif;font-size:42px}.preview-studio{background:#006c73;color:white}.preview-studio i{font-family:Arial,sans-serif;color:#c2eacb;font-style:normal}.design-card-body{padding:24px 28px}.design-card-body small{color:#5b7469}.design-card-body h2{font-size:30px;margin:13px 0}.design-card-body p{font-size:15px;color:#5b7068;margin-bottom:20px}.design-card-body>a{font-size:14px;border-bottom:1px solid;padding-bottom:6px}.recommendation{background:#dce8dd;margin:0 6% 60px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.recommendation h2{font-size:29px;margin-bottom:13px}.recommendation p{margin:0;max-width:700px}.recommendation>a{padding:15px 20px;border:1px solid;white-space:nowrap;font-size:14px}.plan{max-width:1160px;margin:auto;padding:65px 6%}.plan h1{font-size:65px;max-width:900px}.plan .opening{font-size:20px;max-width:750px}.plan h2{font-size:36px;margin-top:60px}.plan h3{font-size:24px;margin-top:30px}.plan p,.plan li{font-size:16px;color:#445d54;line-height:1.75}.plan a{text-decoration:underline;text-underline-offset:4px}.plan table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}.plan th,.plan td{padding:18px 15px;text-align:left;border-bottom:1px solid #c7d5cb;vertical-align:top}.plan th{background:#dde8df}.plan blockquote{border-left:3px solid #5b876a;padding:8px 25px;margin:30px 0;font:30px/1.4 Georgia,serif;color:#305749}.source-note{font-size:13px!important}.plan li{margin:9px 0}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}
@media(max-width:1050px){.site-header .logo{width:205px}.site-header nav{gap:24px}.pad{padding:75px 6%}.cinema-hero{height:740px}.cinema-title{top:22%}.cinema-intro{gap:30px}.journal-hero{gap:5%}.journal-hero figure img{height:625px}.journal h1{font-size:7.5vw}.studio-title{padding:55px 8% 35px}.studio-image{min-height:640px}.studio-title h1{font-size:7vw}.service-grid{gap:25px}.references{gap:6%}footer{flex-wrap:wrap}.design-preview b{font-size:38px}.design-preview{height:260px}}
@media(max-width:700px){.site-header{height:auto;min-height:102px;flex-wrap:wrap;padding:17px 6%;gap:15px}.site-header .logo{width:185px}.site-header nav{width:100%;gap:26px;font-size:13px}.site-header nav a{padding:5px 0}.pad{padding:60px 7%}h1{font-size:63px}h2{font-size:39px}h3{font-size:24px}.kicker{font-size:10px;letter-spacing:1.3px}.references,.faq{display:block}.reference-list{margin-top:35px}.reference-list h3{font-size:25px}.reference-list>a{gap:15px}.service-grid,.process-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.service-grid h3{margin-top:23px}.process-grid p{margin-bottom:0}.faq>div:last-child{margin-top:30px}.contact-links{align-items:flex-start;flex-direction:column;gap:25px;margin-top:30px}.contact-links a:last-child{font-size:21px}footer{gap:20px;padding:30px 7%}footer img{width:170px}footer p{width:100%}.cinema-hero{height:720px}.cinema-image{object-position:64% 50%}.cinema-overlay{background:linear-gradient(90deg,#0a1b1be6,#0a1b1b52),linear-gradient(0deg,#071c1bb3,transparent)}.cinema-top{left:7%;right:7%;font-size:9px;line-height:1.8}.cinema-top span:last-child{display:none}.cinema-title{top:21%}.cinema h1{font-size:73px}.cinema-intro{display:block;margin-top:28px}.cinema-intro p{font-size:16px;margin-bottom:26px}.cinema-bottom{font-size:8px;line-height:1.7;left:7%;right:7%}.cinema-bottom span{max-width:180px}.manifesto h2{font-size:39px}.manifesto>p:last-child{margin:30px 0 0}.journal .site-header{padding:20px 0}.journal-hero{display:flex;flex-direction:column;padding:35px 7% 20px;gap:35px}.journal-title{padding:0}.journal h1{font-size:63px}.journal-intro{margin-top:25px}.journal-hero figure img{height:500px}.journal-statement{display:block;margin-top:25px;padding:45px 2%}.journal-statement h2{font-size:36px;margin-top:25px}.journal .service-grid article{display:block;padding:24px 0}.journal .service-grid h3{margin:20px 0}.studio .site-header{height:auto}.studio-hero{display:flex;flex-direction:column}.studio-title{padding:39px 7%}.studio-title h1{font-size:68px}.studio-title>p:not(.kicker){font-size:16px}.studio-tags{margin-top:27px}.studio-image{min-height:490px}.choice-grid{grid-template-columns:1fr}.choice-grid a{padding:25px}.choice-grid h3{margin:23px 0 15px}.choice-grid p{margin-bottom:25px}.studio .reference-list a{padding:24px 15px}.overview-head{padding:40px 7% 25px}.overview-head h1{font-size:49px}.overview-head>p:last-child{font-size:16px}.design-grid{grid-template-columns:1fr;padding:0 7% 40px;gap:24px}.design-preview{height:260px;padding:25px}.design-preview b{font-size:40px}.design-card-body{padding:23px}.recommendation{display:block;margin:0 7% 40px;padding:25px}.recommendation>a{display:inline-block;margin-top:22px}.plan{padding:40px 7%}.plan h1{font-size:46px}.plan h2{font-size:31px}.plan .opening{font-size:18px}.plan table,.plan tbody,.plan tr,.plan td{display:block}.plan thead{display:none}.plan tr{border-bottom:1px solid #a9bfb1;padding:10px 0}.plan td{padding:7px 0;border:0}.plan td:first-child{font-weight:bold}.plan blockquote{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.site-header .logo img{width:100%;height:auto}
