:root{--ink:#142a3c;--blue:#164ec9;--navy:#0a2443;--line:#d7dfe6;--muted:#eaf1f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #bc5300;outline-offset:5px}p{margin:0 0 1.25em}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(45px,4.7vw,74px)}h2{font-size:clamp(34px,3.3vw,50px)}h3{font-size:26px;letter-spacing:-.025em}img{display:block;width:100%;height:auto}figure{margin:0}.skip{position:fixed;top:-100px;left:20px;background:var(--navy);color:white;padding:12px;z-index:50}.skip:focus{top:15px}.site-header{padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:white}.logo{display:block;width:130px;flex:none}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:10px 17px;display:flex;gap:30px}.menu-toggle{display:none}.hero{background:var(--blue);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:4%;align-items:center;padding:55px 5% 50px}.hero h1{max-width:780px}.hero h1 span{color:#bad1ff;display:block}.hero-copy p{font-size:17px;max-width:760px;margin:25px 0}.hero-diagram{border-left:1px solid #688fdc;padding-left:22px}.hero-diagram img{max-width:520px;margin:auto}.diagram-labels{display:flex;gap:15px;justify-content:space-between;font-size:12px;color:#dce7ff}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--blue);color:white;padding:15px 21px;font-size:14px;font-weight:600;border-radius:3px;line-height:1.5;transition:background .2s}.button:hover{background:#0c348d}.hero .button,.button.light{background:#fff;color:var(--blue)}.hero .button:hover,.button.light:hover{background:#dce7ff}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:14px;font-weight:600;line-height:1.5;border-bottom:1px solid currentColor;padding:4px 0}.text-link:hover{color:var(--blue)}.hero .text-link:hover{color:#c1d4ff}.hero a:focus-visible,.contact a:focus-visible,.milestones a:focus-visible{outline-color:#fff}.experience{padding:20px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.experience h2{font-size:12px;letter-spacing:0;flex:none}.experience p{display:flex;justify-content:space-between;gap:25px;width:100%;margin:0;font-size:13px}.experience p span:before{content:'+';color:var(--blue);font-weight:600;margin-right:10px}.section{padding:65px 5%}.eyebrow{font-size:12px;letter-spacing:.035em;font-weight:600;margin:0 0 18px;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:6px;height:6px;background:currentColor;flex:none}.services .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;align-items:start;margin-bottom:35px}.services .eyebrow{grid-column:1/-1}.services .section-intro>p:last-child{margin:0;font-size:16px;padding-top:3px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-list article{padding:26px;background:var(--muted);border-top:3px solid var(--blue)}.service-icon{width:43px;height:43px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:25px}.service-list h3{max-width:300px}.service-list p{font-size:15px;margin:18px 0 0}.service-arrow{display:none}.service-list>.text-link{grid-column:1/-1;justify-self:start;margin-top:6px}.research{background:#f1f5f7;padding-bottom:0}.research-top{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding-bottom:50px}.research h2 span{color:var(--blue)}.research-copy{font-size:16px}.research-copy p:last-of-type{margin-bottom:20px}.licensing{position:relative;background:#dbe9ff;margin:0 -5.556%;padding:45px 5%;display:grid;grid-template-columns:1.05fr 1fr;gap:5%;overflow:clip;min-height:530px;align-items:stretch}.licensing-content{padding:12px 0;align-self:center;position:relative;z-index:2}.licensing h2{max-width:540px;font-size:clamp(40px,4.1vw,62px);margin-bottom:24px}.licensing-content>div:last-child p{font-size:16px;max-width:590px}.orange-stage{position:relative;min-height:430px}.orange-sticky{position:sticky;top:70px}.orange-art{max-width:490px;margin:auto;transform:translateY(var(--orange-rise,0px));will-change:transform}.milestones{background:var(--navy);color:white}.milestone-heading{display:grid;grid-template-columns:1fr 1.8fr;gap:6%;margin-bottom:35px}.milestone-heading h2{font-size:42px;max-width:700px}.timeline{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.timeline article{border-top:1px solid #71839a;padding-top:22px}.timeline h3{font-size:20px;letter-spacing:-.02em}.timeline h3 span{display:block;font-size:47px;color:#9abaff;margin-bottom:15px;letter-spacing:-.04em}.timeline p{font-size:15px;margin:18px 0 0}.timeline>.text-link{grid-column:1/-1;justify-self:start}.milestones .text-link:hover{color:#b4ccff}.ingredients{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;border-bottom:1px solid var(--line)}.ingredient-copy{font-size:16px}.brand-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:27px}.brand-actions a{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;line-height:1.5;padding:24px 20px;background:var(--blue);color:white;border:1px solid var(--blue)}.brand-actions a:last-child{background:white;color:var(--blue)}.brand-actions a:hover{background:#e8efff;color:var(--blue)}.about{display:grid;grid-template-columns:240px 1fr;gap:7%;align-items:start;background:#eaf1f7}.about .portrait-small{width:160px;margin-top:25px}.portrait-small img{aspect-ratio:1;object-fit:cover;object-position:center 27%;border-radius:4px}.about h2{max-width:850px;font-size:42px;margin-bottom:24px}.about>div:last-child{max-width:940px}.about p{font-size:16px}.about .eyebrow{font-size:12px}.contact{background:var(--blue);color:white;display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:45px;padding-bottom:45px}.contact h2{font-size:clamp(45px,5vw,70px)}.contact p{margin:20px 0}.contact-arrow{font-size:135px;line-height:1}footer{padding:35px 5% 20px;font-size:13px}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:25px}.footer-top .logo{width:110px;margin-bottom:12px}.footer-top p{margin:0 0 5px}.footer-contact{padding-top:20px}.footer-contact>a{font-size:23px;display:block;color:var(--blue);margin-bottom:12px}.footer-contact a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a:hover{text-decoration:underline}@media(min-width:1800px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){.site-header nav{gap:17px;font-size:12px}.hero{grid-template-columns:1.4fr 1fr}.hero h1{font-size:51px}.hero-copy p{font-size:16px}.diagram-labels{font-size:10px;gap:8px}.experience{gap:20px}.experience p{font-size:11px;gap:15px}.service-list article{padding:21px}.service-list h3{font-size:23px}.brand-actions{grid-template-columns:1fr}.licensing{gap:2%;min-height:530px}.orange-stage{align-self:center;min-height:350px}.milestone-heading{grid-template-columns:1fr 2fr}.timeline{gap:24px}.about{grid-template-columns:180px 1fr;gap:5%}}
@media(max-width:800px){.site-header{flex-wrap:wrap;gap:0}.site-header .logo{width:110px}.menu-toggle{display:flex;align-items:center;gap:22px;border:1px solid var(--ink);border-radius:30px;padding:8px 15px;background:white;font-size:14px}.site-header nav{width:100%;padding:20px 0 10px;display:flex;flex-wrap:wrap;gap:15px 22px;font-size:14px}.js .site-header nav{display:none}.js .site-header nav.open{display:flex}.nav-contact{padding:0;border:0}.hero{padding-top:36px;padding-bottom:36px;gap:3%;grid-template-columns:1.4fr 1fr}.hero h1{font-size:43px}.hero-diagram{padding-left:12px}.hero-copy p{font-size:15px}.diagram-labels{flex-direction:column;gap:5px;align-items:center;font-size:11px}.experience{display:block}.experience h2{margin-bottom:10px}.experience p{font-size:12px;flex-wrap:wrap;gap:8px 18px}.section{padding-top:48px;padding-bottom:48px}.service-list{gap:12px}.service-list article{padding:18px 15px}.service-list h3{font-size:22px}.service-list p{font-size:14px}.services .section-intro{gap:5%}.services h2{font-size:36px}.research{padding-bottom:0}.research-top{gap:5%}.licensing{padding-top:35px;padding-bottom:35px;min-height:520px}.licensing h2{font-size:43px}.orange-stage{min-height:300px}.milestone-heading{display:block}.milestone-heading h2{font-size:37px}.timeline{gap:20px}.timeline p{font-size:14px}.timeline h3{font-size:18px}.timeline h3 span{font-size:39px}.ingredients{gap:5%}.about h2{font-size:37px}.contact-arrow{font-size:95px}.footer-bottom{flex-direction:column;gap:0}}
@media(max-width:600px){body{font-size:16px}.hero{display:block;padding:32px 6%}.hero h1{font-size:46px}.hero-copy p{font-size:16px;margin:22px 0}.hero-diagram{border-left:0;border-top:1px solid #688fdc;margin-top:28px;padding:15px 0 0;display:flex;align-items:center;gap:10px}.hero-diagram img{width:70%;margin:0;max-height:170px}.diagram-labels{align-items:flex-start;gap:18px;font-size:11px}.actions{gap:17px}.button{padding:14px 17px;font-size:13px;gap:20px}.text-link{font-size:13px;gap:16px}.experience{padding:20px 6%}.experience p{display:grid;font-size:12px}.section{padding:43px 6%}.eyebrow{margin-bottom:16px}.services .section-intro{display:block;margin-bottom:24px}.services .section-intro>p:last-child{margin-top:22px;font-size:16px}.section h2{font-size:36px}.service-list{grid-template-columns:1fr;gap:13px}.service-list article{padding:23px;display:grid;grid-template-columns:40px 1fr;gap:18px}.service-icon{width:35px;height:35px;margin:0}.service-list h3{font-size:24px}.service-list p{font-size:15px;margin-top:13px}.service-list>.text-link{margin-top:7px}.research{padding-bottom:0}.research-top{display:block;padding-bottom:35px}.research-copy{margin-top:23px}.licensing{margin:0 -6.819%;padding:35px 6%;display:flex;flex-direction:column;gap:5px;min-height:0}.licensing h2{font-size:43px;margin-bottom:22px}.licensing-content{padding:0}.licensing-content>div:last-child p{font-size:16px}.orange-stage{min-height:0;width:100%;align-self:auto}.orange-sticky{position:static}.orange-art{max-width:270px;margin:0 auto;transform:none!important;will-change:auto}.milestone-heading h2{font-size:36px}.timeline{grid-template-columns:1fr;gap:24px}.timeline article{padding-top:19px}.timeline h3{display:flex;align-items:baseline;gap:20px;font-size:20px}.timeline h3 span{font-size:39px;margin:0}.timeline p{font-size:15px;margin-top:12px}.ingredients{display:block}.ingredient-copy{margin-top:23px}.brand-actions{gap:10px;margin-top:23px}.brand-actions a{padding:19px;font-size:15px}.about{display:flex;flex-direction:column;gap:25px}.about-label{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px}.about .portrait-small{width:90px;margin:0;flex:none}.about .eyebrow{margin:0;max-width:170px}.about h2{font-size:36px}.contact{display:block}.contact h2{font-size:48px}.contact-arrow{display:none}.footer-top{display:block}.footer-contact{padding-top:24px}footer{padding:28px 6% 17px}.footer-bottom nav{gap:13px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.orange-art{transform:none!important;will-change:auto}.orange-sticky{position:static}}
/* Round 2: a single material-to-application idea and a legible evidence band. */
.hero-diagram{border-left:0;padding-left:0;align-self:center}.hero-diagram img{max-width:560px;margin:auto}.experience{display:block;padding:23px 5% 27px;background:#f4f7fb}.experience h2{font-size:12px;font-weight:600;line-height:1.4;margin:0 0 16px;color:#38536c}.experience-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.experience .experience-blocks p{display:block;width:auto;font-size:20px;line-height:1.32;letter-spacing:-.025em;margin:0;padding:0 30px;border-left:1px solid #c6d4e3}.experience .experience-blocks p:first-child{padding-left:0;border-left:0}.experience .experience-blocks p:last-child{padding-right:0}.experience-blocks span,.experience-blocks strong{display:block;font-weight:400}.experience-blocks strong{color:var(--blue);font-weight:600}.experience p span:before{content:none}
@media(max-width:1050px){.experience .experience-blocks p{font-size:18px;padding:0 20px}.experience h2{margin-bottom:15px}}
@media(max-width:800px){.hero-diagram{padding:0}.experience .experience-blocks p{font-size:16px;padding:0 17px}.experience{padding-top:20px;padding-bottom:22px}}
@media(max-width:600px){.hero-diagram{display:block;border:0;margin-top:18px;padding:0}.hero-diagram img{width:100%;max-width:370px;max-height:none;margin:auto}.experience{padding:22px 6%}.experience h2{font-size:12px;margin-bottom:16px}.experience-blocks{grid-template-columns:1fr;gap:14px}.experience .experience-blocks p{border:0;border-top:1px solid #c6d4e3;padding:13px 0 0;font-size:18px}.experience .experience-blocks p:first-child{padding:0;border:0}.experience-blocks span,.experience-blocks strong{display:inline}}

/* Documentary photography: two purposeful images, no portrait repetition. */
.japan-photo{width:100%;height:auto;margin:20px 0 0;border-radius:3px}
.orchard-leadership{display:grid;grid-template-columns:46% 54%;gap:0;padding:0;background:#f3f2e9;align-items:stretch}
.orchard-leadership .leadership-photo{position:relative;min-width:0;overflow:hidden}
.leadership-photo img{height:100%;object-fit:cover;object-position:35% center}
.leadership-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#f3f2e9 100%);pointer-events:none}
.orchard-leadership .leadership-copy{padding:58px 9% 58px 5%;max-width:none;align-self:center}
.orchard-leadership .leadership-copy h2{font-size:clamp(32px,3vw,43px)}
.orchard-leadership .orchard-context{font-size:14px;color:#445345;margin:22px 0}
@media(max-width:1050px){.orchard-leadership{grid-template-columns:43% 57%}.orchard-leadership .leadership-copy{padding:40px 8% 40px 5%}.leadership-photo img{object-position:35% center}}
@media(max-width:800px){.orchard-leadership{display:block}.orchard-leadership .leadership-photo{max-height:none}.leadership-photo img{height:auto;object-fit:contain}.leadership-photo:after{background:linear-gradient(180deg,transparent 80%,#f3f2e9 100%)}.orchard-leadership .leadership-copy{padding:28px 6% 43px}.orchard-leadership .eyebrow{max-width:none;margin-bottom:18px}.japan-photo{margin-top:16px}}

.site-header .nav-contact{gap:12px}

/* Independent photographic hero exploration. All selectors scoped to hero. */
.hero{grid-template-columns:1.08fr 1fr;gap:4%;padding-top:46px;padding-bottom:46px}
.hero h1{font-size:clamp(45px,4.5vw,69px)}
.hero-photograph{margin:0;min-width:0;align-self:center}
.hero-photograph img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:2px}
.hero-photograph figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;color:#dce7ff;padding-top:13px;margin-top:0;border-top:1px solid #7399ed}
.hero-photograph figcaption span:nth-child(2){text-align:center}
.hero-photograph figcaption span:last-child{text-align:right}
@media(max-width:1050px){.hero h1{font-size:49px}.hero{gap:3%}.hero-photograph figcaption{font-size:11px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:36px;gap:28px}.hero h1{max-width:700px;font-size:51px}.hero-copy p{max-width:720px}.hero-photograph{width:70%;max-width:560px;justify-self:center}.hero-photograph img{aspect-ratio:1.25;object-fit:cover;object-position:center 62%}}
@media(max-width:600px){.hero{display:block;padding:32px 6%}.hero h1{font-size:46px}.hero-photograph{width:100%;margin-top:27px}.hero-photograph img{aspect-ratio:1.25}.hero-photograph figcaption{font-size:11px;gap:8px;padding-top:11px}}
@media(min-width:901px){.hero-photograph img{aspect-ratio:1.18;object-fit:cover;object-position:center 60%}}
/* Static connected sequence: equal outer tracks keep Research optically centred. */
.hero-photograph .material-sequence{display:grid;grid-template-columns:minmax(0,1fr) 22px auto 22px minmax(0,1fr);align-items:center;column-gap:10px;width:min(100%,420px);margin:0 auto;padding:17px 0 0;border:0;color:#fff;font-size:15px;line-height:1.35;font-weight:500}
.hero-photograph .material-sequence .material-step{text-align:center;white-space:nowrap}
.hero-photograph .material-connector{display:block;width:22px;height:12px;fill:none;stroke:#bad1ff;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.hero-photograph .material-sequence{font-size:14px;column-gap:8px;grid-template-columns:minmax(0,1fr) 18px auto 18px minmax(0,1fr)}.hero-photograph .material-connector{width:18px}}
@media(max-width:600px){.hero-photograph .material-sequence{padding-top:15px;font-size:13px;column-gap:6px}}
@media(max-width:360px){.hero-photograph .material-sequence{font-size:12px;column-gap:4px}}
.hero-photograph .material-step:first-child{justify-self:end}.hero-photograph .material-step:last-child{justify-self:start}
/* Integrated progression: the photograph and its live text share one surface. */
.hero-photograph{position:relative;isolation:isolate;overflow:hidden}
.hero-photograph img{aspect-ratio:1;object-fit:contain;object-position:center}
.hero-photograph .material-progression{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);column-gap:0;align-items:stretch;width:100%;height:78px;margin:0;padding:0 12px;border:0;background:linear-gradient(90deg,rgba(9,40,113,.88),rgba(10,49,135,.91) 50%,rgba(9,40,113,.88));font-size:clamp(16px,1.38vw,21px);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:#fff}
.hero-photograph .material-progression:before{content:"";position:absolute;inset:-25px 0 100%;background:linear-gradient(transparent,rgba(9,40,113,.25));pointer-events:none}
.hero-photograph .material-progression .material-step{display:flex;align-items:center;justify-content:center;justify-self:stretch;text-align:center;white-space:normal;padding:10px 6px;position:relative}
.hero-photograph .material-progression [data-material-step="2"]{color:#ffe4b5}
.hero-photograph .material-progression [data-material-step="2"]:after{content:"";position:absolute;bottom:13px;left:calc(50% - 16px);width:32px;height:2px;background:#ffae42}
.hero-photograph .material-join{display:block;width:16px;height:100%;fill:none;stroke:rgba(185,211,255,.45);stroke-width:1;vector-effect:non-scaling-stroke}
@media(max-width:1050px){.hero-photograph .material-progression{height:67px;font-size:16px;padding:0 7px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.hero-photograph .material-join{width:12px}.hero-photograph .material-progression [data-material-step="2"]:after{bottom:9px}}
@media(max-width:900px){.hero-photograph img{aspect-ratio:1;object-fit:contain}.hero-photograph .material-progression{font-size:18px;height:70px}}
@media(max-width:600px){.hero-photograph .material-progression{font-size:15px;height:57px;padding:0 5px}.hero-photograph .material-progression .material-step{padding:8px 3px}.hero-photograph .material-progression [data-material-step="2"]:after{bottom:7px;width:24px;left:calc(50% - 12px)}}
@media(max-width:360px){.hero-photograph .material-progression{font-size:14px;height:53px}}
/* Integrated-4: neutral stages and more deliberate mobile photo framing. */
.hero-photograph .material-progression [data-material-step="2"]{color:inherit}
.hero-photograph .material-progression [data-material-step="2"]:after{content:none}
@media(max-width:600px){
 .hero-photograph{padding-bottom:18px;background:#164ec9}
 .hero-photograph img{margin-top:-10%;aspect-ratio:1;object-fit:contain}
 .hero-photograph .material-progression:before{inset:-12px 0 100%}
}

/* One soft light pass across the band; text and photographic objects remain static. */
.hero-photograph .material-progression.is-emphasizing:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(255,226,181,.16) 49%,rgba(255,245,224,.19) 52%,transparent 66%);background-size:300% 100%;background-position:100% 0;animation:material-light-pass 2400ms linear 120ms 1 both}
.hero-photograph .material-progression .material-step,.hero-photograph .material-progression .material-join{z-index:1}
@keyframes material-light-pass{0%{background-position:100% 0;opacity:0}10%{opacity:1}90%{opacity:1}100%{background-position:0% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-photograph .material-progression.is-emphasizing:after{content:none;animation:none}}
/* Laptop refinement: retain readable copy while fitting square artwork to the viewport. */
@media(min-width:901px){
 .hero{padding-top:28px;padding-bottom:28px}
 .hero-photograph{width:min(100%,calc(100svh - 180px));justify-self:center}
}