/* A scientific fieldscape with progressive 3D, readable surfaces and quiet depth. */
body[data-research-3d]{isolation:isolate;background:var(--reading-background,#f5f8f7)}
.research-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;contain:strict;background:linear-gradient(140deg,#eff6f2,#f7faf8 45%,#edf5f7)}
.research-atmosphere>i{position:absolute;width:70vw;height:70vw;max-width:1000px;max-height:1000px;border-radius:50%;opacity:.45;background:radial-gradient(circle,#a9d8cf66,transparent 67%);top:-28%;left:-25%;animation:atmosphere-drift 28s ease-in-out infinite alternate}
.research-atmosphere>i:nth-child(2){left:auto;right:-25%;top:20%;background:radial-gradient(circle,#bed7ec77,transparent 66%);animation-delay:-12s}
.research-atmosphere>i:nth-child(3){left:15%;top:60%;background:radial-gradient(circle,#d7e5b766,transparent 67%);animation-duration:36s}
.atmosphere-grid{position:absolute;inset:-30%;background-image:linear-gradient(#1c756506 1px,transparent 1px),linear-gradient(90deg,#1c756506 1px,transparent 1px);background-size:70px 70px;transform:perspective(1200px) rotateX(45deg) rotateZ(-12deg);mask-image:linear-gradient(transparent,#0005,transparent)}
.research-motion-setting{display:flex;justify-content:center;padding:18px 24px;background:#edf4ef}
.research-motion-setting button{font:600 12px/1.5 Manrope,sans-serif;min-height:40px;border:1px solid #94b6ad;border-radius:22px;padding:8px 18px;color:var(--research-ink,#123b4a);background:#fff;cursor:pointer}
@media print{.research-motion-setting{display:none!important}}
.research-motion-setting{display:flex;justify-content:center;padding:18px 24px;background:#edf4ef}
.research-motion-setting button{font:600 12px/1.5 Manrope,sans-serif;min-height:40px;border:1px solid #94b6ad;border-radius:22px;padding:8px 18px;color:var(--research-ink,#123b4a);background:#fff;cursor:pointer}
@media print{.research-motion-setting{display:none!important}}
@keyframes atmosphere-drift{to{transform:translate3d(12%,8%,0) scale(1.1)}}
body[data-research-3d] .site-header{backdrop-filter:blur(16px);background:#ffffffed}
body[data-research-3d] #page-home .hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:690px;background:linear-gradient(125deg,#102f3d,#123e48 60%,#165357);border:1px solid #37716d;box-shadow:0 30px 75px #163e4324,0 1px 0 #ffffffb3 inset;overflow:hidden;border-radius:28px;gap:0;isolation:isolate}
body[data-research-3d] #page-home .hero-copy{grid-column:1;grid-row:1;position:relative;z-index:2;width:auto;max-width:none;min-height:0;padding:clamp(30px,4vw,60px);background:linear-gradient(90deg,#102f3df0,#102f3dc0 65%,transparent);justify-content:center}
body[data-research-3d] #page-home .hero-copy h1{font-size:clamp(38px,4.2vw,64px);max-width:12.5ch;text-wrap:balance;line-height:1.08;text-shadow:0 3px 20px #061e3033}
body[data-research-3d] #page-home .hero-copy .eyebrow{font-size:11px;letter-spacing:.12em;color:#bfe7d3}
body[data-research-3d] #page-home #hero-description{font-size:17px;line-height:1.8;max-width:47ch}
body[data-research-3d] #page-home .hero-bottom{margin-top:8px;font-size:11px;line-height:1.8;max-width:43ch}
body[data-research-3d] #page-home .hero-actions{margin:10px 0 24px;gap:14px}
body[data-research-3d] #page-home .hero-actions .button{box-shadow:0 8px 24px #061f3040,0 1px 0 #ffffffb3 inset;transition:transform .25s,box-shadow .25s}
body[data-research-3d] #page-home .hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 14px 26px #061f3050}
body[data-research-3d] #page-home .hero-image{position:absolute;inset:0;z-index:-1;min-height:0;width:100%;height:100%;grid-row:auto}
body[data-research-3d] #page-home .hero .hero-image{background:#123b47;z-index:0}
body[data-research-3d] #page-home .hero:after{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,#102f3de8,#113e48d9 60%,#155354d9)}
body[data-research-3d] #page-home #cover-image{opacity:.12;filter:saturate(.7);object-fit:cover}
body[data-research-3d] #page-home .hero-image:after{background:linear-gradient(90deg,#0e2c3c80,#0e2c3c20)}
body[data-research-3d] #page-home #hero-credit{font-size:10px;bottom:12px;right:18px;padding:4px 8px;color:#d1e4df;background:#0d303acc;max-width:45%}
.science-world{position:relative;grid-column:2;grid-row:1;min-width:0;color:#e7f6ed;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:30px 24px 42px 0}
.world-heading{position:relative;z-index:2;padding:0 20px}
.world-index{color:#b7ddc8;font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.14em}
.science-world .world-heading h2{font-size:clamp(20px,2vw,29px);letter-spacing:-.025em;color:#e5f4eb;line-height:1.3;margin:10px 0 6px}
.science-world .world-heading p{font-size:13px;line-height:1.7;color:#c2d9d3;margin:0}
.world-stage{position:relative;width:100%;height:410px;min-width:0;overflow:visible;touch-action:pan-y;cursor:grab}
.world-stage:before{content:"";position:absolute;inset:10% 5% 0;border-radius:50%;background:radial-gradient(ellipse,#58ab9560,transparent 68%);filter:blur(20px)}
.world-fallback,.world-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.world-canvas{opacity:0;transition:opacity .5s}
.world-canvas canvas{display:block;max-width:100%;width:100%;height:100%}
[data-world-state=ready] .world-canvas{opacity:1}
[data-world-state=ready] .world-fallback{visibility:hidden}
.world-label{position:absolute;z-index:2;pointer-events:none;padding:7px 10px;background:#113b49da;border:1px solid #87c4b64a;border-radius:7px;box-shadow:0 8px 25px #071d281a;color:#e3f0e4;font-size:11px;font-weight:600;backdrop-filter:blur(10px)}
.world-label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#b5e0a3;margin-right:6px;box-shadow:0 0 10px #b5e0a380}
.world-label-crops{top:21%;left:2%}.world-label-water{top:41%;right:0}.world-label-water:before{background:#88dcee}.world-label-soil{bottom:4%;left:21%}.world-label-soil:before{background:#e6ce9e}
.world-footer{position:relative;z-index:3;margin:0 20px;padding-top:14px;border-top:1px solid #afd8cb35;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.world-views{display:flex;gap:4px;padding:4px;background:#0a2939a0;border:1px solid #89c1b342;border-radius:30px}
.world-views button,.world-motion{appearance:none;font:600 12px/1.4 Manrope,sans-serif;color:#deeee8;background:transparent;border:1px solid transparent;padding:9px 15px;border-radius:24px;cursor:pointer;min-height:38px}
.world-views button[aria-pressed=true]{background:#d5eac4;color:#173e3a;box-shadow:0 3px 9px #071a231a}
.world-views button:hover{border-color:#8bc6b8}
.world-motion{font-size:11px;padding:8px 10px;border-color:#91bdb757;min-height:36px}
.science-world .world-explanation{font-size:12px;line-height:1.7;color:#daeae3;margin:0;flex-basis:100%;min-height:41px;max-width:55ch}
.science-world .world-disclaimer{font-size:10px;line-height:1.5;color:#b9d5ce;margin:0;flex-basis:100%}
body[data-research-3d] :is(.path-card,.hx-journey,.research-source,.home-directory-group){position:relative;box-shadow:0 8px 24px #164a4710,0 1px 0 #fff inset;border-color:#c5dcd4;transform-style:preserve-3d;background:linear-gradient(145deg,#fff,#f9fcfa)}
body[data-research-3d] :is(.path-card,.hx-journey,.research-source,.home-directory-group):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 1px 0 #fff inset;background:linear-gradient(145deg,#ffffff66,transparent 55%)}
@media(hover:hover) and (pointer:fine){body[data-research-3d] [data-depth-card]{transition:transform .25s,box-shadow .25s;will-change:auto}body[data-research-3d] [data-depth-card]:hover{transform:perspective(1000px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(-5px);box-shadow:0 20px 40px #164a471c}}
body[data-research-3d] .hx-workflow{position:relative;overflow:hidden;background:linear-gradient(125deg,#e0eee8,#f3f7ed);box-shadow:0 16px 35px #1b5a4310}
body[data-research-3d] .hx-workflow:before{content:"";position:absolute;width:250px;height:250px;border:1px solid #72a98d44;border-radius:50%;right:-100px;top:-100px;box-shadow:0 0 0 35px #80ac9220,0 0 0 70px #80ac9210;pointer-events:none}
body[data-research-3d] .research-source-section{background:linear-gradient(120deg,#ffffffed,#ecf6f0f5);box-shadow:0 15px 40px #184c4510}
body[data-research-3d] :is(.work-panel,.research-card,.hx-update,.hx-info){box-shadow:0 8px 24px #163d480a,0 1px 0 #fff inset;border-color:#cbdfd7}
body[data-research-3d] .hx-showcase{box-shadow:0 20px 45px #123e4814;border:1px solid #c9ddd5}
body[data-research-3d] .page-heading{position:relative;padding-block:12px}
body[data-research-3d] .page-heading:after{content:"";display:block;width:76px;height:4px;margin-top:22px;border-radius:8px;background:linear-gradient(90deg,#247f78,#c9dda7);box-shadow:0 5px 16px #247f781a}
body[data-research-3d] .hydro-smart-footer{background:linear-gradient(145deg,#e5efeb,#f3f7ed);box-shadow:0 -12px 50px #1d4c4306}
body[data-research-motion=paused] .research-atmosphere i{animation:none}
body[data-research-motion=paused] [data-depth-card]:hover{transform:none!important}
@media(max-width:1100px){body[data-research-3d] #page-home .hero{grid-template-columns:1fr 1fr;min-height:650px}body[data-research-3d] #page-home .hero-copy{padding:32px}body[data-research-3d] #page-home .hero-copy h1{font-size:46px}.world-stage{height:350px}.science-world{padding-right:16px}.world-label{font-size:10px;padding:6px 8px}.world-heading,.world-footer{margin-inline:0;padding-inline:12px}.world-footer{padding-inline:0;margin-inline:12px}}
@media(max-width:800px){body[data-research-3d] #page-home .hero{grid-template-columns:minmax(0,1fr);border-radius:20px}body[data-research-3d] #page-home .hero-copy{grid-column:1;grid-row:1;padding:36px 28px 22px;background:linear-gradient(#102f3df0,#102f3d60);min-height:0}body[data-research-3d] #page-home .hero-copy h1{font-size:clamp(38px,7vw,56px);max-width:16ch}body[data-research-3d] #page-home .hero-bottom{display:none}.science-world{grid-column:1;grid-row:2;padding:18px 20px 42px}.world-heading{text-align:center}.world-stage{height:380px}.world-heading h2{font-size:24px}.world-label-crops{left:6%}.world-label-water{right:4%}.world-label-soil{left:25%}.world-footer{margin-inline:8px}.world-explanation{text-align:left}body[data-research-3d] #page-home #hero-credit{max-width:80%;font-size:9px}}
@media(max-width:420px){body[data-research-3d] #page-home .hero-copy{padding:30px 22px 18px}body[data-research-3d] #page-home .hero-copy h1{font-size:37px}.science-world{padding:16px 12px 42px}.world-stage{height:300px}.world-label{font-size:9px;padding:5px 7px}.world-label-crops{top:20%;left:1%}.world-label-water{top:50%;right:0}.world-label-soil{bottom:4%;left:18%}.world-footer{margin:0 8px;gap:10px}.world-views button{padding:8px 11px;font-size:11px}.world-motion{font-size:10px;padding:7px}.world-heading .world-index{font-size:9px}}
@media(prefers-reduced-motion:reduce){.research-atmosphere i{animation:none!important}body[data-research-3d] *,body[data-research-3d] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-research-3d] [data-depth-card]:hover{transform:none!important}}
@media print{.research-atmosphere,.world-canvas,.world-views,.world-motion,.world-label{display:none!important}.world-fallback{visibility:visible!important}body[data-research-3d] #page-home .hero{display:block;background:#fff;color:#000}.science-world{break-inside:avoid;color:#000}.science-world p,.science-world h2{color:#000!important}body[data-research-3d] #page-home .hero-copy{background:#fff;color:#000}body[data-research-3d] #page-home .hero-copy h1,body[data-research-3d] #page-home #hero-description{color:#000}}

/* Corner glass composition: the fieldscape becomes an atmospheric layer while
   the message and controls remain the foreground surface. */
body[data-research-3d] #page-home .hero{grid-template-columns:1fr;min-height:clamp(620px,52vw,760px);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 18%,#3d8d8660,transparent 34%),linear-gradient(132deg,#0c2d3b 0%,#123d49 54%,#165b5d 100%)}
body[data-research-3d] #page-home .hero:before{content:"";position:absolute;z-index:0;top:-18%;right:-10%;width:72%;height:132%;border:1px solid #b4e6d44a;border-radius:42px;background:linear-gradient(135deg,#c6f2e51e,#ffffff08 46%,#6bb8bd22),linear-gradient(90deg,#0e334544,#76c8bb1c);box-shadow:0 0 0 1px #ffffff12 inset,0 30px 80px #03192250,-24px 0 60px #071f2b30 inset;backdrop-filter:blur(7px) saturate(118%);transform:rotate(-7deg) skewX(-4deg);transform-origin:center;pointer-events:none}
body[data-research-3d] #page-home .hero:after{z-index:1;background:linear-gradient(90deg,#082735f2 0%,#0d3445e8 34%,#103f4aa6 58%,#155a5d44 100%),linear-gradient(180deg,#092a3828 0%,transparent 56%,#061d2c56 100%)}
body[data-research-3d] #page-home .hero-copy{grid-column:1;grid-row:1;z-index:4;width:min(58%,780px);min-height:inherit;padding:clamp(34px,5vw,74px);justify-content:center;background:linear-gradient(90deg,#092b3af5 0%,#0d3446e9 68%,#0d344690 87%,transparent 100%);text-shadow:0 2px 20px #031a2450}
body[data-research-3d] #page-home .hero-copy:after{content:"";position:absolute;inset:clamp(24px,3vw,46px) auto clamp(24px,3vw,46px) clamp(24px,3vw,46px);width:3px;border-radius:3px;background:linear-gradient(#b8e6c3,transparent);opacity:.7;pointer-events:none}
body[data-research-3d] #page-home .science-world{display:contents;padding:0}
body[data-research-3d] #page-home .science-world .world-heading{position:absolute;z-index:4;top:clamp(28px,5vw,66px);right:clamp(28px,5vw,70px);width:min(38%,500px);padding:18px 22px;border:1px solid #b4e6d436;border-radius:16px;background:linear-gradient(125deg,#1037469c,#1b555c40);backdrop-filter:blur(14px);box-shadow:0 1px 0 #ffffff1a inset;text-align:right}
body[data-research-3d] #page-home .science-world .world-heading h2{text-shadow:0 3px 22px #061d2c70}
body[data-research-3d] #page-home .science-world .world-stage{position:absolute;z-index:1;top:-24%;right:-24%;width:142%;height:150%;min-width:0;pointer-events:none;cursor:default}
body[data-research-3d] #page-home .hero:before{z-index:3;background:linear-gradient(135deg,#c6f2e51e,#ffffff08 46%,#6bb8bd22);backdrop-filter:none}
body[data-research-3d] #page-home .hero:after{z-index:2;background:linear-gradient(90deg,#082735ed 0%,#0d3445c9 30%,#103f4a4d 62%,#155a5d33 100%),linear-gradient(0deg,#061d2cd9,transparent 45%)}
body[data-research-3d] #page-home .hero-copy{width:min(54%,780px);background:linear-gradient(90deg,#092b3a8c,transparent);align-self:start}
body[data-research-3d] #page-home .science-world .world-fallback{opacity:.62;filter:saturate(.65) drop-shadow(0 25px 35px #041c2b99)}
body[data-research-3d] #page-home .science-world[data-world-state=ready] .world-canvas{opacity:.7;filter:saturate(.65) drop-shadow(0 25px 35px #041c2b99)}
body[data-research-3d] #page-home .science-world .world-label{display:none}
body[data-research-3d] #page-home .science-world .world-stage:after{content:"";position:absolute;inset:10% 0 0;border-radius:50%;border:1px solid #b6e6d51f;box-shadow:0 0 0 24px #88d6c30d,0 0 0 48px #88d6c308;pointer-events:none}
body[data-research-3d] #page-home .science-world .world-label{backdrop-filter:blur(16px) saturate(125%);background:#0a3445a8;border-color:#a8e2d45e;box-shadow:0 12px 30px #041a2550,0 1px 0 #ffffff2e inset}
body[data-research-3d] #page-home .science-world .world-footer{position:absolute;z-index:4;right:clamp(24px,4vw,60px);bottom:clamp(24px,4vw,48px);width:min(42%,580px);margin:0;padding:18px 22px;border:1px solid #b4e6d436;border-radius:18px;background:linear-gradient(125deg,#103746b8,#1b555c66);backdrop-filter:blur(18px);box-shadow:0 1px 0 #ffffff1a inset;pointer-events:auto}
body[data-research-3d] #page-home .science-world .world-explanation,body[data-research-3d] #page-home .science-world .world-disclaimer{text-shadow:0 2px 14px #061d2c80}
body[data-research-3d] #page-home .hero-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0}
body[data-research-3d] #page-home #cover-image{opacity:.08;filter:saturate(.65) contrast(1.1)}

/* Medium self-rolling motion for the glass fieldscape. The renderer already
   pauses this class when the visitor chooses Pause or prefers less motion. */
body[data-research-3d] #page-home .world-canvas,body[data-research-3d] #page-home .world-fallback{animation:fieldscape-roll 28s ease-in-out infinite alternate;transform-origin:50% 54%;will-change:transform}
@keyframes fieldscape-roll{0%{transform:rotate(-2deg) translate3d(-1%,0,0) scale(.98)}50%{transform:rotate(1.5deg) translate3d(1%,1%,0) scale(1.015)}100%{transform:rotate(3deg) translate3d(0,-1%,0) scale(1)}}
body[data-research-motion=paused] #page-home .world-canvas,body[data-research-motion=paused] #page-home .world-fallback{animation-play-state:paused}

@media(max-width:800px){
 body[data-research-3d] #page-home .hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:760px;padding-bottom:24px}
 body[data-research-3d] #page-home .hero-copy{grid-row:1;width:100%;min-height:0;padding:34px 28px 26px;background:linear-gradient(180deg,#092b3ad9,#0d34467a);align-self:stretch}
 body[data-research-3d] #page-home .science-world .world-heading{position:relative;grid-row:2;grid-column:1;inset:auto;width:auto;margin:0 24px 16px;padding:16px 20px;text-align:left}
 body[data-research-3d] #page-home .science-world .world-stage{top:5%;right:-70%;bottom:auto;width:210%;height:100%}
 body[data-research-3d] #page-home .science-world .world-footer{position:relative;grid-row:3;grid-column:1;inset:auto;width:auto;margin:0 24px;padding:16px 20px}
 body[data-research-3d] #page-home .science-world .world-disclaimer{font-size:12px}
}
@media(max-width:420px){
 body[data-research-3d] #page-home .hero{min-height:0;border-radius:20px}
 body[data-research-3d] #page-home .hero-copy{padding:30px 22px 20px}
 body[data-research-3d] #page-home .hero-copy:after{left:12px;inset-block:20px}
 body[data-research-3d] #page-home .science-world .world-heading,body[data-research-3d] #page-home .science-world .world-footer{margin-inline:18px}
}
@media(prefers-reduced-motion:reduce){body[data-research-3d] #page-home .world-canvas,body[data-research-3d] #page-home .world-fallback{animation:none!important}}
@media print{body[data-research-3d] #page-home .hero:before,body[data-research-3d] #page-home .hero:after{display:none}body[data-research-3d] #page-home .hero-copy{width:100%;min-height:0}body[data-research-3d] #page-home .science-world :is(.world-heading,.world-stage,.world-footer){position:relative;inset:auto;width:100%;margin:0;background:#fff;box-shadow:none;backdrop-filter:none}body[data-research-3d] #page-home .science-world .world-stage{height:300px}}

/* Clear field: natural 3D colours, unboxed foreground, no blue veil or photo. */
body[data-research-3d] #page-home .hero{
 background:
  radial-gradient(ellipse 36% 16% at 22% 10%,#fff 20%,#ffffff00 100%),
  radial-gradient(ellipse 32% 17% at 70% 21%,#fff 25%,#ffffff00 100%),
  radial-gradient(ellipse 24% 14% at 98% 8%,#fff 25%,#ffffff00 100%),
  linear-gradient(180deg,#edf5fa 0%,#f4f9fc 28%,#fff 56%,#f5f6ef 100%);
 color:#243626;border-color:#d9dfd0;box-shadow:none;
}
body[data-research-3d] #page-home .hero::before,
body[data-research-3d] #page-home .hero::after,
body[data-research-3d] #page-home .hero-copy::before,
body[data-research-3d] #page-home .hero-copy::after,
body[data-research-3d] #page-home .world-stage::before,
body[data-research-3d] #page-home .world-stage::after{display:none;content:none}
body[data-research-3d] #page-home .hero-image{display:none}
body[data-research-3d] #page-home .hero-copy,
body[data-research-3d] #page-home .science-world .world-heading,
body[data-research-3d] #page-home .science-world .world-footer{
 background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;color:#243626;text-shadow:none;
}
body[data-research-3d] #page-home .hero-copy h1{color:#243626;text-shadow:0 1px 0 #f5f6ef,0 0 16px #f5f6ef}
body[data-research-3d] #page-home .hero-copy :is(.eyebrow,#hero-description,.hero-secondary,.hero-bottom,.hero-bottom small){color:#304635;text-shadow:0 1px 3px #f5f6ef}
body[data-research-3d] #page-home .hero-secondary{border-color:#56704e}
body[data-research-3d] #page-home .hero-bottom{border-color:#a5b198}
body[data-research-3d] #page-home .hero-bottom b{color:#55704c}
body[data-research-3d] #page-home .hero-actions .button{box-shadow:none}
body[data-research-3d] #page-home .science-world .world-heading :is(h2,p),
body[data-research-3d] #page-home .science-world :is(.world-explanation,.world-disclaimer){color:#243626;text-shadow:0 1px 0 #f5f6ef,0 0 10px #f5f6ef}
body[data-research-3d] #page-home .world-index{color:#47613c}
body[data-research-3d] #page-home .science-world .world-stage{top:-16%;right:-38%;width:112%;height:135%}
body[data-research-3d] #page-home .science-world .world-fallback,
body[data-research-3d] #page-home .science-world[data-world-state=ready] .world-canvas{opacity:1;filter:drop-shadow(0 24px 28px #35452c1a)}
body[data-research-3d] #page-home .world-views{background:none;border:0;box-shadow:none;padding:0}
body[data-research-3d] #page-home :is(.world-views button,.world-motion){color:#304635;border-color:#87997b;background:none}
body[data-research-3d] #page-home .world-views button[aria-pressed=true]{background:#34552e;color:#fff;border-color:#34552e;box-shadow:none}
@media(max-width:800px){
 body[data-research-3d] #page-home .science-world .world-stage{top:25%;right:-75%;width:210%;height:85%}
 body[data-research-3d] #page-home .hero-copy{background:none}
}

/* Alternate the existing research photograph and the sensor-equipped field.
   Only the background layers turn and fade; foreground content stays still. */
body[data-research-3d] #page-home .hero{perspective:1400px}
body[data-research-3d] #page-home .hero .hero-image{
 display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;
 opacity:0;background:none;transform:rotateY(7deg) scale(1.035);transform-origin:80% 50%;
 transition:opacity 1.8s ease,transform 2.4s ease;
 mask-image:linear-gradient(90deg,transparent 30%,#0004 43%,#000 59%);
 pointer-events:none;
}
body[data-research-3d] #page-home #cover-image{opacity:1;filter:none;object-fit:cover;object-position:68% center}
body[data-research-3d] #page-home .hero-image::after{display:none}
body[data-research-3d] #page-home #hero-credit{background:none;color:#fff;text-shadow:0 1px 4px #243626;bottom:14px;right:20px;padding:0}
body[data-research-3d] #page-home .science-world .world-stage{opacity:1;transition:opacity 1.8s ease,transform 2.4s ease;transform-origin:65% 50%}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .hero-image{opacity:1;transform:rotateY(0) scale(1)}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .world-stage{opacity:0;transform:rotateY(-7deg) scale(.97)}
body[data-research-3d] #page-home .hero-scenes{display:flex;gap:6px;flex-basis:100%;flex-wrap:wrap}
body[data-research-3d] #page-home .hero-scenes button{font:600 12px/1.5 Manrope,sans-serif;min-height:38px;padding:8px 14px;border:1px solid #87997b;border-radius:24px;background:none;color:#304635}
body[data-research-3d] #page-home .hero-scenes button[aria-pressed=true]{background:#34552e;color:#fff;border-color:#34552e}
body[data-research-3d] #page-home .hero-photo-explanation{display:none;font-size:16px;line-height:1.7;margin:0;flex-basis:100%}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .world-views{visibility:hidden}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .world-explanation{display:none}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .hero-photo-explanation{display:block}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .world-heading :is(h2,p,.world-index),
body[data-research-3d] #page-home .hero[data-hero-scene=photo] :is(.hero-photo-explanation,.world-motion,.hero-scenes button){color:#fff;text-shadow:0 1px 5px #15271bea,0 0 16px #15271b80}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] :is(.world-motion,.hero-scenes button){border-color:#ffffffb3}
@media(max-width:800px){
 body[data-research-3d] #page-home .hero .hero-image{mask-image:linear-gradient(180deg,transparent 27%,#0004 42%,#000 58%)}
 body[data-research-3d] #page-home #cover-image{object-position:72% center}
}
@media print{body[data-research-3d] #page-home .hero-scenes,body[data-research-3d] #page-home .hero .hero-image{display:none!important}}

/* Full-bleed 3D hero: let the field read as the scene, not a right-hand card. */
body[data-research-3d] #page-home .hero{position:relative;display:block;min-height:680px;overflow:hidden;background:linear-gradient(180deg,#f4f7ec 0%,#eef3e5 48%,#e8edda 100%);}
body[data-research-3d] #page-home .science-world{position:absolute;inset:0;z-index:2;display:block;padding:0;color:#243626;pointer-events:none;}
body[data-research-3d] #page-home .science-world .world-heading{position:absolute;top:22px;right:28px;z-index:4;width:min(42%,480px);padding:12px 18px;text-align:right;pointer-events:none;}
body[data-research-3d] #page-home .science-world .world-stage{position:absolute;inset:-4% -8% -8% 13%;width:95%;height:112%;overflow:visible;pointer-events:none;}
body[data-research-3d] #page-home .science-world .world-fallback,
body[data-research-3d] #page-home .science-world[data-world-state=ready] .world-canvas{object-fit:contain;filter:drop-shadow(0 30px 28px #45563b30);}
body[data-research-3d] #page-home .science-world .world-label{pointer-events:none;background:#f8faefdf;border-color:#71885a55;color:#29452e;box-shadow:0 8px 22px #31452a20;backdrop-filter:blur(8px);}
body[data-research-3d] #page-home .science-world .world-footer{position:absolute;right:24px;bottom:20px;z-index:5;width:min(44%,520px);margin:0;padding:12px 16px;border:1px solid #72855a40;border-radius:16px;background:#f7f9edb8;box-shadow:0 12px 28px #32422b16;backdrop-filter:blur(10px);pointer-events:auto;}
body[data-research-3d] #page-home .science-world .world-heading :is(h2,p),body[data-research-3d] #page-home .science-world :is(.world-explanation,.hero-photo-explanation){color:#243626;text-shadow:0 1px 2px #f8faef;}
body[data-research-3d] #page-home .hero-copy{position:relative;z-index:3;width:min(49%,620px);min-height:680px;justify-content:center;padding:clamp(32px,5vw,72px);background:linear-gradient(90deg,#f5f7edfa 0%,#f5f7eddf 62%,#f5f7ed00 100%);}
body[data-research-3d] #page-home .hero-image{z-index:1!important;mask-image:none!important;}
body[data-research-3d] #page-home .hero[data-hero-scene=photo] .world-stage{opacity:0;}
body[data-research-3d] #page-home .hero-scenes{position:relative;z-index:6;}
@media(max-width:800px){
 body[data-research-3d] #page-home .hero{min-height:760px;}
 body[data-research-3d] #page-home .hero-copy{width:100%;min-height:0;padding:28px 24px 20px;background:linear-gradient(180deg,#f5f7edfa,#f5f7eddf 76%,#f5f7ed00);}
 body[data-research-3d] #page-home .science-world .world-stage{inset:22% -18% 5% -16%;width:134%;height:78%;}
 body[data-research-3d] #page-home .science-world .world-heading{top:auto;right:16px;bottom:190px;width:auto;text-align:right;}
 body[data-research-3d] #page-home .science-world .world-footer{right:14px;bottom:14px;width:calc(100% - 28px);}
}