:root{color-scheme:light;--paper:#f5ecc2;--surface:#ebe2b9;--ink:#42533e;--brown:#4b3317;--muted:#5d6045;--line:#a2a183;--display:Georgia,'Times New Roman',serif;--body:Helvetica,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-padding-top:24px;scrollbar-color:var(--ink) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}button,input{font:inherit}button{cursor:pointer}input{caret-color:var(--ink)}img{display:block;max-width:100%;height:auto}button,a,input{-webkit-tap-highlight-color:transparent}:is(button,a,input,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}h1{font-size:clamp(42px,5.2vw,80px)}h2{font-size:clamp(32px,3.6vw,54px)}h3{font-size:28px}p{max-width:65ch}[hidden]{display:none!important}.wrap{width:min(1408px,calc(100% - 128px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:12px 20px;background:var(--paper)}.skip:focus{top:12px}.arrow{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{width:min(1408px,calc(100% - 128px));margin:auto;height:85px;display:flex;justify-content:space-between;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:24px;text-decoration:none}.brand img{width:100px;height:67px}.brand span{text-transform:uppercase;font-size:17px;letter-spacing:.13em;white-space:nowrap}.nav{display:flex;align-items:center;gap:42px;font-size:15px}.nav a{text-decoration:none;padding-block:10px}.nav a:hover,.nav a[aria-current=page]{text-decoration:underline}.menu{display:none;border:1px solid var(--ink);color:var(--ink);background:transparent;padding:8px 14px;min-height:44px}
.contact-sheet{display:grid;grid-template-columns:35fr 29fr 34fr;gap:12px;padding-top:10px}.studio-intro{background:var(--ink);color:var(--paper);padding:clamp(38px,5.2vw,80px) clamp(28px,3vw,48px);min-width:0;display:flex;flex-direction:column;justify-content:center}.studio-name{font-size:14px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:26px}.studio-intro h1{font-size:clamp(43px,4.7vw,74px);letter-spacing:-.04em;line-height:1.06;text-wrap:initial}.studio-intro h1 span{display:block}.studio-intro h1 span:last-child{font-size:.84em;white-space:nowrap}.studio-description{font-size:clamp(18px,1.5vw,23px);line-height:1.45;margin-top:34px}.studio-actions{display:grid;gap:22px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;min-height:54px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-size:17px}.button-outline{background:transparent;color:inherit;border-color:currentColor;font:24px/1.2 var(--display);min-height:71px;padding-inline:14px}.button:hover{background:var(--brown);border-color:var(--brown);color:var(--paper)}.button-outline:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button:active{transform:translateY(1px)}
.sheet-column{display:grid;gap:14px;min-width:0;height:clamp(620px,50.2vw,790px)}.sheet-coffee{grid-template-rows:minmax(0,2.18fr) minmax(0,1fr)}.sheet-creator{grid-template-rows:minmax(0,1.12fr) minmax(0,1fr)}.sheet-frame{min-height:0;text-decoration:none}.sheet-frame figure{height:100%;display:flex;flex-direction:column}.photo-window{overflow:hidden;min-height:0;flex:1}.sheet-frame img{width:100%;height:100%;object-fit:cover}.frame-drink img{object-position:50% 57%}.frame-portrait img{object-position:50% 10%}.frame-machine img{object-position:50% 38%}.frame-latte img{object-position:50% 43%}.sheet-frame figcaption{display:flex;justify-content:space-between;align-items:center;min-height:28px;color:var(--brown);font-size:14px;padding:3px 4px 0}.sheet-frame figcaption .arrow{width:18px;height:18px;flex-basis:18px}.sheet-frame:hover figcaption span{text-decoration:underline;text-underline-offset:4px}
.ecosystem{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center;gap:40px;margin-top:13px;border-top:1px solid var(--line);padding:24px 0 30px;color:var(--brown)}.ecosystem h2{font-size:clamp(34px,3.3vw,50px);line-height:.98}.ecosystem-link{display:block;text-decoration:none;padding-left:38px}.ecosystem-link:last-child{border-left:1px solid var(--line)}.destination-detail{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:2px}.destination-name{display:inline-flex;align-items:center;gap:46px;font:44px/1.2 var(--display);letter-spacing:-.03em;border-bottom:1px solid var(--line);padding-bottom:9px}.ecosystem-link:hover .destination-name{border-color:var(--brown)}
.section{padding-block:80px}.section-heading{margin-bottom:34px}.section-heading p{color:var(--muted);margin-top:18px}.section-heading a{display:inline-flex;margin-top:18px}.text-link{display:inline-flex;align-items:center;gap:10px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.page-intro{max-width:1050px;padding:65px 0 40px}.page-intro h1{margin-bottom:24px}.page-intro p{font-size:20px;color:var(--muted)}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:24px}.search-field{display:grid;gap:8px;font-size:14px;min-width:300px}.search-field input{width:100%;padding:12px 14px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:0;min-height:48px}input::placeholder{color:var(--muted);opacity:1}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;font-size:14px;min-height:44px}.filters button[aria-pressed=true],.filters button:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.result-count,.meta{font-size:14px;color:var(--muted)}.all-stories,.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;margin:24px 0 70px}.story-card{min-width:0}.story-card a{text-decoration:none}.story-card img{width:100%;aspect-ratio:1.2;object-fit:cover}.story-card .meta{margin:18px 0 10px}.story-card h3{font-size:29px;line-height:1.15}.story-card p:not(.meta){font-size:16px;color:var(--muted);margin-top:14px}.story-card a:hover{text-decoration:underline}.empty{padding:32px;background:var(--surface);margin-bottom:60px}
.article-header{max-width:1060px;padding:56px 0 36px}.article-header h1{font-size:clamp(38px,5vw,72px);margin:24px 0}.article-lead{width:100%;max-height:650px;object-fit:cover;margin-bottom:52px}.article-body{max-width:760px;margin:0 auto 72px;overflow-wrap:anywhere;font-size:18px;line-height:1.8}.article-body p{margin:22px 0}.article-body :is(h2,h3,h4){margin:42px 0 20px}.article-body h2{font-size:36px}.article-body h3{font-size:29px}.article-body h4{font-size:21px}.article-body :is(ul,ol){padding-left:24px;margin:20px 0}.article-body li{padding-left:4px;margin-block:8px}.article-body img{max-height:650px;width:auto;margin:28px auto}.article-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.article-body blockquote{border-left:1px solid var(--ink);margin:28px 0;padding:8px 28px}.article-body table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.article-body :is(td,th){padding:10px;border-bottom:1px solid var(--line)}.article-end{padding:32px;background:var(--surface);margin:44px 0}.article-end p{font-size:17px;margin-top:16px}.article-end a{margin-top:12px}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin:12px 0 72px}.content-split>img{width:100%;max-height:650px;object-fit:cover}.content-split p{margin:24px 0;color:var(--muted)}.content-split h2{margin:8px 0 20px}.content-split h3{margin-top:36px}.fineprint{font-size:14px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:70px}.product-grid img{width:100%;aspect-ratio:1.2;object-fit:cover}.product-grid h2{font-size:36px;margin:22px 0 14px}.notice{padding:24px;background:var(--surface);margin:24px 0}.collection-links{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.collection-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:22px 0;text-decoration:none;font-size:18px}.collection-link:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);padding:40px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}.footer-bottom{margin-top:38px;color:var(--muted);font-size:13px}.campaign-links{margin:24px 0;display:flex;flex-wrap:wrap;gap:16px}.article-body .sqs-block{padding:0}.article-body .sqs-block-content{max-width:100%}.article-body .row,.article-body .col{width:auto}.article-body figure{margin:0}
.story-finder{border-top:1px solid var(--line);margin-top:38px}.finder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 40px}.finder-grid .story-card h3{font-size:26px}.finder-grid .story-card p:not(.meta){display:none}.browse-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.empty .button{margin-top:18px}.collaboration{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center;border-top:1px solid var(--line);padding-block:70px 90px}.collaboration-photo img{width:100%;aspect-ratio:1.15;object-fit:cover}.collaboration-photo>p{font-size:13px;color:var(--muted);padding-top:8px}.collaboration-copy h2{max-width:14ch}.collaboration-copy>p{margin-top:24px;max-width:48ch}.collaboration-copy>.fineprint{margin-top:18px}
@media(max-width:1000px){.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.collaboration{gap:40px}.collaboration .actions{align-items:start;flex-direction:column}}
@media(max-width:639px){.story-finder{margin-top:0}.finder-grid{grid-template-columns:1fr;gap:32px}.finder-grid .story-card{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}.finder-grid .story-card img{aspect-ratio:1}.finder-grid .story-card .meta{margin:0 0 10px;font-size:12px}.finder-grid .story-card h3{font-size:24px}.browse-links{flex-direction:column;font-size:15px}.collaboration{grid-template-columns:1fr;gap:32px;padding-block:44px 56px}.collaboration-copy h2{font-size:38px}.collaboration-copy h2 br{display:none}.collaboration .actions{gap:20px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .2s,background-color .2s,border-color .2s}.sheet-frame img{transition:transform .65s var(--ease)}.sheet-frame:hover img{transform:scale(1.025)}.sheet-frame .arrow,.ecosystem .arrow{transition:transform .35s var(--ease)}.sheet-frame:hover .arrow,.ecosystem-link:hover .arrow{transform:translateX(3px)}}
@media(max-width:1200px){.wrap,.header-inner{width:calc(100% - 64px)}.brand{gap:16px}.brand img{width:80px;height:54px}.brand span{font-size:13px}.nav{gap:26px;font-size:14px}.studio-intro{padding-inline:30px}.studio-intro h1{font-size:clamp(43px,4.7vw,58px)}.button-outline{font-size:21px;min-height:62px}.studio-description{font-size:18px;margin-top:28px}.studio-actions{margin-top:30px;gap:18px}.ecosystem{gap:24px}.ecosystem-link{padding-left:20px}.destination-name{font-size:36px;gap:26px}.content-split{gap:40px}}
@media(max-width:899px){.contact-sheet{grid-template-columns:1fr 1fr;padding-top:12px}.studio-intro{grid-column:1 / -1;padding:40px;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}.studio-name{grid-column:1;margin-bottom:20px}.studio-intro h1{grid-column:1;grid-row:2 / 4;font-size:52px}.studio-description{grid-column:2;grid-row:1 / 3;margin:0}.studio-actions{grid-column:2;grid-row:3;margin-top:24px;gap:12px}.button-outline{min-height:52px;font-size:20px}.sheet-column{height:560px}.ecosystem{grid-template-columns:1fr 1fr;padding-top:28px}.ecosystem h2{grid-column:1 / -1}.ecosystem h2 br{display:none}.ecosystem-link{padding-left:0}.ecosystem-link:last-child{padding-left:24px}.all-stories,.recipe-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:stretch}.footer-top{align-items:start;flex-direction:column}.nav{gap:20px}.brand span{max-width:90px;white-space:normal;font-size:12px}}
@media(max-width:639px){body{font-size:16px}.wrap,.header-inner{width:calc(100% - 40px)}.header-inner{height:75px}.brand{gap:12px}.brand img{width:70px;height:47px}.brand span{font-size:11px}.menu{display:inline-flex;align-items:center}.nav{position:absolute;top:75px;inset-inline:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 20px 20px;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:14px 8px;font-size:17px}.js .nav{display:none}.js .nav.is-open{display:flex}html:not(.js) .site-header{padding-bottom:236px}html:not(.js) .menu{display:none}.contact-sheet{gap:10px;padding-top:10px}.studio-intro{display:flex;padding:32px 24px}.studio-name{font-size:12px;margin-bottom:22px}.studio-intro h1{font-size:clamp(40px,11.8vw,62px)}.studio-intro h1 span:last-child{font-size:.87em}.studio-description{margin-top:24px;font-size:18px;max-width:34ch}.studio-actions{width:100%;margin-top:26px;gap:12px}.button-outline{min-height:52px}.sheet-column{height:410px;gap:10px}.sheet-frame figcaption{font-size:11px;min-height:32px;gap:4px;padding-inline:1px}.sheet-frame figcaption .arrow{width:15px;height:15px;flex-basis:15px}.frame-portrait img{object-position:38% 40%}.frame-machine img{object-position:50% 62%}.ecosystem{gap:24px 16px;margin-top:16px;padding:28px 0 40px}.ecosystem h2{font-size:34px}.ecosystem h2 br{display:initial}.ecosystem-link:last-child{padding-left:16px}.destination-detail{font-size:10px;letter-spacing:.06em;min-height:32px}.destination-name{font-size:29px;gap:12px}.destination-name .arrow{width:18px;height:18px;flex-basis:18px}.section{padding-block:48px}.page-intro{padding:40px 0 30px}.page-intro p{font-size:18px}.all-stories,.recipe-grid{grid-template-columns:1fr;gap:36px}.story-card h3{font-size:30px}.story-card img{aspect-ratio:1.2}.search-field{min-width:0}.filters button{padding-inline:12px}.article-header{padding-top:36px}.article-header h1{font-size:40px}.article-body{font-size:17px}.article-body h2{font-size:31px}.article-lead{max-height:410px;margin-bottom:36px}.content-split,.product-grid{grid-template-columns:1fr;gap:30px}.content-split>img{max-height:450px}.content-split p{margin-block:20px}.collection-links{grid-template-columns:1fr}.actions{gap:20px}.actions .button{width:100%}.footer{padding-top:30px}.footer-links{gap:16px 24px}.footer-bottom{flex-direction:column;align-items:start;gap:10px}}

/* Curated previews keep the origin visible before visitors open either product. */
.home-setup-guide{display:grid;grid-template-columns:1.25fr 1fr;background:var(--ink);color:var(--paper);margin-block:24px 48px}.home-setup-copy{padding:48px}.home-setup-copy h2{font-size:clamp(32px,3.4vw,48px);max-width:19ch}.home-setup-copy p{margin-block:24px;max-width:54ch}.home-setup-copy .button{font:17px/1.4 var(--body);min-height:54px;justify-content:space-between}.home-setup-photo{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:16px;padding:32px;background:#d5dcc9}.home-setup-photo img{width:100%;height:280px;object-fit:contain}.home-setup-photo img:last-child{height:210px}
.reading-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:24px}.article-author{max-width:760px;margin:0 auto 56px;padding-top:24px;border-top:1px solid var(--line)}.article-author p{margin-block:10px;font-size:15px}.guide-faq{max-width:1120px;margin:56px auto}.guide-faq h2{font-size:36px;margin-bottom:28px}.guide-faq h3{font-size:24px;margin-block:28px 12px}.guide-faq p{max-width:75ch}
@media(max-width:760px){.home-setup-guide{grid-template-columns:1fr}.home-setup-copy{padding:32px 24px}.home-setup-photo{padding:24px;min-height:230px}.home-setup-photo img{height:210px}.home-setup-photo img:last-child{height:160px}.home-setup-copy .button{width:100%;text-align:left}.guide-faq h2{font-size:32px}}
.connected-previews{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);padding-block:64px;margin-top:28px}
.connected-column{min-width:0}.connected-column h2{font-size:clamp(32px,3vw,46px)}
.connected-intro{margin-top:16px;color:var(--muted)}
.connected-column>.fineprint{margin-top:12px}
.source-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:36px}
.source-preview{display:block;min-width:0;text-decoration:none}
.source-photo{overflow:hidden;background:var(--surface)}
.source-photo img{width:100%;height:auto;aspect-ratio:1.12;object-fit:cover}
.gear-preview .source-photo{background:#fff}
.gear-preview .source-photo img{object-fit:contain;aspect-ratio:1.12}
.source-copy{padding-top:20px}.source-copy h3{font-size:30px;line-height:1.15}
.source-copy p{color:var(--muted);font-size:16px;line-height:1.55;margin-top:14px}
.source-action{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.source-preview:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.source-previews-compact{grid-template-columns:1fr;gap:0;margin-block:24px 28px}
.source-previews-compact .source-preview{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:24px;padding-block:20px;border-bottom:1px solid var(--line)}
.source-previews-compact .source-photo img{aspect-ratio:1.2}
.source-previews-compact .source-copy{padding:0}.source-previews-compact h3{font-size:27px}
.source-previews-compact p{display:none}.source-previews-compact .source-action{margin-top:12px}
.source-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.source-page-note{border-top:1px solid var(--line);padding-block:40px 64px;margin-top:56px}
.source-page-note h2{font-size:36px}.source-page-note p{margin-block:20px}
.source-page-note a{margin-right:28px;min-height:44px}.affiliate-note{padding-block:4px 20px}
@media(max-width:1000px){.connected-previews{gap:36px}.source-previews-compact .source-preview{grid-template-columns:110px minmax(0,1fr);gap:16px}.source-previews-compact h3{font-size:24px}.source-copy h3{font-size:26px}.source-previews{gap:24px}.source-previews-compact{gap:0}}
@media(max-width:760px){.connected-previews{grid-template-columns:1fr;gap:48px;padding-block:48px}.connected-column h2{font-size:36px}.source-previews:not(.source-previews-compact){grid-template-columns:1fr}.source-previews-compact .source-preview{grid-template-columns:120px minmax(0,1fr)}.source-previews-compact h3{font-size:26px}.source-page-actions{gap:16px}.source-page-actions .button{width:100%}.source-previews:not(.source-previews-compact) .source-photo img{max-height:420px}.source-page-note h2{font-size:32px}}
@media(max-width:360px){.source-previews-compact .source-preview{grid-template-columns:96px minmax(0,1fr);gap:14px}.source-previews-compact h3{font-size:24px}}
@media(max-width:360px){.ecosystem{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-name{font-size:26px;gap:8px}.ecosystem-link:last-child{padding-left:12px}}

/* Private contact: the inbox address is held only by the Worker. */
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,88px);align-items:start;margin:12px 0 88px}
.contact-story>img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:50% 30%;margin-bottom:28px}
.contact-story h2,.contact-panel h2{font-size:clamp(32px,3vw,42px)}
.contact-story>p{margin-block:20px;color:var(--muted)}.contact-story .fineprint{margin-top:14px}
.contact-panel>p{margin-top:16px;color:var(--muted)}
.contact-form{display:grid;gap:24px;margin-top:32px}
.contact-form label{display:grid;gap:8px;font-size:15px;font-weight:500}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0;align-items:start}
.contact-form :is(input:not([type=hidden]),select,textarea){width:100%;min-width:0;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;padding:12px 14px;font:17px/1.5 var(--body);min-height:50px}
.contact-form textarea{resize:vertical;min-height:180px}.contact-form textarea::placeholder{color:var(--muted);opacity:1}
.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.contact-form .fineprint{margin:0;max-width:62ch}.contact-form #contact-email-help{font-weight:400}
.contact-form button{justify-self:start;min-width:200px}.contact-form button:disabled{cursor:wait;opacity:.65}
.contact-feedback{border-left:3px solid var(--ink);background:var(--surface);padding:20px 24px;margin-top:24px}
.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-again{margin-top:24px}
@media(max-width:899px){.contact-layout{grid-template-columns:1fr;gap:48px}.contact-story{max-width:660px}.contact-story>img{max-height:400px}.contact-panel{order:-1}.contact-story{border-top:1px solid var(--line);padding-top:40px}}
@media(max-width:639px){.contact-fields{grid-template-columns:1fr}.contact-form button{width:100%}.contact-layout{margin-bottom:56px}.contact-feedback{padding:18px}.contact-form{gap:22px}}