.trame-landing{max-width:1240px;margin:0 auto;padding:0 56px}.trame-skip{z-index:20;background:var(--green);color:var(--paper);border-radius:5px;padding:12px 20px;position:absolute;top:-100px;left:16px}.trame-skip:focus{top:12px}.trame-site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:108px;display:flex}.trame-site-header .wordmark{letter-spacing:-1px;align-items:center;gap:12px;font-size:37px;text-decoration:none;display:flex}.trame-signin,.trame-site-footer>a:last-child{min-height:44px;color:var(--ink);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.trame-signin:hover,.trame-site-footer>a:last-child:hover{text-underline-offset:4px;text-decoration:underline}.trame-intro{grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;padding:76px 0 78px;display:grid}.trame-kicker{letter-spacing:.6px;color:var(--muted);font-size:12px;font-weight:500}.trame-intro h1{font-family:var(--serif);letter-spacing:-2px;color:var(--ink);margin:22px 0 26px;font-size:clamp(56px,6vw,78px);font-weight:400;line-height:1.03}.trame-intro h1 em{color:var(--green);font-style:normal;font-weight:400}.trame-intro-copy{max-width:410px;color:var(--muted);font-size:17px;line-height:1.7}.trame-open{min-height:52px;color:var(--paper);background:var(--green);border-radius:999px;justify-content:center;align-items:center;gap:24px;margin-top:26px;padding:12px 25px;font-weight:500;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.trame-open:hover{background:#2f503b;transform:translateY(-1px)}.trame-preview-note{max-width:370px;color:var(--muted);margin-top:14px;font-size:12px;line-height:1.6;display:block}.trame-preview{background:#e8e8dc;border:1px solid #dedfd2;border-radius:8px;margin:0;padding:27px 25px 18px;transform:rotate(1deg)}.trame-preview-top{justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;display:flex}.trame-preview-top>span{font:400 17px/1.3 var(--serif);max-width:190px}.trame-preview-mark{width:34px;height:34px;color:var(--green);flex:none}.trame-sample-card{background:var(--white);border-radius:5px;overflow:hidden;box-shadow:0 10px 24px #2933210a}.trame-cup-art{position:relative;overflow:hidden}.trame-cup-art>svg{width:100%;height:auto;display:block}.trame-loved{background:var(--paper);color:var(--green);border-radius:99px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:inline-flex;position:absolute;top:14px;right:14px}.trame-sample-content{padding:24px 23px 18px}.trame-sample-roaster{color:var(--muted);margin-bottom:6px;font-size:11px}.trame-sample-content h2{font:400 29px/1.12 var(--serif);letter-spacing:-.5px}.trame-sample-meta{color:var(--muted);margin-top:12px;font-size:12px}.trame-sample-meta span{margin:0 5px}.trame-sample-content blockquote{color:var(--ink);margin:19px 0;font-size:14px;line-height:1.6}.trame-sample-saved{border-top:1px solid var(--line);color:var(--green);align-items:center;gap:6px;padding-top:14px;font-size:11px;display:flex}.trame-preview figcaption{color:var(--muted);text-align:center;margin-top:14px;font-size:10px;line-height:1.5}.trame-steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding:42px 0 64px;display:grid}.trame-steps article{padding-top:6px;position:relative}.trame-step-number{float:right;font:400 13px/24px var(--sans);color:var(--muted)}.trame-steps article>svg{color:var(--green)}.trame-steps h2{font:400 26px/1.25 var(--serif);color:var(--ink);margin:18px 0 12px}.trame-steps p{color:var(--muted);font-size:14px;line-height:1.75}.trame-card-story{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:70px 0;display:grid}.trame-story-copy h2{font:400 clamp(36px,4vw,49px)/1.08 var(--serif);letter-spacing:-1px;margin:19px 0 24px}.trame-story-copy>p:not(.trame-kicker){color:var(--muted);max-width:360px;margin-top:14px;font-size:15px;line-height:1.75}.trame-taste-preview{background:var(--white);border:1px solid var(--line);border-radius:7px;margin:0;padding:28px}.trame-taste-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trame-taste-heading>span:first-of-type{font:400 24px var(--serif)}.trame-context{background:var(--sage);color:var(--green);border-radius:99px;margin-left:auto;padding:7px 10px;font-size:11px}.trame-taste-preview dl{margin:25px 0 0}.trame-taste-preview dl>div{border-top:1px solid var(--line);padding:15px 0}.trame-taste-preview dt{color:var(--muted);margin-bottom:7px;font-size:11px}.trame-taste-preview dd{font:400 20px/1.4 var(--serif);margin:0}.trame-taste-reference{border-top:1px solid var(--line);align-items:flex-start;gap:14px;margin-top:8px;padding:21px 0 16px;display:flex}.trame-taste-reference>svg{color:var(--green);flex:none;margin-top:3px}.trame-taste-reference span{color:var(--muted);font-size:10px}.trame-taste-reference h3{font:400 20px/1.3 var(--serif);margin:5px 0}.trame-taste-reference p,.trame-taste-preview figcaption{color:var(--muted);font-size:11px;line-height:1.5}.trame-taste-preview figcaption{border-top:1px solid var(--line);padding-top:15px;font-size:10px}.trame-last-word{text-align:center;border-top:1px solid var(--line);padding:65px 20px 68px}.trame-last-mark{width:49px;height:49px;color:var(--green);margin-bottom:21px}.trame-last-word h2{font:400 clamp(32px,4vw,44px)/1.15 var(--serif);letter-spacing:-.8px}.trame-last-word>p{color:var(--muted);margin-top:15px;font-size:15px;line-height:1.6}.trame-last-word .trame-preview-note{margin-left:auto;margin-right:auto}.trame-site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.trame-footer-wordmark{font:400 28px var(--serif);align-items:center;min-height:44px;text-decoration:none;display:flex}.trame-site-footer p{color:var(--muted);margin-right:auto;font-size:12px}.trame-privacy-link{min-height:44px;color:var(--muted);align-items:center;font-size:12px;text-decoration:none;display:inline-flex}.trame-privacy-link:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:900px){.trame-landing{padding:0 32px}.trame-intro,.trame-card-story{gap:38px}.trame-preview{padding:20px 18px 15px}.trame-steps{gap:26px}.trame-sample-content{padding:20px 18px 16px}}@media (max-width:700px){.trame-landing{padding:0 22px}.trame-site-header{gap:14px;min-height:82px}.trame-site-header .wordmark{gap:9px;font-size:32px}.trame-site-header .trame-mark{width:25px;height:25px}.trame-signin{gap:5px;font-size:12px}.trame-intro{grid-template-columns:1fr;gap:37px;padding:41px 0 46px}.trame-intro h1{letter-spacing:-1.5px;margin:18px 0 22px;font-size:clamp(52px,14vw,68px)}.trame-intro-copy{font-size:16px;line-height:1.65}.trame-open{margin-top:23px}.trame-preview{justify-self:center;width:100%;max-width:440px;padding:22px 19px 15px;transform:none}.trame-preview-top>span{font-size:17px}.trame-sample-content h2{font-size:28px}.trame-steps{grid-template-columns:1fr;gap:30px;padding:30px 0 41px}.trame-steps article+article{border-top:1px solid var(--line);padding-top:26px}.trame-steps h2{margin:12px 0 9px}.trame-card-story{grid-template-columns:1fr;gap:29px;padding:39px 0}.trame-story-copy h2{font-size:40px}.trame-story-copy>p:not(.trame-kicker){max-width:none}.trame-taste-preview{padding:23px 20px}.trame-context{margin-left:0}.trame-taste-heading>span:first-of-type{font-size:23px}.trame-last-word{padding:43px 0}.trame-last-word h2{font-size:33px}.trame-site-footer{flex-wrap:wrap;gap:5px 18px}.trame-site-footer p{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){.trame-open{transition:none}.trame-open:hover{transform:none}}