:root{--cream:#f2ebdc;--green:#173c30;--deep:#102d24;--olive:#d7d8ba;--line:#173c3038;--lightline:#f2ebdc45;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}h1,h2,h3,p,figure,dl,dd{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{touch-action:manipulation}button{border-radius:0}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b78044;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:#a9bd8e;color:var(--deep)}.skip{position:fixed;top:8px;left:15px;z-index:100;background:var(--cream);padding:10px 20px;transform:translateY(-200%)}.skip:focus{transform:none}.eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.5}.button,.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:49px;padding:12px 20px;border:1px solid var(--green);font-size:13px;line-height:1.4;transition:background .2s,color .2s}.solid{background:var(--green);color:var(--cream)}.light{background:var(--cream);color:var(--green);border-color:var(--cream)}.button:hover,.pill:hover{background:#cdd3b4;color:var(--green)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:22px;min-height:44px;border-bottom:1px solid currentColor}.text-link span{margin-left:auto}.header{height:88px;padding:10px 5%;display:flex;align-items:center;gap:30px;background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{margin-right:auto;flex-shrink:0}.brand img{width:110px;height:66px;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:34px;font-size:13px;align-items:center}.header nav a,.header-phone{padding:10px 0}.header nav a:hover,.header-phone:hover{text-decoration:underline;text-underline-offset:5px}.header-phone{font-size:12px;white-space:nowrap;margin-left:10px}.header-visit{min-height:44px;font-size:12px;padding:10px 17px;gap:25px}.nav-toggle{display:none;border:1px solid var(--line);background:none;padding:9px 13px;font-size:13px;min-height:44px;align-items:center;gap:20px}
/* The photograph intersects the full business name. */
.hero{height:720px;position:relative;overflow:hidden;isolation:isolate}.hero-meta{position:absolute;top:23px;left:5%;right:5%;display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.08em;line-height:1.5;z-index:6}.hero h1{position:absolute;top:62px;left:5%;right:5%;font:700 16.9vw/.84 var(--display);letter-spacing:-.025em;z-index:4;pointer-events:none}.hero h1 small{font:500 14px/1.1 var(--sans);letter-spacing:.1em;display:block}.hero h1 small:first-child{margin-bottom:18px}.hero h1 small:last-child{margin-top:18px}.hero-name{display:block;white-space:nowrap}.hero-intro{position:absolute;top:350px;left:5%;z-index:5;width:440px}.hero-offer{font:400 58px/.98 var(--serif);letter-spacing:-.025em}.hero-intro>p+ p{font-size:14px;line-height:1.8;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:24px}.hero-actions .button{min-width:200px}.hero-actions .text-link{font-size:12px;gap:14px;white-space:nowrap}.hero-plate,.hero-latte{position:absolute;overflow:visible;filter:drop-shadow(8px 19px 15px #173c3025);pointer-events:none}.hero-plate{z-index:3;width:60%;left:42%;top:246px;transform:rotate(-8deg)}.hero-latte{z-index:2;width:23%;left:48%;top:275px;transform:rotate(8deg)}.hero-caption{position:absolute;left:5%;bottom:21px;font-size:9px;line-height:1.5;letter-spacing:.07em;z-index:6;display:flex;gap:25px;padding:10px 0}.hero-caption:hover{text-decoration:underline;text-underline-offset:5px}
.menu-section{background:var(--green);color:var(--cream);padding:70px 5% 65px}.menu-heading{border-top:1px solid var(--lightline);padding-top:22px;display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.menu-heading h2{font:400 74px/1 var(--serif);letter-spacing:-.025em;margin-top:17px}.menu-heading>p{font-size:13px;line-height:1.8;padding-bottom:4px}.menu-tabs{display:flex;gap:38px;margin-top:32px;border-bottom:1px solid var(--lightline)}.menu-tabs button{display:flex;align-items:center;gap:13px;padding:16px 0 15px;border:0;border-bottom:2px solid transparent;background:none;font-size:15px;min-height:55px;margin-bottom:-1px;color:#d3dbc6}.menu-tabs button span{font-size:10px;letter-spacing:.06em}.menu-tabs button i{font-style:normal;margin-left:18px;opacity:0}.menu-tabs button[aria-selected=true]{color:var(--cream);border-bottom-color:var(--cream)}.menu-tabs button[aria-selected=true] i{opacity:1}.menu-tabs button:hover{color:var(--cream)}.menu-spread{display:grid;grid-template-columns:.92fr 1.08fr;gap:9%;margin-top:38px}.menu-photo-wrap{min-width:0}.menu-photo-wrap>img{width:100%;height:540px;object-fit:cover;background:#d7d8ba}.menu-photo-wrap>img.coffee{object-position:50% 53%}.menu-photo-wrap>img.breakfast{object-position:50% 64%}.menu-photo-wrap>img.lunch{object-fit:contain}.menu-photo-wrap figcaption{font-size:9px;line-height:1.6;letter-spacing:.06em;margin-top:13px;color:#d3dbc6}.menu-page{min-width:0;display:flex;flex-direction:column}.menu-label{font-size:10px;letter-spacing:.09em;color:#d3dbc6;padding:3px 0 6px}.menu-panel article{padding:19px 0 22px;border-bottom:1px solid var(--lightline)}.menu-panel h3{font:400 36px/1.1 var(--serif);letter-spacing:-.015em;margin-bottom:10px}.menu-panel article p{font-size:14px;line-height:1.8;max-width:475px}.printed-menu{display:inline-flex;align-items:center;gap:20px;margin-top:23px;border-bottom:1px solid var(--lightline);font-size:12px;line-height:1.5;min-height:35px}.printed-menu:hover{border-color:var(--cream)}.menu-date{font-size:10px;color:#d3dbc6;margin-top:4px}.menu-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-top:29px;margin-top:auto}.menu-bottom p{font-size:11px;line-height:1.8;color:#d3dbc6}.menu-bottom a{font-size:12px;white-space:nowrap}
.story-section{padding:80px 8% 35px}.story-heading{border-top:1px solid var(--line);padding-top:22px}.story-heading h2{font:400 77px/1 var(--serif);letter-spacing:-.035em;margin-top:20px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:45px;align-items:start}.owners-photo>img{width:100%;height:auto;max-width:607px}.owners-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.5;padding-top:13px}.owners-photo figcaption strong{font-weight:500}.photo-credit{font-size:9px;line-height:1.6;opacity:.75;margin-top:9px}.story-copy h3{font:400 34px/1.15 var(--serif);letter-spacing:-.02em;margin-bottom:20px}.story-copy>p{font-size:15px;line-height:1.9;max-width:500px;margin-bottom:18px}.story-copy a{margin-top:4px}.around-section{padding:45px 5% 70px}.around-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:24px}.around-heading h2{font:400 56px/1 var(--serif);letter-spacing:-.03em}.around-heading>a{font-size:12px;min-height:44px;display:flex;align-items:center;gap:25px}.around-heading>a:hover{text-decoration:underline;text-underline-offset:5px}.photo-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:17px}.photo-button{background:none;border:0;padding:0;text-align:left;min-width:0}.photo-button img{width:100%;height:350px;object-fit:cover;transition:filter .25s}.photo-button:first-child img{object-position:48% 50%}.photo-button:nth-child(2) img{object-position:50% 47%}.photo-button:hover img{filter:brightness(.92)}.photo-button>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.photo-button i{font-size:19px;font-style:normal}.strip-credit{font-size:9px;margin-top:15px;line-height:1.65;opacity:.7}
.visit-section{background:var(--green);color:var(--cream);padding:75px 8% 78px;display:grid;grid-template-columns:1.1fr .9fr;gap:10%}.visit-intro h2{font:400 92px/.96 var(--serif);letter-spacing:-.04em;margin-top:28px}.visit-intro address{font-style:normal;font-size:15px;margin-top:24px}.visit-intro .button{margin-top:31px;min-width:220px}.visit-details{border-top:1px solid var(--lightline);padding-top:24px}.station-note{display:flex;align-items:center;gap:16px}.station-note p{font-size:12px;line-height:1.7}.station-note strong{font-weight:400;font-size:14px}.station-dot{width:12px;height:12px;border-radius:50%;background:#c6cfa6;box-shadow:0 0 0 5px #c6cfa615;flex-shrink:0}.hours{margin-top:29px}.hours h3{font:400 30px/1.1 var(--serif);margin-bottom:16px}.hours dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--lightline);font-size:14px}.hours dd{white-space:nowrap}.hours>p{font-size:10px;line-height:1.7;color:#d3dbc6;margin-top:10px}.visit-phone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--lightline);font:400 33px/1.2 var(--serif);padding:20px 0 17px}.visit-phone span{font:18px var(--sans)}.visit-instagram{display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:51px}.visit-phone:hover,.visit-instagram:hover{color:#d3dbc6}
footer{padding:30px 5% 24px}.footer-top{display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{font-weight:500}.back-top{display:flex;align-items:center;gap:28px}.footer-wordmark{display:flex;align-items:flex-end;gap:3%;margin:48px 0 36px;pointer-events:none}.footer-wordmark>div{width:87%;font:700 12.7vw/.86 var(--display);letter-spacing:-.025em}.footer-wordmark span{display:block;white-space:nowrap}.footer-wordmark small{display:block;font:500 11px/1.4 var(--sans);letter-spacing:.12em}.footer-wordmark small:first-child{margin-bottom:10px}.footer-wordmark small:last-child{margin-top:13px}.footer-wordmark img{width:10%;height:auto;margin-bottom:19px;mix-blend-mode:multiply}.footer-bottom{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px}.footer-bottom button{font-size:10px;background:none;border:0;border-bottom:1px solid var(--line);padding:7px 0}.footer-bottom button:hover{border-color:var(--green)}.mobile-bar{display:none}
/* Native dialogs preserve the page underneath and return keyboard focus. */
dialog{padding:36px;border:1px solid var(--line);background:var(--cream);color:var(--green);max-width:calc(100% - 32px);max-height:88dvh}dialog::backdrop{background:#071b14d9;backdrop-filter:blur(5px)}.dialog-close{display:flex;align-items:center;justify-content:space-between;gap:35px;background:none;border:0;border-bottom:1px solid var(--line);min-height:44px;font-size:12px;margin-left:auto;margin-bottom:22px;padding:4px 0}.dialog-close span{font-size:25px}#photo-dialog{width:1000px}#photo-dialog figure{margin:0}#dialog-photo{max-height:60dvh;max-width:100%;width:auto;margin:auto;object-fit:contain}#photo-caption{font-size:11px;line-height:1.7;margin:20px auto 0;max-width:700px}.dialog-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:10px;font-size:11px}.dialog-controls button{background:none;border:0;font-size:12px;min-height:44px}.small-label{font-size:10px;letter-spacing:.1em}#review-dialog{width:690px}#review-dialog h2{font:400 49px/1.05 var(--serif);margin:17px 0 25px}#review-dialog p{font-size:13px;line-height:1.85;margin-top:17px}.review-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:11px}.review-links a{border-bottom:1px solid var(--line);padding:6px 0}
@media(min-width:1700px){.hero{height:800px}.hero h1{font-size:16.9vw}.hero-intro{top:410px}.hero-plate{top:285px}.hero-latte{top:330px}.hero-offer{font-size:65px}}
@media(max-width:1200px){.header{gap:22px}.header nav{gap:22px}.header-phone{display:none}.hero{height:680px}.hero h1{top:66px}.hero-intro{top:305px;width:390px}.hero-offer{font-size:52px}.hero-intro>p+p{font-size:13px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column;margin-top:20px}.hero-actions .text-link{min-height:30px}.hero-plate{top:235px;left:43%;width:63%}.hero-latte{left:48%;top:275px;width:25%}.menu-heading h2{font-size:66px}.menu-spread{gap:7%;grid-template-columns:.9fr 1.1fr}.menu-photo-wrap>img{height:520px}.menu-panel h3{font-size:33px}.menu-bottom{display:block}.menu-bottom a{margin-top:13px}.story-heading h2{font-size:67px}.story-layout{gap:7%}.photo-button img{height:300px}.visit-intro h2{font-size:78px}.visit-section{gap:8%}}
@media(max-width:900px){html{scroll-padding-top:30px}.header{height:80px;gap:18px}.brand img{width:98px;height:60px}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:18px 5% 25px;flex-direction:column;gap:0;align-items:stretch;box-shadow:0 12px 20px #102d2415}.header nav.open{display:flex}.header nav a{padding:13px 0;font-size:16px;border-bottom:1px solid var(--line)}.nav-toggle{display:flex}.header-visit{margin-left:auto}.header-phone{display:block;margin-left:auto}.header-visit{display:none}.hero{height:650px}.hero h1{top:68px}.hero-meta{font-size:8px}.hero-meta p:last-child{display:none}.hero-intro{top:255px;width:330px}.hero-offer{font-size:48px}.hero-plate{top:250px;left:44%;width:70%}.hero-latte{top:235px;left:50%;width:29%}.hero-caption{font-size:8px}.menu-section{padding-top:50px}.menu-heading h2{font-size:61px}.menu-heading>p{font-size:11px}.menu-spread{gap:6%;grid-template-columns:.8fr 1.2fr}.menu-photo-wrap>img{height:480px}.menu-panel h3{font-size:29px}.menu-panel article p{font-size:13px}.menu-panel article{padding:17px 0 20px}.menu-tabs{margin-top:25px}.story-section{padding:55px 5% 25px}.story-heading h2{font-size:61px}.story-layout{gap:6%;margin-top:32px}.owners-photo figcaption{display:block}.owners-photo figcaption span{display:block;margin-top:4px}.story-copy h3{font-size:30px}.story-copy>p{font-size:13px;line-height:1.85}.around-section{padding-top:35px}.photo-strip{gap:12px;grid-template-columns:1.35fr 1fr 1fr}.photo-button img{height:240px}.photo-button>span{font-size:10px;line-height:1.5}.visit-section{padding:55px 5%;gap:7%;grid-template-columns:1fr 1fr}.visit-intro h2{font-size:67px}.hours dl>div{font-size:12px}.visit-phone{font-size:27px}.visit-instagram{font-size:10px}.footer-wordmark{margin-top:35px}}
@media(max-width:600px){body{font-size:15px}.header{height:75px;padding:8px 6%;gap:12px}.brand img{width:90px;height:56px}.header nav{top:74px;padding-left:6%;padding-right:6%}.header-phone{display:none}.nav-toggle{margin-left:auto;font-size:12px;min-height:42px}.hero{height:905px}.hero-meta{left:6%;right:6%;top:18px;font-size:8px;letter-spacing:.04em}.hero h1{left:6%;right:6%;top:55px;font-size:23.5vw;line-height:.79;letter-spacing:-.02em}.hero h1 small{font-size:10px;letter-spacing:.12em}.hero h1 small:first-child{margin-bottom:16px}.hero h1 small:last-child{margin-top:16px}.hero-name{white-space:normal}.name-rest{display:block}.hero-table{position:absolute;top:258px;width:100%;height:350px}.hero-plate{width:110%;left:19%;top:28px;transform:rotate(-8deg)}.hero-latte{width:43%;left:10%;top:4px;transform:rotate(7deg)}.hero-intro{top:610px;left:6%;right:6%;width:auto}.hero-offer{font-size:48px;line-height:.98}.hero-intro>p+p{margin-top:18px;font-size:12px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:21px;margin-top:20px}.hero-actions .button{min-width:0;min-height:47px;padding:12px 15px;gap:20px;font-size:12px}.hero-actions .text-link{font-size:10px;gap:8px;white-space:normal;max-width:123px;min-height:44px;line-height:1.5}.hero-caption{left:6%;bottom:18px;font-size:7px;letter-spacing:.05em;gap:15px}.menu-section{padding:40px 6% 45px}.menu-heading{padding-top:18px;display:block}.menu-heading h2{font-size:55px;margin-top:14px}.menu-heading>p{margin-top:20px;font-size:12px;line-height:1.8}.menu-heading>p br{display:none}.eyebrow{font-size:9px}.menu-tabs{gap:0;justify-content:space-between;margin-top:20px}.menu-tabs button{font-size:13px;gap:8px;padding:15px 2px;min-height:52px}.menu-tabs button span{font-size:9px}.menu-tabs button i{margin-left:3px;font-size:12px}.menu-spread{display:flex;flex-direction:column;gap:30px;margin-top:24px}.menu-page{order:0}.menu-photo-wrap{order:1}.menu-photo-wrap>img{height:360px}.menu-photo-wrap>img.lunch{height:390px}.menu-label{font-size:9px}.menu-panel article{padding:19px 0 22px}.menu-panel h3{font-size:33px;max-width:330px;line-height:1.1}.menu-panel article p{font-size:13px;line-height:1.8}.printed-menu{font-size:11px;gap:15px;line-height:1.7;min-height:44px;margin-top:17px}.menu-date{font-size:9px}.menu-bottom{padding-top:21px}.menu-bottom p{font-size:10px}.menu-bottom a{margin-top:7px;min-height:35px}.menu-photo-wrap figcaption{font-size:8px}.story-section{padding:45px 6% 15px}.story-heading h2{font-size:54px;max-width:310px;line-height:1.02;margin-top:16px}.story-layout{display:flex;flex-direction:column;gap:28px;margin-top:28px}.owners-photo{width:100%}.owners-photo figcaption{display:flex;gap:20px;font-size:9px}.owners-photo figcaption span{margin:0;text-align:right;max-width:150px}.photo-credit{font-size:8px}.story-copy h3{font-size:35px}.story-copy>p{font-size:14px}.story-copy .text-link{font-size:12px}.around-section{padding:35px 6% 45px}.around-heading{align-items:center;padding-bottom:20px}.around-heading h2{font-size:46px}.around-heading>a{font-size:9px;gap:10px;max-width:120px}.photo-strip{grid-template-columns:1fr 1fr;gap:20px 12px}.photo-button:first-child{grid-column:1/-1}.photo-button:first-child img{height:210px}.photo-button img{height:240px}.photo-button>span{font-size:10px;gap:10px}.photo-button i{font-size:16px}.strip-credit{font-size:8px}.visit-section{display:block;padding:44px 6% 40px}.visit-intro h2{font-size:78px;margin-top:24px}.visit-intro address{font-size:13px;margin-top:23px}.visit-intro .button{margin-top:24px;min-width:200px}.visit-details{margin-top:38px;padding-top:25px}.station-note p{font-size:11px}.station-note strong{font-size:13px}.hours{margin-top:26px}.hours h3{font-size:32px}.hours dl>div{font-size:13px;padding:11px 0}.hours>p{font-size:9px}.visit-phone{font-size:34px;padding:22px 0 18px}.visit-instagram{font-size:11px;min-height:52px}footer{padding:25px 6% 86px}.footer-top{font-size:10px;align-items:center}.footer-brand{max-width:170px}.back-top{gap:10px;font-size:9px}.footer-wordmark{margin:33px 0 25px;gap:2%}.footer-wordmark>div{font-size:12.6vw;width:87%}.footer-wordmark small{font-size:8px}.footer-wordmark small:first-child{margin-bottom:8px}.footer-wordmark small:last-child{margin-top:8px}.footer-wordmark img{width:11%;margin-bottom:16px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px;padding-top:17px;font-size:8px}.footer-bottom button{font-size:8px;min-height:36px}.mobile-bar{display:grid;grid-template-columns:1fr 1.2fr;position:fixed;z-index:30;bottom:0;left:0;right:0;background:var(--cream);color:var(--green);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bar a{font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:53px;padding:10px 18px}.mobile-bar a+a{background:var(--green);color:var(--cream)}dialog{padding:20px;max-width:calc(100% - 24px);max-height:87dvh}#dialog-photo{max-height:55dvh}#photo-caption{font-size:10px}#review-dialog h2{font-size:40px}#review-dialog p{font-size:12px}.review-links{font-size:10px;gap:15px}}
@media(max-width:360px){.hero{height:870px}.hero h1{font-size:23.1vw}.hero-table{top:243px}.hero-intro{top:565px}.hero-offer{font-size:45px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;padding:12px;gap:13px}.hero-actions .text-link{font-size:9px}.menu-heading h2{font-size:49px}.menu-tabs button{font-size:12px;gap:6px}.menu-panel h3{font-size:31px}.photo-button img{height:200px}.visit-intro h2{font-size:68px}.visit-phone{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Phone composition: frame the incomplete source edges and keep actions in reach. */
@media(max-width:600px){.hero{height:840px}.hero-table{top:260px;height:270px;overflow:hidden}.hero-plate{width:110%;left:5%;top:15px}.hero-latte{left:6%;top:4px;width:43%}.hero-intro{top:550px;display:flex;flex-direction:column}.hero-offer{font-size:45px;order:0}.hero-actions{order:1;margin-top:19px}.hero-intro>p+p{order:2;margin-top:17px}.hero-caption{bottom:15px}}
@media(max-width:360px){.hero{height:810px}.hero-table{top:243px;height:245px}.hero-plate{width:115%;left:1%;top:11px}.hero-latte{left:4%}.hero-intro{top:510px}.hero-offer{font-size:43px}.hero-actions{gap:14px}}
/* Keep the actual name uninterrupted on phones. */
@media(max-width:600px){.hero{height:760px}.hero h1{font-size:16.9vw;line-height:.84}.hero-name{white-space:nowrap}.name-rest{display:inline}.hero-table{top:178px}.hero-intro{top:492px}.hero-caption{top:445px;bottom:auto;padding:7px 0}}
@media(max-width:360px){.hero{height:710px}.hero h1{font-size:16.9vw}.hero-table{top:165px}.hero-intro{top:455px}.hero-caption{top:407px}}
@media(min-width:1201px) and (max-width:1699px){.hero-plate{width:56.5%;left:45%;top:254px}}
@media(max-width:600px){.hero-actions .text-link{display:none}}
/* At intermediate widths the source ends exactly at the stage edge. */
@media(min-width:601px) and (max-width:1200px){.hero-plate{width:auto;height:calc(100% - 235px);left:auto;right:-5%;top:235px;transform:none}}
@media(min-width:601px) and (max-width:740px){.hero-plate{right:-30%}}
@media(min-width:741px) and (max-width:900px){.hero-plate{right:-18%}}

/* Small, finite movements use the authentic, locally bundled photographs. */
@keyframes name-enter{from{opacity:.3;translate:0 12px;clip-path:inset(10% 0 8% 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}
@keyframes photo-enter{from{opacity:0;translate:0 26px;scale:1.015}to{opacity:1;translate:0 0;scale:1}}
@keyframes dialog-enter{from{opacity:.5;translate:0 8px}to{opacity:1;translate:0 0}}
.motion-ready .hero-name{animation:name-enter .8s cubic-bezier(.2,.65,.3,1) .04s backwards}
.motion-ready .hero-plate{animation:photo-enter 1.05s cubic-bezier(.2,.65,.3,1) .12s backwards}
.motion-ready .hero-latte{animation:photo-enter 1.15s cubic-bezier(.2,.65,.3,1) .2s backwards}
.motion-reveal{opacity:1;translate:0 0;transition:opacity .6s ease,translate .75s cubic-bezier(.2,.65,.3,1)}
.motion-ready .motion-reveal:not(.is-visible){opacity:.18;translate:0 18px}
.photo-frame{overflow:hidden;width:100%;isolation:isolate}
.photo-frame img{transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .25s ease}
.photo-button:nth-child(2).motion-reveal{transition-delay:70ms}
.photo-button:nth-child(3).motion-reveal{transition-delay:140ms}
.motion-ready dialog[open]{animation:dialog-enter .24s ease-out}
@media(hover:hover) and (pointer:fine){.photo-button:hover .photo-frame img,.photo-button:focus-visible .photo-frame img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1!important;translate:none!important}.hero-plate,.hero-latte{translate:none!important;scale:1!important}.photo-frame img{transform:none!important}}