@charset "UTF-8";
:root{--paper:#eeebe3;--ink:#222420;--muted:#706e65;--line:#c7c3b8;--rust:#a34b31;--dark:#242723;--light:#f6f3eb;--gutter:4.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rust);outline-offset:6px}button{background:none;border:0}img{display:block;max-width:100%}p{line-height:1.8;margin:0}h1,h2,h3{margin:0;font-weight:500}figure{margin:0}.wrap{width:calc(100% - 2*var(--gutter));max-width:1600px;margin:auto}.micro,.index,.hero-top,.product-meta,.section-aside{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:12px;letter-spacing:.065em;line-height:1.65}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:25px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;white-space:nowrap;letter-spacing:1px}.brand img{width:54px;height:54px;object-fit:contain;mix-blend-mode:multiply}.brand small{display:block;font-size:10px;letter-spacing:2.1px;margin-top:5px}.site-header nav{display:flex;gap:35px;font-size:14px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--rust)}.header-note{font-size:11px;letter-spacing:1px}.hero{position:relative;height:min(850px,calc(100vw * .65));min-height:700px}.hero-top{display:flex;justify-content:space-between;padding-top:22px;font-size:11px}.hero h1{position:absolute;top:43px;left:-.008em;font-size:clamp(90px,20.4vw,330px);line-height:1;letter-spacing:-.072em;font-weight:800;pointer-events:none}.word-dot{font-size:.1em;position:absolute;top:.5em;right:-1.3em;letter-spacing:0}.hero-left{position:absolute;left:0;top:42%;z-index:2;width:26%}.hero-saying{font-size:clamp(25px,2.6vw,40px);line-height:1.42;letter-spacing:-.05em;font-weight:600}.hero-detail{font-size:14px;color:var(--muted);margin:22px 0}.text-link{font-size:14px;padding:8px 0;border-bottom:1px solid var(--ink);display:inline-flex;gap:28px;align-items:center}.text-link:hover{color:var(--rust);border-color:var(--rust)}#cup-stage{position:absolute;width:65%;height:78%;left:19%;top:15%;z-index:1;touch-action:pan-y;cursor:grab;outline-offset:-8px}#cup-stage.dragging{cursor:grabbing;touch-action:none}#cup-stage canvas{display:block;width:100%;height:100%}#cup-loading{position:absolute;left:25%;top:48%;color:var(--muted);font-size:14px}.hero-right{position:absolute;right:0;top:43%;width:17%;z-index:2}.round-label{border:1px solid var(--rust);width:132px;height:132px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;color:var(--rust);font-size:15px;line-height:1.4;transform:rotate(12deg);margin:0 0 24px 0}.hero-right p{font-size:14px;margin-bottom:16px}.hero-right .micro{color:var(--muted);font-size:10px}.cup-controls{position:absolute;bottom:102px;left:37%;font-size:11px;z-index:3;display:flex;align-items:center;gap:12px;color:var(--muted)}.cup-controls button{border:1px solid var(--line);padding:5px 8px;font-size:11px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);gap:18px}.hero-bottom>div{display:flex;flex-direction:column;gap:5px;font-size:14px}.hero-bottom .micro{font-size:10px;color:var(--muted)}.button{padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:14px;border:1px solid var(--ink);transition:background .2s,color .2s}.primary{background:var(--ink);color:var(--light)}.primary:hover{background:var(--rust);border-color:var(--rust)}.scroll-note{font-size:12px}.ticker{background:var(--rust);color:var(--light);display:flex;align-items:center;justify-content:space-around;gap:40px;height:61px;overflow:hidden;white-space:nowrap;font-size:16px;letter-spacing:.07em;margin-top:20px}.ticker span::after{content:'+';margin-left:40px}.section{padding:105px 0 90px}.section-top{display:grid;grid-template-columns:1fr 2.6fr 1.1fr;gap:28px;align-items:start;margin-bottom:50px}.index{font-size:12px;white-space:nowrap;padding-top:9px}.section-top h2{font-size:clamp(27px,3.2vw,48px);letter-spacing:-.055em;line-height:1.35}.section-top p{font-size:14px;color:var(--muted);margin-top:16px}.section-aside{text-align:right;font-size:10px;padding-top:10px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-image{position:relative;aspect-ratio:1;overflow:hidden;background:#d7d0c2}.product-image img{position:absolute;max-width:none;width:200%;height:200%;transition:transform .5s}.crop-0 img{left:0;top:0}.crop-1 img{left:-100%;top:0}.crop-2 img{left:0;top:-100%}.crop-3 img{left:-100%;top:-100%}.product:hover .product-image img{filter:brightness(1.035)}.product-tag{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:.06em;background:var(--paper);padding:6px 8px}.product-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.product-heading h3{font-size:21px;letter-spacing:-.025em}.product-heading>span{font-size:21px}.product-meta{display:flex;justify-content:space-between;font-size:9px;margin-top:8px;color:var(--muted);gap:5px}.product p{font-size:12px;color:var(--muted);margin-top:17px;border-top:1px solid var(--line);padding-top:13px}.menu-foot{border-top:1px solid var(--ink);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.menu-foot strong{font-size:20px;font-weight:500;margin:0 7px}.menu-foot small{color:var(--muted);font-size:11px}.space-section{background:var(--dark);color:var(--light);padding:90px 0}.space-section .section-top p{color:#b4b5ab;font-size:13px;margin-top:8px}.space-wide img{width:100%;aspect-ratio:1.97;object-fit:cover;object-position:center 54%}.space-wide figcaption{display:flex;justify-content:space-between;margin-top:14px;color:#b4b5ab;font-size:10px;letter-spacing:.07em;gap:20px}.space-bottom{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:75px;align-items:center}.space-quote .micro{color:#b4b5ab;font-size:10px}.space-quote h3{font-size:35px;line-height:1.5;letter-spacing:-.04em;margin-top:24px}.space-quote p{font-size:14px;color:#b4b5ab;margin-top:24px}.detail-photo{overflow:hidden}.detail-photo img{width:100%;aspect-ratio:1.75;object-fit:cover;object-position:90% 90%;transform:scale(1.8);transform-origin:85% 82%;margin-bottom:7px;clip-path:inset(0)}.detail-photo{isolation:isolate}.detail-photo figcaption{position:relative;z-index:1;background:var(--dark);padding-top:12px;font-size:10px;letter-spacing:.1em}.visit-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.visit-main{padding:35px 45px 35px 0;border-right:1px solid var(--line)}.visit-main>.micro{font-size:10px;color:var(--rust)}.visit-main h3{font-size:36px;margin:22px 0 16px;letter-spacing:-.05em}.visit-main #address-text{font-size:18px}.visit-main .muted{font-size:13px;margin:7px 0 24px}.visit-main .button{margin-bottom:25px}.contact-row{display:flex;gap:30px}.visit-details{padding:15px 0 15px 40px}.visit-details>div{padding:20px 0;border-bottom:1px solid var(--line)}.visit-details>div:last-child{border:0}.visit-details>div>span{display:flex;justify-content:space-between;font-size:14px}.visit-details small{font-size:10px;color:var(--muted);letter-spacing:.05em}.visit-details p{margin-top:8px;font-size:15px}.muted{color:var(--muted)}.amenities{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.amenities article{border-right:1px solid var(--line);padding-right:35px}.amenities article:last-child{border:0}.amenity-no{font-size:12px;color:var(--rust)}.amenities h3{font-size:19px;margin:17px 0 12px}.amenities p{font-size:13px;color:var(--muted)}.demo-note{font-size:11px;color:var(--muted);margin-top:25px}.story{display:grid;grid-template-columns:1fr 3.7fr;gap:28px;padding:20px 0 95px;border-top:1px solid var(--line)}.story .index{padding-top:20px}.story>div{max-width:780px}.story h2{font-size:clamp(27px,3.3vw,49px);line-height:1.45;letter-spacing:-.06em;margin:20px 0 30px}.story p{font-size:15px;margin-bottom:16px;color:#565850;line-height:2}.signature{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:12px;gap:20px}.story small{font-size:10px;display:block;margin-top:14px}.footer{background:var(--rust);color:var(--light);padding:55px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:45px}.footer-top p{font-size:clamp(38px,7.5vw,120px);line-height:.95;font-weight:600;letter-spacing:-.06em}.footer-top a{border:1px solid #d69c85;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:30px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d69c85;padding-top:23px;font-size:10px;letter-spacing:.06em}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:42px;max-width:480px;width:calc(100% - 36px)}dialog::backdrop{background:#171913a8;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin:20px 0}dialog p{font-size:15px;color:var(--muted);margin-bottom:22px}dialog .close-dialog{position:absolute;top:12px;right:15px;font-size:28px}dialog .dialog-ok{margin-top:15px}dialog img{max-width:230px;margin:20px auto}dialog a{display:inline-block;border-bottom:1px solid var(--ink);margin:10px 0}.webgl-fallback{position:absolute;inset:15%;display:grid;place-items:center;text-align:center;font-size:14px}.webgl-fallback img{width:220px;mix-blend-mode:multiply}.space-intro{line-height:1.9}
@media(min-width:1700px){.hero h1{font-size:350px}.hero{height:850px}}
@media(max-width:1050px){.header-note{display:none}.hero{min-height:650px}.hero-right{width:16%}.round-label{width:103px;height:103px;font-size:12px}.hero-right p{font-size:12px}.hero-right .micro{display:none}.hero-left{top:41%}.hero-detail{font-size:12px}.menu-grid{gap:15px}.product-heading h3,.product-heading>span{font-size:18px}.section-top{grid-template-columns:1fr 3fr}.section-aside{display:none}.space-intro{grid-column:2}.space-bottom{gap:35px}.space-quote h3{font-size:28px}.section{padding:75px 0}.story{grid-template-columns:1fr 3fr}.product-meta{font-size:8px}}
@media(max-width:650px){:root{--gutter:6vw}.site-header{height:85px;gap:12px}.brand{font-size:15px;gap:6px}.brand img{width:39px;height:39px}.brand small{font-size:8px;letter-spacing:1px}.site-header nav{gap:17px;font-size:12px}.site-header nav a:first-child{display:none}.hero{height:775px;min-height:0}.hero-top{font-size:8px;padding-top:17px;letter-spacing:.02em}.hero-top span:last-child{font-size:7px}.hero h1{font-size:20vw;top:48px;letter-spacing:-.07em}.hero-left{top:158px;left:0;width:64%;pointer-events:none}.hero-saying{font-size:26px;line-height:1.3}.hero-detail{margin:12px 0;font-size:12px}.hero-left .text-link{display:none}.hero-right{top:154px;right:0;width:auto}.round-label{width:88px;height:88px;font-size:10px;margin:0}.hero-right p{display:none}#cup-stage{width:120%;left:-10%;top:230px;height:405px}.cup-controls{left:0;right:0;justify-content:center;bottom:134px;font-size:10px}.hero-bottom{padding:18px 0;flex-wrap:wrap;gap:16px}.hero-bottom>div{font-size:12px}.hero-bottom .button{padding:13px 16px;font-size:12px;gap:20px}.scroll-note{width:100%;font-size:10px}.ticker{margin-top:0;height:47px;font-size:12px;justify-content:flex-start;padding:0 24px;gap:20px}.ticker span::after{margin-left:20px}.section{padding:60px 0}.section-top{display:block;margin-bottom:30px}.index{display:block;font-size:10px;margin-bottom:20px}.section-top h2{font-size:30px;line-height:1.4}.section-top p{font-size:13px;margin-top:13px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:30px 15px}.product-tag{font-size:7px;top:8px;left:8px;padding:5px}.product-heading{margin-top:13px;gap:5px}.product-heading h3,.product-heading>span{font-size:17px}.product-meta{font-size:7px;letter-spacing:0}.product p{font-size:11px;margin-top:12px;padding-top:10px}.menu-foot{display:block;font-size:11px;margin-top:27px;line-height:1.8}.menu-foot small{display:block;margin-top:12px;font-size:10px}.space-section{padding:55px 0}.space-section .section-top p{font-size:13px;margin-top:20px}.space-wide img{aspect-ratio:1.15}.space-wide figcaption{font-size:8px;line-height:1.7;gap:12px}.space-bottom{display:block;margin-top:40px}.space-quote h3{font-size:28px;margin-top:15px}.space-quote p{font-size:13px;margin-top:15px}.detail-photo{margin-top:30px}.visit-grid{display:block}.visit-main{border-right:0;padding:25px 0}.visit-main h3{font-size:30px}.visit-details{padding:0;border-top:1px solid var(--line)}.visit-details>div{padding:18px 0}.visit-details p{font-size:14px}.visit-details small{font-size:9px}.amenities{display:block;margin-top:25px}.amenities article{border:0;border-bottom:1px solid var(--line);padding:20px 0}.amenities h3{font-size:18px;margin-top:10px}.amenities p{font-size:13px}.demo-note{font-size:10px}.story{display:block;padding:25px 0 55px}.story h2{font-size:28px}.story p{font-size:14px}.signature{display:block;font-size:11px}.signature span{display:block;margin-bottom:8px}.footer{padding:38px 0 25px}.footer-top{padding-bottom:30px;gap:15px}.footer-top p{font-size:11vw}.footer-top a{width:45px;height:45px;flex-shrink:0;font-size:22px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}dialog{padding:32px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Readable utility type and contained mobile interaction surface. */
.hero-detail,.hero-right p,.product p,.amenities p,.space-quote p{font-size:14px}
.hero-top,.micro,.index,.section-aside,.product-meta,.product-tag,.header-note,.menu-foot small,.space-wide figcaption,.detail-photo figcaption,.demo-note,.footer-bottom,.story small,.visit-details small{font-size:12px}
.story p,.section-top p{font-size:16px}
@media(max-width:650px){#cup-stage{width:110%;left:-5%}.hero-top{font-size:9px}.hero-top span:last-child{font-size:8px}.hero-detail{font-size:12px}.product-tag{font-size:8px}.product-meta{font-size:9px}.product p{font-size:12px}.space-wide figcaption,.footer-bottom,.detail-photo figcaption{font-size:10px}.story p,.section-top p{font-size:14px}}