.showcase-page{background:#f6f7f2}.demo-notice-bar{max-width:1440px;padding:20px var(--hub-space);border-bottom:1px solid #dce2d8;align-items:center;gap:20px;margin:auto;font-size:10px;display:flex}.demo-notice-bar h1{font-size:13px;font-weight:500}.demo-notice-bar>span{letter-spacing:1px;font-size:9px}.demo-notice-bar>a{text-underline-offset:4px;margin-left:auto;text-decoration:underline}.showcase{background:#fff;border:1px solid #dce2d8;border-radius:12px;max-width:1280px;margin:30px auto;overflow:hidden}.demo-local-nav{border-bottom:1px solid #203c321a;align-items:center;gap:30px;padding:25px 45px;font-size:12px;display:flex}.demo-local-nav>b{letter-spacing:2px;margin-right:auto;font-size:16px}.demo-local-nav a{text-underline-offset:5px}.demo-local-nav a:hover{text-decoration:underline}.showcase h2{letter-spacing:-1px;font-size:34px}.showcase h3{font-size:19px}.showcase-limit{text-align:center;max-width:1100px;margin:35px auto;padding:24px;font-size:12px}.showcase-limit>.button{margin:20px 0}.demo-content-section{padding:65px 55px}.demo-content-section>h2{margin:13px 0 28px}.demo-section-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.demo-three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.demo-three-columns article{background:#f1f4eb;border-radius:8px;padding:28px}.demo-three-columns article>span{letter-spacing:1px;font-size:11px}.demo-three-columns h3{margin:15px 0;font-size:23px}.demo-three-columns p{font-size:13px}.demo-fineprint{color:#536358;margin-top:20px;font-size:11px;line-height:1.9}.segmented{border:1px solid #c7d0bc;border-radius:7px;flex-shrink:0;gap:3px;width:max-content;padding:4px;display:flex}.segmented button{color:#34483b;background:0 0;border:0;border-radius:4px;padding:10px 18px;font-size:13px}.segmented button[aria-pressed=true]{color:#fff;background:#253e31}.plain-button{color:inherit;background:0 0;border:0}.showcase-actions{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.showcase label{font-size:13px;display:block}.showcase label>input,.showcase label>select{width:100%;margin:8px 0 20px;display:block}.showcase textarea{margin:8px 0 20px;display:block}.showcase dialog{color:#233b30}.showcase dialog h2{font-size:24px}.showcase dialog p{margin:15px 0}.showcase dialog button{margin-top:10px}.showcase .modal-close{position:absolute;top:5px;right:12px}.showcase fieldset{border:0;margin:25px 0;padding:0}.cafe-demo{color:#42382b;background:#f0ebdf}.cafe-hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;padding:65px 60px 75px;display:grid;position:relative}.cafe-hero h2{letter-spacing:8px;margin:25px 0;font-family:Yu Mincho,Georgia,serif;font-size:76px;font-weight:500;line-height:1.4}.cafe-hero p{font-size:14px;line-height:2.2}.cafe-link{border-bottom:1px solid #7e7057;align-items:center;gap:25px;margin-top:32px;padding-bottom:9px;font-size:13px;display:inline-flex}.cafe-hero-art .project-art{border-radius:200px 200px 5px 5px;height:470px;padding:40px;box-shadow:0 25px 55px #62563b1a}.cafe-hero-art .art-editorial{margin-top:60px;font-size:45px}.cafe-hero-art .coffee-scene{bottom:35px;right:40px;transform:scale(1.4)rotate(-20deg)}.cafe-hero-art .art-topline{margin-top:28px;font-size:8px}.cafe-hero-art .art-topline span:last-child{display:none}.cafe-vertical{writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;position:absolute;top:120px;right:12px}.cafe-story{background:#e7e2d5;border-block:1px solid #d4cebd;grid-template-columns:1fr 1fr;gap:25px;padding:65px 60px;display:grid}.cafe-story>.eyebrow{grid-column:1/-1}.cafe-story h2{font-family:Yu Mincho,Georgia,serif;font-size:30px;font-weight:500;line-height:1.9}.cafe-story p{font-size:14px;line-height:2.5}.cafe-menu{padding:65px 60px}.cafe-menu h2{margin-top:14px;font-family:Yu Mincho,Georgia,serif;font-weight:500}.menu-items{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.menu-items article{border-top:1px solid #beb49f;padding:25px 0}.menu-number{font-size:10px}.menu-items h3{margin:20px 0 10px;font-family:Georgia,Yu Mincho,serif;font-size:26px;font-weight:500}.menu-items p{font-size:12px}.menu-items b{margin-top:25px;font-weight:500;display:block}.cafe-hours{border-top:1px solid #d4cebd;justify-content:space-between;gap:20px;padding:30px 60px;font-size:10px;display:flex}.saas-hero{text-align:center;background:radial-gradient(at bottom,#e3eec9,#f7faee 65%);padding:65px 65px 0}.saas-pill{letter-spacing:1.7px;background:#ddecbd;border:1px solid #c5d49d;border-radius:30px;padding:8px 15px;font-size:10px;display:inline-block}.saas-hero h2{letter-spacing:-2px;margin:25px 0;font-size:60px}.saas-hero h2>span{color:#5a7740}.saas-hero>p{margin-bottom:25px;font-size:15px}.saas-product{border-radius:12px 12px 0 0;max-width:850px;max-height:330px;margin:45px auto 0;overflow:hidden}.saas-product .project-art{text-align:left;background:#d7e8a9;height:380px;padding:25px}.saas-product .art-app{grid-template-columns:100px 1fr;margin-top:16px;transform:none}.saas-product .art-app-main>b{font-size:26px}.saas-product .art-app-main>small{font-size:9px}.saas-product .art-app-metrics span{font-size:10px}.saas-product .art-app-metrics strong{font-size:30px}.saas-product .art-app-rows>div{font-size:11px}.folio-plans article{background:#f8faf4;border:1px solid #dfe5d4}.folio-plans .recommended{background:#e6f0ce;border-color:#839b5c}.folio-plans h3{font-size:36px}.folio-plans h3 small{font-size:12px;font-weight:400}.faq details{border-top:1px solid #d7dfca;padding:19px 0;font-size:14px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:#556548;max-width:800px;padding:18px 0}.ec-demo{background:#f8f8f3}.ec-product{grid-template-columns:1.1fr 1fr;gap:65px;padding:50px;display:grid}.ec-product-art{border-radius:8px;min-height:560px;padding:35px;position:relative;overflow:hidden}.ec-product-art .product-cylinder{width:185px;height:380px;bottom:65px;right:calc(50% - 90px)}.ec-product-art .product-cylinder:before{height:32px;top:-10px}.ec-product-art .product-cylinder span{font-size:29px}.ec-product-art .product-cylinder small{font-size:9px}.ec-product-info{padding:20px 0}.ec-product-info h2{margin:20px 0;font-size:46px}.ec-product-info>p{margin:15px 0;font-size:14px}.product-price{margin:20px 0;font-size:27px;display:block}.product-price small{font-size:11px;font-weight:400}.color-options legend{margin-bottom:12px;font-size:12px}.color-options button{color:#fff;border:2px solid #fff;border-radius:50%;outline:1px solid #9ca795;place-items:center;width:38px;height:38px;margin-right:12px;display:inline-grid}.color-options button[aria-pressed=true]{outline-offset:2px;outline:2px solid #273d2c}.quantity-label{max-width:90px}.ec-product-info>.button{width:100%;margin-top:15px}.app-demo-heading{padding:45px 45px 25px}.app-demo-heading h2{margin:15px 0;font-size:36px}.app-demo-heading p{color:#53685a;font-size:13px}.relay-flow{grid-template-columns:repeat(4,1fr);gap:15px;margin:10px 0 30px;padding:0 45px;list-style:none;display:grid}.relay-flow li{border:1px solid #cbd7ca;border-radius:7px;padding:15px;font-size:14px}.relay-flow li span{margin-right:12px;font-size:10px}.relay-flow li.done{background:#e0edce;border-color:#adc191}.relay-workspace{grid-template-columns:1fr 1fr;gap:24px;padding:0 45px 35px;display:grid}.relay-workspace>section{background:#f5f7f1;border:1px solid #e0e6d9;border-radius:8px;min-width:0;padding:25px}.relay-workspace h3{margin:10px 0 20px}.relay-result{gap:18px;margin-bottom:20px;font-size:11px;display:flex}.relay-result b{margin-top:5px;font-size:19px;display:block}.relay-empty{text-align:center;color:#637354;place-content:center;min-height:190px;font-size:13px;display:grid}.relay-workspace [role=status]{margin-top:20px;font-size:12px}.api-contract{border:1px solid #d5dfc9;border-radius:8px;margin:0 45px 40px;padding:20px}.api-contract summary{cursor:pointer;font-size:13px}.api-contract p{margin:20px 0;font-size:12px}.api-contract pre{color:#e6eddf;white-space:pre-wrap;overflow-wrap:anywhere;background:#223c30;border-radius:6px;padding:22px;font-size:12px}.booking-demo{background:#f5f6fa}.booking-toolbar{align-items:center;gap:20px;padding:10px 45px;display:flex}.booking-toolbar label{min-width:0}.booking-toolbar label:nth-child(2){flex:1}.booking-toolbar input,.booking-toolbar select{background:#fff}.booking-toolbar>.button{margin-top:6px}.booking-stats{grid-template-columns:1fr 1fr 1.3fr;gap:20px;padding:10px 45px 30px;display:grid}.booking-stats>div{background:#fff;border:1px solid #dfe3eb;border-radius:8px;padding:20px 25px}.booking-stats span{font-size:12px;display:block}.booking-stats b{letter-spacing:-1px;margin-top:12px;font-size:29px;display:block}.booking-stats small{font-size:11px}.booking-list{background:#fff;border:1px solid #dfe3eb;border-radius:8px;margin:0 45px 30px;padding:26px}.booking-list .demo-section-heading>span{font-size:11px}.booking-list article{border-top:1px solid #e2e5ed;align-items:center;gap:25px;padding:24px 0;display:flex}.booking-list time{color:#515b83;font-size:25px;font-weight:700}.booking-list article>div{flex:1}.booking-list article p{margin-top:5px;font-size:12px}.booking-badge{background:#e5edde;border-radius:15px;padding:4px 12px;font-size:10px}.booking-demo>p[role=status]{padding:0 45px 25px}.improvement-toggle{margin:0 45px 30px}.comparison-site{background:#e8eadc;border:1px solid #c8cfbd;grid-template-columns:1.1fr 1fr;margin:0 45px 30px;display:grid;overflow:hidden}.comparison-site header{letter-spacing:2px;border-bottom:1px solid #cbd2bd;grid-column:1/-1;padding:22px 30px;font-weight:700}.comparison-site header span{letter-spacing:0;margin-left:20px;font-size:10px}.comparison-site>div{padding:45px}.comparison-site>div>span{letter-spacing:2px;font-size:9px}.comparison-site h2{margin:20px 0;font-size:43px;line-height:1.5}.comparison-site p{font-size:13px;line-height:2}.comparison-site .button{margin-top:25px}.comparison-site aside{background:#e0e4d2;place-items:center;padding:30px;display:grid}.room-art{background:linear-gradient(135deg,#bcc2a7,#e1d8bd);border:12px solid #fff9;border-radius:120px 120px 0 0;width:210px;height:250px;position:relative;overflow:hidden}.room-art span:first-child{background:#8d9a7b;border-radius:40px 40px 0 0;width:80px;height:100px;position:absolute;bottom:0;left:20px}.room-art span:nth-child(2){background:#a9b39b;border-radius:50px 50px 0 0;width:80px;height:155px;position:absolute;bottom:0;right:0}.room-art span:nth-child(3){background:#b8a785;width:160px;height:20px;position:absolute;bottom:70px;left:20px;transform:rotate(-8deg)}.comparison-site footer{border-top:1px solid #cbd2bd;grid-column:1/-1;padding:20px 30px;font-size:11px}.comparison-site.is-before{background:#fff;font-family:Arial,sans-serif}.is-before>div{padding:20px}.is-before h2{letter-spacing:0;margin:12px 0;font-size:24px;line-height:1.2}.is-before header{letter-spacing:0;background:#e1e6e9}.is-before .button{color:#fff;background:#555;margin-top:10px;padding:10px}.is-before aside{background:#eee}.is-before .room-art{filter:grayscale();border-radius:0;width:150px;height:160px}.creative-workspace{grid-template-columns:.8fr 1.2fr;gap:50px;padding:10px 45px 45px;display:grid}.creative-controls>p{margin:25px 0;font-size:13px}.creative-style-buttons{gap:10px;margin:20px 0 30px;display:grid}.creative-style-buttons button{text-align:left;background:#f5f7ef;border:1px solid #ced7c3;border-radius:6px;gap:20px;padding:16px;font-size:13px;display:flex}.creative-style-buttons button[aria-pressed=true]{color:#fff;background:#263f35}.creative-style-buttons button span{font-size:10px}.creative-preview{background:#e9ece4;place-items:center;min-height:460px;padding:25px;display:grid}.creative-preview img{width:auto;max-width:100%;height:auto;max-height:600px;box-shadow:0 15px 30px #203c311f}.qa-demo{background:#f3f5ee}.qa-workspace{grid-template-columns:1.2fr 1fr;gap:25px;padding:10px 45px 35px;display:grid}.qa-workspace>section{background:#fff;border:1px solid #dce3d4;border-radius:8px;min-width:0;padding:30px}.qa-workspace progress{accent-color:#527b3c;width:100%;height:7px;margin-bottom:20px;display:block}.qa-checklist{margin-bottom:25px;display:grid}.qa-checklist label{cursor:pointer;border-bottom:1px solid #e2e7d9;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.qa-checklist input{accent-color:#355d36;flex-shrink:0;width:18px;height:18px}.qa-checklist span{color:#627550;font-size:10px}.qa-workspace .delivery-package{color:#eef3e3;background:#263f35}.delivery-package>.eyebrow{color:#d3e7b1}.delivery-package h3{margin-top:20px;font-size:28px}.delivery-package ul{margin:25px 0 35px;padding:0;list-style:none}.delivery-package li{overflow-wrap:anywhere;border-bottom:1px solid #4b6054;padding:13px 0;font-size:12px}.delivery-package .button{color:#253e2a;background:#d7ec9e;border-color:#d7ec9e}.delivery-package .demo-fineprint{color:#d4dfce}.qa-demo>p[role=status]{padding:0 45px 25px}@media (max-width:1000px){.showcase{margin:24px}.ec-product{gap:35px;padding:35px}.ec-product-info h2{font-size:37px}.cafe-hero{gap:20px;padding:45px 40px}.cafe-hero h2{font-size:60px}.cafe-hero-art .project-art{height:390px;padding:28px}.cafe-hero-art .coffee-scene{right:5px;transform:scale(1.1)}.demo-three-columns article{padding:20px}.booking-stats b{font-size:23px}.comparison-site>div{padding:30px}.creative-workspace{gap:25px}}@media (max-width:700px){.demo-notice-bar{flex-wrap:wrap;gap:8px 15px;padding:15px 20px}.demo-notice-bar>span{font-size:8px}.demo-notice-bar h1{font-size:11px}.demo-notice-bar>a{width:100%;margin-left:0;font-size:11px;display:block}.showcase{border-radius:8px;margin:16px 12px}.demo-local-nav{gap:20px;padding:20px;font-size:11px}.demo-local-nav>b{letter-spacing:1px;font-size:12px}.cafe-hero{grid-template-columns:1fr;gap:30px;padding:35px 25px}.cafe-hero h2{letter-spacing:5px;margin:20px 0;font-size:56px}.cafe-hero p{font-size:12px}.cafe-hero-art .project-art{border-radius:160px 160px 5px 5px;height:290px}.cafe-hero-art .art-editorial{margin-top:25px;font-size:37px}.cafe-hero-art .coffee-scene{bottom:-20px;right:-15px;transform:scale(.95)}.cafe-hero-art .art-topline{margin-top:5px}.cafe-vertical{font-size:7px;top:50px;right:9px}.cafe-story{grid-template-columns:1fr;gap:20px;padding:35px 25px}.cafe-story h2{font-size:25px}.cafe-story p{font-size:12px}.cafe-menu{padding:35px 25px}.showcase h2{font-size:27px}.cafe-hero h2{font-size:56px}.demo-section-heading{margin-bottom:22px;display:block}.demo-section-heading>.segmented{margin-top:18px}.menu-items{grid-template-columns:1fr;gap:12px}.menu-items article{grid-template-columns:1fr auto;gap:6px;padding:20px 0;display:grid}.menu-items .menu-number{grid-column:1/-1}.menu-items h3{margin:0;font-size:24px}.menu-items p{grid-column:1;font-size:11px}.menu-items b{grid-area:2/2;margin:0}.cafe-hours{flex-direction:column;gap:8px;padding:25px}.saas-hero{padding:40px 20px 0}.saas-hero h2{letter-spacing:-1.7px;font-size:37px}.saas-hero>p{font-size:12px}.saas-pill{font-size:8px}.saas-product{max-height:240px;margin-top:30px}.saas-product .project-art{height:300px;padding:15px}.saas-product .art-app{grid-template-columns:48px 1fr}.saas-product .art-app-main>b{font-size:14px}.saas-product .art-app-main>small{font-size:6px}.saas-product .art-sidebar{padding:12px 5px}.saas-product .art-sidebar span{font-size:5px}.saas-product .art-app-metrics span{padding:6px;font-size:6px}.saas-product .art-app-metrics strong{font-size:21px}.saas-product .art-app-rows>div{font-size:8px}.demo-content-section{padding:38px 22px}.demo-three-columns{grid-template-columns:1fr;gap:13px}.demo-three-columns h3{margin:9px 0;font-size:23px}.demo-three-columns p{font-size:12px}.folio-plans h3{font-size:32px}.faq summary,.faq details{font-size:12px}.ec-product{grid-template-columns:1fr;gap:15px;padding:20px}.ec-product-art{min-height:360px;padding:25px}.ec-product-art .product-cylinder{width:120px;height:245px;bottom:45px;right:calc(50% - 60px)}.ec-product-art .product-cylinder span{font-size:22px}.ec-product-art .product-cylinder small{font-size:6px}.ec-product-info h2{font-size:35px}.ec-product-info>p{font-size:13px}.app-demo-heading{padding:30px 22px 20px}.app-demo-heading h2{font-size:29px}.app-demo-heading p{font-size:12px}.relay-flow{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px;padding:0 22px}.relay-flow li{padding:12px;font-size:12px}.relay-workspace{grid-template-columns:1fr;gap:15px;padding:0 20px 25px}.relay-workspace>section{padding:18px}.showcase textarea,.showcase input,.showcase select{font-size:16px}.showcase label{font-size:12px}.api-contract{margin:0 20px 25px;padding:15px}.api-contract summary{font-size:12px}.api-contract pre{padding:12px;font-size:10px}.booking-toolbar{flex-wrap:wrap;gap:5px 15px;padding:0 22px}.booking-toolbar label:first-child{width:110px}.booking-toolbar label:nth-child(2){flex:1}.booking-toolbar>.button{width:100%;margin-bottom:20px}.booking-stats{grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px}.booking-stats>div{padding:15px}.booking-stats>div:last-child{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.booking-stats>div:last-child>b{margin:0}.booking-stats span{font-size:10px}.booking-list{margin:0 20px 20px;padding:17px}.booking-list h3{font-size:15px}.booking-list article{flex-wrap:wrap;gap:12px;padding:18px 0}.booking-list time{font-size:21px}.booking-list article>div{min-width:100px;font-size:12px}.booking-badge{display:none}.booking-list article .button{min-height:40px;padding:8px 12px;font-size:11px}.booking-list article p{font-size:10px}.improvement-toggle{margin:0 22px 20px}.comparison-site{grid-template-columns:1fr;margin:0 20px 20px}.comparison-site header{padding:18px;font-size:12px}.comparison-site header span{margin:5px 0 0;font-size:9px;display:block}.comparison-site>div{padding:25px}.comparison-site h2{font-size:32px}.comparison-site aside{padding:25px}.comparison-site .room-art{width:160px;height:170px}.comparison-site footer{padding:17px;font-size:9px}.comparison-site .button{font-size:11px}.comparison-site.is-before{grid-template-columns:1fr}.is-before>div{padding:14px}.is-before h2{font-size:22px}.creative-workspace{grid-template-columns:1fr;gap:25px;padding:0 22px 25px}.creative-controls h3{font-size:17px}.creative-style-buttons{gap:8px;margin:15px 0 20px}.creative-style-buttons button{padding:12px}.creative-preview{min-height:250px;padding:15px}.creative-preview img{max-height:500px}.qa-workspace{grid-template-columns:1fr;gap:20px;padding:0 20px 25px}.qa-workspace>section{padding:20px}.qa-checklist label{gap:9px;font-size:11px}.qa-workspace .demo-section-heading{gap:15px;display:flex}.qa-workspace .demo-section-heading h3{font-size:15px}.qa-workspace .demo-section-heading>span{font-size:12px}.delivery-package h3{font-size:25px}.showcase-limit,.showcase-limit>.button{font-size:11px}.showcase dialog{max-width:calc(100vw - 32px)}}.showcase .qa-checklist label>input{flex:0 0 18px;width:18px;max-width:18px;height:18px;margin:0;display:inline-block}.cafe-hero-art .art-topline{visibility:hidden}@media (max-width:700px){.art-cafe .art-editorial{letter-spacing:-1.5px;margin-top:22px;font-size:34px}.art-cafe .coffee-scene{transform-origin:100% 100%;bottom:-15px;right:-15px;transform:scale(.62)rotate(-20deg)}.cafe-hero-art .art-cafe .coffee-scene{bottom:0;right:-10px;transform:scale(.85)rotate(-20deg)}.cafe-hero-art .art-editorial{margin-top:26px;font-size:35px}}.qa-demo h2{text-wrap:balance}.qa-demo h2 span{display:inline-block}
.cafe-demo{--kissa-ink:#241c15;--kissa-soft:#6b5c4d;--kissa-line:#e3dace;--kissa-paper:#fbf8f3;--kissa-accent:#87562e}.cafe-hero-facts{border-top:1px solid var(--kissa-line);gap:16px;margin:26px 0 0;padding:18px 0 0;display:grid}.cafe-hero-facts div{grid-template-columns:62px 1fr;align-items:baseline;gap:12px;display:grid}.cafe-hero-facts dt{letter-spacing:.16em;color:var(--kissa-accent);font-size:10px}.cafe-hero-facts dd{color:var(--kissa-ink);margin:0;font-size:14px;line-height:1.7}.cafe-hero-facts dd span{color:var(--kissa-soft);font-size:12.5px;display:block}.cafe-hero-actions{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px;display:flex}.cafe-link--primary{background:var(--kissa-ink);color:var(--kissa-paper);border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:12px 22px;display:inline-flex}.cafe-link--primary:hover{background:var(--kissa-accent)}.cafe-demo .menu-grid{gap:14px;margin-top:30px;display:grid}@media (min-width:40rem){.cafe-demo .menu-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:64rem){.cafe-demo .menu-grid{grid-template-columns:repeat(3,1fr)}}.menu-card{border:1px solid var(--kissa-line);background:#fff;border-radius:14px;grid-template-columns:76px 1fr;align-items:start;gap:16px;padding:18px;display:grid}.menu-card-art{width:76px;height:76px;color:var(--kissa-accent);background:linear-gradient(160deg,#f6efe4,#efe6d8);border-radius:12px;place-items:center;display:grid}.cafe-art{width:52px;height:52px}.menu-card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu-card h3{letter-spacing:.01em;color:var(--kissa-ink);margin:0;font-size:15px}.menu-card-jp{color:var(--kissa-soft);margin:3px 0 0;font-size:12px}.menu-card-note{color:var(--kissa-soft);margin:9px 0 0;font-size:12.5px;line-height:1.75}.menu-card-foot{align-items:baseline;gap:12px;margin:12px 0 0;display:flex}.menu-card-foot b{color:var(--kissa-ink);font-size:16px}.menu-temp{letter-spacing:.1em;color:var(--kissa-soft);border:1px solid var(--kissa-line);border-radius:999px;padding:3px 9px;font-size:10px}.menu-tag{letter-spacing:.08em;color:var(--kissa-accent);white-space:nowrap;background:#f1e7d8;border-radius:999px;padding:3px 9px;font-size:10px}.menu-tag[data-tag=季節限定]{color:#5c6b54;background:#e8e7db}.menu-tag[data-tag=人気]{background:var(--kissa-accent);color:#fff}.cafe-pick,.cafe-space,.cafe-access{padding-inline:60px}@media (max-width:700px){.cafe-pick,.cafe-space,.cafe-access{padding-inline:25px}}.cafe-pick{border-top:1px solid var(--kissa-line);border-bottom:1px solid var(--kissa-line);gap:26px;margin-top:40px;padding-block:44px;display:grid}.cafe-pick h2{margin:10px 0 12px}.cafe-pick p{color:var(--kissa-soft);margin:0;line-height:1.9}.menu-card--large{grid-template-columns:120px 1fr;padding:24px}.menu-card--large .menu-card-art{width:120px;height:120px}.menu-card--large .cafe-art{width:80px;height:80px}.menu-card--large h3,.menu-card--large .menu-card-foot b{font-size:20px}@media (min-width:56rem){.cafe-pick{grid-template-columns:1fr 1fr;align-items:center;gap:44px}}.cafe-space{padding-block:48px 8px}.cafe-space h2{margin:10px 0 24px}.cafe-space-grid{gap:14px;display:grid}.cafe-space figure{border-radius:14px;margin:0;position:relative;overflow:hidden}.cafe-space figure img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.cafe-space-main{aspect-ratio:16/10}.cafe-space figure:not(.cafe-space-main){aspect-ratio:4/3}.cafe-space figcaption{letter-spacing:.12em;color:#fff;text-shadow:0 1px 6px #0009;font-size:10px;position:absolute;bottom:12px;left:14px}@media (min-width:56rem){.cafe-space-grid{grid-template-columns:1.7fr 1fr}.cafe-space-main,.cafe-space figure:not(.cafe-space-main){aspect-ratio:auto}}.cafe-access{gap:28px;padding-block:48px;display:grid}.cafe-access h2{margin:10px 0 22px}.cafe-access dl{gap:16px;margin:0;display:grid}.cafe-access dl>div{border-bottom:1px solid var(--kissa-line);grid-template-columns:76px 1fr;gap:14px;padding-bottom:14px;display:grid}.cafe-access dt{color:var(--kissa-accent);letter-spacing:.04em;font-size:11.5px}.cafe-access dd{color:var(--kissa-ink);gap:4px;margin:0;font-size:13.5px;line-height:1.7;display:grid}.cafe-map{border:1px solid var(--kissa-line);border-radius:14px;width:100%;height:auto}.cafe-map-bg{fill:#f4efe6}.cafe-map-road{stroke:#e6dccb;fill:none;stroke-linecap:round}.cafe-map-block{fill:#e7ded0}.cafe-map-route{stroke:var(--kissa-accent);stroke-width:2px;fill:none;stroke-linecap:round}.cafe-map-pin{fill:#a9713e2e}.cafe-map-pin-core{fill:var(--kissa-accent)}.cafe-map-label{fill:var(--kissa-soft);font-family:inherit;font-size:11px}.cafe-map-label--shop{fill:var(--kissa-ink);font-weight:600}.cafe-map-label--soft{font-size:10px}@media (min-width:56rem){.cafe-access{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px}}@media (max-width:39.99rem){.menu-card{grid-template-columns:62px 1fr;gap:13px;padding:15px}.menu-card-art{width:62px;height:62px}.cafe-art{width:42px;height:42px}.menu-card-foot b{font-size:17px}.menu-card--large{grid-template-columns:82px 1fr}.menu-card--large .menu-card-art{width:82px;height:82px}.menu-card--large .cafe-art{width:56px;height:56px}.cafe-hero-facts div{grid-template-columns:54px 1fr}.cafe-hero-actions .cafe-link--primary{flex:auto;justify-content:center}}.field-optional{letter-spacing:.06em;border:1px solid var(--hub-border,#332c26);color:var(--hub-muted,#c2b7aa);border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:400}