@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--paper:#f5f5f2;--charcoal:#292929;--accent:#292929;--stone:#bcbcb8;--rule:#cecec5;--muted:#64665f;--gutter:clamp(20px, 4vw, 72px);--gap:24px;--font-display:"Fraunces Variable", Georgia, serif;--font-body:"DM Sans Variable", Arial, sans-serif;--space-section:clamp(64px, 8vw, 120px)}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--charcoal);font-family:var(--font-body);margin:0;font-size:18px;line-height:1.55}::selection{background:var(--accent);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,.small-brand,.specimen-large,.display-sample,.motion-word,.footer-wordmark,.photo-overlap{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;letter-spacing:0;font-weight:900}h1,h2{line-height:1.04}button{border:0}i{font-size:24px;font-weight:400;line-height:1}.page-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.eyebrow{letter-spacing:.105em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.4}.small-note{color:var(--muted);font-size:14px}.skip-link{z-index:100;background:var(--charcoal);color:var(--paper);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;height:92px;display:flex}.small-brand{white-space:nowrap;font-size:28px;line-height:1}.brand-dot{font-family:var(--font-body);vertical-align:top;margin-left:3px;font-size:12px}.header nav{gap:30px;font-size:14px;display:flex}.header nav a{padding:10px 0;position:relative}.header nav a:after,.text-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:4px;left:0;transform:scaleX(0)}.header nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.language{align-items:center;gap:3px;font-size:12px;display:flex}.language button{color:var(--muted);background:0 0;min-width:44px;min-height:44px;font-size:13px}.language button[aria-pressed=true]{color:var(--charcoal);text-underline-offset:5px;font-weight:700;text-decoration:underline}.opening{padding-top:32px;padding-bottom:46px}.opening-top{justify-content:space-between;display:flex}.wordmark{white-space:nowrap;margin-top:4px;margin-left:-.012em;font-size:clamp(75px,18.05vw,280px);line-height:1.16;position:relative}.wordmark>span{font-family:var(--font-body);margin-left:10px;font-size:clamp(18px,2.7vw,40px);font-weight:400;position:absolute;top:20%}.opening-bottom{grid-template-columns:3fr 3fr 1fr;align-items:center;gap:24px;display:grid}.opening-bottom>p:first-child{font-size:20px}.opening-bottom>p:nth-child(2){max-width:320px;color:var(--muted);font-size:14px}.round-link{border:1px solid var(--rule);border-radius:50%;justify-self:end;place-items:center;width:52px;height:52px;transition:background .2s,color .2s;display:grid}.round-link:hover{background:var(--charcoal);color:var(--paper)}.hero-study{isolation:isolate;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;min-height:650px;margin-bottom:16px;padding-top:38px;display:grid;position:relative}.hero-picture{right:var(--gutter);left:calc(var(--gutter) + (100% - var(--gutter) * 2) / 7 * 2);z-index:-2;position:absolute;top:0;bottom:0;overflow:hidden}.hero-picture:after{content:"";pointer-events:none;background:#00000024;position:absolute;inset:0}.hero-picture img{object-fit:cover;object-position:55% 60%}.hero-label{grid-column:1/5;align-self:start}.hero-title{pointer-events:none;grid-column:1/8;align-self:start;margin-top:18px;font-size:clamp(56px,8.1vw,128px);line-height:1.09}.hero-title>span{color:var(--paper);text-shadow:0 2px 15px #0003;margin-left:28.5%}.hero-copy{flex-direction:column;grid-column:1/3;align-self:end;gap:24px;padding:20px 24px 35px 0;display:flex}.hero-copy p{max-width:240px;font-size:16px}.button{border:1px solid #0000;justify-content:space-between;align-self:flex-start;align-items:center;gap:30px;min-height:52px;padding:14px 23px;font-size:14px;font-weight:500;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button i{font-size:21px;transition:transform .2s}.button:hover i{transform:translate(3px,-3px)}.button:hover{transform:translateY(-2px)}.primary{background:var(--charcoal);color:var(--paper)}.primary:hover{background:var(--accent)}.outline{border-color:var(--charcoal);background:0 0}.outline:hover{background:var(--charcoal);color:var(--paper)}.button:disabled{color:#777970;background:#e4e4dc;transform:none}.photo-caption{right:calc(var(--gutter) + 20px);color:#fff;text-shadow:0 1px 4px #000;max-width:calc(70% - 60px);font-size:12px;position:absolute;bottom:16px}.vertical-note{writing-mode:vertical-rl;position:absolute;top:40px;right:14px}.section-space{padding-top:var(--space-section);padding-bottom:var(--space-section)}.section-label{border-top:1px solid var(--rule);justify-content:space-between;gap:20px;margin-bottom:54px;padding-top:18px;display:flex}.seven-grid{gap:var(--gap);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.section-title{white-space:pre-line;font-size:clamp(38px,5.2vw,78px)}.foundation-content h2{grid-column:1/5}.foundation-note{grid-column:5/8}.foundation-note>p{max-width:420px}.original-logo{mix-blend-mode:multiply;max-width:230px;margin:30px 0 12px}.original-logo img{width:100%;height:auto}.foundation-note>.eyebrow{color:var(--muted)}.type-section{background:var(--charcoal);color:var(--paper)}.type-section .section-label{border-color:#56584f}.section-intro{gap:var(--gap);grid-template-columns:4fr 3fr;align-items:start;margin-bottom:58px;display:grid}.section-intro>p{justify-self:end;max-width:420px}.type-section .section-intro>p{color:#c2c4ba}.type-specimen{border-bottom:1px solid #56584f;grid-template-columns:4fr 3fr;align-items:center;gap:24px;padding-bottom:40px;display:grid}.specimen-large{font-size:clamp(130px,24vw,340px);line-height:1.2}.specimen-large>span{font-size:clamp(42px,7vw,96px);line-height:1.2;display:block}.specimen-info h3{font-family:var(--font-display);font-size:42px;font-weight:800}.specimen-info>span{color:#c2c4ba;font-size:14px}.specimen-info .alphabet{overflow-wrap:anywhere;margin-top:40px;font-size:16px;line-height:1.8}.type-rows>div{border-bottom:1px solid #56584f;grid-template-columns:2fr 5fr;align-items:center;gap:24px;padding:26px 0;display:grid}.display-sample{font-size:clamp(36px,5vw,72px);line-height:1.15}.body-sample{max-width:570px;font-size:20px}.type-section>.small-note{color:#c2c4ba;margin-top:22px}.palette{grid-template-columns:2fr 2fr 2fr 1fr;min-height:280px;display:grid}.swatch{flex-direction:column;justify-content:space-between;gap:48px;padding:24px;display:flex}.swatch h3{margin-bottom:6px;font-size:18px;font-weight:500}.swatch span{letter-spacing:.05em;font-size:12px}.swatch-0{background:var(--paper);border:1px solid var(--rule)}.swatch-1{background:var(--charcoal);color:var(--paper)}.swatch-2{background:var(--accent);color:var(--paper)}.swatch-3{background:var(--stone)}.grid-section{padding-top:0}.grid-demo{grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;height:420px;padding:30px 0 0;display:grid;position:relative}.column-guides{z-index:2;pointer-events:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;display:grid;position:absolute;inset:0}.column-guides>div{border-left:1px solid #29292922;border-right:1px solid #29292922;transition:background .25s}.column-guides span{color:var(--accent);padding:5px;font-size:12px}.show-grid .column-guides>div{background:#29292920;border-color:#29292975}.grid-demo-block{background:var(--accent);color:var(--paper);flex-direction:column;grid-column:3/8;justify-content:space-between;align-self:center;min-height:310px;padding:40px;display:flex}.grid-demo-block p{font-family:var(--font-display);font-variation-settings:"SOFT" 100;text-shadow:0 1px 2px #29292980;margin-left:-20%;font-size:clamp(42px,6.8vw,100px);font-weight:900;line-height:1.05}.grid-button{background:var(--paper);border-color:var(--charcoal);z-index:3;position:absolute;bottom:0;left:0}.grid-specs{border-top:1px solid var(--rule);color:var(--muted);justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;font-size:14px;display:flex}.mobile-columns{display:none}.photo-section{padding-top:0}.reference-images{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:24px;display:grid;position:relative}.reference-images figure:first-child{grid-column:1/4}.reference-images figure:nth-child(2){grid-column:4/8;padding-top:100px}.reference-images img{width:100%;height:auto}.reference-images figcaption{color:var(--muted);margin-top:12px}.photo-overlap{color:var(--paper);text-shadow:0 2px 12px #0004;font-size:clamp(60px,10vw,150px);line-height:.95;position:absolute;bottom:80px;left:30%;transform:rotate(-7deg)}.photo-section>.small-note{margin-top:25px}.motion-section{background:#e9e9e5}.motion-stage{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden}.motion-word{color:var(--accent);z-index:1;font-size:clamp(64px,14vw,190px);position:relative}.motion-line{background:var(--stone);z-index:0;pointer-events:none;width:110%;height:1px;position:absolute;transform:rotate(-14deg)}.motion-stage>.eyebrow{position:absolute;bottom:18px;left:0}.motion-controls{justify-content:space-between;align-items:center;gap:24px;margin-top:25px;display:flex}.ui-buttons{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.text-link{align-items:center;gap:20px;min-height:48px;font-size:14px;display:inline-flex;position:relative}.icon-row{border-top:1px solid var(--rule);flex-wrap:wrap;gap:clamp(24px,5vw,70px);margin-top:48px;padding-top:30px;display:flex}.icon-row i{font-size:24px}.footer{background:var(--accent);color:var(--paper);padding-top:50px;overflow:hidden}.footer>p{font-size:20px}.footer-wordmark{white-space:nowrap;margin-left:-.015em;font-size:clamp(70px,18.5vw,300px);line-height:1.3}.footer-bottom{border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.footer-bottom>a{align-items:center;gap:20px;min-height:44px;display:flex}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid}@media (min-width:1600px){.hero-study{min-height:800px}.opening{padding-bottom:64px}.wordmark{font-size:18.2vw}.footer-wordmark{font-size:18.5vw}}@media (max-width:900px){.header nav{gap:18px}.hero-study{min-height:560px}.hero-copy{padding-right:0}.hero-title{margin-top:50px}.hero-copy p{font-size:16px}.button{gap:16px;padding:12px 16px}.swatch{padding:18px}.swatch h3{font-size:16px}.foundation-content h2{grid-column:1/5}.foundation-note{grid-column:5/8}.section-intro{grid-template-columns:1fr 1fr}.original-logo{max-width:190px}}@media (max-width:700px){:root{--gutter:20px;--gap:12px}.header{flex-wrap:wrap;gap:0;height:auto;min-height:76px;padding-top:17px;padding-bottom:12px}.header nav{border-top:1px solid var(--rule);flex-basis:100%;order:3;justify-content:space-between;margin-top:14px;padding-top:7px;font-size:14px}.small-brand{font-size:24px}.header nav a{padding:10px 0}.opening{padding-top:22px;padding-bottom:30px}.opening-top{gap:18px;font-size:12px}.opening-top>span:last-child{text-align:right;max-width:155px}.wordmark{margin-top:16px;font-size:17.3vw;line-height:1.3}.wordmark>span{margin-left:3px;font-size:13px}.opening-bottom{grid-template-columns:1fr 48px;gap:16px}.opening-bottom>p:first-child{font-size:18px}.opening-bottom>p:nth-child(2){grid-area:2/1;max-width:310px}.round-link{grid-area:1/2/3;width:44px;height:44px}.hero-study{flex-direction:column;gap:0;min-height:740px;padding-top:25px;display:flex}.hero-picture{inset:95px 20px 180px}.hero-picture img{object-position:52% center}.hero-label{font-size:12px}.hero-title{z-index:1;margin-top:27px;font-size:clamp(40px,10.2vw,72px);line-height:1.1}.hero-title>span{white-space:nowrap;margin-top:8px;margin-left:14px;display:inline-block}.hero-copy{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center;gap:20px;margin-top:auto;padding:32px 0 0;display:flex}.hero-copy p{max-width:220px;font-size:16px}.hero-copy .button{white-space:nowrap;align-self:center}.photo-caption{max-width:none;font-size:12px;bottom:195px;left:32px;right:30px}.vertical-note{display:none}.section-label{gap:16px;margin-bottom:35px;font-size:12px}.section-title{font-size:clamp(36px,9vw,58px)}.seven-grid,.section-intro{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.foundation-content h2,.foundation-note,.section-intro>h2,.section-intro>p{grid-column:1/-1}.foundation-note>p,.section-intro>p{justify-self:start;max-width:100%;font-size:17px}.original-logo{max-width:170px}.section-intro{margin-bottom:36px}.type-specimen{grid-template-columns:1fr;padding-bottom:30px}.specimen-large{font-size:42vw}.specimen-large>span{font-size:17vw}.specimen-info h3{font-size:36px}.specimen-info .alphabet{margin-top:20px;font-size:14px}.type-rows>div{grid-template-columns:1fr;gap:14px}.body-sample{font-size:18px}.palette{grid-template-columns:1fr 1fr;min-height:460px}.swatch{padding:20px}.swatch h3{font-size:18px}.grid-demo{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:330px}.column-guides{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.column-guides>div:nth-child(n+5){display:none}.grid-demo-block{grid-column:2/5;min-height:230px;padding:30px 20px}.grid-demo-block p{margin-left:-25%;font-size:10vw}.grid-demo-block .eyebrow{font-size:12px}.grid-specs{flex-direction:column;gap:8px;font-size:14px}.desktop-columns{display:none}.mobile-columns{display:inline}.reference-images{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 12px}.reference-images figure:first-child{grid-column:1/4}.reference-images figure:nth-child(2){grid-column:2/5;padding-top:0}.photo-overlap{font-size:17vw;bottom:34%;left:38%}.reference-images figcaption{font-size:12px}.motion-stage{height:210px}.motion-controls{flex-direction:column;align-items:flex-start}.motion-controls .small-note{font-size:14px}.ui-buttons{gap:16px}.ui-buttons .button{min-height:52px}.footer>p{font-size:16px}.footer-wordmark{font-size:17vw;line-height:1.5}.footer-bottom{align-items:flex-start;gap:12px;font-size:12px}.footer-bottom>span{max-width:165px}.footer-bottom>a{white-space:nowrap;gap:10px;min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover,.button:hover i{transform:none}}.swatch-2{color:var(--paper);background:#545454}.brand-lockup{align-items:center;gap:12px;display:inline-flex}.brand-lockup img{object-fit:contain;width:29px;height:37px}@media (max-width:700px){.brand-lockup{gap:9px}.brand-lockup img{width:25px;height:32px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.cafe{--paper:#f5f3ee;--charcoal:#292929;--accent:#292929;--rule:#d5d2ca;--muted:#65645f;--pebble-gutter:clamp(22px, 4.4vw, 72px);--cafe-header-height:72px;background:var(--paper);color:var(--charcoal);overflow:clip}.pebble-pad{padding-inline:var(--pebble-gutter)}.cafe h1,.cafe h2{letter-spacing:-.045em}.cafe h1 span,.cafe h2 span{display:block}.pebble-footer-word,.pebble-counter-copy h3,.pebble-practical-note,.pebble-snail-note>p,.pebble-photo-caption,.pebble-rating-number{font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72}.cafe h2{font-size:clamp(42px,4.5vw,70px);line-height:1.03}.cafe p{text-wrap:pretty}.cafe :is(a,summary,button):focus-visible{outline-offset:6px;outline:2px solid}.cafe section[id]{scroll-margin-top:calc(var(--cafe-header-height) + 20px)}.pebble-section{padding-block:clamp(52px,5.4vw,84px)}.pebble-section-label{margin-bottom:22px}.cafe .spotlight-vine-rail{width:calc(100% + 2 * var(--pebble-gutter));margin:0 calc(-1 * var(--pebble-gutter)) 20px;pointer-events:none;grid-column:1/-1;overflow:hidden}.cafe .spotlight-vine-rail svg{width:100%;height:auto}.spotlight-vine-rail__desktop{display:block}.spotlight-vine-rail__mobile{display:none}.pebble-section:has(>.spotlight-vine-rail){padding-top:12px}.pebble-header{z-index:30;background:var(--paper);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;height:72px;display:flex;position:sticky;top:0}.pebble-header .brand-lockup{align-items:center;gap:12px;display:flex}.cafe-header{isolation:isolate;--header-dark-start:0px;--header-dark-end:0px;background:linear-gradient(to bottom, var(--charcoal) 0 var(--header-dark-start), var(--paper) var(--header-dark-start) var(--header-dark-end), var(--charcoal) var(--header-dark-end) 100%);border-bottom:0}.cafe-header .brand-lockup>span,.cafe-header .pebble-desktop-nav,.cafe-header .pebble-language,.cafe-header .pebble-mobile-menu summary{color:#fff;mix-blend-mode:difference}.cafe-header .brand-lockup img{filter:brightness(0)invert();mix-blend-mode:difference}.pebble-header .brand-lockup img{width:25px;height:32px}.pebble-header .small-brand{font-size:27px}.pebble-desktop-nav{align-items:center;gap:5px;display:flex}.pebble-desktop-nav a{border-radius:30px;align-items:center;min-height:44px;padding:10px 20px;font-size:14px;transition:background .2s;display:flex}.pebble-desktop-nav a:hover,.pebble-desktop-nav a[data-active=true]{background:#ffffff18}.pebble-desktop-nav a[data-active=true]{text-underline-offset:6px;text-decoration:underline}.pebble-header-tools{align-items:center;gap:10px;display:flex}.pebble-language{gap:2px;display:flex}.pebble-language a{border-radius:50%;place-items:center;min-width:44px;height:44px;font-size:12px;display:grid}.pebble-language a[aria-current=page]{color:inherit;text-underline-offset:6px;background:0 0;font-weight:700;text-decoration:underline}.pebble-mobile-menu{display:none}.pebble-hero{grid-template-columns:1fr 1.03fr;align-items:center;gap:clamp(28px,4vw,66px);padding-top:44px;padding-bottom:40px;display:grid}.pebble-hero-copy{z-index:2;padding-bottom:26px;position:relative}.pebble-kicker{align-items:center;gap:10px;margin-bottom:28px;display:flex}.pebble-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.cafe h1{letter-spacing:-.062em;margin-bottom:26px;font-size:clamp(54px,6.3vw,98px);line-height:1.02}.pebble-hero-description{max-width:360px;font-size:18px;line-height:1.6}.pebble-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.cafe .button{border-radius:40px;min-height:52px;padding:15px 24px;font-size:14px;line-height:1.2}.cafe .button.primary{background:var(--charcoal);color:var(--paper)}.pebble-text-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:18px;min-height:44px;font-size:14px;display:inline-flex}.pebble-text-link i{font-size:20px;transition:transform .25s}.pebble-text-link:hover i{transform:translate(3px,-3px)}.pebble-hero-address{width:fit-content;min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-top:32px;font-size:13px;display:flex}.pebble-hero-address i{font-size:17px}.pebble-photo{background:#dddad2;position:relative;overflow:hidden}.pebble-photo img{object-fit:cover}.pebble-hero-visual{padding-bottom:54px;position:relative}.pebble-hero-photo{border-radius:10px 120px 10px 10px;height:clamp(410px,37vw,580px)}.pebble-hero-detail{aspect-ratio:1.38;border:7px solid var(--paper);border-radius:5px;width:39%;position:absolute;bottom:110px;left:-30px;transform:rotate(-5deg);box-shadow:0 14px 35px #29292918}.pebble-stamp{background:var(--charcoal);width:124px;height:124px;color:var(--paper);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:-20px;right:-18px;transform:rotate(12deg)}.pebble-stamp img{filter:invert();width:37px;height:46px}.pebble-stamp span{font-size:11px}.pebble-photo-caption{font-family:var(--font-display);justify-content:space-between;gap:16px;padding-top:18px;padding-left:12px;font-size:16px;display:flex}.pebble-photo-caption span{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;align-self:center;font-size:10px}.pebble-practical{border-block:1px solid var(--rule);grid-template-columns:1.5fr 1fr 1fr;gap:28px;padding-block:23px;display:grid}.pebble-practical>*{flex-direction:column;gap:5px;display:flex}.pebble-practical>:not(:first-child){border-left:1px solid var(--rule);padding-left:28px}.pebble-practical .eyebrow{color:var(--muted);font-size:10px}.pebble-practical strong{font-size:17px;font-weight:500}.pebble-practical-note{font-family:var(--font-display);align-self:center;max-width:240px;font-size:24px;font-weight:800;line-height:1.15}.pebble-review-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(40px,8vw,120px);padding-block:12px 20px;display:grid}.pebble-rating{border-right:1px solid var(--rule);flex-direction:column;align-items:center;padding-right:30px;display:flex}.pebble-rating-number{font-family:var(--font-display);font-variation-settings:"SOFT" 100;letter-spacing:-.055em;font-size:clamp(95px,11vw,160px);font-weight:900;line-height:1}.pebble-rating-stars{letter-spacing:6px;margin-top:14px;font-size:22px}.pebble-rating p{color:var(--muted);margin-top:12px;font-size:12px}.pebble-review-copy>p:not(.eyebrow){max-width:470px;color:var(--muted);margin-top:23px;font-size:16px;line-height:1.75}.pebble-review-copy .button{margin-top:23px}.pebble-practical-place{padding-right:44px;position:relative}.pebble-practical-place i{position:absolute;top:12px;right:0}.pebble-story{grid-template-columns:1.03fr 1fr;align-items:center;gap:12px clamp(40px,7vw,110px);display:grid}.pebble-story-visual{position:relative}.pebble-wall-photo{aspect-ratio:.94;border-radius:10px 10px 90px}.pebble-photo-label{background:var(--paper);border-radius:30px;padding:10px 15px;font-size:10px;position:absolute;bottom:24px;left:24px}.pebble-story-copy>p:not(.eyebrow){color:var(--muted);max-width:490px;margin-top:25px;font-size:16px;line-height:1.75}.pebble-story-copy>.pebble-text-link{margin-top:22px}.pebble-snail-note{align-items:center;gap:10px;margin-top:20px;display:flex}.pebble-sculpture{flex:0 0 145px;width:145px;height:165px;position:relative}.pebble-sculpture .snail-sculpture{position:absolute;inset:0}.snail-sculpture{isolation:isolate;width:100%;height:100%;position:relative}.snail-sculpture canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.snail-sculpture .snail-fallback{object-fit:contain;padding:16px}.snail-sculpture[data-ready=true] .snail-fallback{opacity:0}.pebble-snail-note>p{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.25}.pebble-snail-note>p span{max-width:190px;font-family:var(--font-body);color:var(--muted);margin-top:9px;font-size:12px;font-weight:400;display:block}.pebble-coffee{background:var(--charcoal);color:var(--paper)}.pebble-coffee-main{grid-template-columns:1fr 1.02fr;align-items:center;gap:clamp(35px,7vw,110px);display:grid}.pebble-coffee-copy>p:not(.eyebrow){color:#d0cec6;max-width:440px;margin-top:27px;font-size:16px;line-height:1.7}.pebble-coffee-copy .pebble-text-link{margin-top:24px}.pebble-coffee-visual{position:relative}.pebble-cup-photo{aspect-ratio:1.08;border-radius:100px 10px 10px}.pebble-coffee-details{grid-template-columns:1fr 1fr .9fr;align-items:center;gap:28px;margin-top:55px;display:grid}.pebble-detail-card .pebble-photo{aspect-ratio:1.6;border-radius:6px}.pebble-detail-card p{color:#d0cec6;margin-top:12px;font-size:12px}.pebble-counter-copy h3{font-family:var(--font-display);font-size:26px;font-weight:900;line-height:1.2}.pebble-counter-copy p{color:#d0cec6;margin-top:14px;font-size:13px;line-height:1.7}.pebble-menu h2{margin-top:20px}.pebble-menu dl{max-width:800px;margin-top:36px}.pebble-menu dl>div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:30px;padding-block:20px;display:flex}.pebble-menu dt p{color:var(--muted);margin-top:6px;font-size:14px}.pebble-menu dd{white-space:nowrap}.pebble-visit{grid-template-columns:.95fr 1.05fr;align-items:center;gap:12px clamp(40px,9vw,135px);display:grid}.pebble-front-photo{border-radius:100px 8px 8px;height:520px}.pebble-visit-copy>p:not(.eyebrow){max-width:400px;color:var(--muted);margin-top:20px;font-size:16px}.pebble-visit address{margin-top:26px;font-size:18px;font-style:normal;line-height:1.6}.pebble-hours{gap:10px;max-width:420px;margin:24px 0 26px;display:grid}.pebble-hours>div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:16px;padding-bottom:10px;font-size:14px;display:flex}.cafe dd{margin:0}.pebble-visit-copy p.pebble-services{margin-top:18px;font-size:12px}.pebble-footer{background:var(--charcoal);color:var(--paper);padding-top:36px;padding-bottom:24px}.pebble-footer-top{justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.pebble-footer-top>div{gap:30px;display:flex}.pebble-footer-top a{align-items:center;gap:12px;min-height:44px;display:inline-flex}.pebble-footer-top i{font-size:20px}.pebble-footer-word{font-family:var(--font-display);letter-spacing:-.06em;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:28px;font-size:clamp(72px,17.5vw,270px);font-weight:900;line-height:1.2;display:flex}.pebble-footer-snail{filter:brightness(0)invert();flex:none;width:clamp(28px,.55em,130px);height:auto;margin-left:12px}.pebble-site-credit{text-align:right;letter-spacing:.025em;opacity:.5;margin-top:8px;font-size:9px;line-height:1.4}.pebble-footer-bottom{border-top:1px solid #ffffff30;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:10px;display:flex}.pebble-footer-bottom a{align-items:center;gap:10px;min-height:44px;display:inline-flex}.pebble-footer-bottom i{font-size:18px}@media (min-width:1800px){.cafe{--pebble-gutter:max(72px, calc((100vw - 1600px) / 2))}}@media (max-width:1050px){.pebble-hero{gap:30px}.cafe h1{font-size:6.2vw}.pebble-hero-photo{height:425px}.pebble-stamp{width:102px;height:102px;top:-15px;right:-8px}.pebble-stamp span{font-size:9px}.pebble-photo-caption span{display:none}.pebble-actions{gap:14px}.pebble-story,.pebble-coffee-main,.pebble-visit{gap:45px}.pebble-snail-note>p{font-size:21px}.pebble-sculpture{flex-basis:120px;width:120px;height:145px}}@media (max-width:700px){.pebble-practical-note{border-bottom:1px solid var(--rule);grid-column:1/-1;max-width:none;padding-bottom:12px;font-size:24px}.pebble-review-layout{grid-template-columns:1fr;gap:26px}.pebble-rating{border-right:0;border-bottom:1px solid var(--rule);align-items:flex-start;padding:0 0 24px}.pebble-rating-number{font-size:92px}.pebble-rating-stars{margin-top:8px;font-size:19px}.pebble-review-copy>p:not(.eyebrow){font-size:15px}.spotlight-vine-rail__desktop{display:none}.spotlight-vine-rail__mobile{display:block}.cafe .spotlight-vine-rail{margin-bottom:10px}.cafe{--pebble-gutter:22px;--cafe-header-height:64px}.pebble-header{gap:10px;height:64px}.pebble-header .small-brand{font-size:24px}.pebble-header .brand-lockup{gap:8px}.pebble-header .brand-lockup img{width:22px;height:28px}.pebble-desktop-nav{display:none}.pebble-header-tools{gap:8px}.pebble-language a{min-width:44px;height:44px}.pebble-mobile-menu{display:block}.pebble-mobile-menu summary{border:1px solid var(--rule);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;list-style:none;display:flex}.pebble-mobile-menu summary::-webkit-details-marker{display:none}.pebble-mobile-menu summary span{background:currentColor;width:15px;height:1px;transition:transform .2s}.pebble-mobile-menu[open] summary span:first-child{transform:translateY(3px)rotate(45deg)}.pebble-mobile-menu[open] summary span:last-child{transform:translateY(-3px)rotate(-45deg)}.pebble-mobile-menu nav{top:calc(var(--cafe-header-height) - 1px);background:var(--paper);border-bottom:1px solid var(--rule);padding:12px 22px 20px;position:absolute;left:0;right:0;box-shadow:0 16px 25px #2929290d}.pebble-mobile-menu nav a{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:52px;padding-block:10px;font-size:16px;display:flex}.pebble-mobile-menu nav a[data-active=true]{font-weight:700}.cafe section[id]{scroll-margin-top:calc(var(--cafe-header-height) + 16px)}.pebble-hero{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:28px}.pebble-hero-copy{padding-bottom:0}.pebble-kicker{margin-bottom:20px;font-size:10px}.cafe h1{letter-spacing:-.063em;margin-bottom:18px;font-size:clamp(42px,12.5vw,72px)}.pebble-hero-description{max-width:390px;font-size:16px;line-height:1.65}.pebble-actions{gap:22px;margin-top:23px}.cafe .button{min-height:50px;padding:14px 21px;font-size:13px}.pebble-text-link{gap:12px;font-size:13px}.pebble-hero-address{margin-top:18px;font-size:12px}.pebble-hero-visual{margin-right:5px;padding-bottom:38px}.pebble-hero-photo{aspect-ratio:1.07;border-top-right-radius:80px;height:auto}.pebble-hero-detail{border-width:5px;width:39%;bottom:90px;left:7px}.pebble-stamp{width:90px;height:90px;top:-16px;right:-8px}.pebble-stamp img{width:27px;height:34px}.pebble-stamp span{font-size:8px}.pebble-photo-caption{padding-top:13px;padding-left:2px;font-size:13px}.pebble-practical{grid-template-columns:1fr 1fr;gap:17px 15px;padding-block:21px}.pebble-practical>.pebble-practical-place{border-bottom:1px solid var(--rule);grid-column:1/-1;padding-bottom:15px}.pebble-practical>:not(:first-child){border-left:0;padding-left:0}.pebble-practical>:last-child{border-left:1px solid var(--rule);padding-left:20px}.pebble-practical strong{font-size:15px}.pebble-practical .eyebrow{font-size:11px}.pebble-section{padding-block:48px}.cafe h2{font-size:clamp(39px,10.8vw,62px)}.pebble-section-label{margin-bottom:17px;font-size:11px}.pebble-story{grid-template-columns:1fr;gap:30px}.pebble-story-copy{grid-row:2}.pebble-story-copy>p:not(.eyebrow){margin-top:20px;font-size:15px}.pebble-wall-photo{aspect-ratio:1.16;border-bottom-right-radius:60px}.pebble-photo-label{font-size:9px;bottom:16px;left:16px}.pebble-snail-note{gap:14px;margin-top:12px}.pebble-sculpture{flex-basis:110px;width:110px;height:130px}.pebble-snail-note>p{font-size:22px}.pebble-snail-note>p span{font-size:11px}.pebble-coffee-main{grid-template-columns:1fr;gap:34px}.pebble-coffee-copy>p:not(.eyebrow){margin-top:20px;font-size:15px}.pebble-cup-photo{aspect-ratio:1.15;border-top-left-radius:65px}.pebble-coffee-details{grid-template-columns:1fr 1fr;gap:16px;margin-top:37px}.pebble-detail-card .pebble-photo{aspect-ratio:1.1}.pebble-detail-card p{font-size:12px;line-height:1.5}.pebble-counter-copy{border-top:1px solid #ffffff25;grid-column:1/-1;margin-top:12px;padding-top:25px}.pebble-counter-copy h3{font-size:26px}.pebble-counter-copy p{font-size:13px}.pebble-visit{grid-template-columns:1fr;gap:32px}.pebble-visit-copy{grid-row:2}.pebble-visit-copy>p:not(.eyebrow){font-size:15px}.pebble-visit address{font-size:17px}.pebble-hours>div{font-size:13px}.pebble-front-photo{aspect-ratio:.95;border-top-left-radius:70px;height:auto}.pebble-footer{padding-top:24px;padding-bottom:20px}.pebble-footer-top{flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}.pebble-footer-top>div{gap:25px}.pebble-footer-word{padding-block:15px 24px;font-size:16.9vw}.pebble-footer-bottom{align-items:flex-start;gap:15px;font-size:11px;line-height:1.55}.pebble-footer-bottom>span{max-width:190px;padding-top:14px}.pebble-footer-bottom a{white-space:nowrap;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cafe *,.cafe :before,.cafe :after{transition-duration:0s!important;animation:none!important}}
.motion-action{isolation:isolate;will-change:transform;transition:color .3s,border-color .3s;position:relative;overflow:hidden}.motion-action:before{content:"";z-index:-1;background:var(--charcoal);transition:transform .55s cubic-bezier(.22,.8,.2,1);position:absolute;inset:-1px -30%;transform:translate(-110%)skew(-22deg)}.motion-action.primary:before{background:var(--paper)}.motion-action:is(:hover,:focus-visible):before{transform:translate(0)skew(-22deg)}.motion-action.primary:is(:hover,:focus-visible){background:var(--charcoal);color:var(--charcoal);border-color:var(--charcoal)}.motion-action.outline:is(:hover,:focus-visible){color:var(--paper);background:0 0}.motion-action:hover{transform:none}.action-roll{line-height:1.6;display:inline-grid;position:relative;overflow:hidden}.action-roll>span{transform-origin:0;grid-area:1/1;transition:transform .45s cubic-bezier(.22,.8,.2,1);display:block}.action-roll>span:last-child{transform:translateY(125%)rotate(9deg)}.motion-action:is(:hover,:focus-visible) .action-roll>span:first-child{transform:translateY(-125%)rotate(-9deg)}.motion-action:is(:hover,:focus-visible) .action-roll>span:last-child{transform:translateY(0)rotate(0)}.action-arrow{flex-shrink:0;width:24px;height:24px;display:block;position:relative;overflow:hidden}.action-arrow>i{place-items:center;transition:translate .45s cubic-bezier(.22,.8,.2,1);display:grid;position:absolute;inset:0}.action-arrow>i:last-child{translate:-120% 120%}.motion-action:is(:hover,:focus-visible) .action-arrow>i:first-child{translate:120% -120%}.motion-action:is(:hover,:focus-visible) .action-arrow>i:last-child{translate:0}.motion-action:hover i{transform:none}.motion-action:disabled:before{display:none}.motion-action:disabled .action-roll>span{transform:none}.motion-action:disabled .action-roll>span:last-child{visibility:hidden}.nav-roll{line-height:1.5;display:inline-grid;overflow:hidden}.nav-roll>span{grid-area:1/1;transition:transform .4s cubic-bezier(.22,.8,.2,1)}.nav-roll>span:last-child{transform:translateY(115%)rotate(7deg)}a:is(:hover,:focus-visible)>.nav-roll>span:first-child{transform:translateY(-115%)rotate(-7deg)}a:is(:hover,:focus-visible)>.nav-roll>span:last-child{transform:none}.cafe-zigzag{transform-origin:50%}.cafe-machine-photo{padding-bottom:35px;position:relative}.cafe-machine-overlay{max-width:75%;color:var(--paper);font-family:var(--font-display);font-variation-settings:"SOFT" 100;text-shadow:0 2px 18px #0009;pointer-events:none;font-size:clamp(52px,7.5vw,120px);font-weight:900;line-height:1.03;position:absolute;bottom:45px;right:-26%}.cafe-coffee-photo{overflow:hidden}.cafe-journey-mark{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:22px;width:fit-content;margin:38px 0 0 auto;font-size:12px;display:flex}.cafe-journey-mark:before{content:"";background:currentColor;width:70px;height:1px;display:block;transform:rotate(-27deg)}@media (max-width:700px){.cafe-machine-overlay{max-width:80%;font-size:12vw;bottom:65px;right:8px}.cafe-journey-mark{font-size:12px}}@media (prefers-reduced-motion:reduce){.motion-action,.motion-action *,.nav-roll>span{transition:none!important}.motion-action .action-roll>span:first-child,.motion-action:hover .action-roll>span:first-child,a .nav-roll>span:first-child,a:hover .nav-roll>span:first-child{transform:none}.action-roll>span:last-child,.nav-roll>span:last-child{display:none}.cafe-zigzag{transform:none!important}}
.cafe-intro{z-index:1000;isolation:isolate;color:var(--charcoal);position:fixed;inset:0}.cafe-intro[hidden]{display:none}.cafe-intro:focus{outline:none}.intro-backdrop{background:var(--paper);position:absolute;inset:0}.intro-stage{pointer-events:none;position:absolute;inset:0}.intro-stage canvas{display:block}.intro-static{pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.cafe-intro[data-phase=static] .intro-static{display:grid}.intro-static svg{width:min(58vw,37vh,250px);height:auto}.intro-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.intro-stage{display:none}}