:root{
  --mp-red:#de191b;
  --mp-blue:#2596be;
  --navy:#102d46;
  --navy-soft:#244c67;
  --paper:#f7f9fa;
  --ice:#e8f2f6;
  --white:#fff;
  --body:#506879;
  --line:#dce6eb;
  --display:'Outfit',sans-serif;
  --text:'Work Sans',sans-serif;
  --page-gutter:clamp(24px,8vw,124px);
  font-family:var(--text);
  color:var(--navy);
  background:var(--paper);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--text);font-size:15px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
.page{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}

/* Loader */
.loader{position:fixed;inset:0;z-index:100;background:var(--navy);color:var(--white);display:grid;place-content:center;justify-items:center;gap:20px;transition:opacity .55s ease,visibility .55s ease}
.loader:before,.loader:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}
.loader:before{width:min(75vw,620px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-60%)}
.loader:after{width:min(60vw,460px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-60%)}
.loader.done{opacity:0;visibility:hidden}
.loader-mark{position:relative;z-index:1;width:200px;max-width:64vw;height:132px;display:grid;place-items:center;font-size:0;line-height:0}
.loader-logo{display:block;width:100%;max-width:100%;height:auto;animation:logo-arrive .7s cubic-bezier(.2,.8,.2,1) both}
.loader-track{position:relative;z-index:1;width:190px;height:3px;border-radius:999px;background:#ffffff2c;overflow:hidden}
.loader-track i{display:block;width:42%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mp-blue),#7bd2e9,var(--mp-red));animation:loading-sweep 1.2s ease-in-out infinite alternate}
.loader small{position:relative;z-index:1;font:600 9px var(--text);letter-spacing:2.3px;color:#c0d4df}
@keyframes logo-arrive{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes loading-sweep{to{transform:translateX(140%)}}

/* Header and navigation */
.site-header{height:88px;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#f7f9faf2;border-bottom:1px solid #dce6eb;backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;min-width:150px;min-height:64px}
.brand-logo{display:block;width:142px;height:auto;max-height:72px;object-fit:contain}
.nav{display:flex;align-items:center;gap:clamp(22px,3vw,44px);font-size:13px;font-weight:600}
.nav>a:not(.nav-contact){color:#536e81;transition:color .18s ease}
.nav>a:hover{color:#147596}
.nav>a.active{color:var(--mp-red)}
.nav-contact{min-height:46px;display:flex;align-items:center;gap:20px;padding:0 23px;border-radius:999px;background:var(--mp-red);color:#fff;box-shadow:0 8px 20px #de191b30;transition:transform .18s,background .18s,box-shadow .18s}
.nav-contact:hover{transform:translateY(-2px);background:#bf1517;box-shadow:0 11px 22px #de191b42}
.nav-contact span{font-size:17px;color:#fff}
.nav .nav-contact,.nav .nav-contact:hover,.nav .nav-contact.active{color:#fff}
.menu-toggle{display:none}

/* Type and controls */
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display)}
.section-kicker{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#688195;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:0 24px;border:0;border-radius:999px;font:700 13px var(--text);letter-spacing:.05px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-3px)}
.button:active{transform:translateY(-1px)}
.button span{font-size:18px;line-height:1}
.button-light{color:#fff;background:var(--mp-red);box-shadow:0 10px 24px #de191b33}
.button-light:hover{background:#bd1619;box-shadow:0 13px 26px #de191b42}
.button-green{color:#08273a;background:var(--mp-blue);box-shadow:0 10px 24px #2596be36}
.button-green:hover{background:#147b9f;box-shadow:0 13px 26px #2596be45}
.button-dark{color:#fff;background:var(--navy);box-shadow:0 10px 24px #102d4622}
.button-dark:hover{background:#1e4b68}
.button:focus-visible,.nav a:focus-visible,.text-link:focus-visible,.arrow-link:focus-visible{outline:3px solid #2596be80;outline-offset:4px}

/* Home hero */
.hero{min-height:690px;height:min(790px,calc(100svh - 88px));padding-top:38px;padding-bottom:56px;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:2vw;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(118deg,#102d46 0%,#153d59 58%,#1b526b 100%);color:#fff}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.hero:before{width:530px;height:530px;right:-160px;top:-280px;background:radial-gradient(circle,#2596be4f,transparent 70%)}
.hero:after{width:400px;height:400px;left:-240px;bottom:-260px;background:radial-gradient(circle,#de191b47,transparent 70%)}
.hero-copy{position:relative;z-index:2;max-width:590px;padding-bottom:42px;animation:hero-copy-in .8s .12s both}
.eyebrow{width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0c;color:#d7e6ee;font-size:9px;font-weight:600;letter-spacing:1.5px}
.eyebrow>span{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--mp-red);box-shadow:0 0 0 5px #de191b27}
.hero h1{max-width:650px;margin:28px 0 23px;font:600 clamp(58px,6.25vw,88px)/.99 var(--display);letter-spacing:-.058em}
.hero h1 em{font-style:normal;color:#6dc8e5}
.hero-copy>p{max-width:435px;margin-bottom:0;color:#d0e0e8;font-size:16px;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #ffffff52;color:#f1f6f8;font-size:12px;font-weight:600}
.text-link span{font-size:17px;color:#77cfe9}
.hero-proof{position:absolute;left:0;top:auto;bottom:-17px;display:flex;align-items:center;gap:12px;color:#c3d7e1;font-size:11px;line-height:1.5}
.proof-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff58;border-radius:50%;color:#86d3eb;font-size:14px}
.proof-icon{font-size:0}
.proof-icon:before{content:"";width:9px;height:9px;border:1px solid #86d3eb;transform:rotate(45deg);box-shadow:0 0 0 4px #86d3eb19}
.hero-proof b{color:#fff}
.hero-visual{height:480px;position:relative;display:grid;place-items:center;perspective:1200px;animation:hero-art-in .9s .18s both}
.hero-image-placeholder{width:min(100%,510px);height:420px;position:relative;overflow:hidden;border:1px solid #ffffff35;border-radius:30px;background:radial-gradient(ellipse at 52% 59%,#315e7b 0%,#1a4562 48%,#14364f 84%);box-shadow:0 32px 70px #061b2c65;transform:rotateY(-4deg) rotateX(2deg);transition:transform .5s ease}
.hero-image-placeholder:hover{transform:rotateY(0) rotateX(0) translateY(-5px)}
.hero-image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 35%,#ffffff13 36%,transparent 60%),radial-gradient(circle at 18% 19%,#ffffff10 0 1px,transparent 2px);background-size:auto,19px 19px;opacity:.55}
.image-note,.art-caption{position:absolute;z-index:3;top:16px;left:16px;padding:8px 11px;border:1px solid #ffffff2b;border-radius:999px;background:#102d46bf;color:#e5f1f6;font-size:8px;font-weight:600;letter-spacing:1px;backdrop-filter:blur(8px)}
.image-note{font-size:0}
.image-note:before{content:"VINIL · FILM · EMBALAJE";font:600 8px var(--text);letter-spacing:1px}
.image-note small{display:none}
.package{position:absolute;filter:drop-shadow(18px 24px 21px #061b2c72)}
.package-one{width:190px;height:246px;left:75px;top:96px;background:linear-gradient(110deg,#e4e6e1,#fff 48%,#c7d1d5);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);transform:rotate(-8deg)}
.package-one:after{content:"MP";position:absolute;top:82px;left:50px;color:var(--mp-red);font:800 36px var(--display);letter-spacing:-5px}
.package-two{width:171px;height:220px;right:62px;top:75px;background:linear-gradient(110deg,#087eae,#54b6db 55%,#147fa8);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transform:rotate(8deg)}
.package-two:after{content:"EMPAQUES";position:absolute;top:87px;left:30px;color:#fff;font:700 11px var(--display);letter-spacing:1px}
.package-three{width:220px;height:77px;left:153px;bottom:35px;border-radius:50%;background:linear-gradient(90deg,#dce2e2,#fff 48%,#b7c5ca);box-shadow:inset 0 -18px 0 #a9b5ba;transform:rotate(-6deg)}
.orbit{position:absolute;width:475px;height:140px;border:1px solid #7bc9e651;border-radius:50%;transform:rotate(-22deg)}
.orbit-b{width:422px;height:157px;transform:rotate(34deg)}
.visual-label{position:absolute;right:20px;bottom:20px;padding:10px 13px;border:1px solid #ffffff2b;border-radius:12px;background:#102d46d9;color:#e8f2f6;font:600 9px/1.45 var(--text);letter-spacing:1px;text-align:right;backdrop-filter:blur(8px)}
.visual-label b{color:#6dc8e5}
.hero-index{position:absolute;right:var(--page-gutter);bottom:31px;color:#b5cad5;font-size:9px;letter-spacing:1.3px}
.hero-index span{color:#fff;padding:0 7px}
.scroll-cue{position:absolute;left:var(--page-gutter);bottom:31px;color:#b5cad5;font-size:9px;font-weight:600;letter-spacing:1.2px}
.scroll-cue span{margin-left:8px;color:#6dc8e5}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hero-art-in{from{opacity:0;transform:translateX(22px) scale(.98)}to{opacity:1;transform:none}}

/* About */
.intro{padding-top:116px;padding-bottom:96px}
.intro .section-kicker{margin-bottom:22px}
.intro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:9%;align-items:center}
.intro h2,.products h2,.contact h2{margin:13px 0 31px;font:600 clamp(44px,5vw,68px)/1.03 var(--display);letter-spacing:-.058em}
.intro h2 em,.products h2 em,.contact h2 em{font-style:normal;color:var(--mp-blue)}
.intro-copy{max-width:440px;padding:26px 0 28px 28px;border-left:2px solid #2596be52}
.intro-copy p{margin-bottom:14px;color:var(--body);font-size:14px;line-height:1.85}
.intro-copy .lead{color:var(--navy);font:600 21px/1.4 var(--display);letter-spacing:-.02em}
.arrow-link{display:inline-flex;align-items:center;gap:34px;margin-top:8px;padding:10px 0;border-bottom:1px solid #c9d8e0;font-size:12px;font-weight:700}
.arrow-link span{color:var(--mp-red);font-size:18px}
.values-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px;padding:25px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.values-row>div:not(.values-stamp){display:flex;align-items:center;gap:13px;color:#536d80;font-size:12px;font-weight:600;line-height:1.45}
.values-row>div>b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#de191b12;color:var(--mp-red);font:700 11px var(--display)}
.values-stamp{color:var(--mp-blue);font:800 26px var(--display);letter-spacing:-2px}
.values-stamp span{padding-left:5px;color:var(--mp-red);font-size:16px}
.values-stamp span{display:inline-block;width:11px;height:11px;padding:0;border:1px solid var(--mp-red);border-radius:2px;font-size:0;transform:rotate(45deg)}

/* Products */
.products{margin:0 3vw;padding:91px 7vw 82px;border:1px solid #e0ebf0;border-radius:30px;background:linear-gradient(145deg,#edf4f7,#e7f0f4)}
.products-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:39px}
.products-heading h2{margin-top:16px;margin-bottom:0}
.products-heading>p{max-width:340px;margin:0 1% 8px;color:#5c7587;font-size:13px;line-height:1.8}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.product-card{position:relative;overflow:hidden;padding:12px 12px 24px;border:1px solid #17334b0c;border-radius:20px;background:#fff;color:var(--navy);box-shadow:0 10px 28px #17334b0c;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product-card:hover{transform:translateY(-6px);border-color:#2596be52;box-shadow:0 19px 34px #17334b18}
.product-art{height:223px;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:13px;background-image:radial-gradient(circle at 50% 45%,#ffffffc9,transparent 64%)}
.card-dark .product-art{background-color:#dcecf2}
.card-sand .product-art{background-color:#e8eef1}
.card-green .product-art{background-color:#d7ebf1}
.product-art .art-caption{top:12px;left:12px;font-size:8px;letter-spacing:.8px;color:#fff}
.product-art i{position:absolute;display:block;box-shadow:8px 13px 19px #061c1c22;transition:transform .35s ease}
.art-bags i:first-of-type{width:90px;height:132px;top:56px;left:23%;background:linear-gradient(110deg,#f8faf8,#fff 50%,#d3dde0);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);transform:rotate(-8deg)}
.art-bags i:nth-of-type(2){width:105px;height:148px;top:44px;right:20%;background:linear-gradient(110deg,#1687ad,#64bfdb 55%,#14789d);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);transform:rotate(8deg)}
.art-bags i:nth-of-type(3){width:120px;height:25px;left:32%;bottom:26px;border-radius:50%;background:#bac8ce}
.art-boxes i:first-of-type{width:125px;height:94px;top:84px;left:17%;background:#b5cad4;transform:skewY(-25deg)}
.art-boxes i:nth-of-type(2){width:125px;height:94px;top:84px;right:16%;background:#d3e0e5;transform:skewY(25deg)}
.art-boxes i:nth-of-type(3){width:105px;height:86px;top:42px;left:33%;background:#f7fafb;transform:skewY(-25deg)}
.art-rolls i{width:65px;height:137px;top:43px;border-radius:50%/12%;background:linear-gradient(90deg,#137da5,#72c5df,#176d90);transform:rotate(25deg)}
.art-rolls i:first-of-type{left:23%}
.art-rolls i:nth-of-type(2){width:65px;height:156px;top:37px;left:42%;background:linear-gradient(90deg,#d9e2e4,#fff,#b9c9ce)}
.art-rolls i:nth-of-type(3){width:65px;height:125px;top:57px;left:61%;background:linear-gradient(90deg,#bd1519,#ee5e61,#c82025)}
.product-card:hover .art-bags i:first-of-type{transform:rotate(-8deg) translateY(-5px)}
.product-card:hover .art-bags i:nth-of-type(2){transform:rotate(8deg) translateY(-8px)}
.product-card:hover .art-boxes i:first-of-type{transform:skewY(-25deg) translateY(-5px)}
.product-card:hover .art-rolls i{transform:rotate(25deg) translateY(-6px)}
.product-card[hidden]{display:none!important}
.product-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:15px;padding:0 13px;border:1px solid #de191b42;border-radius:999px;color:var(--mp-red);font-size:11px;font-weight:700;transition:color .18s,background .18s,border-color .18s}
.product-quote span{font-size:16px}
.product-quote:hover{border-color:var(--mp-red);background:var(--mp-red);color:#fff}
.product-quote:focus-visible,.filter-chip:focus-visible{outline:3px solid #2596be80;outline-offset:3px}
.product-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-11px 0 24px}
.filter-chip{min-height:44px;padding:0 17px;border:1px solid #bed2dc;border-radius:999px;background:#ffffffa8;color:#425f72;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}
.filter-chip:hover{transform:translateY(-1px);border-color:var(--mp-blue);color:#147596}
.filter-chip.is-active{border-color:var(--navy);background:var(--navy);color:#fff}
.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#637e90;font-size:9px;font-weight:700;letter-spacing:.8px}
.product-meta span:last-child{color:var(--mp-red);font-size:15px}
.product-card h3{margin:10px 0 7px;font:600 21px/1.2 var(--display);letter-spacing:-.025em}
.product-card p{max-width:340px;margin:0;color:#61798a;font-size:12px;line-height:1.7}
.catalog-note{margin-top:20px;color:#61798a;font-size:12px;line-height:1.8}
.catalog-note a{color:var(--mp-red);font-weight:700}
.products>.button-dark{margin-top:23px}

/* CTA and contact */
.banner:not(.hero){min-height:430px;position:relative;isolation:isolate;overflow:hidden;margin:34px 3vw;padding:79px 7vw;border:1px solid #234c6722;border-radius:30px;background:linear-gradient(112deg,#102d46 0%,#174966 70%,#1c6179 100%);color:#fff}
.banner:not(.hero):before{content:"";position:absolute;z-index:-1;width:490px;height:490px;right:-100px;top:-205px;border:1px solid #b7e9f13b;border-radius:50%;box-shadow:0 0 0 34px #b7e9f10c,0 0 0 72px #de191b0b}
.banner .section-kicker{color:#b8d1df}
.banner h1,.banner h2{max-width:750px;margin:20px 0 27px;font:600 clamp(51px,6.5vw,84px)/.99 var(--display);letter-spacing:-.058em}
.banner h1 em,.banner h2 em{font-style:normal;color:#70c9e4}
.banner-star{position:absolute;top:54px;right:16%;color:#f05d5c;font-size:0}
.banner-star:before{content:"+";font:600 45px/1 var(--display);color:#f05d5c}
.contact{padding-top:100px;padding-bottom:100px}
.contact-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:8%;align-items:center}
.contact-copy:before{content:"";display:block;width:45px;height:4px;margin-bottom:20px;border-radius:999px;background:var(--mp-red)}
.contact h2{margin:18px 0 20px}
.contact-copy>p{max-width:350px;color:var(--body);font-size:14px;line-height:1.8}
.email-link{display:inline-flex;align-items:center;gap:14px;margin-top:13px;padding-bottom:9px;border-bottom:1px solid #c9d8e0;font-size:14px;font-weight:700}
.email-link span{color:var(--mp-red);font-size:17px}
.contact-details{margin-top:18px!important;font-size:12px!important;line-height:1.8!important}
.contact-details a{color:var(--navy);font-weight:700}
.contact-sticker{width:105px;height:105px;margin-top:35px;border:1px solid #bcd1dc;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-8deg);color:var(--navy);font-size:9px;font-weight:700;line-height:1.45;letter-spacing:1px;text-align:center}
.contact-sticker b{color:var(--mp-red);font-size:15px}
form{padding:36px;border:1px solid #e1eaf0;border-radius:23px;background:#fff;box-shadow:0 18px 46px #17334b12}
form label{display:block;margin-bottom:17px;color:#314e64;font-size:12px;font-weight:600}
form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;margin-top:7px;padding:14px 15px;border:1px solid #dfe8ed;border-radius:11px;outline:none;background:#f8fafb;color:var(--navy);font:13px var(--text);transition:border-color .18s,box-shadow .18s,background .18s}
form input:focus,form select:focus,form textarea:focus{border-color:var(--mp-blue);background:#fff;box-shadow:0 0 0 3px #2596be1c}
form input::placeholder,form textarea::placeholder{color:#8b9eaa}
form select{color:#657e8e}
form textarea{min-height:112px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.optional{color:#8a9ba7;font-weight:400}
form .consent{display:flex;align-items:flex-start;gap:9px;color:#617989;font-size:10px;font-weight:400;line-height:1.5}
.consent input{width:16px;height:16px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--mp-red)}
.form-status{max-width:380px;margin:12px 0 0;color:#6d8290;font-size:10px;line-height:1.65}
.footer{min-height:112px;margin-top:22px;padding:22px var(--page-gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-radius:24px 24px 0 0;background:var(--navy);color:#fff}
.brand-footer{min-width:120px;padding:4px 9px;border-radius:12px;background:#fff}
.brand-footer .brand-logo{width:123px;max-height:65px}
.footer>span,.footer>a:not(.brand){color:#d0e0e8;font-size:11px}
.footer>small{color:#96afbd;font-size:10px}
.footer-credit{flex-basis:100%;margin-top:-15px;color:#96afbd;font-size:10px;text-align:center}
.footer>a>span{color:#f26769}

/* Intentional, brief motion */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.25,1)}
.reveal.visible{opacity:1;transform:none}
.product-card.reveal:nth-child(2){transition-delay:70ms}
.product-card.reveal:nth-child(3){transition-delay:140ms}
.product-ticker{overflow:hidden;border-top:1px solid #e4ebef;border-bottom:1px solid #e4ebef;background:#fff}
.ticker-track{width:max-content;display:flex;align-items:center;gap:27px;padding:15px 0;animation:ticker-travel 38s linear infinite}
.product-ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{color:#466276;font:600 12px var(--display);white-space:nowrap}
.ticker-track i{width:7px;height:7px;border-radius:50%;background:var(--mp-red);box-shadow:0 0 0 4px #de191b14}
@keyframes ticker-travel{to{transform:translateX(-50%)}}
.package-one{animation:package-float-one 6s ease-in-out infinite}
.package-two{animation:package-float-two 7s ease-in-out infinite}
.package-three{animation:package-float-three 5.5s ease-in-out infinite}
.orbit{animation:orbit-drift 30s linear infinite}
.orbit-b{animation-direction:reverse;animation-duration:38s}
@keyframes package-float-one{50%{translate:0 -8px}}
@keyframes package-float-two{50%{translate:0 9px}}
@keyframes package-float-three{50%{translate:0 -6px}}
@keyframes orbit-drift{to{rotate:360deg}}

@media(max-width:1000px){
  :root{--page-gutter:6vw}
  .site-header{height:80px}
  .nav{gap:23px}
  .hero{grid-template-columns:1fr .95fr;min-height:630px}
  .hero h1{font-size:clamp(54px,7vw,74px)}
  .hero-image-placeholder{height:370px}
  .package-one{left:47px;width:160px;height:220px}
  .package-two{right:42px;width:145px;height:197px}
  .package-three{left:115px;width:195px}
  .orbit{width:400px}
  .intro-grid{gap:6%}
  .products{padding-left:5vw;padding-right:5vw}
  .product-grid{gap:14px}
  .product-art{height:194px}
  .contact-grid{gap:5%}
  form{padding:28px}
}
@media(max-width:700px){
  html{scroll-padding-top:72px}
  .site-header{height:72px;padding:0 6vw}
  .brand{min-width:0;min-height:56px}
  .brand-logo{width:116px;max-height:59px}
  .menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--line);border-radius:50%;background:#fff}
  .menu-toggle span{display:block;width:18px;height:2px;border-radius:4px;background:var(--navy);transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .nav{display:none;position:absolute;top:71px;left:0;right:0;padding:15px 6vw 23px;align-items:stretch;gap:0;border-bottom:1px solid var(--line);background:#f7f9fafe;box-shadow:0 18px 24px #102d4614}
  .nav.open{display:flex;flex-direction:column}
  .nav>a:not(.nav-contact){padding:13px 2px;border-bottom:1px solid #e3ebef}
  .nav .nav-contact{justify-content:center;margin-top:14px}
  .hero{min-height:830px;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:62px 6vw 74px}
  .hero-copy{padding:0}
  .hero h1{max-width:520px;margin:24px 0 20px;font-size:clamp(49px,12vw,66px)}
  .hero-copy>p{max-width:420px;font-size:14px}
  .hero-actions{gap:18px;flex-wrap:wrap;margin-top:25px}
  .hero-actions .button{min-height:49px;padding:0 19px}
  .text-link{font-size:11px}
  .hero-visual{height:340px;width:100%;margin-top:28px;perspective:none}
  .hero-image-placeholder{width:100%;max-width:480px;height:310px;border-radius:23px;transform:none}
  .hero-image-placeholder:hover{transform:none}
  .package-one{left:9%;top:67px;width:134px;height:180px}
  .package-one:after{top:64px;left:35px;font-size:30px}
  .package-two{right:9%;top:55px;width:125px;height:168px}
  .package-two:after{top:68px;left:20px;font-size:9px}
  .package-three{left:29%;bottom:22px;width:150px;height:57px}
  .orbit{width:310px;height:94px}
  .orbit-b{width:300px;height:120px}
  .hero-proof{bottom:0;font-size:10px}
  .hero-index{right:6vw;bottom:22px}
  .scroll-cue{left:6vw;bottom:22px;font-size:8px}
  .intro{padding-top:74px;padding-bottom:65px}
  .intro-grid{display:block}
  .intro h2,.products h2,.contact h2{margin:13px 0 23px;font-size:clamp(43px,10vw,58px)}
  .intro-copy{padding:19px 0 26px 18px}
  .intro-copy .lead{font-size:19px}
  .values-row{flex-wrap:wrap;justify-content:flex-start;gap:18px 10px;padding:20px 0}
  .values-row>div:not(.values-stamp){width:calc(50% - 6px);font-size:11px}
  .values-stamp{display:none}
  .products{margin:0 10px;padding:64px 6vw 58px;border-radius:23px}
  .products-heading{display:block;margin-bottom:27px}
  .products-heading>p{margin:17px 0 0;font-size:12px}
  .product-grid{grid-template-columns:1fr;gap:13px}
  .product-card{padding-bottom:21px;border-radius:18px}
  .product-art{height:225px}
  .product-card h3{font-size:20px}
  .product-card p{font-size:12px}
  .banner:not(.hero){min-height:390px;margin:20px 10px;padding:61px 7vw;border-radius:23px}
  .banner h1,.banner h2{font-size:clamp(48px,12vw,66px)}
  .banner:not(.hero):before{width:340px;height:340px;right:-195px;top:-100px}
  .banner-star{top:30px;right:10%}
  .contact{padding-top:70px;padding-bottom:65px}
  .contact-grid{display:block}
  .contact-copy{margin-bottom:27px}
  .contact-sticker{display:none}
  form{padding:23px 18px;border-radius:19px}
  .form-row{grid-template-columns:1fr;gap:0}
  .footer{margin-top:10px;padding:22px 6vw;display:grid;grid-template-columns:1fr auto;gap:15px;border-radius:20px 20px 0 0}
  .brand-footer{grid-column:1;grid-row:1}
  .footer>span{grid-column:1/-1;grid-row:2}
  .footer>a:not(.brand){grid-column:2;grid-row:1;text-align:right}
  .footer>small{grid-column:2;grid-row:3;text-align:right}
  .footer>.footer-credit{grid-column:1/-1;grid-row:4;margin-top:0;text-align:center}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.ticker-track,.package-one,.package-two,.package-three,.orbit,.orbit-b{animation:none!important}}

/* Keep the hero proof point clear of the bottom navigation cue. */
.hero{min-height:730px;padding-bottom:92px}
.hero-proof{position:static;margin-top:25px}
.scroll-cue,.hero-index{bottom:40px}
@media(max-width:700px){.hero{min-height:860px;padding-bottom:76px}.hero-proof{margin-top:21px}.scroll-cue,.hero-index{bottom:24px}}
.scroll-cue{left:50%;transform:translateX(-50%);white-space:nowrap}
@media(max-width:700px){.scroll-cue{left:50%;transform:translateX(-50%)}}

/* Real product photography */
.hero-image-placeholder.has-photo{padding:0}
.hero-image-placeholder.has-photo .hero-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.hero-image-placeholder.has-photo .package,
.hero-image-placeholder.has-photo .orbit,
.hero-image-placeholder.has-photo .visual-label{display:none}
.hero-image-placeholder.has-photo:before{background:linear-gradient(180deg,transparent 62%,#102d4633 100%);opacity:1}
.product-art.has-photo{isolation:isolate;background:#dceaf0}
.product-art.has-photo .product-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.25,1)}
.product-card:hover .product-art.has-photo .product-photo{transform:scale(1.045)}
.product-art.has-photo i{display:none}
.product-art.has-photo .art-caption{background:#102d46c9}