@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600&family=Manrope:wght@400;500;600;650&display=swap');
:root{color-scheme:dark;--bg:#0c0b12;--ink:#f4f1ff;--muted:#b4afc5;--purple:#b89aff;--orange:#f5a252;--line:#302939}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 'DM Sans',sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}p,h1,h2,h3{margin-top:0}.wrap{max-width:1280px;margin:auto;padding:0 56px}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:var(--bg);padding:12px;z-index:50}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.nav-row{height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;width:max-content;line-height:1}.brand-fruit{width:40px;height:44px;object-fit:contain}.brand-type{display:block}.brand-name{font:650 28px 'Manrope',sans-serif;letter-spacing:-1.5px}.brand-accent{color:var(--orange)}.brand-company{display:block;font-size:8px;letter-spacing:4px;margin:7px 0 0 2px;color:var(--muted)}.nav-row nav{display:flex;gap:36px;font-size:13px}.nav-row nav a:last-child{border-bottom:1px solid #755a92;padding-bottom:3px}.nav-row nav span{margin-left:16px;color:var(--orange)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding-top:78px}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.6px;text-transform:uppercase;display:flex;gap:10px;align-items:center;color:var(--purple)}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--orange)}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:500}h1{font-size:clamp(52px,5.8vw,80px);line-height:1.08;letter-spacing:-4px;margin:26px 0}h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-copy>p{max-width:430px;font-size:16px;color:var(--muted);line-height:1.85}.button{display:inline-flex;align-items:center;gap:40px;background:var(--purple);color:#21162e;padding:14px 21px;border-radius:4px;font-size:13px;font-weight:550;margin-top:15px;transition:background .2s}.button:hover{background:#cfb9fa}.identity{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:500px;padding:26px;background:radial-gradient(ellipse at 70% 65%,#62321230,transparent 65%),#17131f;color:#c0b4d0;border:1px solid #392945;border-radius:180px 180px 6px 6px;overflow:hidden;margin-top:24px}.identity:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,#60407855,transparent 65%);pointer-events:none}.identity-label{text-align:center;font-size:9px;letter-spacing:1.7px;margin-top:36px;position:relative}.identity .citrus-fruit-hero{width:310px;height:310px;object-fit:contain;position:relative;margin:14px auto}.identity-footer{display:flex;justify-content:space-between;gap:15px;width:100%;font-size:10px;border-top:1px solid #4a3c57;padding-top:15px;position:relative}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:10px;color:var(--muted);margin-top:38px}.hero-foot span span{margin-left:15px;color:var(--orange)}.company-section{padding:85px 0 90px;border-top:1px solid var(--line)}.company-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:50px}.company-grid>.eyebrow{align-self:start;padding-top:12px}.company-grid h2{font-size:42px;line-height:1.2;letter-spacing:-1.8px;margin-bottom:28px}.company-grid p{font-size:16px;color:var(--muted);max-width:650px;margin-bottom:18px}.portfolio{padding-top:70px;padding-bottom:85px;border-top:1px solid var(--line)}.portfolio-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}h2{font-size:46px;line-height:1.17;letter-spacing:-2px;margin:20px 0 0}.portfolio-heading p{color:var(--muted);font-size:13px;margin-bottom:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#181320;border:1px solid #3c2d4e;border-radius:6px;padding:26px;display:flex;flex-direction:column;min-height:490px}.product-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.product-index{font-size:9px;letter-spacing:1px;color:#cfbddf}.tag{font-size:9px;border:1px solid #5d4574;border-radius:3px;padding:3px 7px;color:#d2b7ed}.product-art{display:grid;place-items:center;height:160px;margin-top:20px}.product-art img{object-fit:contain;height:112px;width:auto}.product-copy{margin-top:auto}.product h3{font-size:29px;letter-spacing:-1.4px;margin:0 0 10px}.product small{font:550 9px 'DM Sans',sans-serif;letter-spacing:2px;vertical-align:middle;margin-left:6px;border:1px solid #594369;padding:4px 6px;border-radius:3px}.product p{font-size:13px;color:#beb0ca;margin-bottom:24px}.product-link{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #473354;padding-top:18px;font-size:12px;font-weight:550}.product-link:hover span{transform:translate(3px,-3px)}.product-link span{transition:transform .2s;font-size:18px;color:var(--orange)}.viocore{background:#1c1427;border-color:#443154}.viocore .product-art img{width:200px;height:140px;object-fit:contain}.curbkick{background:#141e1a;border-color:#2e4439}.curbkick .tag{border-color:#446252;color:#bed7c9}.curbkick .product-index{color:#bdd2c7}.curbkick .product-link{border-color:#344e40}.curbkick p{color:#b1c6bb}.curbkick .product-art img{width:110px;height:136px;object-fit:contain}.portfolio-note{font-size:11px;color:var(--muted);margin:22px 0 0}.closing{background:radial-gradient(ellipse at 90% 80%,#87482120,transparent 65%),#1c1526;border-top:1px solid #3c2b4b;border-bottom:1px solid #3c2b4b}.closing-inner{padding-top:65px;padding-bottom:65px}.closing h2{font-size:52px}.closing p{max-width:380px;font-size:14px;color:var(--muted);margin-top:22px}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid #8a689f;padding-bottom:5px;font-size:12px;margin-top:10px}.text-link span{color:var(--orange)}.footer{padding-top:46px;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-products{display:flex;gap:28px;font-size:11px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;margin-top:38px;padding-top:22px;font-size:10px;color:var(--muted)}
@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:24px}.identity{min-height:470px}.identity .citrus-fruit-hero{width:260px;height:290px}.identity-label{font-size:8px}.identity-footer{font-size:9px;gap:8px}.product{padding:22px}.portfolio-grid{gap:16px}.company-grid{grid-template-columns:.8fr 1.5fr;gap:35px}.footer-products{gap:18px}}@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.product{min-height:430px}.product-art{height:155px;margin-top:12px}.product p{max-width:600px}.product-top{flex-wrap:nowrap}.identity .citrus-fruit-hero{width:230px;height:270px}}@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.nav-row{height:90px;gap:20px}.brand-name{font-size:25px}.brand-fruit{width:34px;height:38px}.nav-row nav{gap:18px;font-size:11px}.nav-row nav span{margin-left:5px}.nav-row nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:26px}h1{font-size:58px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.1px}.identity{min-height:350px;margin:16px 0 0;border-radius:150px 150px 5px 5px;padding:22px}.identity-label{margin-top:16px;font-size:8px}.identity .citrus-fruit-hero{width:240px;height:240px;margin:14px auto}.identity-footer{font-size:9px}.hero-foot{margin-top:10px;gap:15px;font-size:9px;align-items:center}.hero-foot>span:last-child{max-width:140px;text-align:right}.company-section{padding:55px 0}.company-grid{grid-template-columns:1fr;gap:20px}.company-grid h2{font-size:34px;margin-top:5px}.company-grid p{font-size:15px}.portfolio{padding-top:50px;padding-bottom:55px}.portfolio-heading{display:block;margin-bottom:30px}h2{font-size:37px}.portfolio-heading p{margin-top:22px}.portfolio-grid{gap:20px}.product{padding:24px}.product h3{font-size:30px}.product p{font-size:14px}.product-index{font-size:8px}.closing-inner{padding-top:50px;padding-bottom:50px}.closing h2{font-size:44px}.footer-top{flex-direction:column;align-items:flex-start;gap:30px}.footer-products{display:flex;flex-wrap:wrap;gap:16px 30px}.footer-bottom{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.product-link span{transition:none}}
.inquiry-hero{padding-top:76px;padding-bottom:72px}.inquiry-hero h1{font-size:clamp(44px,5vw,68px)}.inquiry-hero>p{max-width:610px;font-size:17px;color:var(--muted)}.inquiry-contact{margin-top:42px;padding:32px;border:1px solid #4a355e;border-radius:8px;max-width:800px;background:radial-gradient(ellipse at right,#78421b1c,transparent 65%),#191321}.contact-label{font-size:11px;color:var(--purple);letter-spacing:1px;display:block;text-transform:uppercase}.inquiry-address{display:flex;justify-content:space-between;gap:20px;font:500 clamp(23px,3vw,36px)/1.4 Manrope,sans-serif;letter-spacing:-1px;margin:14px 0;overflow-wrap:anywhere}.inquiry-address>span{color:var(--orange)}.inquiry-contact p{font-size:12px;color:var(--muted)}.inquiry-about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:60px;padding-bottom:80px;border-top:1px solid var(--line)}.inquiry-about p{color:var(--muted);font-size:14px;max-width:460px;margin:24px 0 0}.inquiry-products a{display:block;padding:23px 0;border-bottom:1px solid var(--line);font-family:Manrope,sans-serif;font-size:20px}.inquiry-products span{display:block;color:var(--muted);font:12px 'DM Sans',sans-serif;margin-top:8px}.closing-email a{color:var(--orange);font-size:13px}.nav-row nav a[aria-current=page]{color:var(--purple)}@media(max-width:650px){.inquiry-hero{padding-top:48px;padding-bottom:50px}.inquiry-contact{padding:23px}.inquiry-hero>p{font-size:15px}.inquiry-address{gap:12px;letter-spacing:-.8px}.inquiry-about{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:55px}}@media(max-width:400px){.nav-row{gap:12px}.brand{gap:8px}.brand-fruit{width:28px;height:34px}.brand-name{font-size:23px}.nav-row nav{gap:12px;font-size:10px}.nav-row nav span{margin-left:2px}.inquiry-address{font-size:21px}.inquiry-contact{padding:19px}}

/* Approved corporate footer only; parent-company page remains a local proposal. */
.corporate-footer{display:flex;align-items:center;justify-content:space-between;gap:44px;border-top:1px solid var(--line);padding:28px 0}.corporate-footer p{margin:0 0 7px;color:var(--muted);font-size:12px;line-height:1.7;max-width:610px}.corporate-footer p:first-child{color:var(--text)}.corporate-parent-logo{flex-shrink:0;width:176px;height:108px;object-fit:contain}@media(max-width:650px){.corporate-footer{align-items:flex-start;gap:20px}.corporate-parent-logo{width:112px;height:84px}}@media(max-width:420px){.corporate-footer{flex-direction:column;gap:15px}.corporate-parent-logo{width:148px;height:90px}}

/* Clear, generous product entry points. */
.product-logo-link{display:grid;place-items:center;text-decoration:none;cursor:pointer}.product-title-link{color:inherit;text-decoration:none}.product-title-link:hover{text-decoration:underline;text-underline-offset:.18em}.product-logo-link img{transition:transform .2s ease}.product-logo-link:hover img{transform:scale(1.04)}.product-logo-link:focus-visible,.product-title-link:focus-visible{outline:2px solid #c8a8ff;outline-offset:6px;border-radius:8px}@media(prefers-reduced-motion:reduce){.product-logo-link img{transition:none}}

/* Shared logo stage with optical sizing for each original asset's transparent padding. */
.product .product-art{height:224px;margin-top:20px;display:grid;place-items:center}
.product .product-art img{width:184px;height:184px;max-width:100%;object-fit:contain}
.product.curbkick .product-art img{width:224px;height:224px}
.product.viocore .product-art img{width:184px;height:184px}
@media(max-width:650px){.product .product-art{height:212px;margin-top:16px}}

.about-hero{padding-top:76px;padding-bottom:72px}.about-hero h1{font-size:clamp(44px,5.6vw,78px);max-width:1000px;line-height:1.12}.about-hero p{max-width:760px;color:var(--muted);line-height:1.9}.about-lead{font-size:18px;line-height:1.9;color:var(--muted);max-width:780px}.about-hero .text-link{display:inline-block;margin-top:20px}.about-band{background:#141019;border-block:1px solid var(--line)}.about-section{display:grid;grid-template-columns:.75fr 1.5fr;gap:65px;padding-top:70px;padding-bottom:70px}.about-section h2,.about-products h2,.about-principles h2{font-size:clamp(34px,3.7vw,50px)}.about-section p{color:var(--muted);font-size:16px;line-height:1.9;max-width:760px}.about-section h3{margin-top:35px}.about-products,.about-principles{padding-top:72px;padding-bottom:72px}.about-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.about-product-grid>a{padding:26px;border:1px solid var(--line);border-radius:12px;background:#191321}.about-product-grid>a:hover{border-color:var(--purple)}.about-product-grid span,.principle-grid article>span{color:var(--orange);font-size:11px;letter-spacing:1px}.about-product-grid h3{font-size:25px;margin:16px 0}.about-product-grid p,.principle-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:38px}.principle-grid article{border-top:1px solid var(--line);padding-top:20px}.principle-grid h3{font-size:18px;line-height:1.5}.about-product-grid a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}@media(max-width:800px){.about-section{grid-template-columns:1fr;gap:24px}.about-product-grid{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.about-hero{padding-top:45px;padding-bottom:48px}.about-hero h1{letter-spacing:-2px}.about-lead{font-size:16px}.about-products,.about-principles{padding-top:48px;padding-bottom:48px}.about-section{padding-top:48px;padding-bottom:48px}.principle-grid{grid-template-columns:1fr;gap:18px}}

/* Subtle movement, with an immediate reduced-motion alternative. */
.header{transition:background-color .25s ease,box-shadow .25s ease}.header.is-scrolled{background:#0c0b12f5;box-shadow:0 8px 30px #0003}
.product,.about-product-grid>a{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.button,.text-link,.footer a,.nav-row nav a{transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}
.button:hover{box-shadow:0 6px 24px #7950c82b}.text-link:hover{color:var(--purple)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.product:hover,.about-product-grid>a:hover{transform:translateY(-5px);box-shadow:0 16px 34px #0002}.identity .citrus-fruit-hero{animation:citrus-drift 7s ease-in-out infinite}}
@keyframes citrus-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.product:hover,.about-product-grid>a:hover,.product-logo-link:hover img{transform:none!important}}

/* JUC portfolio introduction. */
.product.juc{background:radial-gradient(ellipse at top right,#59388c2c,transparent 70%),#15101f;border-color:#4a3561}.product.juc .tag{color:#d7ff65;border-color:#697c39}.product.juc .product-art img{width:245px;height:164px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.portfolio-grid,.about-product-grid{grid-template-columns:1fr}}
