.concept-study{--paper:#f5f3eb;--ink:#26362a;--muted:#65705f;--line:#d8dccf;--tint:#e7e4d9}.concept-study *{box-sizing:border-box}.concept-study{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Inter,Arial,sans-serif}.concept-study h1,.concept-study h2,.concept-study h3,.concept-study p,.concept-study figure{margin:0}.concept-study h1,.concept-study h2,.concept-study h3{font-family:Bricolage,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.08}.concept-study h1{font-size:clamp(64px,10vw,138px)}.concept-study h2{font-size:clamp(34px,4.1vw,58px)}.concept-study h3{font-size:25px;letter-spacing:-.025em}.concept-study p+p{margin-top:18px}.concept-study a{color:inherit;text-underline-offset:5px}.concept-study img{display:block;max-width:100%;height:auto}.concept-study a:focus-visible{outline:3px solid #4e6b45;outline-offset:5px}.concept-study button,.concept-study input,.concept-study select{font:inherit}.concept-study .wrap{width:min(1220px,calc(100% - 100px));margin-inline:auto}.concept-study .wide{width:min(1500px,calc(100% - 40px));margin-inline:auto}.concept-study .skip{position:absolute;top:-90px;left:20px;padding:12px;background:#fff;z-index:3}.concept-study .skip:focus{top:10px}.concept-study .nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.concept-study .brand{font-family:Bricolage,Arial,sans-serif;font-size:36px;font-weight:700;letter-spacing:-2px;line-height:1;text-decoration:none}.concept-study .brand span{color:#5e7952}.concept-study .nav-links{display:flex;gap:32px;font-size:11px}.concept-study .nav-links a{text-decoration:none}.concept-study .eyebrow{font-size:10px;line-height:1.65;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--muted)}.concept-study .project-head{padding:60px 0 38px}.concept-study .project-title-row{display:flex;gap:70px;justify-content:space-between;align-items:end;margin-top:22px}.concept-study .project-title-row>div:last-child{max-width:460px}.concept-study .project-title-row h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.035em;line-height:1.14}.concept-study .project-head>.summary{max-width:750px;margin-top:28px;font-size:18px;color:var(--muted)}.concept-study .meta-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}.concept-study .meta-row p{font-size:11px;margin:0;color:var(--muted)}.concept-study .meta-row strong{display:block;font-weight:500;color:var(--ink);font-size:12px;margin-bottom:4px}.concept-study .hero-image{border-radius:5px;overflow:hidden;background:#e7e4da}.concept-study .hero-image>img{width:100%}.concept-study .caption{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.concept-study .intro{display:grid;grid-template-columns:1fr 2fr;gap:90px;padding:75px 0}.concept-study .intro h2{max-width:360px}.concept-study .intro>.copy{max-width:760px}.concept-study .copy p{color:var(--muted);font-size:15px}.concept-study .copy>p:first-child{font-size:21px;color:var(--ink);line-height:1.55}.concept-study .button-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.concept-study .button{display:inline-flex;gap:35px;align-items:center;justify-content:center;text-decoration:none;padding:16px 23px;border-radius:4px;background:var(--ink);color:#fffdf2;font-size:12px}.concept-study .button:hover{background:#42583b}.concept-study .text-link{font-size:12px}.concept-study .section-title{display:grid;grid-template-columns:1fr 2fr;gap:90px;align-items:start;padding-top:55px;margin-bottom:38px;border-top:1px solid var(--line)}.concept-study .section-title h2{max-width:730px}.concept-study .section-title p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:22px;max-width:660px}.concept-study .identity-board{display:grid;grid-template-columns:1fr 1fr;background:#e9e5da;border-radius:5px;overflow:hidden;min-height:400px}.concept-study .type-study{padding:45px;display:flex;flex-direction:column;justify-content:space-between;background:#273e32;color:#f4ecdf}.concept-study .type-study .eyebrow{color:#bac6af}.concept-study .name-study{font:100px/.88 Georgia,serif;letter-spacing:-6px;margin:30px 0}.concept-study .type-study>p:last-child{font:22px/1.3 Georgia,serif;letter-spacing:0}.concept-study .palette-study{padding:45px;display:flex;flex-direction:column;justify-content:space-between}.concept-study .palette-study h3{font:45px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:25px 0}.concept-study .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.concept-study .swatches>div{padding:40px 13px 14px;border:1px solid #b8bea74f;border-radius:3px;background:var(--swatch);color:var(--label,#fff3df);font-size:10px;line-height:1.9}.concept-study .design-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 0 65px}.concept-study .design-notes article{border-top:1px solid var(--line);padding-top:22px}.concept-study .design-notes h3{font-size:23px;margin:13px 0}.concept-study .design-notes p{font-size:12px;color:var(--muted)}.concept-study .image-pair{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}.concept-study .image-pair figure{min-width:0}.concept-study .image-pair img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:5px;background:#e7e4da}.concept-study .panel-map{margin-top:40px;padding:30px;background:#e9e5da;border-radius:5px}.concept-study .panel-map img{width:100%}.concept-study .panel-map .caption{max-width:800px}.concept-study .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.concept-study .process-frame{background:#e7e4da;padding:25px;border-radius:5px;margin-bottom:18px;min-height:330px;display:flex;align-items:center;justify-content:center;gap:15px}.concept-study .process-frame.flats img{width:calc((100% - 30px)/3);box-shadow:0 6px 18px #20302016}.concept-study .process-frame>img{max-width:100%;max-height:360px;object-fit:contain}.concept-study .process-grid h3{font-size:24px;margin:10px 0 16px}.concept-study .process-grid p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:530px}.concept-study .deliverables{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;border-top:1px solid var(--line);padding:55px 0;margin-top:65px}.concept-study .deliverables h2{font-size:43px}.concept-study .deliverables ul{list-style:none;padding:0;margin:0}.concept-study .deliverables li{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.concept-study .deliverables li span{color:var(--muted);text-align:right}.concept-study .scope{border-top:1px solid var(--line);padding:30px 0 60px;display:grid;grid-template-columns:1fr 2fr;gap:90px}.concept-study .scope>p:last-child{font-size:11px;color:var(--muted);max-width:760px}.concept-study .next-project{border-top:1px solid var(--line);padding:38px 0 65px;display:flex;align-items:end;justify-content:space-between;gap:30px;text-decoration:none}.concept-study .next-project strong{font-family:Bricolage,Arial,sans-serif;font-size:clamp(38px,5vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1}.concept-study .next-project .eyebrow{display:block;margin-bottom:17px}.concept-study .footer{background:#25352a;color:#f3f1e5;padding:38px max(40px,calc((100% - 1220px)/2));display:flex;align-items:start;justify-content:space-between;gap:30px;font-size:11px}.concept-study .footer p{margin:0;color:#d1d8c8}.concept-study .footer>.brand{color:#f3f1e5}.concept-study .digital-stage{background:#dce3d5;padding:45px 65px 75px;position:relative;border-radius:5px;min-height:500px;overflow:hidden}.concept-study .browser-frame{border:1px solid #b5c1aa;border-radius:9px;overflow:hidden;background:#fbfaf5;box-shadow:0 20px 45px #1d3d2712}.concept-study .browser-top{height:30px;background:#e7ebdf;display:flex;align-items:center;gap:5px;padding:0 13px}.concept-study .browser-top i{width:5px;height:5px;border-radius:50%;background:#acb99d}.concept-study .browser-top span{font-size:8px;margin-left:14px;letter-spacing:.06em;color:#617256}.concept-study .browser-frame img{width:100%}.concept-study .phone-frame{position:absolute;width:20%;max-width:225px;right:32px;bottom:25px;border:6px solid #29382e;border-radius:26px;overflow:hidden;background:#f5f4ec;box-shadow:0 12px 30px #14321d26}.concept-study .phone-frame img{width:100%}.concept-study .screenshot-full{padding:35px;background:#e3e7db;border-radius:5px;overflow:hidden}.concept-study .screenshot-full img{width:100%;border:1px solid #bdc7b1;border-radius:6px}.concept-study .screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.concept-study .screen-pair .screen{background:#e5e8df;padding:20px;border-radius:5px}.concept-study .screen-pair .screen>img{width:100%;border-radius:4px;border:1px solid #c7d0bf}.concept-study .screen-pair .caption{margin:12px 3px 0}.concept-study .checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 60px}.concept-study .checklist>div{background:#e8ecdf;border:1px solid #d4ddc8;padding:22px;border-radius:5px}.concept-study .checklist strong{font-family:Bricolage,Arial,sans-serif;font-weight:500;font-size:23px;letter-spacing:-.02em;line-height:1.2}.concept-study .checklist p{font-size:12px;color:var(--muted);margin-top:13px}.concept-study .selected-head{padding:65px 0 55px}.concept-study .selected-head h1{font-size:clamp(56px,7vw,96px);margin:23px 0}.concept-study .selected-head>p:last-child{max-width:670px;color:var(--muted);font-size:18px}.concept-study .selected-project{padding:35px 0 55px;border-top:1px solid var(--line)}.concept-study .selected-project>a{display:block;text-decoration:none}.concept-study .selected-project img{width:100%;border-radius:5px;background:#e7e4da}.concept-study .selected-project .project-caption{display:flex;justify-content:space-between;gap:30px;margin-top:23px}.concept-study .project-caption h2{font-size:44px;margin-top:9px}.concept-study .project-caption p:not(.eyebrow){max-width:450px;font-size:13px;color:var(--muted);align-self:center}.concept-study .selected-links{margin-top:20px;display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.concept-study .secondary-note{border-top:1px solid var(--line);padding:35px 0 60px;font-size:13px;color:var(--muted)}.concept-study .secondary-note a{font-size:13px;color:var(--ink)}@media(max-width:1000px){.concept-study .wrap{width:calc(100% - 64px)}.concept-study .project-title-row{gap:40px}.concept-study .project-title-row>div:last-child{max-width:350px}.concept-study .intro,.concept-study .section-title,.concept-study .scope{gap:45px}.concept-study .type-study,.concept-study .palette-study{padding:32px}.concept-study .name-study{font-size:83px}.concept-study .palette-study h3{font-size:38px}.concept-study .design-notes{gap:25px}.concept-study .deliverables{gap:40px}.concept-study .digital-stage{padding:35px 40px 60px}.concept-study .phone-frame{width:22%;right:20px}.concept-study .footer{padding-inline:32px}}@media(max-width:700px){.concept-study{font-size:14px}.concept-study .wrap{width:calc(100% - 40px)}.concept-study .wide{width:calc(100% - 20px)}.concept-study .nav{height:80px}.concept-study .brand{font-size:31px}.concept-study .nav-links{gap:19px;font-size:10px}.concept-study .project-head{padding:38px 0 26px}.concept-study .project-title-row{display:block;margin-top:20px}.concept-study .project-title-row h1{font-size:clamp(52px,17vw,77px)}.concept-study .project-title-row h2{font-size:32px;margin-top:23px;max-width:330px}.concept-study .project-head>.summary{font-size:15px;margin-top:23px}.concept-study .meta-row{grid-template-columns:1fr;gap:16px;margin-top:25px;padding-top:20px}.concept-study .meta-row p{font-size:10px}.concept-study .meta-row strong{font-size:11px;display:inline;margin-right:12px}.concept-study .hero-image img{min-height:245px;object-fit:cover;object-position:center}.concept-study .intro{grid-template-columns:1fr;gap:25px;padding:43px 0}.concept-study .intro h2{font-size:35px;max-width:335px}.concept-study .copy>p:first-child{font-size:18px}.concept-study .copy p{font-size:14px}.concept-study .section-title{grid-template-columns:1fr;gap:19px;padding-top:35px;margin-bottom:25px}.concept-study .section-title h2{font-size:35px}.concept-study .section-title p:not(.eyebrow){font-size:13px;margin-top:18px}.concept-study .identity-board{grid-template-columns:1fr}.concept-study .type-study{padding:30px;min-height:350px}.concept-study .palette-study{padding:30px;min-height:300px}.concept-study .palette-study h3{font-size:41px}.concept-study .name-study{font-size:94px}.concept-study .swatches{gap:8px}.concept-study .swatches>div{font-size:9px;padding:30px 10px 12px}.concept-study .design-notes{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.concept-study .design-notes article{padding-top:17px}.concept-study .design-notes h3{font-size:24px}.concept-study .image-pair{gap:13px;grid-template-columns:1fr}.concept-study .image-pair img{aspect-ratio:1.3}.concept-study .caption{font-size:9px}.concept-study .image-pair .caption{margin-bottom:16px}.concept-study .panel-map{padding:12px;margin-top:25px}.concept-study .process-grid{grid-template-columns:1fr;gap:30px}.concept-study .process-frame{min-height:230px;padding:18px;gap:10px}.concept-study .process-frame.flats img{width:calc((100% - 20px)/3)}.concept-study .process-grid p:not(.eyebrow){font-size:12px}.concept-study .deliverables{grid-template-columns:1fr;gap:25px;padding:35px 0;margin-top:45px}.concept-study .deliverables h2{font-size:34px}.concept-study .deliverables li{font-size:11px;padding:13px 0}.concept-study .scope{grid-template-columns:1fr;gap:16px;padding:25px 0 40px}.concept-study .scope>p:last-child{font-size:10px}.concept-study .next-project{padding:30px 0 45px}.concept-study .next-project strong{font-size:42px}.concept-study .footer{padding:30px 20px;flex-direction:column;gap:23px;font-size:10px}.concept-study .digital-stage{padding:22px 18px 45px;min-height:0}.concept-study .browser-top{height:22px;padding-inline:8px}.concept-study .browser-top span{font-size:5px;margin-left:6px}.concept-study .browser-top i{width:3px;height:3px}.concept-study .phone-frame{width:25%;right:9px;bottom:9px;border-width:3px;border-radius:14px}.concept-study .screen-pair{grid-template-columns:1fr;gap:20px}.concept-study .screen-pair .screen{padding:13px}.concept-study .screenshot-full{padding:15px}.concept-study .checklist{grid-template-columns:1fr;gap:13px;margin-bottom:40px}.concept-study .checklist>div{padding:22px}.concept-study .selected-head{padding:40px 0}.concept-study .selected-head h1{font-size:55px}.concept-study .selected-head>p:last-child{font-size:16px}.concept-study .project-caption h2{font-size:34px}.concept-study .selected-project .project-caption{display:block}.concept-study .project-caption p:not(.eyebrow){font-size:12px;margin-top:16px}.concept-study .selected-project{padding:25px 0 35px}.concept-study .selected-project img{min-height:210px;object-fit:cover}.concept-study .selected-links{gap:18px;font-size:11px}.concept-study .secondary-note{font-size:12px}.concept-study .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.concept-study html{scroll-behavior:auto}}@media print{.concept-study .nav,.concept-study .footer,.concept-study .button-row,.concept-study .next-project,.concept-study .phone-frame{display:none}.concept-study .wrap,.concept-study .wide{width:100%}.concept-study .project-head{padding-top:0}.concept-study .intro,.concept-study .section-title,.concept-study .scope{gap:30px}.concept-study{font-size:11pt}.concept-study .hero-image,.concept-study .identity-board,.concept-study .image-pair figure{break-inside:avoid}}.page-concept main{padding-top:125px}.concept-study{--paper:#f8f6f1;--ink:#26362a;--muted:#596452;--line:#d8dccf;--tint:#e7e4d9;padding-bottom:1px}.concept-study .project-head{padding-top:28px}.concept-study .study-crumb{display:flex;gap:15px;font-size:12px;flex-wrap:wrap}.concept-study .study-crumb a{text-decoration:none}.concept-study .study-enquiry{border-top:1px solid var(--line);padding:40px 0 65px}.concept-study .study-enquiry p{margin:18px 0 25px}.concept-study .eyebrow,.concept-study .caption{font-size:12px}.concept-study .meta-row p,.concept-study .scope>p:last-child{font-size:13px}.concept-study .copy p{font-size:16px}.concept-study .design-notes p,.concept-study .process-grid p:not(.eyebrow){font-size:14px}.concept-study .button,.concept-study .text-link{font-size:14px;min-height:44px}.concept-study .deliverables li{font-size:14px}.concept-study .project-title-row h1{max-width:none}.concept-study .wrap{max-width:1220px}@media(max-width:700px){.page-concept main{padding-top:105px}.concept-study .caption,.concept-study .eyebrow{font-size:11px}.concept-study .scope>p:last-child{font-size:12px}.concept-study .deliverables li{font-size:12px}.concept-study .project-title-row h1{font-size:clamp(52px,16vw,77px)}}@media(min-width:701px){.concept-study .project-title-row>div:last-child{padding-right:35px}}
