@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--teal:#123f43;--aqua:#bde7e2;--paper:#f7f8f4;--ink:#233238}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #288b8d;outline-offset:6px}header{padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dfd9}.studio{font-family:Manrope,Arial,sans-serif;font-size:38px;font-weight:800;line-height:1;letter-spacing:-2px}.studio span{display:block;font-size:9px;letter-spacing:2.1px;margin-top:10px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#287d7b}.edition,.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:1.8px}.intro{padding:70px 5% 0}.intro-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;align-items:end}h1,h2,.type-example,.positioning p{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.7px;line-height:1.08}h1{font-size:clamp(56px,6.8vw,106px);margin:28px 0 48px}h1 em{color:#4c8280;font-weight:400}.intro-aside{max-width:340px;padding-bottom:54px;font-size:18px}.text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid;padding:10px 0;font-size:14px;font-weight:600}.text-link span{font-size:22px}.project-meta{border-top:1px solid #cfd8d3;display:flex;justify-content:space-between;padding:22px 0;font-size:13px}.hero-image{position:relative;padding:0 2%;}.hero-image img{display:block;width:100%;height:620px;object-fit:cover}.image-tag{position:absolute;left:5%;bottom:28px;background:var(--paper);padding:12px 18px;font-size:11px;letter-spacing:1.5px;font-weight:600}.section{padding:95px 7%}.section-label{margin-bottom:38px;color:#47726f}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}h2{font-size:clamp(38px,4.1vw,62px);margin:0 0 28px}p{margin:0 0 20px}.lead{font-size:22px;line-height:1.5}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;border-top:1px solid #ccd8d1;padding-top:30px}.pillars article>span{font-family:Georgia,serif;font-size:24px;color:#719b95}h3{font-size:21px;line-height:1.4;margin:15px 0 12px}.pillars p{font-size:16px}.positioning{background:var(--teal);color:var(--paper);margin-top:45px;padding:45px 6%;display:flex;justify-content:space-between;gap:40px}.positioning>span{font-size:12px;letter-spacing:2px}.positioning p{font-size:43px;margin:0;letter-spacing:-1.3px}.identity{background:#edf1ec}.logo-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:45px}.logo-board{min-height:280px;background:#f7f8f4;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:var(--teal)}.logo-board.inverse{background:var(--teal);color:var(--paper)}.brand{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(40px,5vw,70px);letter-spacing:-3px;line-height:1.2}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:5px;margin-top:13px;text-align:center}.logo-board small{position:absolute;bottom:20px;font-size:10px;letter-spacing:1.8px;opacity:.7}.palette{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;gap:12px}.palette>div{background:var(--swatch);color:var(--ink,#233238);min-height:175px;padding:25px;display:flex;flex-direction:column}.palette b{font-size:17px}.palette span{font-size:14px}.palette small{margin-top:auto;font-size:12px}.type-voice{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.type-example{font-size:37px;letter-spacing:-1px;margin:22px 0}.type-voice p{font-size:16px}.type-voice h3{font-size:28px;margin-top:22px}.applications figure{margin:40px 0 0}.applications figure img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover}.applications figcaption{display:flex;justify-content:space-between;padding:16px 0;font-size:14px}.applications figcaption span{color:#61716f}.journey{background:var(--teal);color:var(--paper)}.journey .section-label{color:var(--aqua)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.journey-grid article{border-top:1px solid #789795;padding-top:25px}.journey-grid article>span{color:var(--aqua);font-size:11px;letter-spacing:1.5px}.journey-grid h3{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.25;min-height:67px}.journey-grid p{font-size:16px;color:#d4e4e0}.journey-grid b{font-size:12px;color:var(--aqua)}.digital{background:#e7eeeb}.preview-controls{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-controls>span{font-size:11px;letter-spacing:1.5px}.preview-controls button{border:1px solid #aebfba;background:transparent;border-radius:30px;padding:7px 20px;font-size:13px}.preview-controls button.active{background:var(--teal);color:white;border-color:var(--teal)}.browser-shell{margin:22px auto 0;max-width:100%;width:100%;border:1px solid #b9c9c3;box-shadow:0 20px 55px #163d4320;border-radius:12px;overflow:hidden;transition:width .3s;background:white}.browser-shell.mobile{width:390px}.browser-bar{display:flex;justify-content:space-between;background:#f7f8f4;padding:12px 20px;font-size:11px;color:#637571;gap:10px}iframe{display:block;width:100%;height:850px;border:0;background:white}.digital-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.digital-notes b{font-size:14px}.digital-notes p{font-size:15px;margin-top:10px}details{border-top:1px solid #c9d6cf;padding:18px 0}details:last-child{border-bottom:1px solid #c9d6cf}summary{cursor:pointer;font-size:20px;list-style:none}summary:after{content:'+';float:right}details[open] summary:after{content:'−'}summary span{font-size:12px;color:#557874;margin-right:20px}details p{font-size:16px;margin:16px 0 0 36px}.closing{padding:85px 10%;text-align:center;background:var(--aqua)}.closing h2{margin:28px 0;font-size:clamp(38px,4.5vw,68px)}.closing p{max-width:680px;margin:0 auto 20px}.closing .text-link{margin-top:15px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:12px;max-width:530px;margin:0}footer>span{font-size:12px}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){header{padding:22px 6%}.edition{display:none}nav{gap:15px;font-size:12px}.studio{font-size:30px}.studio span{font-size:8px}.intro{padding:45px 6% 0}.intro-grid,.split{grid-template-columns:1fr;gap:10px}h1{letter-spacing:-2px;margin-bottom:22px}.intro-aside{max-width:550px;padding-bottom:35px}.project-meta{flex-wrap:wrap;gap:8px 20px}.project-meta span:last-child{display:none}.hero-image img{height:420px}.section{padding:60px 6%}.section-label{margin-bottom:25px}h2{letter-spacing:-1.5px}.pillars{gap:25px}.positioning{display:block;padding:30px}.positioning p{margin-top:25px;font-size:36px}.logo-board{min-height:220px}.palette{grid-template-columns:1fr 1fr}.type-voice{gap:30px}.journey-grid{grid-template-columns:1fr 1fr}.journey-grid h3{min-height:0}.digital-notes{gap:20px}.applications figcaption{display:block}.applications figcaption span{display:block}.browser-bar{font-size:10px}.closing{padding:60px 6%}footer{flex-wrap:wrap}}@media(max-width:520px){nav a:nth-child(3){display:none}nav{gap:12px}.eyebrow{font-size:10px}h1{font-size:53px}.hero-image img{height:330px}.pillars,.type-voice,.digital-notes{grid-template-columns:1fr}.pillars{gap:15px}.logo-grid{grid-template-columns:1fr}.brand{font-size:58px}.palette>div{padding:20px;min-height:165px}.journey-grid{gap:28px 20px}.journey-grid h3{font-size:23px}.preview-controls{align-items:start}.preview-controls>span{max-width:100px}.preview-controls button{padding:6px 13px}.browser-bar span:first-child,.browser-bar span:last-child{display:none}iframe{height:760px}footer p{order:3}footer{justify-content:space-between}.lead{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.browser-shell{transition:none}}
.studio{display:block;position:relative;width:240px;height:68px;overflow:hidden;flex-shrink:0}.studio img{position:absolute;width:270px;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(1);mix-blend-mode:multiply}@media(max-width:800px){.studio{width:180px;height:52px}.studio img{width:202px}}@media(max-width:520px){header{gap:15px;flex-wrap:wrap}.studio{width:165px;height:48px}.studio img{width:185px}header nav{gap:15px}}
.inquiry{padding:85px 8%;background:#123f43;color:#f7f8f4;text-align:center}.inquiry .eyebrow{color:#bde7e2}.inquiry h2{margin:25px 0;font-size:clamp(40px,4.7vw,68px)}.inquiry>p{max-width:620px;margin:0 auto 28px}.inquiry-button{display:inline-block;background:#bde7e2;color:#123f43;padding:16px 28px;border-radius:4px;font-size:16px;font-weight:700}.inquiry-button:hover{background:#d4f3ed}.inquiry p.inquiry-note{font-size:13px;margin:24px auto 0;color:#d4e4e0}@media(max-width:520px){.inquiry{padding:60px 6%}.inquiry-button{padding:15px 20px}}