.studio{--s-paper:#f3f1e9;--s-ink:#242722;--s-red:#b63e2c;--s-line:#cbcfc2;background:var(--s-paper);color:var(--s-ink);font-family:var(--font-inter),Arial,sans-serif;font-size:16px;line-height:1.5}.studio a{color:inherit;text-decoration:none}.studio h1,.studio h2,.studio h3,.studio h4{font-family:var(--font-inter),Arial,sans-serif;font-weight:500}.studio a:focus-visible,.studio summary:focus-visible{outline:2px solid var(--s-red);outline-offset:6px}.studio ::selection{color:#fff;background:#b63e2c}.studio-nav{border-bottom:1px solid var(--s-line);justify-content:space-between;align-items:center;padding:26px 4.5%;display:flex}.studio-logo{letter-spacing:-3px;font-size:38px;font-weight:700;line-height:1}.studio-logo>span:first-child{color:var(--s-red);padding:0 3px}.logo-dot{color:var(--s-red)}.studio-nav nav{align-items:center;gap:42px;font-size:13px;display:flex}.project-link{border-bottom:1px solid var(--s-ink);padding:10px 0}.project-link span{margin-left:28px}.studio-skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.studio-skip:focus{top:12px}.studio-hero{padding:32px 4.5% 0}.hero-meta{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.studio-hero h1{letter-spacing:-.075em;margin:65px 0 35px;font-size:clamp(76px,10.3vw,166px);line-height:.94}.hero-indent{letter-spacing:-.06em;color:var(--s-red);margin-left:25%;font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-stop{color:var(--s-red)}.hero-bottom{grid-template-columns:1fr 1fr;padding:0 0 60px;display:grid}.hero-index{align-items:flex-end;gap:24px;font-size:54px;display:flex}.hero-index small{letter-spacing:.08em;max-width:100px;margin-bottom:14px;font-size:9px}.hero-bottom p{max-width:410px;margin:0 0 22px;font-size:18px;line-height:1.6}.text-link{border-bottom:1px solid;align-items:center;gap:35px;padding:0 0 8px;font-size:13px;display:inline-flex}.text-link span,.project-link span{transition:transform .2s;display:inline-block}.text-link:hover span,.project-link:hover span{transform:translate(3px,-3px)}.hero-rule{border-top:1px solid var(--s-ink);justify-content:space-between;padding:18px 0;font-size:12px;display:flex}.studio-label{letter-spacing:.12em;text-transform:uppercase;font-size:10px}.studio-work{background:#e3e6db;padding:80px 4.5% 90px}.section-top{justify-content:space-between;align-items:flex-start;margin-bottom:50px;display:flex}.section-top p{width:34%;margin:0;font-size:20px;line-height:1.35}.work-copy{padding-right:40px}.work-copy h2{letter-spacing:-.05em;margin:25px 0;font-size:clamp(32px,3.4vw,55px);line-height:1.06}.work-copy p{color:#51584b;max-width:320px;font-size:14px}.work-copy .work-note{margin:26px 0;font-size:12px}.studio-capabilities{padding:90px 4.5%}.studio-capabilities h2{letter-spacing:-.055em;margin:0 0 30px;font-size:clamp(36px,4.6vw,74px);line-height:1.08}.studio h2 em{font-family:Georgia,serif;font-weight:400}.capability-intro{max-width:460px;margin:0 0 55px 50%;font-size:14px}.capability-list article{border-top:1px solid var(--s-line);grid-template-columns:6% 34% 1fr 5%;align-items:start;gap:2%;padding:30px 0;display:grid}.capability-list article>span{font-size:11px}.capability-list h3{letter-spacing:-.05em;margin:0;font-size:30px;line-height:1.2}.capability-list h4{letter-spacing:-.025em;margin:0 0 8px;font-size:17px}.capability-list p{color:#596052;max-width:450px;margin:0;font-size:13px}.capability-arrow{justify-self:end}.studio-problems{color:#f3f1e9;background:#282c26;grid-template-columns:1fr 1fr;gap:50px;padding:85px 4.5%;display:grid}.problem-title h2{letter-spacing:-.05em;margin:30px 0;font-size:clamp(35px,4.2vw,65px);line-height:1.08}.problem-title h2 em{color:#c6cdaa}.problem-title p{color:#bdc4b6;font-size:13px}.problem-list{padding-top:40px}.problem-list details{border-top:1px solid #555d50}.problem-list summary{cursor:pointer;letter-spacing:-.025em;justify-content:space-between;gap:20px;padding:24px 0;font-size:18px;list-style:none;display:flex}.problem-list summary::-webkit-details-marker{display:none}.problem-list summary span{font-size:22px;transition:transform .2s}.problem-list details[open] summary span{transform:rotate(45deg)}.problem-list details p{color:#bdc4b6;margin:0 40px 25px 0;font-size:14px}.workflow{border-top:1px solid #555d50;grid-column:1/-1;margin-top:20px;padding-top:25px}.workflow>div{justify-content:space-between;align-items:center;gap:16px;padding:35px 0;display:flex}.workflow>div span{font-size:15px}.workflow b{color:#c6cdaa;font-weight:400}.workflow p{color:#bdc4b6;font-size:11px}.studio-process{grid-template-columns:20% 40% 1fr;gap:3%;padding:90px 4.5%;display:grid}.studio-process h2{letter-spacing:-.05em;margin:0;font-size:42px;line-height:1.1}.studio-process p{color:#596052;margin:0 0 20px;font-size:14px}.studio-contact{color:#fff4e6;background:#b63e2c;padding:70px 4.5% 80px;position:relative}.studio-contact h2{letter-spacing:-.06em;margin:40px 0;font-size:clamp(65px,9vw,140px);line-height:.95}.studio-contact>a{border-bottom:1px solid;gap:60px;padding-bottom:14px;font-size:22px;display:flex;position:absolute;top:50%;right:4.5%}.studio-contact p{font-size:12px}.studio-footer{grid-template-columns:1fr 1fr 1fr;gap:30px;padding:50px 4.5% 80px;font-size:12px;display:grid}.studio-footer>p{margin:0}.studio-footer>a:nth-of-type(2){justify-self:end}.footer-legal{border-top:1px solid var(--s-line);grid-column:1/-1;justify-content:space-between;margin-top:30px;padding-top:25px;font-size:10px;display:flex}.footer-legal nav{gap:18px;display:flex}.studio a:hover{opacity:.75}.studio .analytics-consent{font-family:inherit}@media (min-width:900px){.studio-hero h1{animation:.7s ease-out both studio-enter}.hero-bottom{animation:.9s ease-out both studio-enter}}@keyframes studio-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.studio-nav{padding:23px 6%}.studio-logo{font-size:32px}.studio-nav nav{gap:20px;font-size:11px}.studio-nav nav>a:nth-child(2){display:none}.project-link span{margin-left:10px}.studio-hero{padding:28px 6% 0}.hero-meta{gap:25px;font-size:8px}.hero-meta>span:last-child{text-align:right;max-width:120px}.studio-hero h1{margin:60px 0 38px;font-size:clamp(60px,12.2vw,93px)}.hero-indent{margin-left:18%}.hero-bottom{grid-template-columns:18% 1fr;gap:20px;padding-bottom:40px}.hero-index{align-items:flex-start;font-size:35px}.hero-index small{display:none}.hero-bottom p{font-size:15px}.hero-rule{font-size:9px}.studio-work,.studio-capabilities{padding:55px 6%}.section-top{margin-bottom:35px}.section-top p{width:47%;font-size:15px}.work-copy{padding:0}.work-copy h2{margin:20px 0;font-size:39px}.work-copy p{max-width:420px}.studio-capabilities h2{font-size:36px}.capability-intro{margin:0 0 35px;font-size:13px}.capability-list article{grid-template-columns:24px 1fr 20px;gap:12px;padding:24px 0}.capability-list h3{font-size:27px}.capability-list article>div{grid-area:2/2}.capability-list h4{font-size:15px}.capability-list p{font-size:12px}.capability-arrow{grid-area:1/3}.studio-problems{grid-template-columns:1fr;gap:25px;padding:55px 6%}.problem-title h2{font-size:42px}.problem-list{padding:0}.problem-list summary{font-size:17px}.workflow{grid-column:1;margin-top:0}.workflow>div{flex-direction:column;align-items:flex-start;gap:10px;padding:25px 0}.workflow b{margin-left:8px;transform:rotate(90deg)}.studio-process{grid-template-columns:1fr;gap:30px;padding:55px 6%}.studio-process h2{font-size:40px}.studio-process>div{max-width:450px}.studio-contact{padding:55px 6%}.studio-contact h2{font-size:80px}.studio-contact>a{justify-content:space-between;font-size:19px;position:static}.studio-contact p{margin-top:25px}.studio-footer{grid-template-columns:1fr 1fr;gap:30px;padding:40px 6% 85px}.studio-footer>a:nth-of-type(2){grid-column:1/-1;justify-self:start}.footer-legal{gap:20px;margin-top:0;display:grid}.footer-legal nav{flex-wrap:wrap;gap:14px}}@media (prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.website-project{grid-template-columns:34% 66%;align-items:center;margin-bottom:80px;display:grid}.website-project:last-child{margin-bottom:0}.website-project-reverse{grid-template-columns:58% 1fr;gap:8%}.website-study{min-height:440px;padding:26px 28px;position:relative;overflow:hidden}.concept-nav{border-bottom:1px solid #7776;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.concept-nav b{letter-spacing:-1px;font-size:21px}.concept-nav>span{font-size:8px}.architecture-study{color:#363a31;background:#ede9e0}.architecture-heading{z-index:2;width:75%;padding-top:36px;position:relative}.architecture-heading>span,.coffee-heading>span{letter-spacing:.09em;font-size:8px}.architecture-heading h3{letter-spacing:-.055em;margin:18px 0;font-family:Georgia,serif;font-size:clamp(38px,4.1vw,64px);line-height:1.03}.architecture-heading h3 em{font-weight:400}.architecture-heading p{font-size:10px;line-height:1.5}.architectural-composition{background:#c8c8b9;width:53%;height:62%;position:absolute;bottom:42px;right:0;overflow:hidden}.building-plane{clip-path:polygon(15% 26%,75% 0,100% 15%,100% 100%,15% 100%);background:#a9ae9e;position:absolute;inset:0}.building-window{background:#465448;border:10px solid #d6d4c5;width:57%;height:48%;position:absolute;top:35%;left:30%;box-shadow:inset 18px 0 #596354}.building-column{background:#e5dfcf;width:16%;height:100%;position:absolute;top:0;right:3%}.building-step{background:#b7b8a8;border-top:8px solid #ddd8c8;width:100%;height:13%;position:absolute;bottom:0;left:0}.concept-caption{letter-spacing:.06em;background:inherit;justify-content:space-between;gap:10px;padding:15px 28px;font-size:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.coffee-study{color:#273b32;background:#edcb56;min-height:480px}.coffee-study .concept-nav b{letter-spacing:-1.4px;font-weight:900}.coffee-heading{z-index:2;padding-top:37px;position:relative}.coffee-heading h3{letter-spacing:-.07em;margin:20px 0 38px;font-size:clamp(39px,4.4vw,68px);font-weight:800;line-height:.95}.coffee-heading .coffee-shop-label{border-bottom:1px solid;padding-bottom:7px;font-size:7px;display:inline-block}.coffee-bag{color:#f0d268;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:#315044;border-top:12px solid #263f36;flex-direction:column;width:31%;height:230px;padding:26px 18px 15px;display:flex;position:absolute;bottom:67px;right:8%;transform:rotate(9deg);box-shadow:9px 14px #b6993d}.coffee-bag>span{letter-spacing:-.06em;font-size:clamp(28px,3vw,46px);font-weight:900;line-height:.88}.coffee-bag small{letter-spacing:.08em;margin-top:20px;font-size:7px}.coffee-bag i{border-top:1px solid #f0d268;margin-top:auto;padding-top:9px;font-size:9px;font-style:normal}@media (max-width:760px){.website-project,.website-project-reverse{grid-template-columns:1fr;gap:28px;margin-bottom:55px}.website-project:last-child{margin-bottom:0}.website-project-reverse .work-copy{grid-row:1}.website-study{min-height:380px;padding:20px}.concept-nav b{font-size:18px}.concept-nav>span{font-size:6px}.architecture-heading{padding-top:28px}.architecture-heading h3{font-size:43px}.architecture-heading p{font-size:9px}.architectural-composition{width:55%;height:57%}.building-window{border-width:7px}.concept-caption{padding:14px 20px;font-size:6px}.coffee-study{min-height:410px}.coffee-heading h3{font-size:46px}.coffee-heading>span{font-size:7px}.coffee-bag{width:33%;height:185px;padding:19px 12px 12px;bottom:62px;right:9%}.coffee-bag>span{font-size:33px}.coffee-bag small{font-size:6px}.coffee-bag i{font-size:7px}}@media (max-width:360px){.concept-nav>span{font-size:5px}.architecture-heading h3{font-size:36px}.coffee-heading h3{font-size:39px}.coffee-bag>span{font-size:27px}.coffee-bag{width:34%;height:170px}.website-study{min-height:350px}.coffee-study{min-height:385px}}@media (max-width:760px){.coffee-study{min-height:460px}.coffee-heading h3{margin-bottom:24px;font-size:43px}.coffee-bag{width:37%;height:160px;bottom:53px;right:10%}.coffee-bag>span{font-size:31px}.coffee-bag small{margin-top:12px}.architecture-heading h3{font-size:39px}}@media (max-width:360px){.coffee-heading h3{font-size:37px}.coffee-bag>span{font-size:27px}.architecture-heading h3{font-size:34px}}.plumbing-study{color:#173b43;background:#f8f6f0;min-height:460px}.plumbing-study .concept-nav b{letter-spacing:-1.3px;font-size:25px}.plumbing-study .concept-nav b span{letter-spacing:1.5px;margin-top:3px;font-size:7px;display:block}.plumbing-layout{grid-template-columns:1.3fr 1fr;gap:30px;padding:35px 0 25px;display:grid}.plumbing-heading>span:first-child,.plumbing-job>span{letter-spacing:.08em;font-size:8px}.plumbing-heading h3{letter-spacing:-.06em;margin:20px 0;font-size:clamp(32px,3.5vw,52px);font-weight:700;line-height:1.02}.plumbing-heading p{font-size:11px;line-height:1.6}.mock-button{color:#fff;background:#d95b35;margin-top:18px;padding:12px 15px;font-size:10px;display:inline-block}.plumbing-job{background:#e5ebe6;padding:25px 20px}.plumbing-job>div{border-bottom:1px solid #bdcec3;justify-content:space-between;padding:18px 0;font-size:12px;display:flex}.plumbing-job b{font-weight:400}.plumbing-job small{margin-top:20px;font-size:9px;line-height:1.6;display:block}.plumbing-strip{border-top:1px solid #bdcec3;justify-content:space-between;gap:12px;padding:17px 0;font-size:9px;display:flex}.coffee-heading h3{font-size:clamp(35px,3.8vw,58px)}@media (max-width:760px){.plumbing-study{min-height:590px}.plumbing-layout{grid-template-columns:1fr;gap:20px;padding-top:25px}.plumbing-heading h3{font-size:41px}.plumbing-job{padding:15px 18px}.plumbing-job>div{padding:10px 0;font-size:11px}.plumbing-job small{margin-top:12px}.plumbing-strip{flex-wrap:wrap;justify-content:flex-start;font-size:8px}.coffee-heading h3{font-size:38px}.coffee-bag{bottom:51px}.coffee-study .concept-caption{font-size:5px}}@media (max-width:360px){.plumbing-study{min-height:605px}.plumbing-study .concept-nav b{font-size:21px}.coffee-heading h3{font-size:33px}}.studio-contact{grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;display:grid}.studio-contact h2{font-size:clamp(54px,6.8vw,105px)}.studio-contact p{font-size:14px;line-height:1.7}.contact-details{padding-top:30px}.contact-details>a{letter-spacing:-.03em;border-bottom:1px solid #fff4e680;justify-content:space-between;gap:18px;padding:18px 0;font-size:clamp(17px,2vw,28px);display:flex}.contact-details>p{max-width:340px;margin:20px 0 30px;font-size:13px}.contact-details .contact-email-button{color:#8f3022;letter-spacing:0;background:#fff4e6;border:0;padding:16px 20px;font-size:14px}.studio-nav nav{gap:30px}@media (max-width:760px){.studio-contact{grid-template-columns:1fr;gap:10px}.studio-contact h2{font-size:64px}.studio-contact p{font-size:13px}.contact-details{padding-top:20px}.contact-details>a{font-size:23px}.studio-nav nav{gap:17px}.studio-nav nav>a:nth-child(3){display:none}}@media (max-width:360px){.studio-contact h2{font-size:55px}.contact-details>a{font-size:20px}}.studio .studio-logo{letter-spacing:-1.8px;font-size:34px;font-weight:650}@media (max-width:760px){.studio .studio-logo{letter-spacing:-1.5px;font-size:29px}}