@charset "UTF-8";
:root{--ink:#15334b;--navy:#073e70;--cyan:#00a5bd;--pale:#eff8fa;--line:#dce6ec;--orange:#f45b27;--muted:#536b7d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:18px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}button,a,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-feature-settings:"palt";line-height:1.5}h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:.035em}h3{font-size:23px;line-height:1.6}.skip{position:absolute;left:10px;top:-90px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 5%;gap:25px;min-height:104px}.brand{display:block;width:220px;line-height:0}.header nav{display:flex;gap:32px;align-items:center;font-size:16px;font-weight:bold}.header nav a{text-decoration:none}.header nav a:hover{color:var(--cyan)}.nav-contact{border:1px solid var(--navy);border-radius:6px;padding:10px 20px}.nav-contact span{margin-left:16px}.hero{max-width:1440px;margin:auto;padding:64px 5% 85px;display:grid;grid-template-columns:1fr 1fr;gap:25px;position:relative;overflow:hidden}.eyebrow{color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.12em;margin-bottom:24px}.hero .eyebrow{font-size:14px;letter-spacing:.035em;display:flex;gap:9px;align-items:center;white-space:nowrap}.eyebrow>span{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%}h1{font-size:clamp(36px,4.05vw,59px);font-weight:900;line-height:1.55;letter-spacing:.035em;white-space:nowrap}h1>span{color:var(--cyan);position:relative}h1>span:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:5px solid #cceef3}.hero-description{margin-top:27px;font-size:18px;line-height:2}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:white;text-decoration:none;padding:17px 25px;border-radius:6px;font-size:17px;font-weight:bold;transition:background .2s,transform .2s}.button:hover{background:#096087;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.text-link{font-weight:bold;font-size:16px;text-decoration:none;white-space:nowrap}.text-link span{color:var(--cyan);margin-left:12px}.text-link:hover{text-decoration:underline}.hero-note{font-size:13px;color:var(--muted);margin-top:18px}.promise-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:0;padding:23px 5%;background:#fbfdfe}.promise-strip p{padding:0 5%;font-size:17px;white-space:nowrap}.promise-strip p+p{border-left:1px solid var(--line)}.promise-strip p>span{font-size:11px;color:var(--cyan);margin-right:14px;font-weight:bold}.promise-strip strong{font-size:22px;color:var(--navy)}.section{max-width:1280px;margin:auto;padding:100px 6%}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:105px;padding-bottom:105px}.about-copy{padding-top:12px}.about-copy p+p{margin-top:23px}.about-copy .text-link{display:inline-block;margin-top:25px}.features{max-width:none;background:var(--pale);padding-inline:max(6%,calc((100% - 1126px)/2))}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.feature-number{font-size:11px;letter-spacing:.1em;color:var(--cyan);font-weight:bold}.feature-visual{height:155px;margin:10px 0 23px;position:relative;display:flex;align-items:center;justify-content:center}.feature-grid h3{font-size:22px}.feature-grid article>p{font-size:17px;color:var(--muted);margin-top:17px}.mini-window{width:157px;height:107px;background:#fff;border:2px solid #8aaabd;border-radius:5px;padding:15px;transform:rotate(-6deg)}.mini-window i{display:block;height:5px;width:30px;background:var(--navy);margin-bottom:12px}.mini-window b{display:block;background:#aadbe3;width:60px;height:40px}.mini-window span{position:absolute;right:13px;top:38px;width:47px;height:2px;background:#91aab5;box-shadow:0 8px #91aab5,0 16px #91aab5}.swatches{position:absolute;right:10%;bottom:6px;display:flex;border:4px solid white;border-radius:25px;background:white}.swatches i{width:23px;height:23px;border-radius:50%;background:var(--navy)}.swatches i:nth-child(2){background:var(--cyan)}.swatches i:nth-child(3){background:#f5a17d}.visual-support{display:block;padding:20px 0}.bubble{background:white;border:1px solid #a8c9d3;box-shadow:4px 4px #d3e8ed;padding:12px 18px;border-radius:15px 15px 15px 0;font-size:16px;width:max-content}.small-bubble{margin-left:40px;margin-top:13px;font-size:14px;background:#d5eef2;border-radius:15px 15px 0 15px}.file-icon{background:white;border:2px solid #93b4c3;border-radius:6px;width:80px;height:105px;transform:rotate(8deg);padding-top:40px;text-align:center;position:relative}.file-icon b{font-size:15px;color:var(--navy)}.file-icon span{position:absolute;right:-17px;bottom:-10px;color:white;border-radius:50%;background:var(--cyan);font-size:25px;width:39px;height:39px;line-height:39px}.file-label{font-size:10px;letter-spacing:.15em;position:absolute;left:15%;bottom:8px}.pricing{padding:100px max(6%,calc((100% - 1126px)/2));background:#fff}.pricing .section-heading{text-align:center}.price-layout{border:1px solid var(--line);border-radius:10px;margin-top:45px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.price-main{padding:35px 40px;background:var(--navy);color:white}.price-label{font-size:17px}.price{display:flex;align-items:baseline;gap:8px;margin-top:8px;white-space:nowrap}.price strong{font-family:Arial,sans-serif;font-size:68px;font-weight:600;line-height:1.3;letter-spacing:-.04em}.price>span{font-size:20px}.tax{font-size:14px;opacity:.85}.discount{margin-top:25px;padding:20px 0;border-block:1px solid #ffffff30}.discount>span{font-size:14px}.discount p strong{font-family:Arial,sans-serif;font-size:32px;font-weight:600}.discount small{font-size:12px}.discount .discount-note{font-size:12px;opacity:.85}.monthly{margin-top:20px;font-size:19px;display:flex;align-items:center;gap:8px}.monthly strong{font-size:38px;font-family:Arial;line-height:1.1;margin-left:auto}.price-includes{padding:40px}.price-includes h3{font-size:22px}.check-list{padding:0;list-style:none;margin:24px 0}.check-list li{position:relative;padding-left:28px;margin-top:14px;font-size:17px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:bold}.price-footnote{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:19px}.price-footnote p+p{margin-top:10px}.price-notes{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:14px;color:var(--muted)}.price-notes strong{font-size:16px;color:var(--ink)}.flow{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px}.flow .section-heading>p:last-child{font-size:16px;margin-top:26px;color:var(--muted)}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;position:relative;padding:0 0 30px}.steps li:not(:last-child):before{content:"";position:absolute;width:1px;background:var(--line);left:23px;top:48px;bottom:0}.steps li>span{flex:0 0 47px;height:47px;border:1px solid #bee5ed;background:#f1fafb;color:var(--cyan);border-radius:50%;line-height:45px;text-align:center;font-size:14px;font-weight:bold}.steps h3{font-size:20px;padding-top:5px}.steps p{font-size:16px;color:var(--muted);margin-top:9px}.faq{background:#f7fafb;max-width:none;padding-inline:max(6%,calc((100% - 960px)/2))}.faq .section-heading{text-align:center}.faq-list{margin-top:40px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;gap:24px;justify-content:space-between;font-weight:bold;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--cyan);font-size:23px;flex-shrink:0}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:17px;padding:0 35px 26px 0}.contact{background:var(--navy);color:white;text-align:center;padding:80px 6%;position:relative;overflow:hidden}.contact:after{content:"";width:370px;height:370px;border:1px solid #ffffff13;border-radius:50%;position:absolute;right:-160px;bottom:-100px;pointer-events:none}.contact .eyebrow{color:#77d3e1}.contact>p:not(.eyebrow){margin-top:23px}.contact .button{margin-top:30px}.button-light{background:white;color:var(--navy);min-width:330px}.button-light:hover{background:#e4f6fa}.contact .contact-note{font-size:14px;color:#d0e2ef;line-height:2}.contact-secondary{display:block;font-size:12px;color:#d0e2ef;margin-top:13px}.footer{padding:28px 6% 20px;max-width:1440px;margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.company{display:flex;align-items:center;gap:14px;text-decoration:none}.company img{width:84px;height:84px;object-fit:contain}.company span{font-size:11px;color:var(--muted)}.company strong{font-size:14px;color:var(--ink)}.footer-links{display:flex;flex-wrap:wrap;gap:16px 22px;font-size:12px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.copyright{font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.document{max-width:900px;margin:0 auto;padding:60px 6% 100px;min-height:60vh}.document h1{font-size:34px;white-space:normal;margin-bottom:25px}.document h2{font-size:22px;margin-top:35px;margin-bottom:12px}.document p,.document li,.document dd,.document dt{font-size:18px}.document dt{font-weight:bold;margin-top:25px}.document dd{margin:8px 0 0}.document .updated{font-size:14px;color:var(--muted)}.document table{border-collapse:collapse;width:100%;font-size:16px}.document th,.document td{border:1px solid var(--line);padding:15px;text-align:left;vertical-align:top}.document th{width:26%;background:var(--pale)}.document a{overflow-wrap:anywhere}.document .button{margin-top:35px}@media(min-width:1441px){.hero{padding-top:85px;padding-bottom:110px}}@media(max-width:1100px){.header nav{gap:20px}.hero{padding-top:45px;gap:12px}h1{font-size:43px}.hero-actions{gap:18px;flex-wrap:wrap}.hero .eyebrow{font-size:12px}.hero-art{padding-left:15px}.demo-hero>p{font-size:26px}.demo-art{width:43%}.feature-grid{gap:28px}.price-main,.price-includes{padding:30px}.price strong{font-size:58px}.discount small{display:block}.about{gap:35px}.floating-label{right:-8px;padding:12px;font-size:12px}.hero-note{font-size:12px}.promise-strip p{padding:0 4%}.footer-top{align-items:flex-start}.footer-links{max-width:360px;padding-top:20px}}@media(max-width:760px){html{scroll-padding-top:25px}body{font-size:18px}.header{padding:18px 6%;min-height:80px;gap:12px}.brand{width:165px}.header nav{gap:0}.header nav>a:not(.nav-contact){display:none}.nav-contact{padding:7px 12px;font-size:13px}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;padding:30px 6% 42px;gap:14px}.hero .eyebrow{font-size:11px;margin-bottom:18px;white-space:normal;letter-spacing:0}h1{font-size:clamp(33px,8.8vw,52px);line-height:1.6;letter-spacing:.015em}.hero-description{font-size:17px;margin-top:22px;line-height:1.95}.hero-actions{margin-top:25px;gap:20px}.hero-actions .button{padding:15px 19px;font-size:16px;gap:17px}.hero-actions .text-link{font-size:14px}.hero-note{font-size:11px;line-height:1.8}.hero-art{padding:34px 10px 36px 8px;max-width:460px;width:100%;margin:10px auto 0}.art-orbit{width:108%;left:-4%;height:100%;top:0}.art-caption{font-size:9px;right:15px;top:5px}.browser-demo{transform:rotate(-2deg)}.browser-bar{padding:8px 12px}.demo-content{padding:18px}.demo-hero{min-height:200px;padding-top:30px}.demo-hero>p{font-size:25px}.demo-art{width:45%;height:160px;top:29px}.arch{width:80px;height:145px}.arch-two{right:45px;width:65px;height:100px}.sun{width:43px;height:43px;right:12px}.art-line{height:153px;width:87px;right:30px}.demo-nav strong{font-size:9px}.demo-nav>span{font-size:6px}.demo-bottom{padding-top:15px;gap:20px}.demo-bottom b{font-size:9px}.demo-bottom i{width:160px}.demo-bottom i:last-child{width:110px}.floating-label{font-size:11px;padding:12px 15px;right:-1px;bottom:4px;gap:10px}.floating-label small{font-size:10px}.check{width:25px;height:25px;line-height:25px}.art-note{font-size:9px;margin-top:15px}.promise-strip{padding:18px 3%;gap:0}.promise-strip p{font-size:11px;padding:0 3%;line-height:1.5}.promise-strip p>span{font-size:9px;margin-right:6px}.promise-strip strong{font-size:16px}.section,.pricing{padding:65px 6%}.eyebrow{font-size:11px;margin-bottom:18px}h2{font-size:28px;line-height:1.6;letter-spacing:.015em}.about{grid-template-columns:1fr;gap:25px}.about-copy{padding:0}.about-copy p{font-size:17px}.about-copy p+p{margin-top:20px}.desktop-only{display:none}.feature-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.feature-grid article{border-top:1px solid #d6e5ea;padding-top:22px}.feature-visual{height:130px;max-width:320px;margin:10px auto 17px}.feature-grid h3{font-size:23px}.feature-grid article>p{font-size:17px;margin-top:13px}.feature-visual .swatches{right:15%}.visual-support{padding-left:15px}.file-label{left:18%}.pricing .section-heading{text-align:left}.price-layout{grid-template-columns:1fr;margin-top:30px}.price-main,.price-includes{padding:29px 25px}.price strong{font-size:64px}.price>span{font-size:18px}.discount small{display:inline;font-size:11px}.price-includes h3{font-size:21px}.check-list li{font-size:16px;padding-left:24px}.price-notes{grid-template-columns:1fr;gap:18px;font-size:13px}.flow{grid-template-columns:1fr;gap:35px}.flow .section-heading>p:last-child{font-size:17px;margin-top:20px}.steps li{gap:17px;padding-bottom:28px}.steps h3{font-size:19px}.steps p{font-size:17px;line-height:1.85}.steps li>span{flex-basis:40px;height:40px;line-height:38px}.steps li:not(:last-child):before{left:20px;top:40px}.faq summary{font-size:17px;padding:23px 0;gap:15px}.faq details p{font-size:17px;padding-right:0}.contact{padding:60px 6%}.contact h2{font-size:30px}.contact>p:not(.eyebrow){font-size:17px}.contact .button{min-width:0;width:100%;max-width:370px;font-size:17px;padding:17px 23px}.contact .contact-note{font-size:13px!important}.contact-secondary{font-size:11px}.footer{padding:20px 6%}.footer-top{flex-direction:column;gap:0}.company img{width:75px;height:75px}.footer-links{font-size:11px;max-width:none;gap:12px 18px;padding-top:15px}.copyright{margin-top:22px}.document{padding-top:35px}.document h1{font-size:28px}.document table,.document tbody,.document tr,.document th,.document td{display:block;width:100%}.document th,.document td{font-size:17px;border-bottom:0}.document table{border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.mobile-only{display:none}@media(min-width:761px){.feature-grid article>p,.check-list li,.steps p,.flow .section-heading>p:last-child,.about-copy p{font-size:18px}}@media(max-width:760px){.mobile-only{display:block}}

/* Real visual work replaces the schematic placeholder in the first view. */
.hero{grid-template-columns:.88fr 1.12fr;gap:12px;padding-top:52px;padding-bottom:64px;align-items:center;overflow:hidden}.hero-copy{padding-bottom:28px;position:relative;z-index:2}.hero h1{font-size:clamp(36px,3.8vw,55px)}.hero-actions{gap:20px;flex-wrap:wrap}.hero-description{margin-top:26px}.hero-showcase{position:relative;height:602px;min-width:0;isolation:isolate;margin-left:0}.showcase-backdrop{position:absolute;z-index:-2;inset:-44px -120px -50px 58px;background:linear-gradient(155deg,#edf5f8 0%,#e8f4f5 62%,#f5f8fa 100%);border-radius:46% 0 0 46%}.showcase-backdrop:after{content:"";position:absolute;inset:75px 50px 70px;border:1px solid #c9dfe6;border-radius:50%;transform:rotate(-30deg)}.showcase-word{position:absolute;top:-5px;left:35px;font-family:Arial,sans-serif;font-size:49px;font-weight:bold;letter-spacing:-.035em;line-height:.98;color:#d0e0e6;z-index:-1}.hero-showcase figure{margin:0;position:absolute}.hero-showcase figcaption{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.04em;margin-bottom:9px;color:#496778;padding-inline:4px}.hero-showcase figcaption>span:first-child{font-size:10px;font-weight:bold;letter-spacing:.1em}.hero-corporate{width:100%;left:2%;top:79px;transform:rotate(-3deg);z-index:1}.site-frame{border:1px solid #c8d9e1;overflow:hidden;border-radius:7px;background:white;box-shadow:0 20px 40px #113a5a1d}.frame-toolbar{height:24px;background:#fff;display:flex;align-items:center;gap:4px;padding:0 11px;border-bottom:1px solid #e2e8ed}.frame-toolbar i{height:4px;width:4px;background:#cad9e0;border-radius:50%}.frame-toolbar i:first-child{background:#f29773}.frame-toolbar>span{font-size:7px;letter-spacing:.1em;color:#76909e;margin:auto}.frame-toolbar b{font-size:10px;color:#67899a;font-weight:normal}.corporate-capture{display:block;width:100%;height:auto}.hero-corporate .corporate-capture{aspect-ratio:1.72;object-fit:cover;object-position:top}.hero-coffee{width:65%;right:-3%;top:331px;z-index:2;transform:rotate(4deg)}.hero-coffee .site-frame{box-shadow:0 22px 50px #0b30282d;border-color:#98afa6}.coffee-site{background:#143127;color:#f4f1df;position:relative;overflow:hidden}.coffee-nav{background:#f3f1e6;color:#213d31;display:flex;justify-content:space-between;align-items:center;padding:12px 17px;gap:16px}.coffee-name{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;letter-spacing:.1em;white-space:nowrap}.coffee-nav>span:last-child{font-size:8px;white-space:nowrap}.coffee-scene{position:relative;aspect-ratio:1.72;overflow:hidden}.coffee-scene>img{display:block;width:100%;height:100%;object-fit:cover}.coffee-copy{position:absolute;left:6%;top:9%;color:#faf8e9}.coffee-copy>span{font-size:6px;letter-spacing:.08em;display:block}.coffee-copy>p{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:29px;line-height:1.5;letter-spacing:.12em;margin-top:13px;text-shadow:0 2px 9px #10261e55}.coffee-copy>small{display:block;font-size:7px;margin-top:12px;line-height:1.9}.coffee-credit{font-size:6px;position:absolute;right:10px;bottom:9px;color:#f6f4e5;background:#18382b99;padding:2px 5px}.showcase-more{position:absolute;bottom:10px;left:9%;font-size:12px;text-decoration:none;letter-spacing:.02em;font-weight:bold;border-bottom:1px solid #9cbac9;padding-bottom:6px}.showcase-more span{margin-left:25px;color:var(--cyan)}.showcase-more:hover{color:var(--cyan)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:45px}.gallery-heading>p{font-size:18px;color:var(--muted);line-height:1.95}.design-gallery{padding-top:87px;padding-bottom:75px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px}.case-topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:12px}.case-topline>span:first-child{font:600 11px Arial,sans-serif;letter-spacing:.12em;color:var(--navy)}.gallery-surface{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 12px 30px #1039510d;transition:transform .2s;background:#f3f1e6}.gallery-surface>.corporate-capture{aspect-ratio:1.33;object-fit:cover;object-position:top}.gallery-surface:hover{transform:translateY(-3px)}.gallery-surface .coffee-scene{aspect-ratio:1.47}.gallery-surface .coffee-nav{padding:17px 22px}.gallery-surface .coffee-name{font-size:24px}.gallery-surface .coffee-nav>span:last-child{font-size:10px}.gallery-surface .coffee-copy>span{font-size:8px}.gallery-surface .coffee-copy>p{font-size:40px;line-height:1.55;margin-top:23px}.gallery-surface .coffee-copy>small{font-size:11px;margin-top:20px}.gallery-surface .coffee-credit{font-size:9px}.case-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.case-heading h3{font-size:22px}.case-heading a{font-size:25px;text-decoration:none;color:var(--cyan);padding:2px 10px}.sample-badge{border:1px solid #c7d9d1;background:#f3f7f3;color:#4b6a58;font-size:10px;padding:3px 8px;border-radius:3px}.gallery-case>p{font-size:18px;color:var(--muted);margin-top:12px;line-height:1.9}.gallery-note{border-top:1px solid var(--line);margin-top:42px;padding-top:25px;display:flex;justify-content:space-between;gap:30px;align-items:center}.gallery-note>span{font:600 11px Arial,sans-serif;letter-spacing:.12em;color:var(--cyan);white-space:nowrap}.gallery-note>p{font-size:14px;color:var(--muted)}.about{border-top:1px solid var(--line)}
@media(min-width:1441px){.hero{padding-top:65px;padding-bottom:75px}.hero-showcase{height:640px}.hero-corporate{top:85px}.hero-coffee{top:365px}}
@media(max-width:1100px) and (min-width:761px){.hero-showcase{height:520px}.hero-corporate{top:80px;left:0;width:104%}.hero-coffee{top:285px;width:72%;right:-4%}.hero h1{font-size:38px}.hero-description{font-size:17px}.hero-actions .button{font-size:15px;padding:16px 19px}.showcase-word{font-size:40px;left:15px;top:20px}.coffee-copy>p{font-size:23px}.coffee-copy>small{font-size:6px;margin-top:8px}.gallery-surface .coffee-copy>p{font-size:33px;margin-top:15px}.gallery-surface .coffee-copy>small{font-size:9px;margin-top:12px}.gallery-heading>p{font-size:17px}.gallery-note{align-items:flex-start;flex-direction:column;gap:12px}.showcase-more{left:0;bottom:12px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:0;padding-top:27px;padding-bottom:26px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(33px,8.8vw,52px)}.hero-description{font-size:17px}.hero-actions{gap:20px}.hero-showcase{height:430px;margin:24px -6.8% 0;overflow:hidden}.hero-corporate{width:92%;left:4%;top:43px;transform:rotate(-3deg)}.hero-corporate .corporate-capture{aspect-ratio:1.66}.hero-showcase figcaption{font-size:8px;margin-bottom:7px}.hero-showcase figcaption>span:first-child{font-size:8px}.hero-coffee{width:66%;top:236px;right:4%;transform:rotate(4deg)}.showcase-backdrop{inset:0 -30px 0 30px;border-radius:45% 0 0 45%}.showcase-word{font-size:31px;top:-1px;left:10%;color:#cbdfe7}.frame-toolbar{height:17px;padding-inline:9px}.frame-toolbar>span{font-size:5px}.frame-toolbar i{width:3px;height:3px}.hero-coffee .coffee-nav{padding:8px 11px}.hero-coffee .coffee-name{font-size:14px}.hero-coffee .coffee-nav>span:last-child{font-size:5px}.hero-coffee .coffee-copy>span{font-size:4px}.hero-coffee .coffee-copy>p{font-size:20px;margin-top:7px}.hero-coffee .coffee-copy>small{font-size:5px;margin-top:6px}.hero-coffee .coffee-credit{font-size:5px;bottom:6px;right:7px}.showcase-more{font-size:10px;bottom:11px;left:7%;z-index:3}.showcase-more span{margin-left:12px}.design-gallery{padding-top:62px;padding-bottom:55px}.gallery-heading{display:block}.gallery-heading>p{font-size:17px;margin-top:22px}.gallery-grid{grid-template-columns:1fr;gap:38px;margin-top:30px}.gallery-surface>.corporate-capture{aspect-ratio:1.45}.gallery-surface .coffee-nav{padding:13px 17px}.gallery-surface .coffee-name{font-size:20px}.gallery-surface .coffee-nav>span:last-child{font-size:8px}.gallery-surface .coffee-copy>p{font-size:34px;margin-top:17px}.gallery-surface .coffee-copy>span{font-size:6px}.gallery-surface .coffee-copy>small{font-size:9px;margin-top:14px}.gallery-surface .coffee-credit{font-size:8px}.case-heading{margin-top:18px}.case-heading h3{font-size:20px}.gallery-case>p{font-size:17px}.gallery-note{display:block;margin-top:30px;padding-top:23px}.gallery-note>p{font-size:14px;margin-top:10px}.case-topline{font-size:11px}.case-topline>span:first-child{font-size:10px}}
@media(max-width:380px){.hero-showcase{height:395px}.hero-coffee{top:218px}.hero-coffee .coffee-copy>p{font-size:18px}.gallery-surface .coffee-copy>p{font-size:30px}.gallery-surface .coffee-copy>small{font-size:8px}}
@media(min-width:1101px) and (max-width:1440px){.hero-showcase{height:630px}.hero-coffee{top:309px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{display:contents}.hero .eyebrow{order:1}.hero h1{order:2}.hero-showcase{order:3;flex-shrink:0;margin-top:22px;margin-bottom:10px}.hero-description{order:4;margin-top:14px}.hero-actions{order:5;align-self:flex-start}.hero-note{order:6}}
@media(max-width:760px){.hero-showcase{height:470px}.showcase-more{bottom:5px;left:7%;right:7%;padding-top:8px;text-align:left}}
.gallery-surface>.corporate-capture{aspect-ratio:auto;object-fit:contain}
@media(max-width:760px){.gallery-surface .coffee-copy>small{display:none}}