:root{--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--sans)}header{position:absolute;z-index:2;width:100%;height:82px;padding:0 4.8vw;display:flex;justify-content:space-between;align-items:center}header a{font:11px var(--mono);color:var(--color-text-primary);text-decoration:none;text-transform:uppercase}.site{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:-.06em}.hero{min-height:730px;padding:140px 4.8vw 54px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--color-bg-subtle)}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.logo{display:block;width:240px;height:92px;object-fit:contain;object-position:left center;margin:28px 0 18px;mix-blend-mode:multiply}.hero h1,.statement h2,.range h2,.principles h2,.cta h2{font-size:clamp(55px,6.7vw,105px);letter-spacing:-.09em;line-height:.86;margin:0}.hero em,.statement em,.range em,.principles em,.cta em{font-family:Georgia,serif;font-weight:400}.intro{font-size:14px;line-height:1.7;max-width:370px;margin:27px 0}.button{display:inline-block;background:var(--color-accent);color:#fff;padding:14px 18px;border-radius:24px;text-decoration:none;font-size:12px;font-weight:800}.hero-art{min-height:515px;background:var(--color-accent);position:relative;overflow:hidden}.plate{width:310px;height:310px;border:16px solid var(--color-bg-page);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:18px 18px 0 var(--color-text-primary)}.plate b{position:absolute;width:28px;height:28px;border:7px solid var(--color-text-primary);border-radius:50%;top:43%;left:43%}.plate b:nth-child(2){transform:translate(-82px,-68px)}.plate b:nth-child(3){transform:translate(78px,66px)}.hero-art span{position:absolute;right:26px;bottom:27px;text-align:right;color:#fff;font:12px/1.35 var(--mono)}.statement{padding:115px 13vw;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw}.statement h2{font-size:clamp(45px,5.5vw,83px);grid-row:2;margin-top:10px}.statement>p:last-child{grid-column:2;grid-row:2;font-size:14px;line-height:1.8;margin:15px 0}.range{background:var(--color-brand-primary);color:#fff;padding:110px 4.8vw}.range-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.range h2{font-size:clamp(46px,5.5vw,83px)}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border-on-dark)}.grid article{min-height:280px;padding:19px 19px 0 0;border-right:1px solid var(--color-border-on-dark)}.grid article:not(:first-child){padding-left:19px}.grid article:last-child{border-right:0}.grid span{font:10px var(--mono);color:var(--color-bg-accent-subtle)}.draw{height:95px;margin:19px 0;position:relative}.cooktop{width:125px;height:70px;border:3px solid #fff;border-radius:50%;box-shadow:48px 0 0 -10px var(--color-text-primary),48px 0 0 -7px #fff}.chimney{width:110px;border:3px solid #fff;border-bottom:8px solid #fff;background:var(--color-accent)}.chimney:before{content:'';width:34px;height:60px;border:3px solid #fff;border-bottom:0;position:absolute;left:34px;top:-60px}.small{font-size:76px;color:var(--color-bg-accent-subtle)}.hob{width:130px;height:72px;border:3px solid #fff;border-radius:11px}.hob:before{content:'●  ●  ●';letter-spacing:12px;position:absolute;top:18px;left:16px;font-size:20px}.grid h3{font-size:21px;letter-spacing:-.06em;margin:0 0 8px}.grid p{font-size:12px;line-height:1.5;color:var(--color-text-muted-on-dark);margin:0}.principles{min-height:560px;background:var(--color-bg-highlight-subtle);padding:105px 4.8vw;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.circle{width:390px;height:390px;border:1px solid var(--color-text-primary);border-radius:50%;display:grid;place-items:center;font:350px/.9 Georgia,serif;color:var(--color-accent);position:absolute;left:8%;top:90px}.principles>div:last-child{z-index:1}.principles h2{font-size:clamp(45px,5.2vw,78px);margin:37px 0 20px}.principles p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px}.principles a{color:var(--color-text-primary);font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--color-text-primary);padding-bottom:5px}.cta{padding:105px 4.8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.cta h2{font-size:clamp(46px,5.5vw,83px);margin:0 0 30px}.dark{background:var(--color-brand-primary)}footer{background:var(--color-brand-primary);color:#fff;padding:34px 4.8vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer img{width:155px;height:62px;object-fit:contain;background:#fff}footer p,footer a{font:11px/1.6 var(--mono);color:#fff;text-decoration:none;margin:0}@media(max-width:700px){header{height:65px;padding:0 22px}.site{display:none}.hero{display:block;padding:105px 22px 0}.logo{width:210px;height:72px;margin:22px 0 14px}.hero h1{font-size:61px}.intro{font-size:13px}.hero-art{margin-top:49px;min-height:330px}.plate{transform:translate(-50%,-50%) scale(.73)}.statement{display:block;padding:75px 22px}.statement h2{font-size:49px;margin:31px 0 20px}.statement>p:last-child{font-size:13px;margin:0}.range{padding:75px 22px}.range-head{display:block;margin-bottom:38px}.range h2{font-size:49px;margin-top:33px}.grid{grid-template-columns:1fr 1fr}.grid article{min-height:240px;border-bottom:1px solid var(--color-border-on-dark)}.grid article:nth-child(2){border-right:0}.grid article:nth-child(3){padding-left:0}.draw{transform:scale(.8);transform-origin:left center}.grid h3{font-size:18px}.grid p{font-size:11px}.principles{display:block;padding:75px 22px;min-height:510px}.circle{width:280px;height:280px;font-size:260px;left:-34px;top:245px}.principles h2{font-size:49px}.principles p:not(.eyebrow){font-size:13px}.cta{display:block;padding:75px 22px}.cta h2{font-size:49px;margin:33px 0 24px}footer{padding:29px 22px;display:grid;gap:21px}footer img{width:150px}}

.catalogue-button{display:inline-block;border:1px solid #fff;border-radius:24px;padding:13px 17px;color:#fff;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.catalogue-button:hover{background:#fff;color:var(--color-text-primary)}@media(max-width:700px){.catalogue-button{margin-top:27px;font-size:11px}}
.resource-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.resource-actions .catalogue-button{margin:0}.price-request{background:#fff;color:var(--color-text-primary)}@media(max-width:700px){.resource-actions{justify-content:flex-start;margin-top:27px}.resource-actions .catalogue-button{margin:0}}
.grid .category-image{height:108px;margin:20px 0 17px;background-repeat:no-repeat;background-size:200% 200%;background-color:var(--color-brand-soft);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.grid .category-image+h3{margin:0 0 8px}.grid .draw{display:none}@media(max-width:700px){.grid .category-image{height:88px;margin:17px 0 13px}}
.category-image{height:76px!important;margin:18px 0 16px!important;filter:grayscale(1) contrast(1.08) brightness(.78);opacity:.72;border:0!important;border-radius:0!important;box-shadow:none!important;background-size:210% 210%!important;background-blend-mode:luminosity}@media(max-width:700px){.category-image{height:62px!important;margin:16px 0 13px!important;opacity:.65}}
.grid .draw{display:block}

/* Junto values panel: a calm, self-contained brand composition */
.principles{min-height:620px;padding:92px 8vw;background:var(--color-bg-highlight-subtle);grid-template-columns:minmax(250px,.82fr) minmax(380px,1.18fr);gap:clamp(52px,9vw,150px);align-items:center;isolation:isolate}
.principles:before{content:'';position:absolute;inset:34px 4.8vw;border-top:1px solid rgba(32, 36, 42, .34);border-bottom:1px solid rgba(32, 36, 42, .2);pointer-events:none}
.circle{position:relative;left:auto;top:auto;width:clamp(270px,31vw,430px);height:clamp(270px,31vw,430px);justify-self:center;display:grid;place-items:center;border:0;border-radius:50%;background:var(--color-brand-primary);box-shadow:16px 18px 0 rgba(200,58,34,.95);font:clamp(230px,26vw,370px)/.74 Georgia,serif;color:var(--color-highlight);letter-spacing:-.13em;transform:rotate(-8deg)}
.circle:before{content:'JUNTO';position:absolute;top:34px;left:50%;transform:translateX(-50%) rotate(8deg);font:500 10px/1 var(--mono);letter-spacing:.18em;color:#fff;white-space:nowrap}
.circle:after{content:'EVERYDAY\A TOGETHERNESS';position:absolute;right:-24px;bottom:37px;display:grid;place-items:center;width:104px;height:104px;padding:16px;border-radius:50%;background:var(--color-accent);color:#fff;text-align:center;white-space:pre;font:500 9px/1.45 var(--mono);letter-spacing:.06em;transform:rotate(8deg)}
.principles>div:last-child{grid-column:2;grid-row:1;position:relative;z-index:1;max-width:610px;padding:22px 0 22px 36px;border-left:2px solid var(--color-text-primary)}
.principles h2{margin:24px 0 23px;font-size:clamp(54px,6vw,90px);line-height:.88;letter-spacing:-.075em}
.principles p:not(.eyebrow){max-width:520px;margin:0 0 26px;font-size:15px;line-height:1.78}
.principles a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-text-primary);border-radius:999px;padding:13px 18px;font:800 12px/1 var(--sans);transition:background .25s ease,color .25s ease,transform .25s ease}
.principles a:hover{background:var(--color-brand-primary);color:#fff;transform:translateY(-2px)}
@media(max-width:700px){.principles{display:grid;grid-template-columns:1fr;gap:48px;min-height:0;padding:72px 28px 82px}.principles:before{inset:20px 22px}.principles>div:last-child{grid-column:1;grid-row:1;padding:0 0 0 18px;border-left-width:2px}.principles h2{font-size:55px;margin:20px 0}.principles p:not(.eyebrow){font-size:13px;line-height:1.72;margin-bottom:23px}.circle{grid-column:1;grid-row:2;width:min(68vw,310px);height:min(68vw,310px);font-size:min(59vw,270px);justify-self:start;margin-left:18px;box-shadow:11px 13px 0 rgba(200,58,34,.95)}.circle:before{top:25px;font-size:8px}.circle:after{width:82px;height:82px;right:-18px;bottom:20px;padding:12px;font-size:7px}.principles a{padding:12px 15px;font-size:11px}}

/* Final Junto values composition: graphic tile + editorial card */
.principles{min-height:640px;padding:88px 9vw;background:var(--color-bg-page);grid-template-columns:minmax(270px,.8fr) minmax(360px,1.2fr);gap:clamp(46px,8vw,130px);align-items:center}
.principles:before{inset:auto 0 0 auto;width:38%;height:100%;border:0;background:linear-gradient(135deg,transparent 0 48%,rgba(246,192,74,.32) 48% 50%,transparent 50% 100%);opacity:.9}
.circle{width:min(100%,440px);height:auto;aspect-ratio:1/1;justify-self:center;position:relative;left:auto;top:auto;border-radius:3px;background:var(--color-brand-primary);box-shadow:none;transform:none;color:var(--color-highlight);font:clamp(230px,25vw,355px)/.78 Georgia,serif;overflow:hidden}
.circle:before{content:'JUNTO / SHARED VALUES';top:28px;left:28px;transform:none;color:#fff;font:500 10px/1 var(--mono);letter-spacing:.13em}
.circle:after{content:'';right:0;bottom:0;width:37%;height:37%;padding:0;border-radius:0;background:var(--color-accent);transform:none}
.principles>div:last-child{grid-column:2;grid-row:1;max-width:620px;padding:clamp(34px,4vw,62px);border-left:0;background:#fff;box-shadow:0 18px 50px rgba(32, 36, 42, .09)}
.principles>div:last-child:before{content:'01 / WHAT MOVES JUNTO';display:block;margin-bottom:32px;color:var(--color-accent);font:500 10px/1 var(--mono);letter-spacing:.09em}
.principles .eyebrow{color:var(--color-text-primary);opacity:.72}
.principles h2{margin:22px 0 25px;font-size:clamp(50px,5.7vw,86px);line-height:.9}
.principles p:not(.eyebrow){max-width:500px;margin:0 0 29px;font-size:15px;line-height:1.8}
.principles a{border:0;border-radius:0;padding:0 0 7px;font:800 12px/1 var(--sans);box-shadow:inset 0 -2px 0 var(--color-accent);transition:color .22s ease,box-shadow .22s ease}
.principles a:hover{background:transparent;color:var(--color-accent);box-shadow:inset 0 -100px 0 rgba(200,58,34,.08);transform:none}
@media(max-width:700px){.principles{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:0;background:var(--color-bg-page)}.principles:before{display:none}.principles>div:last-child{grid-column:1;grid-row:1;width:100%;padding:62px 28px 58px;box-shadow:none}.principles>div:last-child:before{margin-bottom:27px}.principles h2{font-size:56px;margin:18px 0 21px}.principles p:not(.eyebrow){font-size:13px;margin-bottom:25px}.circle{grid-column:1;grid-row:2;width:100%;max-width:none;height:auto;aspect-ratio:1.24/1;justify-self:stretch;margin:0;border-radius:0;font-size:min(67vw,300px)}.circle:before{top:24px;left:28px;font-size:8px}.circle:after{width:34%;height:34%}}
.category-lottie{display:none;width:112px;height:76px;margin:20px 0 18px}.category-lottie:defined{display:block}.grid article:has(.category-lottie:defined) .category-icon,.grid article:has(.category-lottie:defined) .draw{display:none}@media(prefers-reduced-motion:reduce){.category-lottie:defined{display:none}.grid article .category-icon,.grid article .draw{display:block!important}}

/* Compact trade-support actions used in every brand footer */
footer .footer-trade{display:grid;gap:5px;justify-items:start}footer .footer-trade span{font:10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.68}footer .footer-trade-action{display:inline-flex;align-items:center;min-height:31px;padding:0 12px!important;border:1px solid currentColor;border-radius:17px;font:700 10px/1 var(--sans)!important;letter-spacing:0!important;text-decoration:none!important}footer .footer-trade-action:hover{background:#fff;color:var(--color-text-primary)}footer .footer-trade-phone{font:10px/1.3 var(--mono)!important;opacity:.8}@media(max-width:700px){footer .footer-trade{gap:7px}footer .footer-trade-action{min-height:35px;padding:0 14px!important}}

@media(max-width:360px){.grid{grid-template-columns:minmax(0,1fr)}.grid article{min-width:0;border-right:0}.grid article:not(:first-child){padding-left:0}}