/*
Embedded font notices

Caveat:
Copyright 2014 The Caveat Project Authors (https://github.com/googlefonts/caveat)

DM Sans:
Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts)

DM Serif Display:
Copyright 2014 - 2017 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. Copyright 2019 Google LLC.

SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/font-latin-0-d51e2283010e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/font-latin-1-9fea608a947e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-latin-5-ed8b291611e3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-latin-6-fdf61e20fd2c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--paper:#f5f2e8;--paper-deep:#e9e7da;--ink:#1b3028;--forest:#173b30;--forest-deep:#102b23;--sage:#85c6af;--orange:#ef6b43;--muted:#59685f;--line:#d4dbce;--white:#fffdf7;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 var(--sans)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--sage);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.narrow{max-width:850px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);padding:12px 20px}.skip-link:focus{top:12px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(56px,6.5vw,94px);line-height:1.03;margin-bottom:26px}h2{font-size:clamp(38px,4.2vw,58px);line-height:1.12;margin-bottom:22px}h3{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.02em}p{margin-bottom:22px}.kicker{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:20px}.muted{color:var(--muted)}.lead{font-size:22px;line-height:1.65;max-width:670px}.text-link{display:inline-flex;align-items:center;gap:25px;font-weight:600;font-size:17px;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0}.text-link:hover{color:#386e56}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:56px;padding:15px 24px;border:1px solid transparent;border-radius:5px;background:var(--orange);color:#172c22;text-decoration:none;font-weight:700;font-size:17px;line-height:1.4;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{background:#fa7e56;transform:translateY(-2px);box-shadow:0 7px 20px #0001}.btn.light{background:var(--paper);color:var(--ink)}.btn.green{background:var(--forest);color:var(--paper)}.btn.outline{border-color:var(--line);background:transparent;color:inherit}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.section{padding-block:98px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-top h2{margin-bottom:0}.section-top p{max-width:420px;margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dark{background:var(--forest);color:var(--paper)}.dark .muted{color:#c4d5c6}.dark .text-link:hover{color:var(--sage)}.tint{background:var(--paper-deep)}
.site-header{position:sticky;top:0;z-index:50;background:var(--forest);color:var(--paper);border-bottom:1px solid #ffffff24}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:88px}.brand{display:block;flex-shrink:0}.brand img{width:147px;height:auto}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a,.nav-dropdown>summary{font-size:16px;font-weight:500;text-decoration:none;list-style:none;cursor:pointer}.nav-links>a:hover,.nav-dropdown>summary:hover{color:var(--sage)}.nav-links .nav-cta{padding:12px 19px;border:1px solid #f5f2e899;border-radius:4px;font-size:16px}.nav-dropdown{position:relative}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"⌄";font-size:16px;margin-left:8px}.nav-flyout{position:absolute;top:39px;left:-24px;display:grid;gap:0;min-width:275px;background:var(--paper);color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:6px;box-shadow:0 18px 40px #0002}.nav-flyout a{font-size:16px;text-decoration:none;padding:11px 14px;border-radius:3px}.nav-flyout a:hover{background:var(--paper-deep)}.nav-toggle{display:none;color:var(--paper);border:1px solid #ffffff88;background:transparent;border-radius:4px;padding:9px 14px;font-size:16px;gap:15px;align-items:center}
.home-hero{overflow:hidden;background:var(--forest);color:var(--paper)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:680px;padding-block:70px 88px}.hero-copy{position:relative;z-index:2}.hero-copy h1 em{font-weight:400;color:var(--sage)}.hero-copy>.lead{font-size:21px;max-width:535px;color:#dce6db}.hero-copy .actions{margin-top:32px}.hero-price{font-size:16px;color:#c4d5c6;margin:25px 0 0}.hero-visual{position:relative;min-width:0;padding:60px 0 30px;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;inset:-10px -55px 0 -15px;border-radius:50% 50% 9px 9px;background:#244b3c}.hero-room{position:absolute;inset:-15px -10px 100px 20px;width:calc(100% - 10px);height:330px;object-fit:cover;border-radius:9px;opacity:.65}.hero-board{position:relative;width:100%;transform:rotate(-3deg);filter:drop-shadow(0 22px 30px #0005)}.visual-caption{position:absolute;left:24px;bottom:-4px;font-size:14px;letter-spacing:.02em;color:#d1e1d3}.hero-stamp{position:absolute;right:-12px;top:-10px;display:grid;place-content:center;text-align:center;width:105px;height:105px;background:var(--orange);color:var(--ink);border-radius:50%;font-size:15px;line-height:1.35;transform:rotate(9deg);z-index:2}.hero-stamp span{font-family:var(--serif);font-size:30px}.client-strip{border-bottom:1px solid var(--line);padding-block:28px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.client-row>p{font-size:14px;max-width:140px;line-height:1.4;color:var(--muted);margin:0}.client-row>span{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.03em}.client-row .serif{font-family:var(--serif);font-weight:400;font-size:28px}.client-row .wide{font-size:18px;letter-spacing:.045em;text-transform:uppercase}
.sample-board{overflow:hidden;border:7px solid #28312b;border-radius:8px;min-height:335px;background:#18211c;color:#f3f1df;padding:26px 28px;box-shadow:inset 0 0 0 1px #848e7526;font-family:var(--sans)}.sample-board .board-brand{font-family:"Caveat",cursive;font-size:52px;line-height:1.05;text-align:center;letter-spacing:0;margin:0 0 8px;color:#f3f1df}.board-sub{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:#c5cdb6;margin:0 0 20px}.board-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}.board-cols h4{font:600 27px/1 "Caveat",cursive;color:#d3c799;margin:0 0 16px}.board-row{display:flex;gap:14px;justify-content:space-between;line-height:1.4;font-size:13px;padding-block:7px;border-bottom:1px dashed #e3e0c430}.board-row strong{font-weight:500}.board-foot{text-align:center;margin:18px 0 0;font:500 20px/1.2 "Caveat",cursive;color:#d3c799}.solari{background:#171e1a;border-color:#252d27;padding:25px 22px}.solari .board-brand{font:600 33px/1.2 var(--sans);letter-spacing:.12em;text-align:left;margin-bottom:24px}.flap-head,.flap-row{display:grid;grid-template-columns:40px 1fr 62px;gap:12px;align-items:center}.flap-head{font:500 12px/1.4 var(--sans);letter-spacing:.08em;margin-bottom:12px;color:#baa56a}.flap-row{font:400 16px/1.6 monospace;letter-spacing:.055em;padding:7px 8px;margin:7px 0;background:linear-gradient(#31372f 49%,#10160f 50%,#31372f 53%);border:1px solid #4e584537;border-radius:2px;color:#efeee0}.flap-row b{color:#d8be76;font-weight:400}.brew{background:#efe4c9;border-color:#273f34;color:#173c30;padding:28px}.brew .board-brand{font:400 44px/1.1 var(--serif);color:var(--forest);text-align:left;margin-bottom:4px}.brew .board-sub{color:#566d52;text-align:left}.brew-row{display:grid;grid-template-columns:34px 1fr 42px;gap:14px;align-items:center;border-top:1px solid #8a9b7b66;padding:10px 0;font-size:16px}.brew-row>span:first-child{font-size:27px;font-family:var(--serif);color:#b55b36}.brew-row strong{font-weight:600;display:block}.brew-row small{font-size:12px;color:#5a7055}.brand-board{background:#e3efd2;border-color:#203a2d;color:var(--forest);min-height:335px;position:relative;padding:34px}.brand-board .board-brand{color:var(--forest);font:400 54px/.95 var(--serif);text-align:left;max-width:65%;position:relative;z-index:1}.brand-board>p{font-size:16px;margin:22px 0 0;max-width:60%;position:relative;z-index:1}.citrus{position:absolute;width:180px;height:180px;border:18px solid #ef9c43;border-radius:50%;background:repeating-conic-gradient(#f7c069 0deg 42deg,#ffe2a6 42deg 45deg);right:-40px;bottom:-25px;box-shadow:0 0 0 8px #f4dcb7}.design-label{font-size:14px;color:var(--muted);margin:18px 0 0}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.tabs button,.filter-btn{border:1px solid #c3cebf;background:transparent;border-radius:30px;padding:11px 21px;font-size:16px;color:var(--ink);transition:background .2s,color .2s}.tabs button[aria-selected=true],.filter-btn[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--paper)}.design-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:85px;align-items:center}.design-frame{padding:35px;background:#e5e7da;border:1px solid #d5dbcd;border-radius:7px}.design-frame .sample-board{min-height:370px;padding:32px}.design-frame .board-brand{font-size:62px}.design-frame .board-row{font-size:16px}.design-frame .flap-row{font-size:19px}.design-frame .board-sub{font-size:13px}.design-frame .brew-row{font-size:19px}.design-frame .brand-board>p{font-size:21px}.design-panel h3{font-family:var(--serif);font-size:41px;font-weight:400;line-height:1.15}.clean-list{list-style:none;padding:0;margin:25px 0}.clean-list li{padding:12px 0;border-top:1px solid var(--line);font-size:17px}.clean-list li:last-child{border-bottom:1px solid var(--line)}.clean-list li:before{content:"↗";display:inline-block;margin-right:15px;color:#477c5f}
.photo-pair{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.photo-pair figure,.work-card{margin:0;min-width:0}.photo-pair img{height:430px;width:100%;object-fit:cover;border-radius:5px}.photo-pair figcaption{font-size:15px;color:var(--muted);margin-top:15px}.photo-pair figure:last-child img{object-position:center}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{padding:42px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;min-height:270px;transition:background .25s}.service-card:hover{background:#e6ecdc}.service-card .number{font-size:15px;color:var(--muted);margin-bottom:20px}.service-card h3{font-family:var(--serif);font-size:35px;font-weight:400;margin-bottom:14px}.service-card p{font-size:18px;max-width:440px;margin-bottom:25px}.service-card>.arrow{margin-top:auto;font-size:26px}.service-card.primary{background:var(--forest);color:var(--paper)}.service-card.primary .number{color:#bfd3c3}.service-card.primary:hover{background:#24503e}.service-grid.three{grid-template-columns:repeat(3,1fr)}.service-grid.three .service-card{padding:32px}.service-grid.three h3{font-size:31px}.paths{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff44}.path{padding:48px}.path+.path{border-left:1px solid #ffffff44}.path h3{font:400 44px/1.1 var(--serif);margin-bottom:22px}.path p{max-width:480px;color:#d3dfd2}.path .text-link{color:var(--sage)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.process-step{border-top:1px solid var(--line);padding-top:25px}.process-step>span{font-family:var(--serif);font-size:42px;color:#788d78}.process-step h3{font-size:22px;margin:26px 0 13px}.process-step p{font-size:18px;color:var(--muted);margin:0}
.intro{padding-block:75px 65px}.intro h1{max-width:1040px;font-size:clamp(54px,5.7vw,80px)}.intro .lead{max-width:780px;color:var(--muted)}.intro .actions{margin-top:30px}.intro.dark .lead{color:#d4e0d1}.editorial-photo{width:100%;height:490px;object-fit:cover;border-radius:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature{border-top:1px solid var(--line);padding-top:25px}.feature h3{font:400 31px/1.2 var(--serif);margin-bottom:18px}.feature p{color:var(--muted);font-size:18px}.statement{max-width:950px;font:400 clamp(33px,3.8vw,52px)/1.28 var(--serif);letter-spacing:-.025em}.statement em{color:#689b80}.case-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:45px;border-top:1px solid var(--line);align-items:center}.case-row h3{font-family:var(--serif);font-size:40px;font-weight:400}.case-row .lead{font-size:20px}.case-meta{font-size:15px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.case-number{font-family:var(--serif);font-size:98px;line-height:1;color:var(--forest);margin-bottom:12px}.tablet{max-width:500px;border:14px solid #17221d;border-radius:26px;padding:35px;background:#fbf8ef;box-shadow:0 25px 40px #1b302819;color:#21382e}.tablet .tablet-title{text-align:center;font:400 35px/1.2 var(--serif);margin-bottom:5px}.tablet .tablet-sub{text-align:center;font-size:13px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}.wine-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:16px}.wine-row small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.tablet-note{font-size:14px;text-align:center;color:var(--muted);margin-top:20px}.network-art{border:1px solid var(--line);border-radius:7px;background:#e6e9dc;padding:30px}.network-hq{text-align:center;background:var(--forest);color:var(--paper);padding:22px;margin:0 auto 35px;border-radius:5px;max-width:280px;font-size:19px}.network-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.network-location{background:var(--white);border:1px solid var(--line);border-top:5px solid var(--sage);padding:24px 12px;text-align:center;font-size:15px}.network-location>span{display:block;color:var(--muted);font-size:14px;margin-top:8px}.embed-frame{border:1px solid #ccd7c4;border-radius:8px;background:var(--white);padding:22px}.browser-dots{display:flex;gap:6px;margin-bottom:22px}.browser-dots span{width:8px;height:8px;border-radius:50%;background:#bcc9b5}.embed-frame h3{font:400 30px/1.2 var(--serif);padding-bottom:18px;border-bottom:1px solid var(--line)}.embed-line{font-size:16px;display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.embed-meta{margin-top:20px;font-size:14px;color:var(--muted)}
.work-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.work-card.wide{grid-column:1/-1}.work-image{position:relative;display:block;width:100%;padding:0;border:0;border-radius:5px;background:#e4e7d9;overflow:hidden;color:var(--ink);text-align:left;cursor:zoom-in}.work-image img{height:330px;width:100%;object-fit:contain;transition:transform .5s}.work-card.wide img{height:500px;object-fit:cover}.work-image:hover img{transform:scale(1.035)}.work-image .sample-board{min-height:330px;border-radius:4px;transition:transform .5s}.work-image:hover .sample-board{transform:scale(1.02)}.image-label{position:absolute;bottom:16px;right:16px;border-radius:4px;background:var(--paper);padding:8px 13px;font-size:14px;border:1px solid #1b302826}.work-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:18px}.work-title h3{font-size:22px;margin:0}.work-title>span{font-size:14px;color:var(--muted)}.work-card>p{font-size:17px;color:var(--muted);margin:8px 0 0}.work-inline-link{display:inline-block;margin-top:10px;font-size:16px}.image-dialog{width:min(1200px,calc(100% - 30px));max-height:94dvh;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:20px}.image-dialog::backdrop{background:#102b23ed;backdrop-filter:blur(5px)}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.dialog-top{margin-bottom:16px}.dialog-top button,.dialog-bottom button{min-width:46px;min-height:46px;border:1px solid #b6c5ad;background:transparent;color:var(--ink);border-radius:4px;padding:8px 14px;font-size:17px}.dialog-image{width:100%;height:65dvh;object-fit:contain;background:#e5e7da}.dialog-bottom{margin-top:18px}.dialog-bottom p{margin:0;font-size:18px}.dialog-arrows{display:flex;gap:10px}body:has(dialog[open]){overflow:hidden}
.pricing-hero{padding-block:75px 85px;background:var(--forest);color:var(--paper)}.pricing-hero .intro{padding:0}.pricing-hero h1{max-width:900px}.pricing-hero .lead{color:#d8e4d3;max-width:800px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:50px}.plan-card{border:1px solid #b8c4ae;border-radius:6px;padding:38px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}.plan-card.annual{background:#dfead2;border-color:#dfead2}.plan-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.plan-head h2{font-family:var(--sans);font-size:23px;letter-spacing:0;margin:0;font-weight:500}.badge{font-size:14px;padding:6px 11px;border:1px solid #7f9770;border-radius:20px}.plan-price{font-family:var(--serif);font-size:84px;line-height:1.15;letter-spacing:-.055em;margin:0 0 5px}.plan-price small{font-family:var(--sans);font-size:18px;letter-spacing:0}.plan-billing{font-size:17px;min-height:54px;margin-bottom:25px;color:var(--muted)}.plan-card .btn{margin-top:auto;width:100%;font-size:17px}.plan-card .plan-rule{border-top:1px solid #bac6b0;padding-top:23px;margin-bottom:26px;font-size:18px}.pricing-scope{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px;padding-top:30px;border-top:1px solid #ffffff44}.pricing-scope h3{font-size:20px;margin-bottom:14px}.pricing-scope p{font-size:17px;color:#d1dfcc;margin:0;max-width:550px}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border:1px solid var(--line);padding:45px;border-radius:6px;background:var(--white)}.calculator input{width:100%;max-width:230px;background:var(--paper);border:1px solid #adbda4;border-radius:4px;padding:14px 18px;font-size:25px;color:var(--ink)}.calculator label{display:block;font-size:18px;margin-bottom:15px}.calc-totals{display:grid;gap:18px}.calc-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:15px}.calc-totals span{font-size:18px}.calc-totals strong{font:400 35px/1.1 var(--serif)}.calc-note{font-size:16px;color:var(--muted);margin-top:22px;margin-bottom:0}
.testimonial-section{background:#e3e9d8;padding-block:80px}.testimonial-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.testimonial-head h2{font-size:45px;margin:0}.quote-controls{display:flex;align-items:center;gap:8px}.quote-controls button{border:1px solid #8b9b80;background:transparent;color:var(--ink);border-radius:4px;min-height:44px;min-width:44px;padding:8px 12px;font-size:16px}.quote-controls .quote-counter{font-size:15px;margin-right:14px}.quote-track{display:grid}.quote-slide{grid-area:1/1;display:grid;grid-template-columns:1fr 260px;gap:80px;align-items:center;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(10px);transition:opacity .4s,transform .4s,visibility .4s}.quote-slide.active{visibility:visible;opacity:1;transform:none;pointer-events:auto}.quote-slide blockquote{font-family:var(--serif);font-size:31px;line-height:1.45;margin:0;letter-spacing:-.01em}.quote-slide .quote-person{border-left:1px solid #9aab8e;padding-left:30px}.quote-person strong{font-weight:500;font-size:20px;display:block}.quote-person p{font-size:16px;line-height:1.6;color:var(--muted);margin:9px 0 0}
.faq{max-width:950px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:21px;font-weight:500;cursor:pointer;list-style:none;position:relative;padding-right:40px}.faq summary:after{content:"+";position:absolute;right:3px;top:-3px;font-size:28px;font-weight:400;color:var(--forest)}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary:after{content:"−"}.faq details>p{font-size:18px;color:var(--muted);max-width:800px;margin:22px 0 0}.cta-band{padding-block:72px;background:var(--orange);color:var(--ink)}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:45px}.cta-row h2{font-size:56px;max-width:800px;margin:0}.site-footer{background:var(--forest-deep);color:var(--paper);padding-block:70px 28px;border-top:1px solid #ffffff22}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:55px}.footer-brand img{width:157px;margin-bottom:24px}.footer-brand p{font-size:17px;color:#bfd1bf;max-width:255px}.footer-links h2{font:600 15px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:0 0 23px;color:#c7d7c4}.footer-links a{display:block;text-decoration:none;font-size:16px;padding-block:6px;color:var(--paper)}.footer-links a:hover{text-decoration:underline;color:var(--sage)}.footer-signup{margin-top:48px;padding:28px 0;border-block:1px solid #ffffff33;display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-signup p{font-size:18px;margin:0}.capture{display:flex;gap:8px;flex:0 1 540px}.capture input{min-width:0;width:100%;border:1px solid #8ca18c;border-radius:4px;background:var(--paper);padding:13px 16px;font-size:17px;color:var(--ink)}.capture button{white-space:nowrap;font-size:16px;padding:13px 20px;background:var(--sage);color:var(--ink);border:0;border-radius:4px;font-weight:600}.signup-note{font-size:14px!important;color:#bfd1bf;margin-top:10px!important}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;font-size:14px;color:#afc5af}.footer-bottom p{margin:0}.footer-bottom a{font-size:14px}.footer-bottom .experience{font-size:14px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:95px;align-items:start}.contact-panel{padding:40px;background:var(--white);border:1px solid var(--line);border-radius:5px}.contact-panel h2{font-size:40px}.contact-form{display:grid;gap:23px}.contact-form label{display:grid;gap:9px;font-size:17px}.contact-form input,.contact-form select{width:100%;min-width:0;padding:14px;border-radius:3px;border:1px solid #b5c3ad;background:var(--paper);color:var(--ink);font-size:18px}.contact-form button{width:100%}.form-status{font-size:17px;margin:0}.form-status.error{color:#a33422}.form-status.success{color:#23563a}.contact-plan{padding:20px;background:#e3ecd7;border:1px solid #c4d4b7;border-radius:4px;margin-bottom:28px;font-size:18px}.contact-side{padding-top:12px}.contact-side h3{font-family:var(--serif);font-size:34px;font-weight:400}.contact-side a{display:inline-block;margin-bottom:12px;font-size:20px}.contact-side p{font-size:18px;color:var(--muted)}.preview-notice{font-size:16px;background:#f5e8ce;padding:16px 18px;border-left:3px solid var(--orange)}.legal{max-width:880px}.legal h1{font-size:61px}.legal h2{font-family:var(--sans);font-size:26px;letter-spacing:0;margin-top:40px}.legal p,.legal li{font-size:17px}.press-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.press-asset{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:5px}.press-asset img{height:130px;width:100%;object-fit:contain;background:var(--forest);padding:20px;margin-bottom:25px;border-radius:3px}.press-asset h3{font-size:21px}.press-asset p{font-size:17px;color:var(--muted)}.press-asset a{font-size:17px}.story-photo{width:100%;height:390px;object-fit:cover;border-radius:5px}.about-note{font-size:15px;color:var(--muted);margin-top:15px}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.nav-links{gap:22px}.hero-grid{gap:40px;min-height:625px}.hero-copy h1{font-size:72px}.hero-copy>.lead{font-size:20px}.hero-stamp{right:-5px}.hero-visual{min-height:430px}.hero-board .sample-board{padding:23px 20px}.hero-board .board-brand{font-size:45px}.hero-board .board-row{font-size:12px}.split{gap:50px}.design-panel{gap:45px;grid-template-columns:1.15fr .85fr}.design-frame{padding:25px}.design-frame .sample-board{padding:26px 23px}.design-frame .board-brand{font-size:50px}.design-frame .flap-row{font-size:16px}.footer-top{gap:30px}.quote-slide{gap:50px;grid-template-columns:1fr 220px}.contact-layout{gap:55px}}
@media(max-width:950px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:var(--forest);padding:25px 32px 35px;border-bottom:1px solid #ffffff55;align-items:stretch;gap:0}.nav-links.open{display:flex;flex-direction:column}.nav-links>a,.nav-dropdown>summary{padding:12px 0;font-size:18px}.nav-links .nav-cta{margin-top:15px;text-align:center;max-width:350px}.nav-flyout{position:relative;top:0;left:0;background:#214c3b;color:var(--paper);border-color:#ffffff33;box-shadow:none;margin:0 0 12px;min-width:0}.nav-flyout a:hover{background:#35624c}.hero-grid{grid-template-columns:1fr;gap:30px;padding-block:60px 70px}.hero-copy{max-width:700px}.hero-copy h1{font-size:78px}.hero-copy>.lead{max-width:630px}.hero-visual{min-height:480px;max-width:680px;width:100%;margin-inline:auto;padding-inline:35px}.hero-room{left:30px;width:calc(100% - 65px);height:360px}.hero-visual:before{inset:0 0}.hero-stamp{right:10px;top:10px}.visual-caption{left:50px}.hero-board .board-row{font-size:15px}.hero-board .board-brand{font-size:57px}.client-row{justify-content:flex-start;gap:24px 45px}.client-row>p{max-width:none;flex-basis:100%}.client-row>span{font-size:23px}.client-row .wide{font-size:16px}.design-panel{grid-template-columns:1fr;gap:35px}.design-panel>div:last-child{max-width:650px}.design-frame .sample-board{min-height:360px}.design-frame .board-brand{font-size:62px}.design-frame .flap-row{font-size:20px}.section{padding-block:75px}.split{grid-template-columns:1fr;gap:40px}.section-top{align-items:start}.section-top p{max-width:350px}.feature-grid{gap:25px}.feature h3{font-size:28px}.service-grid.three{grid-template-columns:1fr}.service-grid.three .service-card{min-height:200px}.photo-pair img{height:340px}.paths .path{padding:34px}.path h3{font-size:37px}.quote-slide{grid-template-columns:1fr;gap:30px;align-self:center}.quote-person{border-left:0!important;border-top:1px solid #9aab8e;padding:20px 0 0!important}.testimonial-head h2{font-size:38px}.quote-slide blockquote{font-size:29px}.footer-top{grid-template-columns:1fr 1fr;gap:45px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-side{max-width:700px}.press-assets{grid-template-columns:1fr 1fr}.calculator{gap:35px;padding:32px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}body{font-size:17px}.nav-row{min-height:78px;gap:20px}.brand img{width:135px}.nav-links{top:78px;padding-inline:20px}.nav-toggle{font-size:16px}.hero-grid{padding-block:44px 65px;gap:30px}.hero-copy h1{font-size:clamp(50px,11.8vw,72px);line-height:1.04;letter-spacing:-.045em}.hero-copy>.lead{font-size:19px;line-height:1.65}.hero-copy .actions{margin-top:27px;gap:17px 23px}.btn{font-size:16px;min-height:54px;padding:14px 20px;gap:20px}.text-link{font-size:16px;gap:17px}.hero-price{font-size:15px;max-width:300px}.hero-visual{min-height:365px;padding:40px 8px 25px}.hero-room{height:240px;left:10px;inset-block-start:0;width:calc(100% - 15px)}.hero-visual:before{border-radius:45% 45% 4px 4px;inset:0 -10px 0}.hero-stamp{width:80px;height:80px;font-size:12px;right:-2px;top:-9px}.hero-stamp span{font-size:25px}.hero-board{transform:rotate(-2deg)}.hero-board .sample-board{padding:22px 18px;min-height:285px;border-width:5px}.hero-board .board-brand{font-size:40px}.hero-board .board-sub{font-size:9px;letter-spacing:.18em;margin-bottom:16px}.hero-board .board-cols{gap:19px}.hero-board .board-cols h4{font-size:24px;margin-bottom:12px}.hero-board .board-row{font-size:10px;padding-block:6px;gap:6px}.hero-board .board-foot{font-size:17px}.visual-caption{font-size:13px;left:12px;bottom:-12px}.client-strip{padding-block:24px}.client-row{gap:22px 28px}.client-row>span{font-size:20px}.client-row .serif{font-size:23px}.client-row .wide{font-size:14px;max-width:200px}.section{padding-block:60px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:40px}.section-top p{max-width:none;margin-top:22px}.kicker{font-size:13px;margin-bottom:16px}.tabs{gap:9px;margin-bottom:25px}.tabs button,.filter-btn{font-size:15px;padding:10px 15px}.design-frame{padding:15px;border-radius:5px}.design-frame .sample-board{padding:23px 18px;min-height:300px;border-width:5px}.design-frame .board-brand{font-size:44px}.design-frame .board-row{font-size:12px;gap:10px}.design-frame .board-cols{gap:20px}.design-frame .board-cols h4{font-size:25px}.design-frame .board-sub{font-size:10px}.design-frame .flap-row{font-size:11px;gap:7px;grid-template-columns:23px 1fr 37px;letter-spacing:.03em}.design-frame .flap-head{font-size:10px;grid-template-columns:23px 1fr 37px;gap:7px}.design-frame .brew-row{font-size:14px;gap:10px;grid-template-columns:26px 1fr 32px}.design-frame .brew-row small{font-size:11px}.design-frame .brand-board .board-brand{font-size:46px}.design-frame .brand-board>p{font-size:17px}.design-frame .citrus{width:145px;height:145px;right:-50px;bottom:-35px}.design-panel h3{font-size:35px}.design-panel p{font-size:18px}.clean-list li{font-size:17px}.photo-pair{grid-template-columns:1fr;gap:30px}.photo-pair img{height:300px}.photo-pair figcaption{font-size:15px}.service-grid{grid-template-columns:1fr}.service-card{padding:30px;min-height:235px}.service-card h3{font-size:32px}.service-card p{font-size:17px}.paths{grid-template-columns:1fr}.path{padding:32px!important}.path+.path{border-left:0;border-top:1px solid #ffffff44}.path h3{font-size:37px}.process-grid{grid-template-columns:1fr;gap:32px}.process-step h3{margin-top:15px}.intro{padding-block:50px 45px}.intro h1{font-size:52px;line-height:1.08;letter-spacing:-.035em}.lead,.intro .lead{font-size:19px}.editorial-photo{height:290px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature h3{font-size:31px}.case-row{grid-template-columns:1fr;gap:30px}.case-row h3{font-size:35px}.case-number{font-size:82px}.tablet{padding:24px;border-width:10px;border-radius:21px}.tablet .tablet-title{font-size:30px}.wine-row{font-size:15px}.network-art{padding:22px 15px}.network-locations{gap:8px}.network-location{font-size:12px;padding:18px 8px}.network-location>span{font-size:12px}.network-hq{font-size:17px}.work-grid{grid-template-columns:1fr;gap:35px}.work-card.wide{grid-column:auto}.work-image img,.work-card.wide img{height:280px}.work-title{display:block}.work-title h3{font-size:21px}.work-title>span{display:block;margin-top:7px;font-size:14px}.work-image .sample-board{min-height:300px}.image-dialog{padding:14px}.dialog-image{height:55dvh}.dialog-bottom p{font-size:16px}.dialog-top button,.dialog-bottom button{font-size:16px;padding:8px 12px}.pricing-hero{padding-block:50px 55px}.pricing-hero h1{font-size:53px}.plan-grid{grid-template-columns:1fr;gap:23px;margin-top:35px}.plan-card{padding:28px}.plan-head h2{font-size:23px}.plan-price{font-size:78px}.plan-billing{min-height:0}.pricing-scope{grid-template-columns:1fr;gap:28px}.pricing-scope p{font-size:17px}.calculator{grid-template-columns:1fr;gap:35px;padding:28px}.calc-totals strong{font-size:30px}.calc-totals span{font-size:16px}.testimonial-section{padding-block:55px}.testimonial-head{display:block;margin-bottom:30px}.testimonial-head h2{font-size:39px}.quote-controls{margin-top:25px}.quote-slide blockquote{font-size:25px;line-height:1.5}.quote-slide{gap:25px}.quote-person strong{font-size:19px}.quote-person p{font-size:16px}.faq summary{font-size:20px}.faq details>p{font-size:17px}.cta-band{padding-block:50px}.cta-row{display:block}.cta-row h2{font-size:43px;max-width:500px}.cta-row .btn{margin-top:27px}.site-footer{padding-block:50px 25px}.footer-top{gap:35px 23px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:300px}.footer-links h2{font-size:14px}.footer-links a{font-size:16px;line-height:1.4;padding-block:8px}.footer-signup{display:block;margin-top:36px;padding-block:25px}.capture{margin-top:20px;flex-wrap:wrap}.capture input{flex:1 1 220px;font-size:16px}.capture button{flex:1 1 auto;font-size:16px;padding:14px}.footer-bottom{display:block;font-size:14px;line-height:1.7}.footer-bottom>*+*{margin-top:14px}.footer-bottom .experience{font-size:14px}.contact-panel{padding:26px 20px}.contact-panel h2{font-size:34px}.contact-form{gap:21px}.contact-form input,.contact-form select{font-size:17px;padding:12px}.contact-side a{font-size:19px}.g-recaptcha{transform:scale(.9);transform-origin:left top;margin-bottom:-8px}.press-assets{grid-template-columns:1fr}.story-photo{height:280px}.legal h1{font-size:47px}.legal p,.legal li{font-size:17px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero-copy h1{font-size:47px}.hero-copy>.lead{font-size:18px}.hero-stamp{width:72px;height:72px}.hero-board .sample-board{padding-inline:14px}.hero-board .board-brand{font-size:36px}.hero-board .board-row{font-size:9px}.hero-visual{min-height:345px}.plan-head{gap:12px}.badge{font-size:12px;padding:5px 8px}.plan-card{padding:24px}.plan-price{font-size:72px}.contact-panel{padding:24px 15px}.g-recaptcha{transform:scale(.78);margin-bottom:-16px}.design-frame .sample-board{padding-inline:13px}.design-frame .flap-row{font-size:10px}.design-frame .board-brand{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-copy h1{font-size:clamp(60px,6.2vw,89px)}.hero-case{display:block;text-decoration:none;transition:transform .4s}.hero-case img{width:100%;height:auto;border:7px solid #2c352b;border-radius:7px;background:#20271e}.hero-case:hover{transform:rotate(-1deg) translateY(-4px)}.hero-visual{padding-top:90px}.hero-room{opacity:.55}.hero-visual:before{border-radius:130px 130px 8px 8px}.visual-caption{font-size:15px}.client-row{gap:24px;justify-content:space-between}.client-row>span{font-size:20px}.client-row .serif{font-size:24px}.client-row .wide{font-size:15px;max-width:235px}.client-row>p{max-width:110px}.client-row small{display:block;font:400 12px/1.5 var(--sans);color:var(--muted);letter-spacing:0;margin-top:4px}.customer-proof{padding-bottom:72px}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.customer-card{color:var(--ink);text-decoration:none;display:block;min-width:0}.customer-card>img{width:100%;height:auto;aspect-ratio:1024/578;object-fit:contain;background:#1c241c;border:1px solid #bdc8b6;border-radius:5px;transition:transform .35s,box-shadow .35s}.customer-card:hover>img{transform:translateY(-4px);box-shadow:0 15px 25px #1b30281a}.customer-card>div{padding-top:22px;position:relative;padding-right:35px}.customer-card h3{font-size:23px;font-weight:500;margin:0 0 8px}.customer-card p{font-size:17px;color:var(--muted);margin:0}.customer-card>div>span{position:absolute;right:3px;top:24px;font-size:25px}.customer-proof+.section{padding-top:50px}.sync-feature{background:#e6e9db}.sync-image{width:100%;height:auto;border-radius:7px}.pricing-hero{background-image:linear-gradient(105deg,#173b30ed,#173b30db),var(--pricing-bg);background-position:center;background-size:cover}.plan-grid{align-items:stretch}.plan-head{min-height:42px}.plan-billing{min-height:62px}.plan-card .plan-rule{padding-top:22px}.design-frame .flap-row:nth-child(2n){color:#e4e9d2}
@media(min-width:951px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:54px;min-height:640px;padding-block:60px 80px}.hero-visual{min-height:450px}.hero-room{height:310px}.hero-copy>.lead{max-width:565px}}
@media(max-width:950px){.hero-copy h1{font-size:76px}.hero-visual{padding:80px 35px 65px}.hero-case{max-width:610px}.hero-room{height:330px}.client-row{justify-content:flex-start;gap:23px 38px}.client-row>p{max-width:none}.customer-card h3{font-size:22px}.customer-card p{font-size:16px}.customer-grid{gap:24px}.visual-caption{bottom:5px;left:40px}}
@media(max-width:640px){.hero-copy h1{font-size:clamp(48px,11.7vw,70px)}.hero-visual{min-height:290px;padding:50px 0 40px}.hero-room{height:200px;left:10px;width:calc(100% - 20px);border-radius:5px}.hero-case{transform:rotate(-2deg)}.hero-case img{border-width:5px}.hero-visual:before{border-radius:75px 75px 4px 4px;inset-inline:-7px}.visual-caption{font-size:13px;left:4px;bottom:0}.client-row{gap:23px 30px}.client-row>span{font-size:19px}.client-row .serif{font-size:22px}.client-row .wide{font-size:14px;max-width:180px}.client-row small{font-size:12px}.customer-grid{grid-template-columns:1fr;gap:32px}.customer-card h3{font-size:23px}.customer-card p{font-size:16px}.customer-proof{padding-bottom:45px}.customer-proof+.section{padding-top:40px}.customer-card>div{padding-top:18px}.customer-card>div>span{top:19px}.plan-head{min-height:0}.plan-billing{min-height:0}.pricing-hero{background-position:60% top}.sync-image{border-radius:5px}}
@media(max-width:360px){.hero-copy h1{font-size:46px}.hero-visual{min-height:265px}.hero-room{height:175px}.visual-caption{font-size:12px}}
.hero-visual{flex-direction:column}.hero-visual .visual-caption{position:relative;align-self:flex-start;left:auto;bottom:auto;margin:22px 0 0 12px;z-index:1}.contact-panel,.contact-side{min-width:0}.contact-form{min-width:0;grid-template-columns:minmax(0,1fr)}.g-recaptcha{width:304px}.calc-totals>div{flex-wrap:wrap;row-gap:12px}
@media(max-width:640px){.hero-visual .visual-caption{margin:18px 0 0 3px}.g-recaptcha{transform:scale(.88);transform-origin:left top}}
@media(max-width:360px){.g-recaptcha{transform:scale(.78)}}
.work-card.wide .work-image img{object-fit:contain;background:#20271e}

/* Screen palette derived from the supplied CMYK Illustrator artwork.
   Deep burnt orange #af4425, tomato #f15b30, mint #62c3ab,
   ivory #f4f4e4, pewter #73736d. */
:root{
  --paper:#f4f4e4;--paper-deep:#eae9dc;--ink:#302d29;
  --forest:#af4425;--forest-deep:#302d29;--sage:#62c3ab;
  --orange:#f15b30;--muted:#62615b;--line:#d5d3c5;--white:#fffdf6;
  --brand:#af4425;--brand-hover:#91371e;
}
::selection{background:var(--sage);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{
  outline-color:var(--brand);outline-offset:5px
}
.dark :focus-visible,.home-hero :focus-visible,.site-header :focus-visible,
.pricing-hero :focus-visible,.site-footer :focus-visible{outline-color:var(--paper)}
.text-link:hover{color:var(--brand)}
.btn{color:#211e1b}
.btn:hover{background:#f67854}
.btn.green:hover{background:var(--brand-hover)}
.btn.light:hover{background:#fffdf6}
.nav-links>a:hover,.nav-dropdown>summary:hover{color:var(--paper);text-decoration:underline;text-underline-offset:7px}
.hero-copy h1 em{color:var(--paper)}
.hero-copy>.lead,.hero-price,.dark .muted,.intro.dark .lead,.path p{color:#f4f4e4}
.hero-price{opacity:.9}
.home-hero .btn{background:var(--paper);color:var(--brand)}
.home-hero .btn:hover{background:#fffdf6}
.dark .text-link:hover,.home-hero .text-link:hover{color:var(--paper);text-decoration:underline}
.path .text-link{color:var(--paper)}
.nav-links .nav-cta{border-color:#f4f4e499}
.clean-list li:before,.process-step>span,.statement em{color:var(--brand)}
.tabs button,.filter-btn{border-color:var(--line)}
.design-frame,.dialog-image{background:var(--paper-deep);border-color:var(--line)}
.service-card:hover{background:#ecebde}
.service-card.primary:hover{background:var(--brand-hover)}
.plan-card.annual{background:#e6eddf;border-color:#d3ddcb}
.testimonial-section{background:var(--paper-deep)}
.footer-brand p,.signup-note,.footer-bottom{color:#e2e1d3}
.sync-feature{background:var(--paper-deep)}
.pricing-hero{background-image:linear-gradient(105deg,#af4425ed,#8f361fdb),var(--pricing-bg)}
.cta-band{
  position:relative;isolation:isolate;background:var(--paper);color:var(--ink);
  border-top:1px solid var(--line)
}
.cta-band:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(90deg,#f5f2e8 2%,#f5f2e8e6 37%,#f5f2e800 75%),url("/assets/images/brand-ivory-wall-e68536d733ec.webp");
  background-size:cover;background-position:center,75% 65%;
  pointer-events:none
}
.cta-band .btn{background:var(--brand);color:var(--paper)}
.cta-band .btn:hover{background:var(--brand-hover)}
.studio-brand-art{margin:60px 0 28px}
.studio-brand-art img{width:100%;height:auto;aspect-ratio:2.7;object-fit:cover;object-position:center 45%;border:1px solid var(--line);border-radius:6px}
.studio-brand-art figcaption{font-size:15px;color:var(--muted);margin-top:12px}
/* A stationary restaurant photograph with a separate, fading detail layer. */
.hero-visual{
  display:block;min-height:0;padding:0;max-width:none;margin:0;
  align-self:center;isolation:isolate
}
.hero-visual:before{display:none}
.hero-scene{
  position:relative;isolation:isolate;width:100%;aspect-ratio:773/580;
  overflow:hidden;border:1px solid #f4f4e470;border-radius:8px;
  background:#302d29;box-shadow:0 20px 45px #50231233
}
.hero-scene .hero-room{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:1;border:0;border-radius:0;transform:none;filter:none
}
.hero-menu-detail{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  gap:18px;padding:24px 20px 86px;background:#25221ee8;
  opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s
}
.hero-scene.is-open .hero-menu-detail{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}
.hero-menu-detail img{
  width:100%;height:auto;max-height:100%;min-height:0;flex:0 1 auto;object-fit:contain;border:0;
  border-radius:3px;box-shadow:none;transform:none
}
.hero-project-link{align-self:flex-start;color:var(--paper);font-size:15px;text-decoration:none}
.hero-project-link:hover{text-decoration:underline}
.hero-detail-toggle{
  position:absolute;z-index:2;left:20px;bottom:20px;
  display:inline-flex;align-items:center;justify-content:space-between;gap:28px;
  min-height:46px;min-width:215px;padding:11px 16px;border:1px solid #f4f4e470;
  border-radius:4px;background:#302d29ed;color:var(--paper);
  font-size:15px;font-weight:500;line-height:1.4
}
.hero-detail-toggle:hover{background:#302d29}
.hero-detail-toggle:focus-visible,.hero-project-link:focus-visible{outline-color:var(--paper);outline-offset:3px}
.hero-visual .visual-caption{
  position:static;margin:18px 0 0;font-size:15px;color:var(--paper);
  line-height:1.5;letter-spacing:0
}
@media(min-width:951px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:54px}
}
@media(max-width:950px){
  .hero-visual{max-width:680px;width:100%;margin-inline:auto;padding:0;min-height:0}
}
@media(max-width:640px){
  .hero-scene{border-radius:6px}
  .hero-visual .visual-caption{margin:14px 0 0;font-size:14px}
  .hero-menu-detail{padding:12px 12px 66px;gap:0}
  .hero-project-link{display:none}
  .hero-detail-toggle{left:12px;bottom:12px;min-width:205px;min-height:44px;font-size:14px;padding:10px 13px}
  .studio-brand-art{margin-top:35px}
  .studio-brand-art img{aspect-ratio:1.5;object-position:center}
  .cta-band:before{
    background-image:linear-gradient(#f5f2e8dd,#f5f2e880),url("/assets/images/brand-ivory-wall-e68536d733ec.webp");
    background-position:center,right bottom
  }
}
@media(prefers-reduced-motion:reduce){.hero-menu-detail{transition:none}}

/* Ultomato and Kitchen Green from Menuat's existing web palette.
   Photography carries the large surfaces; brand color marks actions and details. */
:root{
  --paper:#f5f2e8;--paper-deep:#e9e3d5;--white:#fffaf0;
  --ink:#242823;--muted:#625f56;--line:#d9d1c2;
  --orange:#f05a30;--sage:#62c2aa;--brand:#f05a30;
  --brand-hover:#eb4c20;--forest:#302d29;--forest-deep:#302d29;
}
.site-header{
  background-color:rgb(240,90,48);
  background-image:linear-gradient(to right,rgb(240,90,48),rgb(240,30,48));
  color:#fff;border-bottom:1px solid #ffffff33
}
.brand img{width:147px}
.nav-links>a:hover,.nav-dropdown>summary:hover{color:#fff;text-decoration-color:currentColor}
.nav-links .nav-cta{background:var(--sage);color:var(--ink);border:1px solid transparent}
.nav-links .nav-cta:hover{background:var(--sage);text-decoration:none;color:var(--ink)}
.nav-toggle{color:#fff;border-color:#ffffff99}
.nav-links.open{background:var(--paper);color:var(--ink)}
.nav-links.open .nav-cta{background:var(--sage);color:var(--ink)}
.nav-links.open .nav-cta:hover{background:var(--sage);color:var(--ink)}
.site-header :focus-visible{outline-color:#fff}
.nav-flyout :focus-visible,.nav-links.open :focus-visible{outline-color:var(--ink)}
.nav-links.open>a:not(.nav-cta):hover,.nav-links.open .nav-dropdown>summary:hover{color:var(--ink)}
.text-link:hover{color:var(--ink);border-color:var(--orange)}
.btn,.btn.green{background:var(--sage);color:var(--ink)}
.btn:hover,.btn.green:hover{background:var(--sage);color:var(--ink)}
.hero-stamp{color:#fff}
.btn.light{background:var(--sage);color:var(--ink)}
.btn.light:hover{background:var(--sage);color:var(--ink)}
.btn.outline{background:var(--sage);color:var(--ink);border-color:var(--sage)}
.btn.outline:hover{background:var(--sage);color:var(--ink)}
.home-hero{position:relative;background:var(--paper);color:var(--ink)}
.hero-copy h1 em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:.055em;text-underline-offset:.12em;text-decoration-skip-ink:auto}
.hero-copy>.lead{color:var(--muted)}
.hero-price{color:var(--muted);opacity:1}
.home-hero .btn{background:var(--sage);color:var(--ink)}
.home-hero .btn:hover{background:var(--sage);color:var(--ink)}
.btn.work-cta,.home-hero .btn.work-cta{background:var(--sage);color:var(--ink)}
.btn.work-cta:hover,.home-hero .btn.work-cta:hover{background:var(--sage);color:var(--ink)}
.home-hero .text-link,.home-hero .text-link:hover{color:var(--ink)}
.home-hero :focus-visible{outline-color:var(--ink)}
.hero-scene :focus-visible{outline-color:var(--paper)}
.dark{background:var(--paper-deep);color:var(--ink)}
.dark .muted,.intro.dark .lead,.path p{color:var(--muted)}
.dark .text-link,.dark .text-link:hover,.path .text-link{color:var(--ink)}
.dark .text-link:hover{border-color:var(--orange)}
.dark :focus-visible{outline-color:var(--ink)}
.path+.path{border-color:var(--line)}
.paths .path{padding-inline:0}
.paths .path+.path{padding-left:48px}
.clean-list li:before,.process-step>span,.statement em{color:var(--ink)}
.process-step>span{display:inline-block;border-bottom:3px solid var(--sage);padding-bottom:8px}
.service-card.primary{background:#302d29;color:var(--paper)}
.service-card.primary:hover{background:#242722}
.service-card.primary .text-link,.service-card.primary .text-link:hover{color:var(--paper)}
.service-card.primary :focus-visible{outline-color:var(--paper)}
.tabs button[aria-selected="true"],.filter-btn[aria-pressed="true"]{
  background:var(--sage);color:var(--ink);border-color:var(--sage)
}
.plan-card{background:var(--white)}
.plan-card.annual{background:var(--white);border:2px solid var(--sage)}
.badge{background:var(--sage);color:var(--ink);border-color:var(--sage)}
.pricing-hero{
  background-image:linear-gradient(100deg,#161c18ed 10%,#161c18c4 53%,#161c1866),var(--pricing-bg);
  color:var(--paper);background-position:center,center
}
.pricing-hero :focus-visible{outline-color:var(--paper)}
.plan-card :focus-visible{outline-color:var(--ink)}
.contact-plan{background:#edf5ef;border-color:#9ad0bd}
.contact-panel .g-recaptcha{background:transparent}
.page-contact main{
  background-image:linear-gradient(90deg,#f5f2e8e6 0%,#f5f2e8b3 45%,#f5f2e833 100%),url("/assets/images/brand-ivory-wall-e68536d733ec.webp");
  background-size:cover;background-position:center,right center;
}
.page-contact .contact-side{
  padding:28px;border:1px solid var(--line);border-radius:5px;background:#fffaf0f2
}
.testimonial-section{background:var(--paper-deep)}
.cta-band{background:var(--paper)}
.cta-band .btn{background:var(--sage);color:var(--ink)}
.cta-band .btn:hover{background:var(--sage);color:var(--ink)}
.capture button,.capture button:hover{background:var(--sage);color:var(--ink)}
.studio-intro{padding-block:70px 64px}
.studio-intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.studio-intro h1{font-size:clamp(48px,5vw,72px)}
.studio-intro .lead{font-size:22px;line-height:1.55}
.studio-belief{font-size:19px;line-height:1.65;max-width:520px;margin-bottom:0}
.studio-opening-art{
  margin:0;min-width:0;height:clamp(380px,36vw,510px);overflow:hidden;border:0;border-radius:7px;
  background-image:url("/assets/images/brand-pattern-trimmed-8ab2635b501e.webp");background-size:100% auto;
  background-position:top center;background-repeat:repeat-y
}
.page-about .studio-intro{background:var(--paper)}
.page-about .studio-intro+.section{padding-block:90px;background:var(--white)}
.page-about .section.tint{background:var(--paper-deep)}
.page-about .testimonial-section{background:var(--paper)}
.page-about .cta-band{background:var(--paper-deep)}
.page-about .cta-band:before{background-image:linear-gradient(90deg,#e9e3d5 2%,#e9e3d5e6 37%,#e9e3d500 75%),url("/assets/images/brand-ivory-wall-e68536d733ec.webp")}
@media(max-width:950px){
  .studio-intro-grid{grid-template-columns:1fr;gap:34px}
  .studio-intro-copy{max-width:720px}
  .studio-opening-art{max-width:760px;height:clamp(340px,60vw,540px)}
}
@media(max-width:640px){
  .studio-intro{padding-block:44px 32px}
  .studio-intro h1{font-size:clamp(43px,10.5vw,58px)}
  .studio-intro .lead{font-size:20px}
  .studio-belief{font-size:18px}
  .page-about .studio-intro+.section{padding-block:54px}
  .studio-opening-art{height:clamp(280px,80vw,460px)}
}
.site-footer .footer-brand p,.site-footer .signup-note,.site-footer .footer-bottom{color:#e2e1d3}
/* The restaurant photo reaches the edge of the hero instead of sitting in a card. */
@media(min-width:951px){
  .hero-grid{grid-template-columns:1fr 1fr;min-height:680px;padding-block:88px;gap:64px}
  .hero-copy{grid-column:1;padding-right:18px}
  .hero-copy h1{font-size:clamp(62px,6.1vw,88px)}
  .hero-visual{position:absolute;inset:0 0 0 auto;width:50%;height:100%;max-width:none;margin:0;padding:0}
  .hero-scene{height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
  .hero-scene .hero-room{object-position:60% 45%}
  .hero-menu-detail{padding:40px 28px 130px;gap:18px}
  .hero-detail-toggle{left:28px;bottom:66px;font-size:16px}
  .hero-visual .visual-caption{position:absolute;bottom:20px;left:28px;margin:0;padding:4px 9px;background:#242823e8;color:var(--paper);border-radius:3px;font-size:15px;z-index:2}
}
/* A real dining room, used as a photographic background rather than a color band. */
.space-feature{position:relative;isolation:isolate;min-height:570px;color:var(--paper);overflow:hidden}
.space-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.space-feature:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#111b1100 20%,#111b111a 42%,#111b11b8 78%,#111b11e6)}
.space-feature-copy{min-height:570px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block:65px}
.space-feature h2{font-size:clamp(42px,4.5vw,66px);max-width:690px;margin:0}
.space-feature .text-link{color:var(--paper);flex-shrink:0}
.space-feature .text-link:hover{color:var(--paper);border-color:var(--sage)}
.space-feature :focus-visible{outline-color:var(--paper)}
@media(max-width:950px){
  .nav-flyout{background:var(--sage);color:var(--ink);border-color:var(--sage)}
  .nav-flyout a:hover{background:var(--paper);color:var(--ink)}
  .hero-grid{padding-block:60px;gap:38px}
  .hero-visual{position:relative;width:100%;height:auto;max-width:760px;padding:0}
  .hero-scene{aspect-ratio:773/580;border:0;border-radius:8px;box-shadow:none}
  .hero-visual .visual-caption{position:static;color:var(--muted);background:transparent;padding:0;margin-top:16px}
  .hero-copy>.lead{max-width:650px}
  .paths .path+.path{padding-left:0}
  .space-feature,.space-feature-copy{min-height:500px}
}
@media(max-width:640px){
  .hero-grid{padding-block:45px;gap:34px}
  .hero-copy h1{font-size:clamp(48px,11.7vw,70px)}
  .hero-visual .visual-caption{font-size:14px}
  .hero-scene{border-radius:6px}
  .paths .path+.path{padding-left:0!important;border-top-color:var(--line)}
  .space-feature,.space-feature-copy{min-height:460px}
  .space-feature-copy{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:22px;padding-block:38px}
  .space-backdrop{object-position:45% 35%}
  .space-feature h2{font-size:42px}
}
@media(max-width:360px){.hero-copy h1{font-size:46px}}