/* Shared cross-browser presentation. Brand, crops and page compositions stay intact. */
html{scroll-behavior:smooth}html:has(body.motion-off){scroll-behavior:auto}
#guide-bird.site-bird,.home-three #guide-bird.site-bird{position:fixed;left:0;top:0;width:76px;height:80px;pointer-events:none!important;z-index:55;opacity:0;isolation:isolate;will-change:transform;filter:drop-shadow(0 1px 1px #f6f4ed) drop-shadow(0 2px 4px #24382b44);contain:layout style;transition:opacity .25s}
#guide-bird.site-bird.is-flying{opacity:1}.bird-facing{width:100%;height:100%;transition:transform .6s ease}.site-bird svg{display:block;width:100%;height:100%;overflow:visible}
body.motion-off #guide-bird.site-bird{display:none}.site-header{--logo-cut:0%!important}.home-three:not(.motion-off) .site-header.is-scrolled .brand-lockup{transform:scale(.6) translateY(30px)}
@media(max-width:700px){#guide-bird.site-bird,.home-three #guide-bird.site-bird{width:44px;height:46px}.home-three:not(.motion-off) .site-header.is-scrolled .brand-lockup{transform:scale(.6) translateY(30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#guide-bird.site-bird{display:none!important}}
@media(max-height:600px){.company-time,.fraction-chapter,.reuse-track,.liquid-chapter,.eco-experience{height:auto!important;min-height:0!important}.time-stage,.fraction-stage,.reuse-stage,.liquid-stage,.eco-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:740px}.time-stage{padding-bottom:150px}.time-nav{bottom:70px}.liquid-stage{height:850px!important}.reuse-stage{min-height:750px}.signature-story{min-height:3000px}.signature-stage{height:100vh;height:100svh;min-height:0}.signature-head{top:95px}.signature-intro{top:36%;}.signature-intro h2{font-size:clamp(35px,5vw,65px)}.signature-intro>p,.morph-caption{display:none}.signature-head .kicker,.signature-head a{font-size:9px}.palm-stat{max-width:165px}.stat-value{font-size:40px}.palm-stat p{font-size:10px;margin-top:5px}.palm-stat small{font-size:8px;margin-top:5px}.stat-origin,.stat-expansion{top:33%}.stat-cities,.stat-oils{top:62%}.stat-bulk{left:46%;bottom:8%}.mission-moment{padding:105px 90px 35px}.mission-moment h2{font-size:clamp(30px,4vw,47px);line-height:1.07;margin-top:16px}.mission-moment h2 br{display:none}.orbit-track{height:auto!important}.orbit-track .orbital-system{position:relative!important;top:auto!important}.orbital-system{min-height:0!important}.orbital-system .orbit-graphic{max-width:430px;margin:auto}.orbit-detail{align-self:center}.home-three .motion-toggle .motion-label{display:none}}

/* Keep the long environmental headline inside the phone reading column. */
@media(max-width:700px){.ambiente-five .environment-opening h1{font-size:14vw}}

/* Iteration08: retain compositions, make variable content occupy reserved geometry. */
.product-description{display:grid;grid-template-rows:2.8em 1.05em var(--product-copy-height,110px) var(--product-detail-height,90px) auto;row-gap:18px;font-size:clamp(45px,4.2vw,68px)}
.product-description>#product-kind{height:2.8em;font-size:10px;line-height:1.4;margin:0;align-self:start}
.product-description{grid-template-rows:28px 1.05em var(--product-copy-height,110px) var(--product-detail-height,90px) auto}
.product-description h3{font-size:inherit;line-height:1.05;margin:0;white-space:nowrap}
.product-description>#product-copy,.product-description>#product-detail{margin:0;height:100%;align-self:start}
.product-description>.text-link{margin-top:6px;justify-self:start;font-size:13px}
.product-theatre{min-height:max(630px,calc(215px + var(--product-description-height,450px) + 35px))}
.product-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.product-bottom>span{height:3.4em;line-height:1.7}.product-bottom>a{justify-self:end;text-align:right}
.product-art:not(.santolio) figure{padding:0;background:none;clip-path:none;transform:rotate(0deg)}
.product-art:not(.santolio) img{display:block;object-fit:contain;clip-path:none;filter:none;object-position:center}
.product-art:not(.santolio) figure::after{display:none}
.journal-stage{height:auto;min-height:950px;display:grid;grid-template-rows:1fr auto;gap:72px;padding:300px var(--gutter) 85px}
.journal-copy{position:relative;left:auto;top:auto;max-width:660px;align-self:start}
.journal-copy>.text-link{display:inline-flex;width:fit-content;margin-top:28px;position:relative;clear:both}
.journal-rail{position:relative;left:auto;right:auto;bottom:auto;align-self:end}
.contact-signoff .signoff-wordmark{position:relative;inset:auto;width:min(82%,1100px);height:auto;opacity:1;rotate:0deg;filter:brightness(0) invert(.94)}
.contact-signoff .signoff-tagline{position:relative;inset:auto;width:min(40%,540px);height:auto;opacity:.8;rotate:0deg;filter:brightness(0) invert(.94);margin-top:30px}
.contact-signoff .signoff-bird{position:absolute;width:300px;height:350px;right:4%;top:55px;opacity:.18;rotate:-18deg}
.contact-six .footer-identity{display:flex;flex-direction:column;gap:10px;width:150px}.footer-identity img{width:100%;height:auto}.footer-identity img+img{width:80%;align-self:center}
@media(max-width:700px){
.product-description{font-size:46px;grid-template-rows:28px 1.05em var(--product-copy-height,110px) var(--product-detail-height,90px) auto;row-gap:16px}
.product-theatre{min-height:calc(365px + var(--product-description-height,390px) + 24px)}
.product-bottom{grid-template-columns:minmax(0,1fr) auto;gap:18px}.product-bottom>a{grid-column:1/-1;justify-self:start;text-align:left}.product-bottom>span{font-size:9px}
.journal-stage{min-height:890px;padding:260px 70px 76px 24px;gap:70px}.journal-copy{left:auto;right:auto;top:auto}.journal-rail{left:auto;right:auto;bottom:auto}.journal-copy>.text-link{margin-top:25px}
.contact-signoff{min-height:550px;padding:65px 28px;gap:30px;overflow:visible}
.contact-signoff .signoff-bird{position:relative;inset:auto;width:100px;height:auto;opacity:.9;rotate:0deg}
.contact-signoff .signoff-wordmark{width:100%;max-width:480px;height:auto;flex-shrink:0}
.contact-signoff .signoff-tagline{width:74%;max-width:330px;margin:0;height:auto;flex-shrink:0}
}

/* Final polish09: deterministic diagonal arrows and unclipped closing bird. */
svg.direction-arrow{display:inline-block;position:static;inset:auto;width:1em;height:1em;max-width:none;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transform:none;opacity:1}
.contact-signoff .signoff-bird{object-fit:contain;object-position:center;overflow:visible}

.product-art.santolio{mix-blend-mode:normal}.product-art.santolio figure{transform:none}.product-art.santolio img{filter:none;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;object-fit:contain}