:root{--cream:#f4efe4;--ink:#292b27;--work:#44473e;--red:#b54636;--blue:#78baff;--line:#c8bfaf;--muted:#737064}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;background:var(--cream);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #477ba0;outline-offset:5px}header{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 4%}.wordmark{font-size:17px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--red)}.hero{position:relative;height:calc(100svh - 88px);min-height:670px;scroll-margin-top:68px;overflow:hidden;background:#dfd3c1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero h1{position:absolute;top:45px;left:4%;font-weight:300;font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:0}.roles{position:absolute;left:4%;bottom:55px;display:flex;flex-direction:column;gap:0;font-size:clamp(42px,6.5vw,94px);font-weight:300;line-height:1.08;letter-spacing:-.055em;color:#272922;text-shadow:0 1px 10px #f4efe455}.roles span{width:fit-content;transition:color .22s,transform .22s}.roles span:hover,.roles span:focus{color:#a13e31;transform:translateX(7px)}.scroll-cue{position:absolute;bottom:26px;right:4%;font-size:32px;color:var(--cream)}.paper{position:relative;isolation:isolate}.paper:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23827766' filter='url(%23p)' d='M0 0h140v140H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.work{background:var(--work);color:var(--cream);padding:80px 4% 45px}.work-intro{max-width:780px}h2,h3,h4,p{margin-top:0}.work-intro h2{font-weight:300;font-size:16px;margin-bottom:45px;color:#d3d1c6}.statement{font-size:clamp(25px,3.1vw,42px);line-height:1.32;letter-spacing:-.035em;margin-bottom:25px}.correction{position:relative;white-space:nowrap;display:inline-block}.redline{position:relative;color:#c9c7ba}.redline:after{content:"";position:absolute;left:-5%;top:54%;width:110%;height:3px;background:#ed8670;transform:rotate(-7deg);border-radius:50%}.handwritten,.annotation{font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-weight:400;color:#ed8670}.correction .handwritten{position:absolute;left:20%;top:-.78em;transform:rotate(-8deg);font-size:.65em}.supporting{font-size:18px;color:#d3d1c6;line-height:1.7}.supporting a{color:var(--cream);border-bottom:1px solid #a7a898;padding-bottom:3px}.work-topline{margin-top:55px;display:flex;justify-content:space-between;align-items:center;gap:20px}.annotation{font-size:27px;transform:rotate(-3deg);margin:0}.annotation span{display:inline-block;transform:translateY(12px);font-size:44px}.board-controls{display:flex;gap:22px}.board-controls button,.text-button{background:none;border:0;border-bottom:1px solid #969989;padding:6px 0;font-size:12px}.instruction{font-size:12px;color:#c2c4b8;margin:24px 0 0}.studio-board{position:relative;height:1000px;width:100%;margin-top:22px;overflow:hidden}.movable{position:absolute;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform}.movable.dragging{cursor:grabbing;filter:drop-shadow(0 18px 14px #0004)}.print{padding:10px 10px 13px;border:0;text-align:left;background:#f3eee2;color:#33372e;width:24%;box-shadow:2px 9px 18px #0003;transform:rotate(var(--angle));transition:box-shadow .2s}.print img{width:100%;height:160px;object-fit:cover;display:block;pointer-events:none}.print h3{font-size:15px;font-weight:400;line-height:1.25;margin:13px 4px 0}.print .project{font-size:10px;color:#78776c;display:block;margin:5px 4px 0}.print .match-answer{font-size:16px;display:none;margin:10px 4px 0}.print.matched .match-answer{display:block}.print.matched{box-shadow:0 0 0 2px #78baff,3px 12px 18px #0003}.tick{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:21px;height:21px;background:#3076b9;color:white;font-size:13px;margin-right:6px}.number{border:0;padding:7px;background:transparent;color:#f4efe4;white-space:nowrap;font-size:clamp(30px,4.4vw,64px);font-weight:300;line-height:1;letter-spacing:-.045em;text-shadow:0 7px 12px #0003;transform:rotate(var(--angle))}.number small{display:block;text-align:right;font-size:11px;letter-spacing:.1em;margin-top:5px;font-weight:400}.number.selected{color:#bcd9ff;outline:1px dashed #bcd9ff;outline-offset:8px}.number.matched{visibility:hidden}.amenity-art{height:160px;background:#d5d0c1;display:flex;align-items:center;justify-content:center;padding:20px;font-size:26px;line-height:1.2;letter-spacing:-.03em}.tablet-object{width:37%;padding:0;background:none;border:0;transform:rotate(var(--angle));color:var(--cream)}.tablet-frame{border-radius:22px;background:#181b1c;border:2px solid #a6a5a0;padding:12px 15px;box-shadow:4px 18px 25px #0005;position:relative}.tablet-frame:before{content:"";width:4px;height:4px;position:absolute;top:50%;left:5px;background:#4c4c48;border-radius:50%}.tablet-screen{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:10px}.tablet-screen img{width:100%;height:100%;object-fit:cover;pointer-events:none}.paper-cover{position:absolute;inset:0;background:#eae4d6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#383b33;font-size:26px;line-height:1.1;transition:transform .85s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 15px #0002}.paper-cover .handwritten{font-size:18px;color:var(--red);transform:rotate(-5deg)}.tablet-object.open .paper-cover{transform:translate(115%,-16%) rotate(15deg)}.tablet-label{display:block;text-align:center;font-size:19px;font-weight:300;letter-spacing:-.03em;margin-top:17px}.tablet-hint{display:block;text-align:center;font-size:10px;color:#c6c9b9;margin-top:6px}.match-status{font-size:13px;min-height:18px;color:#d8dfcf}.portfolio-note{font-size:11px;line-height:1.65;color:#b9bdb0;max-width:630px}.experience{margin-top:50px;border-top:1px solid #686d60;padding:30px 0 0}.experience h3{font-size:12px;font-weight:300;color:#c6c9bd}.brand-names{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;padding:28px 0}.brand-names>span{font-size:23px;font-weight:400;letter-spacing:-.02em}.brand-names small{display:block;font-size:9px;letter-spacing:.2em;margin-top:6px}.preview-caption{font-size:10px;color:#b9bdb0;margin:16px 0 0}.coffee{padding:85px 4% 55px;background:#eee7d9}.coffee:before{mix-blend-mode:multiply;opacity:.08}.coffee-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:400;text-transform:uppercase;color:#787467}.coffee-heading h2{font-size:clamp(42px,6.4vw,85px);font-weight:300;letter-spacing:-.055em;margin:12px 0 0}.coffee-heading img{width:115px;height:115px;object-fit:cover;object-position:center 35%;border-radius:50%;transform:rotate(8deg)}.scheduler{display:grid;grid-template-columns:29% 71%;background:#faf7ef;border:1px solid #d1c6b2;border-radius:5px;box-shadow:0 15px 45px #51412e0b;overflow:hidden}.meeting-info{padding:34px 28px;background:#ddd4c2}.meeting-info h3{font-size:26px;font-weight:300;letter-spacing:-.03em;line-height:1.3;margin:25px 0 38px}.field-label{font-size:12px;display:block;margin-bottom:12px;font-weight:400}.choice-group{margin-bottom:25px}.segmented{display:flex;border:1px solid #afa797;border-radius:4px;overflow:hidden}.segmented button{padding:12px 8px;border:0;background:transparent;flex:1;font-size:12px;font-weight:400}.segmented .active{background:#3f4439;color:#fffaf0}.meeting-info select{width:100%;padding:12px 8px;border:1px solid #afa797;background:transparent;border-radius:4px;font-size:12px}.coffee-note{color:var(--red);font-size:21px;margin:32px 0 0;transform:rotate(-5deg)}.booking-main{padding:28px 32px;min-width:0}.demo-banner{font-size:9px;font-weight:500;letter-spacing:.08em;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#746b56;margin-bottom:35px}.demo-banner>span:last-child{font-size:11px;letter-spacing:0;font-weight:300}.demo-dot{width:6px;height:6px;background:#b79453;border-radius:50%}.calendar-and-times{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:8px}.month-header h4{font-size:19px;font-weight:400;margin:0}.month-header button{border:0;background:transparent;font-size:20px;padding:6px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays{text-align:center;font-size:10px;color:#77766c;margin-bottom:14px}.days button{border:1px solid transparent;border-radius:50%;aspect-ratio:1;background:#eeeadf;font-size:13px;font-weight:400;padding:0}.days button:hover{border-color:#807c6d}.days button.active{background:#42473b;color:#fffaf0}.days button:disabled{background:none;opacity:.3}.times-panel h4{font-size:14px;font-weight:400;margin:7px 0 8px}.sample-note{font-size:10px;line-height:1.5;color:#777366;margin-bottom:15px}#times{display:grid;gap:8px}#times button{padding:12px;border:1px solid #c5bdaa;background:transparent;border-radius:3px;font-size:13px}#times button.active{background:#414739;color:#fffaf0;border-color:#414739}.empty-times{font-size:13px;color:#8c877c;padding:28px 0}.selection-bar{border-top:1px solid #e4ddcf;margin-top:32px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;line-height:1.5}.primary{background:#404638;color:#fffaf0;border:1px solid #404638;border-radius:3px;padding:14px 20px;white-space:nowrap;font-size:13px}.primary:hover:enabled{background:#58604d}.booking-footnote{font-size:10px;color:#807c70;margin:15px 0 0}.booking-main form h4,.booking-main #review-step h4{font-size:29px;font-weight:300;letter-spacing:-.035em;margin:25px 0 10px}.booking-main form p{font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.booking-main label{display:block;font-size:12px;margin:16px 0}.booking-main input,.booking-main textarea{display:block;width:100%;padding:12px;margin-top:9px;border:1px solid #cac1af;background:transparent;border-radius:3px;color:var(--ink)}.optional{color:#878170;font-size:10px}.privacy-note{font-size:11px!important;line-height:1.6;color:#7b7568}.review-icon{font-size:40px;display:block;margin-top:35px}.not-booked{font-size:17px;font-weight:400}.review-notes{padding:12px 4% 20px;font-size:11px;color:#777366}.review-notes p{max-width:800px;line-height:1.7}.review-notes summary{cursor:pointer}footer{padding:35px 4% 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:10px;color:#7d786c}.coffee-float{position:fixed;right:22px;bottom:20px;z-index:50;display:flex;gap:11px;align-items:center;background:#f6f0e5eb;backdrop-filter:blur(10px);padding:7px 17px 7px 7px;border-radius:50px;box-shadow:0 4px 23px #0002;font-size:11px;line-height:1.35;transition:transform .35s}.coffee-float img{width:53px;height:53px;object-fit:cover;object-position:center 35%;border-radius:50%}.coffee-float.near-coffee{opacity:0;pointer-events:none} [hidden]{display:none!important}
@media(min-width:1500px){.work,.coffee{padding-left:max(4%,calc((100vw - 1380px)/2));padding-right:max(4%,calc((100vw - 1380px)/2))}}@media(max-width:1000px){.scheduler{grid-template-columns:1fr}.meeting-info{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.meeting-info h3{margin:0 0 20px}.meeting-info .eyebrow{grid-column:1/-1;margin-bottom:0}.meeting-info .choice-group{margin:0}.meeting-info>label{margin:0;align-self:end}.meeting-info select{grid-column:1;grid-row:auto}.coffee-note{margin:0;align-self:center}.print img,.amenity-art{height:130px}.print h3{font-size:13px}.hero{min-height:630px}.roles{font-size:6.7vw}.tablet-label{font-size:17px}.studio-board{height:940px}}
@media(max-width:640px){header{height:72px;padding:0 5%}.wordmark{font-size:12px;letter-spacing:.1em}nav{font-size:11px;gap:18px}.hero{height:clamp(650px,calc(100svh - 72px),850px);min-height:0;scroll-margin-top:52px}.hero-image{height:100%;object-position:64% center}.hero h1{top:25px;left:5%;font-size:20px;text-shadow:0 0 15px #fff}.roles{top:43%;bottom:auto;font-size:clamp(36px,10vw,46px);left:5%;line-height:1.12}.scroll-cue{color:#333;bottom:25px}.work{padding:55px 5% 35px}.work-intro h2{margin-bottom:40px;font-size:14px}.statement{font-size:27px}.supporting{font-size:16px}.work-topline{align-items:start;flex-direction:column;gap:22px;margin-top:45px}.annotation{font-size:23px}.instruction{font-size:11px;line-height:1.6}.studio-board{height:1800px;margin-top:10px}.print{width:46%;padding:7px 7px 10px}.print img,.amenity-art{height:135px}.print h3{font-size:13px;margin:11px 2px 0}.print .project{font-size:9px}.print .match-answer{font-size:13px}.number{font-size:43px}.tablet-object{width:87%}.tablet-label{font-size:22px}.tablet-frame{padding:10px 13px}.brand-names{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}.brand-names>span{font-size:17px}.coffee{padding:55px 5% 30px}.coffee-heading{gap:10px}.coffee-heading h2{font-size:41px}.coffee-heading img{width:70px;height:70px}.meeting-info{display:block;padding:25px}.meeting-info h3{margin:18px 0 26px;font-size:27px}.meeting-info .choice-group{margin-bottom:22px}.meeting-info>label{margin-bottom:10px}.coffee-note{margin:25px 0 0}.booking-main{padding:24px 18px}.calendar-and-times{grid-template-columns:1fr;gap:25px}.days{gap:8px}.days button{font-size:14px}.times-panel #times{grid-template-columns:1fr 1fr}.selection-bar{align-items:stretch;flex-direction:column}.form-row{grid-template-columns:1fr;gap:0}.demo-banner{line-height:1.6;margin-bottom:25px}footer{align-items:start;flex-direction:column;padding-bottom:20px}.review-notes{padding-bottom:100px}.coffee-float{right:12px;bottom:12px}.coffee-float img{width:43px;height:43px}.portfolio-note{font-size:10px}}
@media(max-width:640px){.hero::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(244,239,228,.82) 54%,#f4efe4 84%);pointer-events:none}.hero h1,.hero .roles,.hero .scroll-cue{z-index:1}.hero .roles{top:auto;bottom:58px}.hero .scroll-cue{bottom:24px}}
@media(min-width:641px){.hero-image{transform:scale(1.22);transform-origin:right top}.roles{font-size:clamp(46px,7vw,104px);bottom:150px;left:2%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important;animation:none!important}.movable{will-change:auto}}

footer address{font-size:12px;font-style:normal;line-height:1.5;text-align:right;color:#7d786c}@media(max-width:640px){footer address{text-align:left}}

.coffee-intro{max-width:980px;margin:0 0 46px;color:var(--ink);font-size:clamp(27px,3.1vw,42px);font-weight:300;line-height:1.32;letter-spacing:-.035em}.coffee-intro a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.coffee-intro a:hover{color:var(--red)}@media(max-width:640px){.coffee-intro{font-size:27px;margin-bottom:35px}}

.coffee-intro{max-width:1160px;margin:0 0 28px;font-size:clamp(27px,2.2vw,34px)}.coffee-heading{align-items:end;margin-bottom:20px}.coffee-heading h2{font-size:clamp(27px,2.2vw,34px);line-height:1.32;letter-spacing:-.035em;margin:0}.coffee-heading .coffee-brand-mark{width:80px;height:80px}@media(max-width:640px){.coffee-intro{font-size:23px;margin-bottom:24px}.coffee-heading{margin-bottom:20px}.coffee-heading h2{font-size:27px}.coffee-heading .coffee-brand-mark{width:62px;height:62px}}

.hero-art{display:block;width:100%;height:100%}