/* The existing approved typefaces, served locally with immediate fallback text. */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:600;font-display:swap;src:url('assets/entrance/bodoni-600.woff') format('woff')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url('assets/entrance/libre-400.woff') format('woff')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;font-display:swap;src:url('assets/entrance/libre-500.woff') format('woff')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;font-display:swap;src:url('assets/entrance/libre-600.woff') format('woff')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:700;font-display:swap;src:url('assets/entrance/libre-700.woff') format('woff')}

:root{--ivory:#F2EFE7;--azure:#173E4F;--ink:#173E4F;--muted:#65787c;--line:rgba(23,62,79,.16);--light:#a5ecff;--body:'Helvetica Now Display','Helvetica Neue',Helvetica,Arial,sans-serif;--title:'RQND Pro Ultra Wide Medium','Arial',sans-serif;--max:1320px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2486a6;outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--title);font-weight:500;letter-spacing:-.065em}h3{font-weight:500;letter-spacing:-.035em}p{line-height:1.6}.eyebrow{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.19em}.skip{position:fixed;top:-100px;left:20px;background:var(--azure);color:white;padding:15px;z-index:100}.skip:focus{top:12px}
.navbar{height:74px;position:fixed;z-index:50;left:50%;top:24px;transform:translateX(-50%);width:min(calc(100% - 80px),1140px);display:flex;align-items:center;justify-content:space-between;padding:9px 15px 9px 25px;border-radius:23px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(120deg,rgba(255,255,255,.71),rgba(242,239,231,.47) 60%,rgba(202,228,233,.46));box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #173e4f20,0 6px 18px #173e4f0b,0 1px 2px #173e4f24;backdrop-filter:blur(23px) saturate(1.1);-webkit-backdrop-filter:blur(23px) saturate(1.1);transition:box-shadow .5s,top .5s}.navbar:after{content:'';position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#fff 20%,#76c4de75 65%,transparent);pointer-events:none}.nav-logo{padding-right:35px;border-right:1px solid var(--line);display:block}.nav-logo img{height:43px;width:43px}.navbar nav{display:flex;gap:5px}.navbar nav a{font-size:12px;font-weight:500;letter-spacing:.075em;padding:18px 23px;border-radius:16px;position:relative;transition:background .3s,box-shadow .3s,transform .3s}.navbar nav a:hover,.navbar nav a.active{background:linear-gradient(145deg,#fff9,#c6e1e457);box-shadow:inset 0 1px 0 white,inset 0 -1px 2px #54a6c666,0 5px 10px #173e4f0b;transform:translateY(-2px)}.navbar nav a:active{transform:translateY(2px) scale(1.04);box-shadow:inset 0 3px 8px #173e4f2b,0 0 18px #8ddfff55}.menu-toggle{display:none}
.opening{height:185svh;position:relative}.opening-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 21% 45%,#fff8,transparent 42%),radial-gradient(ellipse at 78% 70%,#dce5e550,transparent 43%)}.opening-sticky:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#173e4f03 1px,transparent 1px),linear-gradient(#173e4f03 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at center,transparent 20%,#000 100%)}.hero-copy{position:absolute;top:21%;left:50%;width:88%;transform:translateX(-50%);text-align:center;will-change:opacity,transform}.hero-copy .eyebrow{margin-bottom:25px}.hero-copy h1{font-size:clamp(48px,6.6vw,104px);line-height:.98;transform:scaleX(1.16);font-weight:500}.hero-copy h1 span{color:#365969}.hero-baseline{position:absolute;bottom:42px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:13px;letter-spacing:.04em}.hero-rule{position:absolute;left:50%;bottom:38px;width:1px;height:34px;background:linear-gradient(transparent,var(--azure));opacity:.5}.sculpture-viewport{position:fixed;inset:0;z-index:4;overflow:hidden;pointer-events:none;contain:strict}.sculpture{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.business-world{position:relative;max-width:var(--max);margin:auto;padding:0 64px 130px}.business-intro{padding:110px 0 160px;min-height:400px;position:relative;z-index:5;pointer-events:none}.business-intro h2{font-size:clamp(36px,4.1vw,62px);line-height:1.04;margin-top:23px;width:58%}.intro-small{position:absolute;right:0;bottom:153px;font-size:14px;color:var(--muted);max-width:240px}.routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.route-base{fill:none;stroke:#6f8c913b;stroke-width:1;stroke-linecap:round}.route-glow,.route-light,.route-core{fill:none;stroke-linecap:round;opacity:0}.route-glow{stroke:#54c7ff;stroke-width:9;filter:url(#pulse-glow)}.route-light{stroke:#69d9fb;stroke-width:3}.route-core{stroke:#e4fbff;stroke-width:1.2}.business-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px 15%;align-items:start}.business{position:relative;z-index:2;scroll-margin-top:130px}.business:nth-child(even){padding-top:165px}.business-kicker{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-bottom:20px;font-size:12px;font-weight:700;letter-spacing:.13em}.small-cross{font-size:22px;font-weight:400;color:#517585}.visual-card{height:370px;border-radius:18px;position:relative;overflow:hidden;background:#e3e4dc;isolation:isolate;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .6s;box-shadow:0 20px 40px -30px #173e4f77,inset 0 0 0 1px #fff;will-change:transform}.visual-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff7,inset 0 0 0 5px #ffffff0b;pointer-events:none;z-index:5;transition:box-shadow .5s}.visual-card.is-lit:after{box-shadow:inset 0 0 0 1px #bef3ff,inset 0 0 12px #59cbef77,0 0 18px #67d9ff55}.visual-card>img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.visual-card:hover>img{transform:scale(1.035)}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#173e4f32);pointer-events:none}.product-image{position:absolute;inset:0;overflow:hidden}.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.075);transition:opacity .8s,transform 1.5s cubic-bezier(.16,1,.3,1)}.product-image img.is-active{opacity:1;transform:scale(1)}.product-image img:nth-child(3){object-position:center}.product-card:has(.product-image[data-product="1"]) .product-word,.product-card:has(.product-image[data-product="2"]) .product-word{color:white;text-shadow:0 2px 14px #173e4f66}.product-word{position:absolute;top:23px;left:26px;font-size:38px;letter-spacing:-.06em;opacity:.75;color:var(--azure);font-weight:500}.product-tabs{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;gap:0;border-radius:13px;background:#f8faf2ad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff,0 3px 9px #173e4f1c;border:1px solid #fff8;z-index:3}.product-tabs a{text-align:center;font-size:14px;padding:11px 8px;position:relative;z-index:2;transition:color .5s}.product-tabs a.is-active{color:white}.tab-light{position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/3);border-radius:9px;background:linear-gradient(145deg,#316376,#173E4F);box-shadow:inset 0 1px 1px #b8ecff70,inset 0 -1px 2px #071e31,0 3px 8px #173e4f2e;transition:transform .7s cubic-bezier(.16,1,.3,1);z-index:1}.image-label{position:absolute;bottom:27px;left:25px;color:#fff;font-size:11px;letter-spacing:.16em;font-weight:500;text-shadow:0 1px 10px #0004}.business-copy{padding:25px 2px 0}.business-copy h3{font-size:26px;line-height:1.2;margin-bottom:10px}.business-copy p{font-size:15px;color:var(--muted);max-width:370px;min-height:26px}.product-caption{transition:opacity .3s}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;font-size:14px;padding:13px 0 10px;border-bottom:1px solid #173e4f4a;margin-top:19px;transition:gap .3s,color .3s}.text-link:hover{gap:58px;color:#27789a}.text-link span{font-size:19px}.agriculture-card>img{max-width:none;width:200%;object-fit:cover;transform:translateX(0)}.agriculture-card.seed-card>img{transform:translateX(-50%)}.agriculture-card.coffee-card:hover>img{transform:translateX(0) scale(1.025)}.agriculture-card.seed-card:hover>img{transform:translateX(-50%) scale(1.025)}.coffee-card{height:420px}.seed-card{height:340px}
.about-section{max-width:var(--max);margin:0 auto;position:relative;isolation:isolate;overflow:hidden;padding:130px 64px 140px;border-top:1px solid var(--line)}.about-top{display:flex;align-items:start;justify-content:space-between;position:relative;z-index:2}.about-location{font-size:12px;line-height:1.65;letter-spacing:.08em;text-align:right;color:var(--muted)}.about-section h2{position:relative;z-index:2;margin:90px 0 65px;font-size:clamp(42px,6.4vw,91px);line-height:1.05;letter-spacing:-.065em;transform:scaleX(1.09);transform-origin:left;max-width:90%}.about-section h2 span{color:#72878a}.about-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.about-bottom p{font-size:22px;line-height:1.5}.about-bottom .text-link{width:205px}.about-section #our-story{max-width:500px;margin-top:40px;margin-left:auto;padding:25px 0;border-top:1px solid var(--line)}#our-story p+p{margin-top:15px}
.contact-section{position:relative;max-width:var(--max);margin:0 auto;padding:60px 64px 0;z-index:3}.contact-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:46px}.contact-heading .eyebrow{padding-top:13px}.contact-heading h2{width:57%;font-size:clamp(43px,5vw,72px);line-height:1.02}.contact-sheet{display:grid;grid-template-columns: .9fr 1.1fr;position:relative;border-radius:25px;background:linear-gradient(125deg,#ffffffa8,#f7f6ef84 40%,#edf4f3b5);border:1px solid #fff;box-shadow:0 28px 55px -35px #173e4f3b,inset 0 1px 1px #fff;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);overflow:hidden}.contact-direct{padding:44px 42px;position:relative}.contact-direct:after{content:'';position:absolute;top:40px;bottom:40px;right:0;width:1px;background:linear-gradient(transparent,#173e4f28,transparent)}.contact-direct h3{font-size:25px;line-height:1.28;margin:22px 0 30px}.contact-options{display:flex;flex-direction:column}.contact-options button{display:flex;justify-content:space-between;text-align:left;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;transition:padding .3s}.contact-options button:hover{padding-left:8px;padding-right:8px}.call-row{display:flex;align-items:center;gap:9px;margin:28px 0}.call-row>span{font-size:14px;margin-right:auto}.call-row button{width:40px;height:40px;border-radius:50%;border:1px solid #a7bdc1;background:linear-gradient(130deg,#ffffffb8,#d5e5e790);font-size:12px;box-shadow:inset 0 1px 2px white;transition:box-shadow .3s,transform .3s}.call-row button:hover{box-shadow:inset 0 1px 2px white,0 0 12px #59c1e447;transform:translateY(-2px)}.contact-country{font-size:11px;color:var(--muted);line-height:1.8;letter-spacing:.07em}.inquiry-form{padding:44px 42px}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.form-heading h3{font-size:26px}.form-heading>span{font-size:25px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px}.inquiry-form label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);letter-spacing:.04em;gap:8px}.inquiry-form input,.inquiry-form textarea{font-size:15px;color:var(--azure);padding:8px 0 12px;border:0;border-bottom:1px solid #173e4f26;background:transparent;min-width:0;border-radius:0;resize:vertical;transition:border-color .3s}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#7d909399}.inquiry-form input:focus,.inquiry-form textarea:focus{outline:none;border-bottom-color:#278db0;box-shadow:0 1px 0 #56d1ff66}.message-field{margin-top:28px}.send-button{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(140deg,#315f72,#173E4F);color:#f2f4ed;border-radius:12px;border:1px solid #fff7;box-shadow:inset 0 1px 2px #c3efff88,inset 0 -2px 4px #061b2799,0 4px 10px #173e4f22;padding:16px 19px;width:100%;margin-top:28px;font-size:14px;transition:box-shadow .3s,transform .3s}.send-button span:last-child{font-size:22px}.send-button:hover{box-shadow:inset 0 1px 2px #dcfaff,inset 0 -2px 4px #061b2799,0 0 22px #55c7f039}.send-button:active{transform:translateY(2px) scale(1.015)}
.universe{position:relative;margin-top:-100px;min-height:580px;height:55vw;max-height:800px;overflow:hidden;background:var(--ivory);isolation:isolate}.universe>img{position:absolute;inset:auto 0 0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom;will-change:transform}.universe-mist{position:absolute;inset:0;background:linear-gradient(180deg,var(--ivory) 1%,#f2efe7e6 11%,#f2efe778 24%,transparent 41%,transparent 77%,var(--azure) 100%)}.universe p{position:absolute;bottom:110px;left:6%;color:var(--ivory);font-size:clamp(24px,3vw,44px);line-height:1.15;letter-spacing:-.04em;text-shadow:0 2px 14px #173e4f30;font-weight:500}footer{background:var(--azure);color:var(--ivory);padding:35px max(6%,calc((100% - 1192px)/2)) 32px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #f2efe729}.footer-name{font-size:clamp(30px,5vw,66px);letter-spacing:-.04em;font-family:var(--title);font-weight:500}.back-top{font-size:13px;display:flex;gap:30px;align-items:center}.back-top span{border:1px solid #f2efe745;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:18px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;gap:25px}.footer-bottom>span{font-size:11px;letter-spacing:.1em;color:#b7c9ce}.footer-bottom nav{display:flex;gap:30px;font-size:13px}.footer-bottom a:hover,.back-top:hover{color:#9adeee}
.detail-dialog{color:var(--azure);border:1px solid white;border-radius:24px;background:#f2efe7f5;padding:55px;max-width:620px;width:calc(100% - 32px);box-shadow:0 35px 120px #102d4066;max-height:85svh;overflow:auto}.detail-dialog::backdrop{background:#173e4f70;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:18px;top:15px;font-size:30px;width:40px;height:40px}.detail-dialog h2{font-size:42px;line-height:1.08;margin:25px 0}.detail-dialog p{margin:10px 0}.detail-dialog [data-dialog-body]{color:#4d6975}.detail-dialog dl{display:grid;gap:8px}.detail-dialog dt{font-size:12px;color:var(--muted);margin-top:12px}.detail-dialog dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--azure);color:var(--ivory);border:1px solid #93b6c0;border-radius:12px;box-shadow:0 10px 30px #173e4f33;max-width:min(500px,calc(100% - 30px));padding:16px 22px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:90}.notice.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-copy{top:21%}.visual-card{height:410px}.coffee-card{height:440px}.seed-card{height:370px}}
@media(max-width:1000px){.navbar{width:calc(100% - 40px)}.navbar nav a{padding:16px 15px}.business-world{padding-left:35px;padding-right:35px}.business-grid{column-gap:12%}.visual-card{height:315px}.coffee-card{height:355px}.seed-card{height:300px}.business-copy h3{font-size:23px}.business-intro{padding-bottom:125px}.intro-small{bottom:124px}.about-section{padding:110px 35px}.contact-section{padding:55px 35px 0}.contact-direct,.inquiry-form{padding:32px 26px}.contact-direct h3{font-size:23px}.field-grid{gap:22px 15px}.contact-heading h2{width:60%}}
@media(max-width:700px){html{scroll-padding-top:105px}.navbar{height:65px;top:15px;width:calc(100% - 30px);padding:9px 18px;border-radius:19px}.nav-logo{padding-right:20px}.nav-logo img{width:38px;height:38px}.menu-toggle{display:flex;gap:23px;align-items:center;font-size:13px;padding:12px 4px}.menu-toggle span{font-size:22px;transition:transform .3s}.navbar.open .menu-toggle span{transform:rotate(45deg)}.navbar nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;padding:12px;border-radius:19px;border:1px solid white;background:#f2efe7f5;box-shadow:0 12px 35px #173e4f20;backdrop-filter:blur(25px)}.navbar.open nav{display:flex}.navbar nav a{font-size:14px;padding:17px}.opening{height:170svh}.opening-sticky{min-height:550px}.hero-copy{top:22%;width:88%}.hero-copy .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:25px}.hero-copy h1{font-size:clamp(42px,10vw,69px);transform:scaleX(1.08);line-height:1.04}.hero-baseline{bottom:30px;font-size:11px;left:24px;right:24px;gap:20px}.hero-rule{bottom:70px;height:26px}.business-world{padding:0 25px 85px}.business-intro{padding:76px 0 165px;min-height:355px}.business-intro h2{font-size:39px;width:100%;max-width:310px}.business-intro .eyebrow{font-size:11px}.intro-small{display:none}.business-grid{grid-template-columns:1fr;gap:52px}.business{width:91%}.business:nth-child(even){padding-top:0;margin-left:auto}.business:nth-child(odd){margin-right:auto}.business-kicker{padding-top:16px;margin-bottom:16px;font-size:11px}.visual-card{height:350px}.business-copy{padding-top:21px}.business-copy h3{font-size:25px}.business-copy p{font-size:15px}.text-link{margin-top:14px}.coffee-card{height:370px}.seed-card{height:320px}.about-section{padding:70px 26px 90px}.about-location{font-size:10px}.about-top .eyebrow{font-size:11px}.about-section h2{margin:70px 0 45px;font-size:clamp(37px,8.6vw,59px);max-width:95%;transform:scaleX(1.03);line-height:1.12}.about-bottom{gap:25px;align-items:start}.about-bottom p{font-size:17px;flex:1}.about-bottom .text-link{width:auto;min-width:105px;gap:24px;margin:0;font-size:13px}.about-section #our-story{font-size:15px}.contact-section{padding:35px 20px 0}.contact-heading{display:block;margin-bottom:30px;padding:0 5px}.contact-heading .eyebrow{margin-bottom:25px}.contact-heading h2{font-size:48px;width:100%}.contact-sheet{grid-template-columns:1fr;border-radius:20px}.contact-direct,.inquiry-form{padding:30px 25px}.contact-direct:after{top:auto;bottom:0;left:25px;right:25px;width:auto;height:1px;background:var(--line)}.contact-direct h3{font-size:27px;margin:20px 0}.contact-options{display:grid;grid-template-columns:1fr}.contact-country{display:none}.call-row{margin:24px 0 4px}.inquiry-form{padding-top:35px}.form-heading{margin-bottom:27px}.field-grid{gap:22px 18px}.form-heading h3{font-size:26px}.universe{margin-top:-70px;min-height:500px;height:115vw;max-height:620px}.universe>img{width:160%;left:-30%;object-position:58% bottom}.universe-mist{background:linear-gradient(180deg,var(--ivory) 2%,#f2efe7c4 19%,transparent 47%,transparent 80%,var(--azure) 100%)}.universe p{left:26px;bottom:75px;font-size:29px}footer{padding:20px 26px 30px}.footer-top{padding-bottom:26px;gap:20px}.footer-name{font-size:32px}.back-top{font-size:0;gap:0}.footer-bottom{flex-wrap:wrap;gap:25px}.footer-bottom nav{width:100%;order:3;gap:24px;font-size:13px}.footer-bottom>span{font-size:10px}.detail-dialog{padding:45px 26px}.detail-dialog h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.visual-card{transform:none}.opening{height:110svh}}

/* Keep desktop-sized animation coordinates inside the physical screen. */
@supports(overflow:clip){html{overflow-x:clip}}
@media(max-width:700px){.navbar{top:max(15px,env(safe-area-inset-top))}.inquiry-form input,.inquiry-form textarea{font-size:16px}.notice{bottom:max(25px,env(safe-area-inset-bottom))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Avoid oversized filtered surfaces and speculative GPU layers on touch devices. */
@media(hover:none){.visual-card,.universe>img,.hero-copy{will-change:auto}.visual-card{transform:none}.route-glow{filter:none}.contact-sheet{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(125deg,#f9f8f2,#eff2ed)}}

/* Supplied square card artwork keeps its full composition on every viewport. */
.product-card{height:auto;aspect-ratio:1}

/* Hairline cables around the original K; glass belongs to the controls. */
.opening{height:330svh}.opening-sticky{background:radial-gradient(ellipse at 50% 44%,#fff9,transparent 35%),linear-gradient(120deg,#f4f2eb,var(--ivory) 65%,#e6ece8)}
.opening-sticky:before{display:none}.hero-rule,.hero-copy{display:none}
.maze-viewport{position:fixed;inset:0;z-index:1;overflow:hidden;contain:strict;pointer-events:none}.maze-canvas{display:block;width:100%;height:100%}
.brand-reveal{position:absolute;left:5%;right:5%;top:73%;text-align:center;z-index:5;pointer-events:none;--reveal:0}
.brand-reveal h1{overflow:hidden;font-size:clamp(38px,6vw,83px);font-weight:500;line-height:1.15;letter-spacing:-.055em;transform:scaleX(1.15)}
.brand-reveal h1 span,.brand-reveal p span{display:block;transform:translateY(calc((1 - var(--reveal))*112%));opacity:var(--reveal);will-change:transform}
.brand-reveal p{overflow:hidden;margin-top:9px;font-size:12px;font-weight:500;letter-spacing:.32em}.brand-reveal p span{transform:translateY(calc((1 - var(--reveal))*150%))}
.hero-baseline{z-index:5;opacity:.6}.business-world{max-width:1260px;padding-left:72px;padding-right:72px;padding-bottom:120px}.business-intro{padding:70px 0 100px;min-height:0;text-align:center}.business-intro h2{font-size:clamp(40px,4.3vw,62px);width:100%;margin-top:19px;line-height:1.08}.intro-small{position:static;margin:24px auto 0;max-width:none;font-size:14px}.business-grid{column-gap:22%;row-gap:110px}.business:nth-child(even){padding-top:135px}.business-kicker{border:0;margin-bottom:15px;padding-top:0}.business-copy h3{font-size:25px}.business-copy p{font-size:16px}.visual-card{height:385px;border:1px solid #bdd1d67d;border-radius:15px;box-shadow:inset 0 1px 1px white,inset 0 -2px 3px #173e4f50,0 9px 23px -17px #173e4f88,0 1px 2px #173e4f3b;background:linear-gradient(130deg,#fff,#d5e5e775 25%,#edf0e9 55%,#a7c9d12b);padding:8px;isolation:isolate}
.visual-card:before{content:'';position:absolute;inset:3px;border:1px solid #fff;box-shadow:inset 1px 0 1px #80aec999,1px 1px 2px #173e4f44;border-radius:12px;z-index:5;pointer-events:none}.visual-card:after{inset:0;border-radius:15px;box-shadow:inset 0 0 0 1px #fff8;z-index:5}.visual-card>img{border-radius:8px}.product-image{inset:8px;border-radius:8px}.visual-shade{inset:8px;border-radius:8px}.product-tabs{left:21px;right:21px;bottom:21px}.product-word{left:30px;top:28px}.image-label{left:28px;bottom:30px}.coffee-card{height:405px}.seed-card{height:360px}
.edge-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:6;pointer-events:none}.edge-track rect{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.edge-track .edge-base{stroke:#daf4f955;stroke-width:1}.edge-track .edge-aura{stroke:#4cbff6;stroke-width:5;opacity:0;stroke-dasharray:60 940}.edge-track .edge-light{stroke:#b7f2ff;stroke-width:1.8;opacity:0;stroke-dasharray:33 967}.edge-track .edge-core{stroke:#fff;stroke-width:.8;opacity:0;stroke-dasharray:15 985}.is-powered .edge-aura{opacity:.2}.is-powered .edge-light{opacity:.95}.is-powered .edge-core{opacity:1}
.text-link.pillar-button,.send-button.pillar-button{height:55px;min-width:220px;max-width:100%;padding:0 25px;margin-top:24px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:9px;isolation:isolate;position:relative;font-size:14px;line-height:1.2;font-weight:500;letter-spacing:.01em;color:#f1faff;text-shadow:0 1px 2px #052839;background:#164960;box-shadow:0 6px 13px -8px #072d4888;transition:transform .35s,box-shadow .35s,color .35s;overflow:visible}
.pillar-button:before{content:'';position:absolute;inset:-2px;z-index:-1;background-image:url('assets/glass-control.png');background-repeat:no-repeat;background-size:115.51% 163.94%;background-position:50.18% 48.12%;border-radius:9px;opacity:.94;pointer-events:none}
.pillar-button:after{content:'';position:absolute;inset:3px;border:1px solid #c9f6ff73;border-radius:5px;background:linear-gradient(125deg,#e6fbff45,transparent 25%,transparent 55%,#c2f2ff22);box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #08283d8c;pointer-events:none;transition:box-shadow .35s,background .35s}
.text-link.pillar-button:hover,.send-button.pillar-button:hover,.pillar-button:focus-visible{color:white;gap:24px;box-shadow:0 0 22px #3fbeeb55,0 8px 16px -8px #123f6699;transform:translateY(-2px)}.pillar-button:hover:after,.pillar-button:focus-visible:after{box-shadow:inset 0 0 8px #a9efffcc,0 0 6px #80e1ff66}.text-link.pillar-button:active,.send-button.pillar-button:active{transform:translateY(2px) scale(1.025);box-shadow:0 0 24px #4fc6ef70}.pillar-button span{position:relative;z-index:2}.pillar-button span:last-child{font-size:19px}
.about-bottom .text-link.pillar-button{min-width:180px;width:auto}.send-button.pillar-button{width:100%;display:flex;height:57px;min-width:0}.contact-sheet{border-radius:19px;border:1px solid #b9d3db;box-shadow:inset 0 0 0 2px #fff,0 1px 2px #38687e55,0 22px 50px -35px #173e4f4d}.contact-sheet:before{content:'';position:absolute;inset:4px;border-radius:15px;border:1px solid #719fb33a;pointer-events:none;z-index:5}.contact-sheet .edge-track{z-index:7}
@media(max-width:1000px){.business-world{padding-left:42px;padding-right:42px}.business-grid{column-gap:18%}.visual-card{height:345px}.coffee-card{height:375px}.seed-card{height:330px}.text-link.pillar-button{min-width:200px;padding:0 22px;font-size:13px}.brand-reveal{top:72%}}
@media(max-width:700px){.opening{height:330svh}.opening-sticky{min-height:0}.brand-reveal{top:67%;left:6%;right:6%}.brand-reveal h1{font-size:clamp(32px,9.5vw,48px);letter-spacing:-.055em;transform:scaleX(1.05)}.brand-reveal p{font-size:10px;letter-spacing:.22em;margin-top:10px}.business-world{padding:0 23px 90px}.business-intro{padding:65px 7px 80px}.business-intro h2{font-size:37px;max-width:none}.intro-small{display:block;font-size:13px}.business-grid{gap:64px}.business{width:87%}.business:nth-child(even){padding-top:0}.business-kicker{font-size:11px}.visual-card{height:335px}.coffee-card{height:355px}.seed-card{height:315px}.business-copy h3{font-size:24px}.business-copy p{font-size:15px}.text-link.pillar-button{min-width:190px;height:51px;padding:0 21px;font-size:13px}.about-bottom{align-items:center}.about-bottom .text-link.pillar-button{min-width:140px;padding:0 17px;gap:18px;font-size:13px}.contact-sheet{border-radius:18px}.hero-baseline{font-size:11px}.brand-reveal h1 span,.brand-reveal p span{will-change:auto}}
@media(prefers-reduced-motion:reduce){.brand-reveal{--reveal:1}.opening{height:135svh}.edge-track .edge-aura,.edge-track .edge-light,.edge-track .edge-core{opacity:0}.pillar-button{transition:none!important}}
.pillar-button[hidden]{display:none!important}

/* The cards sit against their own side of a wide screen. */
@media(min-width:1001px){
  .business-world,.about-section,.contact-section,footer{max-width:none;padding-left:clamp(30px,3vw,56px);padding-right:clamp(30px,3vw,56px)}
  .business-grid{grid-template-columns:repeat(2,minmax(0,440px));column-gap:18%;justify-content:space-between}
}
.send-button.pillar-button{width:min(230px,100%);height:51px;margin:28px auto 0;justify-content:center;text-align:center;padding:0 18px;gap:0}
.send-button.pillar-button span{font-size:14px;line-height:1}
.phone-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.contact-options .phone-icon{color:var(--azure)}.call-row button{display:grid;place-items:center}.call-row .phone-icon{width:16px;height:16px}

/* The third business sits inward; its light arrives vertically from the K. */
@media(min-width:701px){
 .business-world{--page-gutter:42px;--card-width:min(440px,calc((100vw - var(--page-gutter)*2)*.41))}
 .business.coffee{transform:translateX(clamp(0px,calc(30vw - var(--page-gutter)),calc(100vw - var(--page-gutter)*2 - var(--card-width)*2 - 40px)))}
}
@media(min-width:1001px){.business-world{--page-gutter:clamp(30px,3vw,56px)}}
@media(max-width:700px){.business.coffee{margin-left:auto;margin-right:auto}.business-copy{background:var(--ivory)}.business-kicker>span{background:var(--ivory)}}
.contact-country{margin-top:25px}
.site-footer{min-height:272px;padding-top:42px;padding-bottom:38px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr;gap:clamp(28px,4vw,80px);align-items:start}
.footer-brand{align-self:end}.footer-brand-row{display:flex;align-items:center;gap:18px}
.footer-mark{display:block;flex:none;width:55px;height:64px;background:var(--ivory);mask:url('assets/mark.svg') center/contain no-repeat;-webkit-mask:url('assets/mark.svg') center/contain no-repeat}
.footer-wordmark{font-family:var(--title);font-size:25px;font-weight:500;line-height:1.15;letter-spacing:-.035em}.footer-company{font-size:10px;font-weight:500;letter-spacing:.15em;margin-top:8px;line-height:1.4}
.footer-description{font-size:14px;color:#d0d9d8;line-height:1.5;margin-top:15px}
.footer-heading{font-size:11px;font-weight:700;letter-spacing:.14em;color:#adc3c8;line-height:1.4;margin-bottom:16px}
.footer-links{display:grid;grid-template-columns:max-content max-content;gap:10px 26px;font-size:14px;line-height:1.25}.footer-links a{width:fit-content}
.footer-links a:hover,.footer-legal button:hover{color:#a6ddea}
.market-placeholders{display:flex;flex-direction:column;gap:9px;align-items:start;font-size:13px;line-height:1.35;letter-spacing:.14em;color:#b8ced1}
.footer-email{display:flex;align-items:center;gap:10px;min-height:30px;padding:5px 10px;border:1px solid #c3d7dc3d;border-radius:6px;color:var(--ivory);font-size:13px;text-align:left;transition:background .25s,border-color .25s}
.footer-email+.footer-email{margin-top:8px}.footer-email:hover{border-color:#c3e8f280;background:#d7f3fc0d}
.footer-email svg,.footer-location svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.footer-location{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.3;margin-top:14px;color:#c7d6d8}
.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid #f2efe729;font-size:11px;line-height:1.4;color:#adc3c8}.footer-legal button{font-size:12px;padding:0;color:var(--ivory)}
@media(max-width:1100px){.footer-grid{grid-template-columns:1.2fr 1fr .7fr 1fr;gap:26px}.footer-wordmark{font-size:21px}.footer-brand-row{gap:13px}.footer-mark{width:45px;height:54px}.footer-links{grid-template-columns:1fr;gap:6px;font-size:13px}.footer-company{font-size:9px}.footer-email{font-size:12px;padding:5px 8px}}
@media(max-width:900px){.site-footer{padding-top:35px;padding-bottom:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-pages{grid-column:1}.footer-markets{grid-column:2}.footer-brand{grid-row:2;grid-column:1;align-self:end}.footer-contact{grid-row:2;grid-column:2}.footer-links{gap:9px}.footer-brand-row{display:block}.footer-mark{width:48px;height:56px;margin-bottom:15px}.footer-wordmark{font-size:21px}.footer-company{font-size:9px;letter-spacing:.07em}.footer-description{font-size:12px;margin-top:12px}.footer-email{width:100%;font-size:12px;gap:7px;padding:7px}.footer-email svg{width:14px;height:14px}.footer-heading{font-size:10px;letter-spacing:.1em}.footer-legal{font-size:10px;align-items:start;gap:25px}.footer-legal>span{max-width:180px}.footer-legal button{font-size:11px;white-space:nowrap}}

/* A classical display face, quiet typography and a few soft points of light. */
:root{--title:'Bodoni Moda',Didot,'Times New Roman',serif;--body:'Libre Franklin','Helvetica Neue',Arial,sans-serif}
h1,h2,h3{font-family:var(--title);font-weight:600;letter-spacing:-.025em}
body{font-family:var(--body)}
.brand-reveal h1{font-size:clamp(54px,7.8vw,112px);font-weight:600;letter-spacing:-.035em;line-height:1.12;transform:none}
.brand-reveal p{font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:.26em}
.business-intro h2{font-size:clamp(52px,5.9vw,86px);line-height:1.04;letter-spacing:-.03em}
.business-kicker{font-size:12px;letter-spacing:.12em;line-height:1.5}
.business-copy h3{font-size:clamp(30px,2.6vw,38px);line-height:1.14;letter-spacing:-.025em;margin-bottom:16px}
.business-copy p{font-size:16px;line-height:1.7;max-width:410px}
.product-caption{min-height:137px}
.about-section h2{font-size:clamp(60px,7.3vw,108px);font-weight:600;letter-spacing:-.025em;line-height:1.02;transform:none;max-width:100%}
.about-bottom{gap:60px;align-items:start}.about-bottom p{max-width:760px;font-size:20px;line-height:1.75;flex:1}
.about-bottom .text-link.pillar-button{flex:none;margin-top:8px;min-width:190px}
.contact-heading h2{font-size:clamp(60px,6.5vw,96px);letter-spacing:-.035em;line-height:1.04}
.contact-direct h3,.form-heading h3{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.inquiry-form label{font-size:13px;letter-spacing:.01em}.inquiry-form input,.inquiry-form textarea{font-size:16px}
.universe p{font-family:var(--title);font-weight:600;font-size:clamp(34px,3.8vw,58px);letter-spacing:-.025em}
.footer-wordmark{font-weight:600;font-size:29px;letter-spacing:-.025em}.detail-dialog h2{font-weight:600;letter-spacing:-.025em}
.opening-atmosphere,.opening-note{position:absolute;pointer-events:none;opacity:1;z-index:5}
.opening-atmosphere{top:clamp(115px,17svh,180px);left:5%;width:min(29vw,410px)}
.opening-dots{position:relative;width:100%;aspect-ratio:380/210}
.opening-dots i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#c5f1ffcc 0%,#7dc6e08c 16%,#77badf35 38%,transparent 72%)}
.opening-dots i:nth-child(3n){background:radial-gradient(circle,#173e4fbd 0%,#28677c73 15%,#387d9326 38%,transparent 72%)}
.opening-note{top:clamp(135px,19svh,205px);right:6%;width:min(28vw,395px);text-align:left}
.opening-note .eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.4;margin-bottom:17px}
.opening-note h2{font-size:clamp(34px,3.6vw,52px);line-height:1.02;letter-spacing:-.025em}
.opening-since{font-size:14px;line-height:1.4;margin-top:14px;color:var(--azure)}
.opening-note-copy{font-size:13px;line-height:1.65;color:var(--muted);margin-top:10px}

/* The compact selector uses the same supplied pillar face as the main CTAs. */
.product-tabs{left:20px;right:20px;bottom:21px;max-width:315px;margin-inline:auto;min-height:48px;padding:5px;border-radius:11px;background:#edf2e8b8;box-shadow:inset 0 1px 1px #fff,0 4px 13px #173e4f20}
.product-tabs a{font-family:var(--body);font-size:13px;font-weight:500;line-height:1.3;padding:10px 4px;border-radius:7px;transition:color .3s,text-shadow .3s}
.product-tabs a.is-active{color:#f1faff;text-shadow:0 1px 2px #082b3f}
.tab-light{border-radius:7px;background:#164960;box-shadow:0 4px 8px -5px #082b3f99;isolation:isolate;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.tab-light:before{content:'';position:absolute;inset:-1px;background:url('assets/glass-control.png') 50.18% 48.12%/115.51% 163.94% no-repeat;border-radius:7px;opacity:.96}
.tab-light:after{content:'';position:absolute;inset:2px;border:1px solid #c9f6ff80;border-radius:5px;background:linear-gradient(125deg,#e6fbff45,transparent 35%,#c2f2ff20);box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #08283d8c;transition:box-shadow .3s}
.product-tabs:focus-within .tab-light,.product-tabs:active .tab-light{box-shadow:0 0 15px #3fbeeb70}
.product-tabs:active .tab-light:after{box-shadow:inset 0 0 8px #a9efffcc,0 0 6px #80e1ff66}

/* Lift by thirty percent of the photograph and nudge left by ten percent of the card. */
@media(min-width:701px){
 .business.coffee{--coffee-height:405px;transform:translate(clamp(0px,calc(30vw - var(--page-gutter) - var(--card-width)*.1),calc(100vw - var(--page-gutter)*2 - var(--card-width)*2 - 40px)),calc(var(--coffee-height)*-.3))}
}
@media(min-width:701px) and (max-width:1000px){.business.coffee{--coffee-height:375px}.about-bottom{gap:35px}.about-bottom p{font-size:18px}}
@media(max-width:1000px){.footer-wordmark{font-size:25px}.opening-note-copy br{display:none}}
@media(max-width:700px){
 .brand-reveal h1{font-size:clamp(37px,10.5vw,59px);letter-spacing:-.035em;line-height:1.16;transform:none}
 .brand-reveal p{font-size:10px;letter-spacing:.17em}
 .opening-atmosphere{left:16px;top:101px;width:43%}
 .opening-note{right:23px;top:107px;width:43%}
 .opening-note .eyebrow{font-size:8px;letter-spacing:.095em;margin-bottom:10px}
 .opening-note h2{font-size:clamp(23px,6.8vw,32px);line-height:1.02}
 .opening-since{font-size:11px;margin-top:9px}.opening-note-copy{display:none}
 .business-intro h2{font-size:clamp(45px,12vw,63px)}
 .business-kicker{font-size:11px}.business-copy h3{font-size:31px}.business-copy p{font-size:16px;line-height:1.65}
 .business.coffee{margin-left:0;margin-right:auto;transform:translateY(-38px)}
 .product-tabs{left:18px;right:18px;bottom:19px}.product-tabs a{font-size:12px}.product-caption{min-height:158px}
 .about-section h2{font-size:clamp(48px,13vw,70px);line-height:1.05;margin:65px 0 36px;transform:none}
 .about-bottom{flex-direction:column;gap:23px;align-items:start}.about-bottom p{font-size:18px;line-height:1.7}
 .about-bottom .text-link.pillar-button{min-width:190px;margin-top:0}
 .contact-heading h2{font-size:clamp(54px,14vw,72px)}.contact-direct h3,.form-heading h3{font-size:31px}
 .universe p{font-size:36px}.footer-wordmark{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.opening-atmosphere,.opening-note{opacity:1}.tab-light{transition:none}}

/* The existing ivory palette and its azure counterpart share the same layout. */
:root { --theme-duration: .65s; }
:root[data-theme="azure"] {
  --ivory: #236487;
  --azure: #F2EFE7;
  --ink: #F2EFE7;
  --muted: #f2efe7bd;
  --line: #f2efe72e;
  --light: #F2EFE7;
  color-scheme: dark;
}
body, .business-copy, .business-kicker>span, .site-footer,
.footer-mark, .footer-email, .footer-legal, .opening-since,
.about-section, .about-section h2 span, .detail-dialog, .detail-dialog [data-dialog-body],
.opening-note-copy, .intro-small, .business-copy p, .about-location,
.inquiry-form label, .inquiry-form input, .inquiry-form textarea, .contact-country {
  transition: background-color var(--theme-duration), color var(--theme-duration), border-color var(--theme-duration);
}
.opening-sticky { background: none; }
.opening-sticky::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse at 50% 44%,#fff9,transparent 35%),linear-gradient(120deg,#f4f2eb,#F2EFE7 65%,#e6ece8);
  opacity: 1; transition: opacity var(--theme-duration); pointer-events: none;
}
:root[data-theme="azure"] .opening-sticky::after { opacity: 0; }
.navbar { gap: 12px; }
.theme-toggle {
  display: inline-flex; flex: none; align-items: center; justify-content: center;
  gap: 9px; padding: 9px 2px 9px 6px; min-height: 44px;
  border-radius: 14px; color: var(--ink);
}
.theme-toggle-label { font-size: 11px; font-weight: 500; min-width: 29px; }
.theme-toggle-track {
  position: relative; display: block; width: 44px; height: 25px;
  background: #173E4F; border: 1px solid #173e4f33; border-radius: 20px;
  box-shadow: inset 0 1px 3px #0002; transition: background-color .45s, border-color .45s;
}
.theme-toggle-track::after {
  content: ''; position: absolute; left: 3px; top: 3px; width: 17px; height: 17px;
  border-radius: 50%; background: #F2EFE7; box-shadow: 0 1px 3px #0003;
  transition: transform .45s cubic-bezier(.22,1,.36,1), background-color .45s;
}
[aria-checked="true"] .theme-toggle-track { background: #F2EFE7; border-color: #f2efe773; }
[aria-checked="true"] .theme-toggle-track::after { transform: translateX(19px); background: #236487; }
.theme-toggle:active .theme-toggle-track::after { width: 19px; }
.nav-logo { position: relative; }
.nav-logo img { transition: opacity var(--theme-duration); }
.nav-logo::before {
  content: ''; position: absolute; left: 0; top: 0; width: 43px; height: 43px;
  background: #F2EFE7; mask: url('assets/mark.svg') center/contain no-repeat;
  -webkit-mask: url('assets/mark.svg') center/contain no-repeat;
  opacity: 0; transition: opacity var(--theme-duration);
}
:root[data-theme="azure"] .nav-logo img { opacity: 0; }
:root[data-theme="azure"] .nav-logo::before { opacity: 1; }
:root[data-theme="azure"] .navbar {
  background: linear-gradient(120deg,#236487eb,#236487c4 60%,#387693d6);
  border-color: #f2efe761;
  box-shadow: inset 0 1px 2px #f2efe74d,inset 0 -1px 2px #102f4426,0 6px 18px #163b5120;
}
:root[data-theme="azure"] .navbar::after { background: linear-gradient(90deg,transparent,#f2efe77a,transparent); }
:root[data-theme="azure"] .navbar nav a:hover,
:root[data-theme="azure"] .navbar nav a.active {
  background: #f2efe717; box-shadow: inset 0 1px 0 #f2efe763,0 5px 10px #173e4f0b;
}
:root[data-theme="azure"] .opening-dots i { background: radial-gradient(circle,#f2efe7cc 0%,#f2efe780 16%,#f2efe726 38%,transparent 72%); }
:root[data-theme="azure"] .opening-dots i:nth-child(3n) { opacity: .55; }
:root[data-theme="azure"] .about-section h2 span { color: #f2efe7a6; }
:root[data-theme="azure"] .visual-card {
  background: linear-gradient(130deg,#236487,#397795 45%,#236487);
  border-color: #f2efe75c; box-shadow: inset 0 1px 1px #f2efe7b3,0 9px 23px -17px #0b2d4380;
}
:root[data-theme="azure"] .visual-card::before { border-color: #f2efe77a; box-shadow: inset 1px 0 1px #f2efe733; }
:root[data-theme="azure"] .visual-card::after { box-shadow: inset 0 0 0 1px #f2efe75c; }
:root[data-theme="azure"] .visual-shade { background: linear-gradient(180deg,transparent 65%,#23648732); }
:root[data-theme="azure"] .product-word { color: #F2EFE7; opacity: 1; text-shadow: 0 1px 10px #23648766; }
:root[data-theme="azure"] .edge-track .edge-base { stroke: #f2efe755; }
:root[data-theme="azure"] .edge-track .edge-aura,
:root[data-theme="azure"] .edge-track .edge-light,
:root[data-theme="azure"] .edge-track .edge-core { stroke: #F2EFE7; }
:root[data-theme="azure"] .text-link.pillar-button,
:root[data-theme="azure"] .send-button.pillar-button {
  background: #F2EFE7; color: #236487; text-shadow: none;
  box-shadow: 0 6px 13px -8px #102f4470;
}
.pillar-button::before,.tab-light::before { transition: filter var(--theme-duration),opacity var(--theme-duration); }
:root[data-theme="azure"] .pillar-button::before,
:root[data-theme="azure"] .tab-light::before { filter: grayscale(1) brightness(3); opacity: .35; }
:root[data-theme="azure"] .pillar-button::after,
:root[data-theme="azure"] .tab-light::after {
  border-color: #fff9; background: linear-gradient(125deg,#ffffff70,transparent 35%,#fff3);
  box-shadow: inset 0 1px 2px #fff9,inset 0 -1px 2px #23648740;
}
:root[data-theme="azure"] .pillar-button:hover,
:root[data-theme="azure"] .pillar-button:focus-visible { box-shadow: 0 0 22px #f2efe747,0 8px 16px -8px #173e4f50; color: #236487; }
:root[data-theme="azure"] .pillar-button:hover::after { box-shadow: inset 0 0 8px #fff9,0 0 6px #f2efe766; }
:root[data-theme="azure"] .product-tabs { background: #236487d9; border-color: #f2efe74d; box-shadow: inset 0 1px 1px #f2efe785,0 4px 13px #102f4433; }
:root[data-theme="azure"] .product-tabs a { color: #F2EFE7; text-shadow: none; }
:root[data-theme="azure"] .product-tabs a.is-active { color: #236487; }
:root[data-theme="azure"] .tab-light { background: #F2EFE7; box-shadow: 0 4px 8px -5px #102f4480; }
:root[data-theme="azure"] .contact-sheet {
  background: linear-gradient(125deg,#236487,#2b6b8c 55%,#236487); border-color: #f2efe766;
  box-shadow: inset 0 0 0 2px #f2efe766,0 22px 50px -35px #102f4466;
}
:root[data-theme="azure"] .contact-sheet::before { border-color: #f2efe738; }
:root[data-theme="azure"] .contact-direct::after { background: var(--line); }
:root[data-theme="azure"] .inquiry-form input,
:root[data-theme="azure"] .inquiry-form textarea { border-bottom-color: #f2efe74d; caret-color: #F2EFE7; }
:root[data-theme="azure"] .inquiry-form input::placeholder,
:root[data-theme="azure"] .inquiry-form textarea::placeholder { color: #f2efe78c; }
:root[data-theme="azure"] .inquiry-form input:focus,
:root[data-theme="azure"] .inquiry-form textarea:focus { border-color: #F2EFE7; box-shadow: 0 1px 0 #f2efe766; }
:root[data-theme="azure"] :is(button,a,input,textarea):focus-visible { outline-color: #F2EFE7; }
:root[data-theme="azure"] .universe-mist { background: linear-gradient(180deg,#236487 1%,#236487e6 11%,#23648778 24%,transparent 41%,transparent 70%,#F2EFE7 100%); }
:root[data-theme="azure"] .universe p { color: #F2EFE7; }
:root[data-theme="azure"] :is(.footer-description,.footer-heading,.market-placeholders,.footer-location,.footer-legal) { color: #236487; }
:root[data-theme="azure"] .footer-legal { border-color: #23648729; }
:root[data-theme="azure"] .footer-email { border-color: #23648740; }
:root[data-theme="azure"] .footer-email:hover { background: #2364870d; border-color: #23648780; }
:root[data-theme="azure"] .footer-links a:hover,
:root[data-theme="azure"] .footer-legal button:hover { color: #236487; text-decoration: underline; }
:root[data-theme="azure"] .detail-dialog { background: #236487; color: #F2EFE7; border-color: #f2efe780; }
:root[data-theme="azure"] .detail-dialog [data-dialog-body] { color: #f2efe7d9; }
:root[data-theme="azure"] .detail-dialog::backdrop { background: #173e4f99; }
:root[data-theme="azure"] .skip { color: #236487; }
@media(max-width:1000px) and (min-width:701px) { .navbar nav a { padding-inline: 11px; } .nav-logo { padding-right: 20px; } }
@media(max-width:850px) { .theme-toggle-label { display: none; } }
@media(max-width:700px) {
  .navbar { gap: 15px; }
  .menu-toggle { margin-left: auto; gap: 12px; }
  .theme-toggle { padding: 8px 0; }
  .nav-logo::before { width: 38px; height: 38px; }
  :root[data-theme="azure"] .navbar nav { background: #236487f5; border-color: #f2efe74d; }
  :root[data-theme="azure"] .universe-mist { background: linear-gradient(180deg,#236487 2%,#236487c4 19%,transparent 47%,transparent 75%,#F2EFE7 100%); }
}

/* Two isolated openings, using the original sculpture and business system. */
html:has(.cinema-concepts){scrollbar-gutter:stable;scroll-behavior:smooth}
html.concept-running{overflow:hidden;scroll-behavior:auto;overscroll-behavior:none}
.cinema-concepts{--scene-ink:#173e4f;--scene-vh:100svh;overflow-x:clip}
.scene-opening{position:relative;height:var(--scene-vh);min-height:540px;isolation:isolate;background:#ece6da;overflow:hidden}
.scene-atmosphere{position:absolute;inset:0;background:#ece6da url('assets/cinematic/cloud-cover.webp') center/cover no-repeat}
.scene-view{position:absolute;inset:0;overflow:hidden}
.scene-last,.scene-first,.scene-film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.scene-last{opacity:0}
.scene-first{opacity:1}
.scene-film{opacity:0}
.scene-cover{position:absolute;inset:-8% -3% -20%;z-index:3;pointer-events:none;background:#eae5dc url('assets/cinematic/cloud-cover.webp') center/cover no-repeat;transform:translate3d(0,0,0);opacity:1;transition:transform 2.5s cubic-bezier(.3,.02,.13,1),opacity 2.5s ease}
.scene-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f2efe722,transparent 38%,#f2efe72b)}
.scene-mist{position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:52%;opacity:0;pointer-events:none;transition:opacity 1.5s ease;isolation:isolate}
.scene-mist::before{content:'';position:absolute;inset:0;z-index:0;background:url('assets/cinematic/cloud-cover.webp') 50% 74%/cover;mask-image:linear-gradient(transparent,#000 78%);-webkit-mask-image:linear-gradient(transparent,#000 78%);opacity:.62}
.scene-mist::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#f2efe700 2%,#f2efe70a 17%,#f2efe72e 34%,#f2efe775 52%,#f2efe7c9 72%,#F2EFE7 96%)}
.scene-azure-wash{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity var(--theme-duration) ease;background:linear-gradient(180deg,#23648700 0%,#2364870d 10%,#23648738 23%,#23648780 36%,#236487cc 49%,#236487f2 67%,#236487 92%)}
:root[data-theme="azure"] .scene-azure-wash{opacity:1}
.scene-wordmark{position:absolute;z-index:3;left:5%;right:5%;bottom:clamp(42px,6.4svh,85px);text-align:center;color:var(--ink);pointer-events:none}
.scene-wordmark h1{font-family:var(--title);font-size:clamp(68px,10.2vw,170px);font-weight:600;line-height:1.12;letter-spacing:-.04em;overflow:hidden;padding-bottom:.05em}
.scene-name{position:relative;display:inline-block;opacity:0;transform:translateY(108%);transition:transform 1.65s cubic-bezier(.16,1,.3,1),opacity 1.2s ease}
.scene-name-current{position:absolute;inset:0;color:transparent;background:linear-gradient(105deg,transparent 40%,#2d8fc3 47%,#eafaff 50%,#67c3f0 52%,transparent 60%);background-size:300% 100%;background-position:150% 50%;background-clip:text;-webkit-background-clip:text;opacity:0}
.scene-wordmark>p{font-size:14px;font-weight:500;letter-spacing:.32em;margin-top:9px;overflow:hidden}
.scene-wordmark>p>span{display:block;opacity:0;transform:translateY(120%);transition:transform 1.25s .25s cubic-bezier(.16,1,.3,1),opacity 1s .25s}
.scene-titled .scene-name,.scene-titled .scene-wordmark>p>span{opacity:1;transform:none}
.scene-titled .scene-name-current{animation:concept-name-current 6.6s 1.1s ease-in-out both}
.sculpture-stage{position:fixed;inset:0;z-index:5;overflow:hidden;contain:strict;pointer-events:none;opacity:1;transition:opacity 1.1s ease}
.sculpture-stage .sculpture{opacity:0}
.sculpture-stage.is-ready .sculpture{opacity:1}
.sculpture-stage.is-ready .scene-k-fallback{visibility:hidden}
.scene-k-fallback{position:absolute;left:50%;top:46%;width:min(88vw,66svh);height:min(88vw,66svh);transform:translate(-50%,-50%)}
.scene-identity{position:relative;padding:clamp(105px,13svh,155px) 5% 60px;min-height:100svh;text-align:center;isolation:isolate}
.identity-sculpture-slot{height:clamp(245px,36svh,390px);max-width:650px;margin:0 auto;pointer-events:none}
.scene-identity .scene-wordmark{position:relative;left:auto;right:auto;bottom:auto;margin:0 auto}
.scene-identity .scene-wordmark h1{font-size:clamp(60px,8.2vw,126px)}
.scene-identity .business-intro{padding:44px 0 0;opacity:0;transform:translateY(16px);transition:opacity 1.2s .5s ease,transform 1.4s .5s cubic-bezier(.16,1,.3,1)}
.scene-identity .business-intro .eyebrow{font-size:12px;letter-spacing:.19em}
.scene-identity .business-intro h2{font-size:clamp(35px,3.2vw,49px);margin-top:13px;line-height:1.07}
.scene-identity .business-intro h2 span{display:inline}
.scene-identity .intro-small{font-size:14px;margin-top:17px;line-height:1.6}
.scene-titled .scene-identity .business-intro{opacity:1;transform:none}
.connection-hub{height:clamp(210px,32svh,330px);position:relative;margin:0 auto 72px;max-width:650px;pointer-events:none}
.concept-film .business-world{padding-top:0}
.scene-controls{position:absolute;z-index:8;right:clamp(22px,3vw,54px);bottom:max(22px,env(safe-area-inset-bottom));align-items:center;gap:9px}
.scene-controls:not([hidden]){display:flex}
.scene-controls button{height:38px;border:1px solid #ffffff80;border-radius:22px;padding:0 16px;background:#f2efe7e8;color:#173e4f;box-shadow:inset 0 1px 1px #fff,0 2px 12px #173e4f0b;font-size:12px}
.scene-controls .scene-pause{width:38px;padding:10px}
.scene-pause svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.scene-pause .play-symbol,.scene-pause.is-paused .pause-symbol{display:none}
.scene-pause.is-paused .play-symbol{display:block}
.scene-play{position:absolute;z-index:8;left:50%;top:72%;transform:translateX(-50%);height:52px;min-width:186px;padding:0 24px;border-radius:9px;color:#f2efe7;background:#173e4f;font-size:14px}
.scene-play[hidden],.scene-controls[hidden],.scene-pause[hidden]{display:none}
.scene-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cinema-concepts .maze-viewport{opacity:0;transition:opacity 1.4s ease}
.cinema-concepts[data-scene-phase="playing"] .scene-film{opacity:1}
.cinema-concepts.scene-finished .scene-film,.cinema-concepts.scene-finished .scene-first{opacity:0}
.cinema-concepts.scene-finished .scene-last{opacity:1}
.cinema-concepts.scene-finished:not(.scene-poster-ready) .scene-film{opacity:1}
.cinema-concepts.scene-finished .scene-mist{opacity:1}
.cinema-concepts.scene-resolving .scene-mist{opacity:1}
.concept-cloud[data-scene-phase="playing"] .scene-cover,.concept-cloud.scene-finished .scene-cover{transform:translate3d(0,112%,0);opacity:.05}
.concept-cloud[data-scene-phase="playing"] .sculpture-stage,.concept-cloud.scene-finished .sculpture-stage{opacity:0}
.concept-cloud.scene-finished .scene-cover{visibility:hidden;transition:transform 2.5s cubic-bezier(.3,.02,.13,1),opacity 2.5s ease,visibility 0s 2.5s}
.concept-film .scene-cover{display:none}
.concept-film .sculpture-stage{opacity:0}
.concept-film.scene-finished .sculpture-stage{opacity:1}
.concept-film .scene-k-fallback{top:76%;width:min(76vw,35svh);height:min(76vw,35svh)}
.cinema-concepts[data-scene-phase="complete"] .maze-viewport{opacity:1}
.cinema-concepts:not([data-scene-phase="complete"]) .navbar{color:#173e4f;background:linear-gradient(120deg,#f2efe7de,#f2efe7ae 65%,#ffffffb8);border-color:#ffffffa1;box-shadow:inset 0 1px 2px #fff,0 6px 22px #173e4f0b}
.cinema-concepts:not([data-scene-phase="complete"]) .navbar .nav-logo img{opacity:1}
.cinema-concepts:not([data-scene-phase="complete"]) .navbar .nav-logo::before{opacity:0}
.cinema-concepts:not([data-scene-phase="complete"]) .theme-toggle{color:inherit}
.cinema-concepts .navbar{animation:none!important}
@keyframes concept-name-current{0%{background-position:150% 50%;opacity:0}18%{opacity:.85}82%{opacity:.75}100%{background-position:-50% 50%;opacity:0}}
@media(min-aspect-ratio:19/10){.scene-last,.scene-first,.scene-film{object-position:50% 62%}}
@media(orientation:portrait){
 .scene-view{top:18%;height:calc(100vw * 9 / 16);bottom:auto;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
 .scene-last,.scene-first,.scene-film{object-fit:contain}
 .scene-mist{height:57%}
 .scene-wordmark{bottom:13%}
 .concept-film .scene-view{top:22%}
 .concept-film .scene-k-fallback{top:76%}
}
@media(max-width:700px){
 .scene-opening{min-height:520px}
 .scene-wordmark h1{font-size:clamp(42px,12vw,78px);letter-spacing:-.045em}
 .scene-wordmark>p{font-size:12px;letter-spacing:.19em;margin-top:12px}
 .scene-cover{inset:-5% -8% -20%}
 .scene-identity{padding-top:105px;padding-bottom:58px;min-height:100svh}
 .identity-sculpture-slot{height:clamp(225px,34svh,320px)}
 .scene-identity .scene-wordmark h1{font-size:clamp(42px,11.7vw,80px)}
 .scene-identity .business-intro{padding-top:36px}
 .scene-identity .business-intro h2{font-size:34px;line-height:1.1}
 .scene-identity .business-intro h2 span{display:block}
 .scene-identity .intro-small{font-size:14px}
 .connection-hub{height:230px;margin-bottom:42px}
 .cinema-concepts:not([data-scene-phase="complete"]) .navbar.open nav{background:#f2efe7f7;color:#173e4f}
 .scene-controls{bottom:20px}
}
@media(hover:none){.cinema-concepts .navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f2efe7ed}.scene-cover{transition-duration:2.1s}}
@media(prefers-reduced-motion:reduce){
 .scene-cover,.scene-controls{display:none!important}
 .scene-first,.scene-film{opacity:0!important}.scene-last,.scene-mist{opacity:1!important}
 .scene-name,.scene-wordmark>p>span,.scene-identity .business-intro{transform:none;opacity:1;transition:none}
 .scene-name-current{animation:none!important}.scene-mist,.sculpture-stage{transition:none}
}

/* Concept 2: a photographic threshold, followed by a reversible cloud chapter. */
.concept-film{--scene-ink:#045BAB;--azure-mix:0;--sky-reveal:0}
html:has(.concept-film),.concept-film{scrollbar-width:none;scrollbar-gutter:auto;-ms-overflow-style:none}
html:has(.concept-film)::-webkit-scrollbar,.concept-film::-webkit-scrollbar{display:none;width:0;height:0}
html:has(.concept-film){background:#F2EFE7}
html[data-theme="azure"]:has(.concept-film){background:#236487}
.concept-film .browser-safe-edge{position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--page-top);pointer-events:none}
.concept-film .scene-opening::after{content:'';position:absolute;inset:0 0 auto;height:clamp(80px,15svh,150px);z-index:4;pointer-events:none;background:linear-gradient(180deg,var(--film-edge,var(--page-top)) 0%,color-mix(in srgb,var(--film-edge,var(--page-top)) 80%,transparent) 17%,color-mix(in srgb,var(--film-edge,var(--page-top)) 40%,transparent) 45%,color-mix(in srgb,var(--film-edge,var(--page-top)) 10%,transparent) 75%,transparent 100%)}
:root[data-theme="azure"] .concept-film{--azure-mix:1;--scene-ink:#F2EFE7}
.concept-film .browser-bottom-edge{position:fixed;inset:auto 0 0;height:env(safe-area-inset-bottom,0px);z-index:30;background:var(--ivory);pointer-events:none}
.concept-film .scene-view{inset:0;height:100%;mask-image:none;-webkit-mask-image:none}
.concept-film .scene-first,.concept-film .scene-last,.concept-film .scene-film{object-fit:cover;object-position:50% 50%}
.concept-film .scene-view picture{display:contents}
.concept-film.scene-finished:not(.scene-poster-ready) .scene-first{opacity:1}
.concept-film .scene-azure-wash{display:none}
.concept-film .scene-mist{height:48%;opacity:1}
.concept-film .scene-mist::before{opacity:.3}
.concept-film .scene-mist::after{background:linear-gradient(180deg,#f2efe700,#f2efe710 18%,#f2efe766 42%,#f2efe7de 72%,#F2EFE7 92%)}
.concept-film .scene-identity{height:230svh;min-height:0;padding:0;background:transparent;color:#173e4f;isolation:auto;z-index:auto}
.concept-film .identity-cloudfield{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#F2EFE7 0%,#f2efe7e6 18%,#f2efe7ed 56%,#f2efe7de 84%,#F2EFE7 100%),url('assets/cinematic/cloud-cover.webp') center/cover;mask-image:linear-gradient(#000 0%,#000 75%,#000a 89%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 75%,#000a 89%,transparent 100%);opacity:1;contain:paint}
.concept-film .identity-sticky{position:sticky;top:0;min-height:690px;height:100svh;padding:clamp(98px,12svh,120px) 5% 38px;text-align:center;overflow:clip}
.concept-film .identity-atmosphere{position:absolute;inset:0;pointer-events:none;background:url('assets/cinematic/cloud-cover.webp') 52% 68%/cover;opacity:.22;mask-image:linear-gradient(transparent 0%,#0006 25%,#000 52%,transparent 96%);-webkit-mask-image:linear-gradient(transparent 0%,#0006 25%,#000 52%,transparent 96%)}
.concept-film .azure-clouds{position:absolute;inset:-8% -4% -4%;pointer-events:none;background:url('assets/entrance/cloud-banks-clear.webp') 48% 36%/cover no-repeat;opacity:0;contain:paint;mask-image:linear-gradient(#0008,#000 18%,#000d 36%,#0006 49%,#0002 59%,transparent 69%);-webkit-mask-image:linear-gradient(#0008,#000 18%,#000d 36%,#0006 49%,#0002 59%,transparent 69%)}
.concept-film .scene-caption{position:absolute;top:108px;left:clamp(24px,5vw,96px);font-family:var(--title);font-size:20px;font-weight:600;line-height:1.12;letter-spacing:-.015em;text-align:left;color:var(--scene-ink);max-width:160px;z-index:3;opacity:0;pointer-events:none}
.concept-film .scene-foreword{position:absolute;z-index:3;left:clamp(24px,5vw,96px);top:calc(clamp(103px,13svh,138px) - 40px);font-family:var(--title);font-size:clamp(23px,2.25vw,36px);font-weight:600;line-height:1.12;letter-spacing:-.035em;text-align:left;color:#173e4f;opacity:var(--foreword-opacity,0);transform:none;pointer-events:none}
.concept-film .scene-foreword span{display:block}
.concept-film .identity-sculpture-slot{height:clamp(245px,36svh,390px);margin:clamp(42px,6svh,66px) auto 0;max-width:650px}
.concept-film .scene-wordmark{color:var(--scene-ink);opacity:var(--chapter-copy,1)}
.concept-film .scene-wordmark>p{margin-top:36px;color:inherit}
.concept-film .scene-name,.concept-film .scene-name-current{display:inline-flex;align-items:baseline;white-space:nowrap}
.concept-film .scene-name-gap{display:inline-block;flex:none;width:clamp(30px,4.4vw,76px)}
.concept-film .scene-name-current{width:100%;gap:0}
.concept-film .scene-name{opacity:var(--name-reveal,0);transform:translateY(calc((1 - var(--name-reveal,0))*105%));transition:none}
.concept-film .scene-wordmark>p>span{opacity:var(--name-reveal,0);transform:translateY(calc((1 - var(--name-reveal,0))*110%));transition:none}
.concept-film .scene-name-current{animation:none}
.concept-film.is-energized .scene-name-current{animation:concept-name-current 6.6s .2s ease-in-out both}
.concept-film .scene-identity .business-intro{z-index:3;padding:44px 0 0;opacity:calc(var(--name-reveal,0)*var(--chapter-copy,1));transform:translateY(calc((1 - var(--name-reveal,0))*18px));transition:none;color:var(--scene-ink)}
.concept-film .scene-identity .business-intro h2{color:inherit;margin-top:0;line-height:1.16}
.concept-film .scene-identity .intro-small{color:inherit;opacity:.8;transition:none}
.concept-film .scene-identity .business-intro .eyebrow{color:inherit}
.concept-film .cloud-bridge{position:relative;height:0;isolation:isolate;pointer-events:none}
.concept-film .cloud-bridge::before{content:'';position:absolute;left:0;right:0;top:0;height:max(40svh,230px);background:linear-gradient(180deg,#F2EFE7,#f2efe7dc 25%,#f2efe799 50%,#f2efe740 76%,#f2efe700);opacity:1}
.concept-film .cloud-bridge::after{content:'';position:absolute;left:0;right:0;top:0;height:max(40svh,230px);background:url('assets/cinematic/cloud-cover.webp') center 77%/cover;opacity:.12;mask-image:linear-gradient(transparent,#0003 30%,transparent);-webkit-mask-image:linear-gradient(transparent,#0003 30%,transparent)}
.concept-film .connection-hub{height:clamp(210px,32svh,330px);margin-bottom:72px}
.concept-film .maze-viewport{opacity:1;transition:none;z-index:2}
.concept-film .business-grid{z-index:3}
.concept-film .sculpture-stage{z-index:4;transition:opacity 1.25s ease}
.concept-film .scene-k-fallback{width:min(91.2vw,42svh);height:min(91.2vw,42svh)}
.concept-film .scene-replay{position:absolute;z-index:8;left:22px;right:auto;bottom:22px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:13px;color:#173e4f;border:1px solid #ffffff85;border-radius:50%;background:#f2efe78c;box-shadow:inset 0 1px 0 #fff8;transition:background .2s,transform .2s}
.concept-film .scene-replay:hover{background:#fff;transform:translateY(-1px)}
.concept-film .scene-replay svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.concept-film .scene-replay[hidden]{display:none}
.concept-film .phone-preview-toggle{display:flex;align-items:center;gap:6px;order:2;margin-left:auto;color:inherit;font-size:12px;white-space:nowrap;padding:8px;border:1px solid #173e4f25;border-radius:20px}
.concept-film .phone-preview-toggle svg{width:17px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3}
.concept-film.is-phone-preview .phone-preview-toggle{display:none}
.concept-film .scene-controls button{min-height:44px;font-size:12px}
.concept-film .scene-controls .scene-pause{width:44px}
.concept-film .navbar,.concept-film .navbar nav,.concept-film .contact-sheet{backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-theme="azure"] .concept-film .navbar{color:#F2EFE7;background:linear-gradient(120deg,#236487eb,#236487c4 60%,#387693d6);border-color:#f2efe761;box-shadow:inset 0 1px 2px #f2efe74d,0 6px 18px #163b5120}
:root[data-theme="azure"] .concept-film .navbar .nav-logo img{opacity:0}
:root[data-theme="azure"] .concept-film .navbar .nav-logo::before{opacity:1}
:root[data-theme="azure"] .concept-film .navbar.open nav{color:#F2EFE7;background:#236487f5}
:root[data-theme="azure"] .concept-film .phone-preview-toggle{border-color:#f2efe74d}
:root[data-theme="azure"] .concept-film .scene-controls button{color:#F2EFE7;background:#236487dc}
@media(min-aspect-ratio:19/10){.concept-film:not([data-media="portrait"]) .scene-first,.concept-film:not([data-media="portrait"]) .scene-last,.concept-film:not([data-media="portrait"]) .scene-film{object-position:50% 62%}}
@media(max-width:767px){
 .concept-film .scene-opening{min-height:520px}
 .concept-film .identity-sticky{padding-top:103px;padding-bottom:24px}
 .concept-film .identity-sticky{min-height:760px}
 .concept-film .scene-caption{top:104px;left:24px;font-size:17px;line-height:1.12;letter-spacing:-.015em}
 .concept-film .phone-preview-toggle{display:none}
 .concept-film .scene-foreword{top:62px;font-size:23px}
 .concept-film .scene-identity .business-intro{padding-top:36px}
 .concept-film .scene-identity .scene-wordmark h1{font-size:clamp(31px,9.8vw,64px)}
 .concept-film .scene-wordmark,.concept-film .business-intro{max-width:82%;margin-inline:auto}
 .concept-film .scene-wordmark>p{font-size:10px;letter-spacing:.18em}
 .concept-film .scene-identity .business-intro h2{font-size:29px}
 .concept-film .identity-sculpture-slot{height:clamp(275px,36svh,330px);margin-top:92px}
 .concept-film .connection-hub{height:230px;margin-bottom:42px}
 .concept-film .scene-mist{height:42%}
 .concept-film .scene-replay{bottom:18px;left:16px;right:auto}
}
@media(max-height:700px){
 .concept-film .identity-sticky{min-height:760px;padding-top:103px}
 .concept-film .identity-sculpture-slot{margin-top:92px}
 .concept-film .scene-foreword{top:54px;font-size:22px}
 .concept-film .scene-identity .business-intro{padding-top:30px}
 .concept-film .scene-identity .business-intro h2{font-size:30px}
 .concept-film .scene-identity .scene-wordmark h1{font-size:clamp(42px,8vw,84px)}
 .concept-film .scene-identity .intro-small{margin-top:12px}
}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){
 .concept-film[data-media="portrait"] .scene-film,.concept-film[data-media="portrait"] .scene-first,.concept-film[data-media="portrait"] .scene-last{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){
 .concept-film .scene-identity{height:auto}
 .concept-film .identity-sticky{position:relative}
 .concept-film .scene-name,.concept-film .scene-wordmark>p>span,.concept-film .scene-foreword{opacity:1;transform:none}
 .concept-film .scene-identity .business-intro,.concept-film .scene-wordmark{opacity:1;transform:none}
 .concept-film .scene-name-current{animation:none!important}
 .concept-film.explicit-film .scene-film{opacity:1!important}
 .concept-film.explicit-film .scene-controls:not([hidden]){display:flex!important}
}


/* Clear alpha exposes the body's exact #236487 between the clouds. The only
   ivory bridge is the short seam directly below the film, never a sky panel. */
@media(max-width:767px){.concept-film .azure-clouds{background-size:auto 100%;background-position:39% center}}

/* A broad photographic bank, with its own translucent vapor at every edge.
   It shares the page's Azure through real alpha rather than a colored matte. */
.concept-film .identity-cloud-core{position:absolute;display:block;left:50%;transform:translate(-48%,-58%);background:url('assets/entrance/cloud-bank-soft.webp') center/contain no-repeat;aspect-ratio:3/2;opacity:0;pointer-events:none}

/* A dense arrival opens at the sides before the central cloud gives way.
   These photographic layers have static masks; only their opacity changes. */
.concept-film .identity-arrival-center{position:absolute;inset:0;pointer-events:none;background:url('assets/cinematic/cloud-cover.webp') center/cover;opacity:0;mask-image:radial-gradient(ellipse 46% 44% at 50% 32%,#000 35%,#000c 65%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 46% 44% at 50% 32%,#000 35%,#000c 65%,transparent 100%);contain:paint}
:root[data-theme=azure] .concept-film .identity-cloudfield{background:linear-gradient(#F2EFE7 0%,#f2efe7de 4%,#f2efe718 26%,transparent 50%),url('assets/cinematic/cloud-cover.webp') center/cover;mask-image:linear-gradient(#000 0%,#000 54%,#000b 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 54%,#000b 72%,transparent 100%)}
.concept-film .identity-caption-cloud{position:absolute;top:-64px;left:clamp(-116px,-8vw,-64px);width:clamp(450px,42vw,600px);aspect-ratio:3/2;background:url('assets/entrance/cloud-bank-soft.webp') center/contain no-repeat;opacity:0;pointer-events:none}
.concept-film .scene-caption,:root[data-theme=azure] .concept-film .scene-caption{color:#045BAB;text-shadow:none}
.concept-film .identity-cloudfield{z-index:1}
.concept-film .identity-arrival-center{z-index:1}
.concept-film .identity-caption-cloud,.concept-film .identity-cloud-core{z-index:2}
.concept-film .azure-clouds{z-index:0}
.concept-film .scene-wordmark,.concept-film .business-intro{position:relative;z-index:3}
@media(max-width:767px){.concept-film .identity-caption-cloud{top:-45px;left:-112px;width:440px}}

.contact-about{display:flex;justify-content:center;margin:30px auto 0}