@charset "UTF-8";
:root{--ink:#322541;--muted:#6b6076;--purple:#725294;--deep:#4a2f65;--lavender:#eee8f6;--pale:#f7f4fa;--line:#d9cee3;--white:#fff;--serif:"Shippori Mincho","Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}img{display:block;max-width:100%;height:auto}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:#dfd1ed}main{overflow:clip}.container{width:min(1180px,calc(100% - 112px));margin-inline:auto}.section{padding:112px 0}section[id]{scroll-margin-top:24px}.eyebrow{font-family:Arial,var(--sans);font-size:12px;letter-spacing:.17em;line-height:1.5;font-weight:500;color:var(--purple)}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px 24px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 4vw;background:#fff;min-height:98px;border-bottom:1px solid #f1edf5}.brand{display:flex;flex-direction:column;flex-shrink:0;gap:2px;line-height:1.5}.brand-en{font-family:Georgia,serif;font-size:25px;letter-spacing:.055em}.brand-ja{font-size:12px;letter-spacing:.14em}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a{font-size:14px;white-space:nowrap;position:relative}.site-nav a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{transform:scaleX(1)}.nav-contact{padding:11px 21px;border:1px solid var(--line);display:flex;gap:18px;align-items:center;transition:background .25s}.nav-contact:hover{background:var(--lavender)}.menu-toggle{display:none}.hero{position:relative;min-height:720px;background:var(--lavender);display:grid;grid-template-columns:46% 54%;padding:64px 4vw 94px;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:24px 0 0 2vw}.hero h1{font-family:var(--serif);font-size:clamp(38px,4.5vw,69px);font-weight:500;line-height:1.55;letter-spacing:.03em;margin:30px 0 24px;white-space:nowrap}.line{display:block;overflow:hidden}.line>span{display:block}.hero-description{color:var(--muted);line-height:2.1;font-size:15px;margin-bottom:32px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 0;border-bottom:1px solid var(--purple);font-size:14px;min-height:44px}.arrow{font-size:21px;display:inline-block;transition:transform .3s}.text-link:hover .arrow{transform:translate(3px,-3px)}.hero-visual{position:relative;align-self:start;z-index:1;padding-top:5px}.hero-photo-window{overflow:hidden;aspect-ratio:1.18;background:#ded2ea}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.05) translateY(var(--photo-shift,0px));will-change:transform}.hero-visual figcaption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;color:var(--muted);padding:13px 0}.hero-visual figcaption span:last-child{font-family:Georgia,serif}.scroll-cue{position:absolute;bottom:29px;left:6vw;font:12px Arial,sans-serif;letter-spacing:.15em;display:flex;align-items:center;gap:16px;min-height:44px}.scroll-line{display:block;width:44px;height:1px;background:var(--purple);transform-origin:left}.hero-bottom{position:absolute;right:4vw;bottom:20px;font:italic clamp(22px,3vw,46px) Georgia,serif;color:#9c86b0;letter-spacing:-.02em}.editorial-grid{display:grid;grid-template-columns:34% 1fr;gap:5%}.section-label h2{font-size:17px;font-weight:500;margin-top:14px}.place-label{margin-top:105px;font-size:14px;line-height:2.1;color:var(--muted)}.place-label span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.2em}.display-heading{font-family:var(--serif);font-size:clamp(32px,3.3vw,49px);font-weight:500;line-height:1.75;letter-spacing:.05em;margin:0 0 36px}.display-heading em{font-style:normal;color:var(--purple)}.about-copy>p{line-height:2.2;margin-top:18px}.production-grid{display:grid;grid-template-columns:1.1fr 1fr;margin-top:92px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.production-number{padding:42px 40px 42px 0}.stat-value{display:flex;align-items:baseline;gap:12px;line-height:1.2;margin:20px 0}.stat-prefix{font-size:14px;align-self:center}.count-number{font-family:Georgia,serif;font-size:clamp(70px,7vw,104px);font-variant-numeric:tabular-nums;color:var(--purple);letter-spacing:-.04em}.stat-unit{font-size:18px}.production-number>p:last-child{font-size:14px;color:var(--muted)}.production-delivery{padding:42px 0 42px 56px;border-left:1px solid var(--line)}.production-delivery h3{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.6;margin:17px 0}.production-delivery p{font-size:14px;color:var(--muted);line-height:2}.seasonal-section{background:var(--pale)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:46px}.section-heading{font-family:var(--serif);font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.6;letter-spacing:.035em;margin-top:17px}.seasonal-feature{display:grid;grid-template-columns:1.05fr 1fr;background:var(--lavender);overflow:hidden}.seasonal-photo{overflow:hidden;min-height:340px}.seasonal-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.seasonal-feature:hover img{transform:scale(1.035)}.seasonal-copy{padding:50px;display:flex;flex-direction:column;align-items:start}.seasonal-copy h3{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.7;margin:24px 0}.seasonal-copy p{font-size:14px;color:var(--muted);line-height:2.1}.round-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:22px;transition:background .3s,color .3s,transform .3s}.seasonal-copy .round-arrow{margin-top:28px;border-color:#b6a0cb}.seasonal-feature:hover .round-arrow,.contact-item:hover .round-arrow{background:var(--deep);color:white}.small-note{font-size:13px;color:var(--muted);margin-top:24px}.recruit-section{padding-block:96px}.recruit-panel{padding:58px;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;background:#f4eff9 url('../img/assets/lavender-light.webp') center/cover no-repeat;border:1px solid #e8dff1}.recruit-panel p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:22px;line-height:2}.recruit-panel-action{display:flex;flex-direction:column;gap:25px;align-items:stretch}.status-badge{font-size:14px;display:inline-flex;align-items:center;gap:10px;line-height:1.7}.status-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-badge.open::before{background:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:17px 26px;border:1px solid var(--line);font-size:14px;background:transparent;transition:background .3s,color .3s}.button-dark{background:var(--deep);border-color:var(--deep);color:#fff}.button-dark:hover{background:#6d4b8f}.company-section{padding-top:20px}.company-data>div{display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.company-data>div:first-child{padding-top:0}.company-data dt{font-size:14px;color:var(--muted)}.company-data dd{font-size:15px;overflow-wrap:anywhere}.company-data a{text-decoration:underline;text-underline-offset:5px}.access-section{background:var(--pale)}.access-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:58px}.address{font-size:19px;line-height:1.9}.access-note{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.access-note h3{font-size:15px;font-weight:500;margin-bottom:10px}.access-note p{font-size:14px;color:var(--muted);margin-bottom:12px}.map-wrapper{min-height:370px;background:#e6e0ec}.map-wrapper iframe{width:100%;height:100%;min-height:370px;border:0;display:block}.contact-section{background:var(--lavender)}.contact-section .section-top>p{font-size:14px;color:var(--muted)}.contact-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c7b7d7;border-bottom:1px solid #c7b7d7}.contact-item{position:relative;padding:32px 72px 32px 0;display:flex;flex-direction:column;gap:16px;justify-content:center}.contact-item+.contact-item{border-left:1px solid #c7b7d7;padding-left:36px}.contact-number{font:36px Georgia,serif;letter-spacing:.01em}.contact-mail{font-family:Arial,sans-serif;font-size:20px;overflow-wrap:anywhere;line-height:1.6}.contact-item .round-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);border-color:#b6a0cb}.site-footer{padding:46px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p,.back-top{font-size:12px}.footer-bottom{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center}.footer-bottom small{font:12px Arial,sans-serif;letter-spacing:.07em;color:var(--muted)}.motion-toggle{font-size:12px;background:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;min-height:44px}[hidden]{display:none!important}
/* Motion is progressive: content remains readable without JavaScript. */
.motion-ready .reveal{transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.pending{opacity:0;transform:translateY(28px)}.motion-ready .hero h1 .line>span{animation:headline-in 1s var(--ease) both}.motion-ready .hero h1 .line:nth-child(2)>span{animation-delay:.13s}.motion-ready .hero-photo-window{animation:photo-in 1.2s var(--ease) both}.motion-ready .hero-intro{animation:fade-in .9s var(--ease) both}.motion-ready .scroll-line{animation:line-in 1s .4s var(--ease) both}@keyframes headline-in{from{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes photo-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}html.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .hero-photo{transform:none!important}
@media(min-width:1600px){.hero{padding-inline:max(4vw,calc((100vw - 1440px)/2));min-height:800px}.hero-copy{padding-left:0}}
@media(max-width:1100px){.site-nav{gap:15px}.site-nav a{font-size:14px}.nav-contact{padding:10px 14px}.brand-en{font-size:22px}.container{width:calc(100% - 72px)}.hero{min-height:640px;padding-top:52px}.hero-copy{padding-left:0}.hero h1{font-size:4.4vw}.hero-description{font-size:14px}.hero-photo-window{aspect-ratio:.96}.seasonal-copy{padding:34px}.seasonal-copy h3{font-size:29px}.production-delivery{padding-left:36px}.recruit-panel{padding:40px}.contact-number{font-size:29px}.contact-mail{font-size:17px}.editorial-grid{grid-template-columns:29% 1fr}.access-grid{gap:36px}}
@media(max-width:980px){.site-header{padding:18px 24px;min-height:82px}.menu-toggle{display:flex;position:relative;z-index:32;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:0;background:none;padding:6px;min-width:48px;min-height:48px}.menu-toggle>span:not(.menu-label){width:25px;height:1px;background:var(--ink);transition:transform .3s}.menu-label{font:10px Arial,sans-serif;letter-spacing:.12em;margin-top:2px}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--pale);padding:22px 28px 36px;border-bottom:1px solid var(--line);max-height:calc(100svh - 82px);overflow:auto}.site-nav.is-active{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:15px 0;font-size:16px;border-bottom:1px solid var(--line)}.site-nav .nav-contact{border:0;justify-content:space-between}}
@media(max-width:850px){.section{padding:76px 0}.hero{min-height:620px}.hero h1{font-size:4.5vw}.hero-description{max-width:300px}.hero-bottom{font-size:28px}.section-heading{font-size:31px}.recruit-panel{grid-template-columns:1fr;gap:32px}.recruit-panel-action{align-items:start}.company-section{padding-top:0}.production-grid{grid-template-columns:1fr 1fr}.stat-value{gap:7px}.stat-prefix{font-size:12px}.stat-unit{font-size:15px}.count-number{font-size:74px}.contact-links{grid-template-columns:1fr}.contact-item+.contact-item{border-left:0;border-top:1px solid #c7b7d7;padding-left:0}.contact-mail{font-size:23px}.footer-top{flex-wrap:wrap}.footer-top p{width:50%}}
@media(max-width:600px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.site-header{padding:14px 20px;min-height:76px}.brand-en{font-size:22px}.hero{display:flex;flex-direction:column;padding:35px 20px 88px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(32px,9vw,48px);margin:24px 0 20px;line-height:1.5}.hero-description{max-width:none;font-size:14px;margin-bottom:14px}.hero .text-link{font-size:14px;padding:8px 0}.hero-visual{margin-top:32px;width:100%;padding:0}.hero-photo-window{aspect-ratio:1.25}.hero-visual figcaption{font-size:12px;padding-top:9px}.hero-bottom{font-size:23px;bottom:51px;right:20px}.scroll-cue{left:20px;bottom:7px;font-size:12px;gap:8px}.scroll-line{width:22px}.section{padding:64px 0}.editorial-grid{grid-template-columns:1fr;gap:30px}.section-label h2{font-size:16px;margin-top:10px}.place-label{display:none}.display-heading{font-size:34px;margin-bottom:24px;line-height:1.65}.about-copy>p{font-size:16px;line-height:2}.desktop-br{display:none}.production-grid{grid-template-columns:1fr;margin-top:45px}.production-number{padding:28px 0}.stat-value{gap:14px}.count-number{font-size:96px}.stat-prefix{font-size:14px}.stat-unit{font-size:18px}.production-delivery{border-left:0;border-top:1px solid var(--line);padding:28px 0}.production-delivery h3{font-size:28px}.section-top{align-items:start;flex-direction:column;gap:18px;margin-bottom:30px}.section-heading{font-size:29px;margin-top:12px}.seasonal-feature{grid-template-columns:1fr}.seasonal-photo{min-height:0;aspect-ratio:1.33}.seasonal-copy{padding:30px}.seasonal-copy h3{font-size:28px;margin:18px 0}.small-note{font-size:13px;line-height:1.85}.recruit-panel{padding:32px 25px;width:calc(100% - 40px)}.recruit-panel .section-heading{font-size:29px}.recruit-panel-action{align-items:stretch}.status-badge{font-size:14px}.company-section{padding-top:0}.company-data>div{grid-template-columns:90px 1fr;gap:16px;padding:17px 0}.company-data dt{font-size:14px}.company-data dd{font-size:14px}.access-grid{grid-template-columns:1fr;gap:28px}.address{font-size:18px}.map-wrapper,.map-wrapper iframe{min-height:320px}.contact-item{padding:26px 65px 26px 0}.contact-number{font-size:30px}.contact-mail{font-size:19px}.contact-item .round-arrow{right:2px}.footer-top{align-items:start;gap:20px;flex-direction:column}.footer-top p{width:auto}.footer-bottom{margin-top:25px}.button{padding:16px 20px}.contact-section .section-top>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero-photo{transform:none!important}}
@media print{.site-nav,.menu-toggle,.motion-toggle,.scroll-cue,.map-wrapper{display:none!important}.reveal{opacity:1!important;transform:none!important}.section{padding:30px 0}.hero{min-height:0}.container{width:100%}.site-header{padding:10px 0}a{color:inherit}.hero h1 .line>span{transform:none!important}.hero-photo-window{clip-path:none!important}}

.page-heading{padding-top:90px;padding-bottom:70px}.page-heading h1{font-family:var(--serif);font-size:clamp(30px,4vw,50px);font-weight:400;margin:24px 0 0}.plant-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.plant-story>img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover}.plant-story p,.recruit-intro p{line-height:2.1}.business-list{margin:45px 0}.business-list article{display:grid;grid-template-columns:70px 1fr 1.8fr;gap:30px;border-top:1px solid var(--line);padding:30px 0;align-items:baseline}.business-list article:last-child{border-bottom:1px solid var(--line)}.business-list h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0}.business-list p{margin:0;line-height:1.9}.business-list article>span{font-size:13px;color:var(--purple)}.recruit-intro{padding:65px;background:var(--pale) url('../img/assets/lavender-light.webp') center/cover}.recruit-state{padding:30px 0}.recruit-state p{line-height:2}.recruit-contact{border-top:1px solid var(--line);padding-top:30px;margin-top:30px}.recruit-contact h3{font-weight:400}.recruit-contact p{line-height:1.9}#recruit-entry-form{max-width:680px;margin-top:30px}#recruit-entry-form label{display:block;margin:24px 0}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:0;background:white;color:var(--ink);font:inherit}button{font:inherit}[hidden]{display:none!important}@media(max-width:700px){.page-heading{padding-top:65px;padding-bottom:45px}.plant-story{grid-template-columns:1fr;gap:32px}.business-list article{grid-template-columns:36px 1fr;gap:16px}.business-list article p{grid-column:2}.recruit-intro{padding:32px 24px}}
/* A photographic opening and an illustrated, native-scroll story. */
.immersive-hero{min-height:min(820px,calc(100svh - 98px));padding:78px 4vw 106px;grid-template-columns:43% 57%;background:#eae1f3;overflow:hidden}.immersive-hero .hero-copy{align-self:center;padding:0 0 34px 2vw}.immersive-hero h1{font-size:clamp(42px,4.5vw,72px);line-height:1.65;margin:24px 0}.immersive-hero .hero-visual{align-self:stretch;padding:0;min-height:470px}.immersive-hero .hero-photo-window{height:100%;aspect-ratio:auto;border-radius:48% 48% 3px 3px;position:relative;isolation:isolate}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;pointer-events:none}.video-playing .hero-film{opacity:1}.hero-motion-toggle{position:absolute;left:6vw;bottom:76px;z-index:5;font-size:14px!important}.immersive-hero .hero-bottom{right:4vw;bottom:24px}.immersive-hero .hero-visual figcaption{padding-top:14px}.quick-facts{display:flex;justify-content:center;gap:0;background:var(--deep);color:white;padding:22px 24px;font-size:14px;letter-spacing:.04em}.quick-facts span{padding:0 5vw;border-left:1px solid #8e78a4}.quick-facts span:first-child{border:0}.about-illustration{width:280px;max-width:100%;height:auto;margin:24px 0 0 -22px;mix-blend-mode:multiply}.place-label{margin-top:52px}.about-copy>p{max-width:640px}.growing-story{background:#f6f1fa;padding:100px 0 60px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.story-sticky{position:sticky;top:48px;padding-top:32px}.story-sticky .display-heading{margin-top:22px;font-size:clamp(30px,3vw,44px)}.story-sticky>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:2}.tools-figure{max-width:420px;margin:20px 0}.tools-figure img{width:100%;height:auto;mix-blend-mode:multiply}.tools-figure figcaption{font-size:12px;color:var(--muted);text-align:center}.story-progress{height:2px;background:#d9cce5;max-width:380px;margin:30px 0 0;overflow:hidden}.story-progress>span{display:block;width:100%;height:100%;background:var(--purple);transform:scaleX(var(--story-progress,0));transform-origin:left}.story-step{position:relative;padding:70px 20px 80px 0;border-top:1px solid var(--line);min-height:470px}.story-step h3{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;margin:16px 0 25px;letter-spacing:.05em}.story-step p:not(.eyebrow){font-size:16px;line-height:2.1;margin:16px 0;max-width:360px}.step-number{position:absolute;right:0;top:20px;font:italic 100px Georgia,serif;color:#c9b5dd;line-height:1}.step-footnote{display:block;font-size:14px;letter-spacing:.04em;color:var(--purple);margin-top:34px}.story-step.is-current .step-number{color:var(--purple);transition:color .6s}.seasonal-copy{position:relative}.seasonal-sketch{width:135px;position:absolute;right:20px;bottom:22px;mix-blend-mode:multiply;transform:rotate(8deg);opacity:.85;pointer-events:none}.seasonal-copy>h3,.seasonal-copy>p{position:relative;z-index:1}.seasonal-copy>p{max-width:330px}.faq-section{background:white}.faq-intro{margin-top:30px;font-size:16px;color:var(--muted)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:25px 40px 25px 0;position:relative;font-size:16px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'＋';position:absolute;right:2px;top:25px;color:var(--purple)}.faq-list details[open] summary::after{content:'−'}.faq-list details>p{font-size:16px;padding:0 32px 26px 0;line-height:2;color:var(--muted)}.faq-list a{display:block;width:fit-content;margin-top:14px;border-bottom:1px solid var(--line);color:var(--deep)}summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.plant-illustrated-heading{display:flex;align-items:center;justify-content:center;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-bottom:70px}.plant-illustrated-heading img{width:260px;height:auto}.plant-illustrated-heading p{font-family:var(--serif);font-size:28px;line-height:1.8}.illustrated-recruit{position:relative;padding-right:44%;min-height:410px}.recruit-tools{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:41%;height:auto;mix-blend-mode:multiply}.work-context{margin:22px 0 28px;max-width:780px;line-height:2}.hero-description,.seasonal-copy p,.recruit-panel p:not(.eyebrow),.production-delivery p{font-size:16px}.motion-off .hero-film{display:none}.motion-off .story-progress>span{transform:scaleX(1)}
@media(min-width:1600px){.immersive-hero{min-height:800px}}
@media(max-width:980px){.immersive-hero{min-height:660px;padding-top:56px}.immersive-hero h1{font-size:4.7vw}.immersive-hero .hero-copy{padding-left:0}.immersive-hero .hero-visual{min-height:430px}.story-grid{gap:6%}.story-sticky{top:24px}.story-step{min-height:440px}.quick-facts span{padding-inline:3vw}.illustrated-recruit{padding:40px 44% 40px 35px}.illustrated-recruit .display-heading{font-size:32px}}
@media(max-width:700px){.story-grid{grid-template-columns:1fr;gap:30px}.story-sticky{position:relative;top:auto;padding:0}.tools-figure{max-width:330px;margin:15px auto}.story-progress{display:none}.story-step{min-height:0;padding:38px 0 45px}.story-step p:not(.eyebrow){max-width:none;padding-right:10px}.step-number{font-size:80px;top:26px}.story-step h3{font-size:40px}.growing-story{padding:64px 0 20px}.about-illustration{width:190px;margin:0 0 -10px auto}.section-label:has(.about-illustration){position:relative;min-height:130px;padding-right:140px}.section-label .about-illustration{position:absolute;right:0;top:-22px;width:170px}.plant-illustrated-heading{gap:15px;flex-direction:column;margin-bottom:45px}.plant-illustrated-heading p{font-size:26px;text-align:center}.plant-illustrated-heading img{width:230px}.illustrated-recruit{padding:32px 24px}.recruit-tools{position:static;width:100%;max-width:310px;transform:none;margin:0 auto 24px}.quick-facts{flex-wrap:wrap;gap:9px;padding:18px 20px;font-size:13px}.quick-facts span{border:0;padding:0 8px}.quick-facts span:last-child{width:100%;text-align:center}.seasonal-sketch{width:110px;opacity:.65;bottom:20px}.faq-intro{margin-top:18px}}
@media(max-width:600px){.immersive-hero{display:flex;flex-direction:column;padding:40px 20px 95px;min-height:0}.immersive-hero .hero-copy{padding:0;align-self:stretch}.immersive-hero h1{font-size:clamp(34px,9.7vw,54px);line-height:1.5;margin:23px 0}.immersive-hero .hero-visual{min-height:0;margin-top:28px;width:100%}.immersive-hero .hero-photo-window{height:auto;aspect-ratio:1.16;border-radius:45% 45% 2px 2px}.hero-motion-toggle{left:auto;right:20px;bottom:3px;background:transparent}.immersive-hero .hero-bottom{font-size:23px;bottom:55px;right:20px}.hero-description{font-size:16px;line-height:1.85}.scroll-cue{font-size:12px;max-width:185px}.seasonal-copy p{font-size:16px}.immersive-hero .hero-photo{height:100%;position:absolute;inset:0}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none}.story-progress>span{transform:scaleX(1)}}
@media print{.hero-film,.hero-motion-toggle{display:none}.story-sticky{position:static}.story-step{min-height:0}.immersive-hero{min-height:0}}
/* Full-bleed opening; mobile has its own layered reading rhythm. */
.immersive-hero{display:flex;align-items:center;min-height:max(680px,calc(100svh - 98px));padding:80px 6vw 130px;background:#352143;color:white}.immersive-hero .hero-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;z-index:0}.immersive-hero .hero-photo-window{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;animation:hero-cinema-in 1.6s var(--ease) both}.immersive-hero .hero-photo,.immersive-hero .hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 48%}.immersive-hero .hero-visual::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(31,12,46,.83),rgba(38,15,52,.47) 54%,rgba(38,15,52,.10)),linear-gradient(0deg,rgba(30,13,41,.65),transparent 40%);pointer-events:none}.immersive-hero .hero-copy{position:relative;z-index:3;align-self:auto;padding:0;width:min(850px,78%)}.immersive-hero h1{font-size:clamp(48px,6.2vw,96px);font-weight:400;letter-spacing:.015em;line-height:1.5;margin:28px 0 30px;text-shadow:0 2px 24px #23102b33}.immersive-hero .hero-intro{color:#eee2f5;font-size:14px;letter-spacing:.2em}.immersive-hero .hero-description{font-size:17px;color:#fff;max-width:none;line-height:2}.immersive-hero .text-link{color:white;border-color:#ddd0e4}.immersive-hero .hero-visual figcaption{position:absolute;right:32px;top:36px;z-index:3;color:white;writing-mode:vertical-rl;gap:30px;font-size:12px;letter-spacing:.16em}.immersive-hero .scroll-cue{z-index:4;left:6vw;bottom:28px;color:white}.immersive-hero .scroll-line{background:#fff}.immersive-hero .hero-bottom{z-index:3;right:6vw;bottom:29px;color:#f2e9f7;font-size:clamp(24px,3.3vw,50px)}.immersive-hero .hero-motion-toggle{left:auto;right:6vw;bottom:91px;color:white;border-color:#d5c4de;background:#34223a99;padding:5px 15px;border:1px solid #ffffff66;border-radius:25px}.mobile-story-art{display:none}@keyframes hero-cinema-in{from{opacity:.25;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.immersive-hero{min-height:max(630px,calc(100svh - 76px));padding:0 24px 120px;align-items:end;isolation:isolate}.immersive-hero .hero-copy{width:100%;padding:0;margin-top:210px}.immersive-hero h1{font-size:clamp(34px,10.3vw,62px);line-height:1.48;margin:20px 0 20px;white-space:normal}.immersive-hero h1 .line{white-space:nowrap}.immersive-hero .hero-description{font-size:16px;line-height:1.9;margin-bottom:12px}.immersive-hero .hero-intro{font-size:12px;letter-spacing:.14em}.immersive-hero .hero-visual{position:absolute;inset:0;min-height:0;margin:0;width:100%;height:100%}.immersive-hero .hero-photo-window{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;height:100%;width:100%}.immersive-hero .hero-photo,.immersive-hero .hero-film{object-position:57% 30%;transform:scale(1.06) translateY(var(--photo-shift,0px))}.immersive-hero .hero-visual::after{background:linear-gradient(0deg,rgba(30,12,44,.94),rgba(33,12,47,.68) 43%,rgba(37,12,46,.10) 85%)}.immersive-hero .hero-visual figcaption{right:17px;top:24px;font-size:12px}.immersive-hero .hero-visual figcaption span:first-child{display:none}.immersive-hero .hero-bottom{left:24px;right:auto;bottom:67px;font-size:24px}.immersive-hero .scroll-cue{left:24px;bottom:13px;font-size:12px;max-width:185px}.immersive-hero .hero-motion-toggle{right:20px;left:auto;bottom:14px;min-height:44px;font-size:12px!important;padding:4px 12px}.quick-facts{padding:22px 16px;background:var(--lavender);color:var(--deep)}.growing-story{background:#ede3f6;padding-bottom:64px}.story-sticky{padding-bottom:5px}.story-sticky .tools-figure{display:none}.story-steps{position:relative;padding-bottom:14px}.story-step{position:sticky;top:20px;background:#faf7fc;border:1px solid #d8c6e6;border-radius:26px;padding:26px 24px 30px;margin-bottom:24px;min-height:540px;box-shadow:0 -8px 28px #53326b08;transform-origin:50% 0}.story-step:nth-child(2){top:32px;background:#e9ddf3}.story-step:nth-child(3){top:44px;background:#dac5eb;margin-bottom:0}.story-step .step-number{top:22px;right:24px;font-size:66px;color:#9f7abd}.story-step h3{font-size:38px;margin:16px 0 18px}.story-step p:not(.eyebrow){font-size:16px;line-height:1.95;padding:0;margin:12px 0}.story-step .step-footnote{margin-top:20px;font-size:14px}.mobile-story-art{display:block;width:100%;height:142px;object-fit:contain;mix-blend-mode:multiply;margin:22px auto 0}.story-step:last-child .mobile-story-art{object-fit:cover;mix-blend-mode:normal;border-radius:80px 80px 8px 8px;height:135px;object-position:50% 42%}.motion-ready .story-step.reveal{opacity:1;transform:none;transition:none}.motion-ready:not(.motion-off) .story-step{transform:translateY(0) scale(var(--card-scale,1));filter:brightness(var(--card-light,1))}.seasonal-section .container{width:100%}.seasonal-section .section-top,.seasonal-section .small-note{margin-left:24px;margin-right:24px}.seasonal-feature{background:none;overflow:visible}.seasonal-photo{aspect-ratio:.95;clip-path:inset(0 var(--seasonal-inset,0px) round 120px 120px 12px 12px);margin:0 14px}.seasonal-copy{margin:-35px 28px 0;z-index:2;background:#eee5f6;padding:28px 24px 32px;border-radius:6px 6px 28px 28px}.seasonal-sketch{right:15px;bottom:15px;width:115px}.about-section .production-number{padding:34px 0}.about-section .count-number{font-size:112px}.recruit-panel{border-radius:28px 28px 6px 6px}.motion-off .story-step{position:relative;top:auto;transform:none;filter:none}.motion-off .seasonal-photo{clip-path:inset(0 round 120px 120px 12px 12px)}}
@media(max-width:370px){.immersive-hero{padding-inline:20px}.immersive-hero h1{font-size:10.2vw}.immersive-hero .hero-description{font-size:14px}.immersive-hero .hero-motion-toggle{right:14px;padding-inline:9px}.immersive-hero .scroll-cue{left:20px;font-size:11px;letter-spacing:.06em}.story-step{padding-inline:20px}.story-step .step-number{right:20px}.story-step p:not(.eyebrow){font-size:15px}}
@media(prefers-reduced-motion:reduce){.story-step{position:relative;top:auto!important;transform:none!important;filter:none!important}.immersive-hero .hero-photo-window{animation:none}.seasonal-photo{clip-path:inset(0 round 120px 120px 12px 12px)}}
@media print{.immersive-hero{background:white;color:var(--ink);min-height:0}.immersive-hero .hero-copy{margin:0;width:100%}.immersive-hero .hero-visual{display:none}.immersive-hero .hero-description,.immersive-hero .hero-intro,.immersive-hero .text-link{color:var(--ink)}.story-step{position:static;min-height:0;filter:none!important;transform:none!important}.hero-bottom{display:none}}
/* Signature artwork: a printed garden, without camera zoom or parallax. */
.signature-hero{display:grid;grid-template-columns:45% 55%;min-height:740px;height:calc(100svh - 98px);max-height:980px;padding:60px 6vw 105px;background:#f4effa;overflow:hidden;color:#42205f}.signature-hero .hero-copy{position:relative;z-index:3;align-self:center;padding:0}.signature-hero h1{font-size:clamp(64px,7vw,112px);font-weight:500;line-height:1.22;letter-spacing:-.04em;margin:36px 0 32px;white-space:nowrap}.signature-hero .hero-description{font-size:16px;line-height:2;color:#50385f}.signature-hero .hero-intro{font-size:12px;letter-spacing:.13em;color:#5a3a72}.signature-hero .hero-visual{position:absolute;inset:0 0 0 auto;width:80%;height:100%;margin:0;padding:0;z-index:1}.signature-hero .hero-art-window{position:absolute;inset:0;overflow:hidden}.signature-hero .hero-art{width:100%;height:100%;object-fit:cover;object-position:60% 50%;mix-blend-mode:multiply;transform:none}.signature-hero .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4effa 0%,#f4effaee 8%,#f4effa00 33%);pointer-events:none}.signature-hero figcaption{position:absolute;right:25px;top:34px;z-index:2;writing-mode:vertical-rl;font-size:13px;letter-spacing:.15em;color:#482569}.hero-edition{position:absolute;bottom:29px;right:4vw;z-index:3;display:flex;gap:28px;font-size:12px;letter-spacing:.1em}.signature-hero .scroll-cue{bottom:22px;left:6vw;z-index:3}.signature-hero .hero-motion-toggle{left:auto;right:4vw;bottom:72px;z-index:3;background:#f4effae6;color:#42205f;border:1px solid #9475ae;padding:6px 16px;border-radius:24px;font-size:13px!important}.signature-hero .text-link{font-size:15px;border-color:#573087}.motion-ready .signature-hero .hero-art-window{animation:art-unfold 1.25s cubic-bezier(.2,.7,.2,1) both}@keyframes art-unfold{from{clip-path:inset(0 0 0 65%)}to{clip-path:inset(0)}}.nursery-wordmark{font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);line-height:1.12;letter-spacing:-.04em;color:#a185b7;margin-top:42px}.tools-figure{max-width:460px}.tools-figure img{border-radius:2px}.seasonal-feature{background:#efe7f6}.quick-facts{background:#573087;color:#fff}.recruit-tools{mix-blend-mode:multiply}
@media(max-width:980px){.signature-hero{min-height:660px;height:calc(100svh - 82px);padding-inline:5vw}.signature-hero h1{font-size:8.5vw}.signature-hero .hero-visual{width:86%}.signature-hero .hero-art{object-position:58% 50%}}
@media(max-width:700px){.signature-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:760px;max-height:none;padding:35px 24px 104px}.signature-hero .hero-copy{align-self:stretch;position:relative;padding:0;margin:0;width:100%;z-index:3}.signature-hero h1{font-size:clamp(58px,17vw,94px);line-height:1.12;margin:25px 0 24px;letter-spacing:-.035em}.signature-hero .hero-description{font-size:15px;line-height:1.9;max-width:270px;margin-bottom:14px}.signature-hero .hero-visual{position:relative;inset:auto;width:calc(100% + 48px);height:350px;margin:-18px -24px -12px;flex:none;z-index:1}.signature-hero .hero-art-window{inset:0}.signature-hero .hero-art{object-fit:cover;object-position:100% 55%;width:143%;max-width:none;position:absolute;right:0;top:0;height:100%}.signature-hero .hero-visual::after{background:linear-gradient(180deg,#f4effa 0%,#f4effa00 20%)}.signature-hero figcaption{display:none}.signature-hero .hero-copy .text-link{background:#f4effaeb;padding-right:12px;font-size:14px}.hero-edition{bottom:67px;left:24px;right:24px;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.05em}.signature-hero .scroll-cue{left:24px;bottom:16px;font-size:12px}.signature-hero .hero-motion-toggle{right:20px;bottom:14px;padding:5px 12px;font-size:12px!important}.nursery-wordmark{font-size:28px;position:absolute;right:0;top:0;margin:0;text-align:right}.about-section .section-label{position:relative;min-height:100px;padding-right:125px}.about-section .place-label{display:none}.story-step:last-child .mobile-story-art{object-fit:contain;mix-blend-mode:multiply;border-radius:0}.mobile-story-art{height:150px}.quick-facts{font-size:13px}.seasonal-feature{background:none}.signature-hero .hero-intro{font-size:12px}.motion-ready .signature-hero .hero-art-window{animation:art-unfold 1.1s .15s both}}
@media(max-width:370px){.signature-hero{padding-inline:20px}.signature-hero h1{font-size:17vw}.signature-hero .hero-visual{width:calc(100% + 40px);margin-inline:-20px;height:300px}.hero-edition{left:20px;right:20px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.signature-hero .hero-art-window{animation:none!important}}
@media print{.signature-hero{height:auto;min-height:0;display:block}.signature-hero .hero-visual{display:none}.hero-edition{display:none}}
/* Photograph at the entrance; type and illustration share the editorial spreads. */
.photo-opening{display:flex;align-items:center;min-height:700px;padding:70px 6vw 120px;background:#34213f;color:white}.photo-opening .hero-copy{width:100%;align-self:center}.photo-opening h1{font-size:clamp(48px,5.8vw,90px);line-height:1.5;letter-spacing:.02em;margin:30px 0}.photo-opening .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0}.photo-opening .hero-art{object-fit:cover;object-position:58% 48%;mix-blend-mode:normal;transform:none!important}.photo-opening .hero-visual::after{background:linear-gradient(90deg,#24102fcf,#29113880 58%,#29113820),linear-gradient(0deg,#24102f80,transparent 50%)}.photo-opening .hero-intro,.photo-opening .hero-description,.photo-opening figcaption{color:white}.photo-opening .text-link{color:white;border-color:#e6d9f0}.photo-opening .scroll-line{background:white}.photo-opening .hero-motion-toggle{color:white;background:#34213f88;border-color:#e6d9f088}.motion-ready .photo-opening .hero-art-window{animation:none}.photo-opening .hero-edition{color:#f2e8f9}.about-section{padding-top:0}.about-art-spread{position:relative;isolation:isolate;background:#f4effa;min-height:760px;padding:74px 0 80px;overflow:hidden}.spread-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 50%;mix-blend-mode:multiply;z-index:-1}.spread-content{position:relative}.spread-content .section-label{margin-bottom:34px}.spread-content .about-copy{width:46%;max-width:560px}.spread-content .display-heading{font-size:clamp(40px,4.3vw,65px);line-height:1.45;letter-spacing:.02em;margin-bottom:28px}.spread-content .about-copy p{font-size:16px;line-height:2.05;margin-top:18px}.spread-signature{position:absolute;right:4%;bottom:-38px;font:italic clamp(34px,4.4vw,70px) Georgia,serif;color:white;text-shadow:0 1px 12px #57308766;transform:rotate(-7deg)}.about-section .production-grid{margin-top:70px}.plant-art-spread{position:relative;display:flex;align-items:center;min-height:460px;background:#f1e9f8;overflow:hidden;border-radius:0}.plant-spread-art{position:absolute;right:0;top:50%;width:auto;height:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;transform:translateY(-50%);mix-blend-mode:multiply}.plant-art-spread .seasonal-copy{position:relative;padding:50px 5%;width:57%;background:none;margin:0;z-index:1}.plant-art-spread .seasonal-copy h3{font-size:clamp(30px,3.6vw,51px);line-height:1.6;letter-spacing:.025em}.plant-art-spread .seasonal-copy p{max-width:330px;font-size:16px}.plant-art-spread .text-link{margin-top:28px}.plant-art-spread .seasonal-copy .eyebrow{color:#63437e}.plant-art-spread:hover .text-link{color:#8559a5}
@media(max-width:980px){.spread-content .about-copy{width:51%}.spread-content .about-copy p{font-size:15px}.about-art-spread{min-height:720px}.spread-art{object-position:59% 50%}.plant-art-spread .seasonal-copy{width:62%;padding:36px}.plant-spread-art{width:auto;height:100%;aspect-ratio:3/4;right:0;object-fit:cover}}
@media(max-width:700px){.photo-opening{display:flex;justify-content:flex-end;min-height:max(660px,calc(100svh - 76px));height:auto;padding:205px 24px 115px}.photo-opening .hero-copy{width:100%;margin:0;align-self:stretch}.photo-opening h1{font-size:clamp(32px,9.9vw,60px);line-height:1.5;margin:24px 0}.photo-opening .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0}.photo-opening .hero-art{position:absolute;inset:0;max-width:100%;width:100%;height:100%;object-position:56% 35%}.photo-opening .hero-visual::after{background:linear-gradient(0deg,#25102feb,#291239b3 45%,#29123914 90%)}.photo-opening .hero-copy .text-link{background:none}.photo-opening .hero-description{max-width:none;font-size:15px}.photo-opening .hero-edition{font-size:11px}.about-art-spread{padding:45px 0 145px;min-height:920px;background:#f4effa}.spread-art{width:100%;height:60%;inset:auto 0 0;object-fit:cover;object-position:100% 50%;opacity:1}.about-art-spread::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f4effa 35%,#f4effae8 53%,#f4effa00 76%);pointer-events:none}.spread-content .section-label{padding:0;min-height:0;margin-bottom:30px}.spread-content .about-copy{width:100%;max-width:none}.spread-content .display-heading{font-size:clamp(37px,10vw,52px);line-height:1.4;max-width:280px;margin-bottom:26px}.spread-content .about-copy p{font-size:15px;line-height:2;max-width:330px}.spread-signature{position:relative;display:block;right:auto;bottom:auto;color:#573087;text-shadow:none;font-size:34px;transform:rotate(-7deg);margin:35px 0 0 45px}.about-section .production-grid{margin-top:35px}.plant-art-spread{min-height:570px;align-items:flex-start;margin:0 14px;background:#eee4f7;overflow:hidden;border-radius:90px 5px 5px 5px}.plant-art-spread .seasonal-copy{padding:52px 26px 28px;width:100%;margin:0;border-radius:0;background:none}.plant-art-spread .seasonal-copy h3{font-size:clamp(28px,8vw,38px);line-height:1.65;margin:22px 0}.plant-art-spread .seasonal-copy p{font-size:15px;max-width:300px}.plant-spread-art{width:90%;height:290px;right:-30px;top:auto;bottom:-24px;transform:rotate(-8deg);object-fit:cover;opacity:.92}.plant-art-spread .text-link{margin-top:12px;position:relative;z-index:2;background:#eee4f7dd}.seasonal-section .small-note{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.photo-opening .hero-art-window{animation:none!important}}
@media print{.photo-opening{min-height:0;height:auto;padding:30px;background:white;color:var(--ink)}.photo-opening .hero-intro,.photo-opening .hero-description,.photo-opening .text-link{color:var(--ink)}.about-art-spread{min-height:0}.spread-art{opacity:.15}.spread-content .about-copy{width:100%}}
.about-art-spread::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4effafa 0%,#f4effaeb 35%,#f4effa00 63%);pointer-events:none}@media(max-width:700px){.about-art-spread::before{display:none}.about-art-spread::after{background:linear-gradient(180deg,#f4effa 50%,#f4effaf5 65%,#f4effa00 91%)}}
/* The opening is the only hero; the company introduction returns to reading scale. */
.about-art-spread{min-height:0;padding:82px 0 70px;background:#fff;overflow:hidden}.about-art-spread::before,.about-art-spread::after{display:none}.spread-content{display:grid;grid-template-columns:30% 1fr;gap:8%;align-items:start}.spread-content .section-label{margin:0;padding:0;min-height:0}.spread-content .about-copy{width:100%;max-width:680px}.spread-content .display-heading{font-size:clamp(34px,3.2vw,46px);line-height:1.6;margin-bottom:28px}.spread-content .about-copy p{font-size:16px;line-height:2.1}.spread-art{inset:auto auto 66px max(24px,calc((100vw - 1180px)/2));width:250px;height:190px;object-fit:cover;object-position:right center;mix-blend-mode:multiply;opacity:.9;border-radius:50% 50% 8px 8px}.spread-signature{position:absolute;left:0;right:auto;bottom:10px;color:#82609c;text-shadow:none;font-size:25px;transform:rotate(-5deg)}.about-section .production-grid{margin-top:0}
@media(max-width:980px){.spread-content{grid-template-columns:27% 1fr;gap:7%}.spread-art{width:190px;height:150px;left:24px;bottom:82px}.spread-signature{font-size:22px}.spread-content .display-heading{font-size:36px}}
@media(max-width:700px){.about-art-spread{padding:52px 0 40px;min-height:0}.spread-content{display:block}.spread-content .section-label{margin-bottom:24px;padding-right:120px;min-height:50px}.spread-content .about-copy{width:100%;max-width:none}.spread-content .display-heading{font-size:32px;line-height:1.6;max-width:none;margin-bottom:24px}.spread-content .about-copy p{font-size:16px;max-width:none;line-height:2}.spread-art{top:35px;bottom:auto;left:auto;right:20px;width:105px;height:95px;border-radius:50% 50% 8px 8px;opacity:.9}.spread-signature{position:static;display:block;margin:26px 0 0;color:#82609c;font-size:24px;transform:none}.about-section .production-grid{margin-top:0}}
/* A lavender garden walk, punctuated by white editorial pages. */
:root{--lavender:#e9def5;--pale:#f2eafa}body{background:#e9def5}.site-header{background:#f9f6fd}.about-section{background:#eee5f7}.opening-note{padding:70px 0 60px;display:grid;grid-template-columns:1fr 1.15fr;gap:20px 60px}.opening-note .eyebrow{grid-column:1/-1}.opening-note h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.7}.opening-note>p:not(.eyebrow){align-self:center;font-size:16px;line-height:2.1}.opening-note .text-link{justify-self:start}.production-grid{background:#fff;border:0;padding-inline:38px;margin-bottom:0}.garden-walk{position:relative;min-height:850px;padding:64px 6vw 100px;isolation:isolate;overflow:hidden;background:#eee6f7}.walk-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;transform:translateY(var(--drift,0px)) scale(1.05)}.walk-copy{max-width:500px}.walk-copy h2{font-family:var(--serif);font-size:clamp(38px,5vw,68px);font-weight:500;line-height:1.45;margin:22px 0}.walk-copy p:not(.eyebrow){font-size:16px;line-height:2;background:#eee6f7bf;display:inline-block;padding:10px 14px;margin-left:-14px}.walk-next{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:#fff;padding:14px 28px;border-radius:40px;font-size:14px}.growing-story{background:#e7daf3}.seasonal-section{background:#efe6f8}.recruit-section{background:#e6d9f1}.recruit-panel{background:#fff;border:0}.philosophy-section{padding:86px 0;background:#ded0ef}.philosophy-section .about-art-spread{background:#f9f6fc;min-height:730px;padding:80px 0;overflow:hidden}.philosophy-section .spread-content{grid-template-columns:43% 1fr;gap:8%;min-height:550px}.philosophy-section .spread-art{width:38%;height:440px;left:0;bottom:46px;top:auto;object-fit:cover;object-position:right;border-radius:0 50% 0 0;transform:translateY(var(--drift,0px))}.philosophy-section .spread-content .display-heading{font-size:clamp(38px,3.8vw,56px);line-height:1.55}.philosophy-section .spread-signature{left:4%;bottom:8px;font-size:clamp(32px,3.5vw,52px)}.company-section{padding-top:80px;background:#e9def5}.company-data{background:#fff;padding:30px}.company-data>div:first-child{padding-top:0}.access-section{background:#e2d4ef}.faq-section{background:#f8f4fc}.contact-section{background:#d9c5ec}.site-footer{background:#f7f2fb}.illustrated-heading{position:relative;padding-right:42%;min-height:270px;overflow:hidden}.heading-art{position:absolute;right:0;top:20px;width:36%;height:240px;object-fit:contain;mix-blend-mode:multiply;transform:translateY(var(--drift,0px))}.plant-story{background:#fff;padding:42px;gap:48px;border-radius:0 90px 0 0}.garden-chapters{margin-top:50px}.garden-chapter{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:48px 0;border-bottom:1px solid #cfbbdf;min-height:440px}.garden-chapter:nth-child(even) .chapter-image{order:2}.chapter-image{background:#fff;overflow:hidden;border-radius:40% 40% 4px 4px;aspect-ratio:1.16;display:flex;align-items:center;justify-content:center}.chapter-image img{width:100%;height:95%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(var(--drift,0px))}.garden-chapter h3{font-family:var(--serif);font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.55;margin:20px 0 25px}.garden-chapter p:not(.eyebrow){font-size:16px;line-height:2;margin:14px 0}.subpage-walk{position:relative;min-height:590px;overflow:hidden;isolation:isolate;padding:62px 7vw}.subpage-walk>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transform:translateY(var(--drift,0px)) scale(1.06)}.subpage-walk h2{font-family:var(--serif);font-size:clamp(34px,4vw,55px);line-height:1.6;font-weight:500;margin:25px 0}.subpage-walk>div{max-width:560px}.recruitment-guide{padding:52px;background:#fff;margin-bottom:80px}.recruitment-guide .faq-list{margin-top:30px}.tools-figure img[data-drift]{transform:translateY(var(--drift,0px))}.plant-spread-art[data-drift]{transform:translateY(calc(-50% + var(--drift,0px)))}.recruit-state{background:#f8f3fc;padding:28px;margin-top:25px}.recruit-contact{padding:30px;background:#f8f3fc}.motion-off [data-drift]{--drift:0px!important}
@media(max-width:700px){.opening-note{padding:45px 0;grid-template-columns:1fr;gap:18px}.opening-note h2{font-size:30px}.production-grid{padding-inline:24px}.garden-walk{min-height:760px;padding:44px 24px 95px}.walk-copy h2{font-size:42px}.walk-landscape{object-position:58% center}.walk-copy p:not(.eyebrow){font-size:15px;max-width:300px}.walk-next{white-space:nowrap;bottom:30px}.philosophy-section{padding:45px 0}.philosophy-section .about-art-spread{padding:40px 0 270px;min-height:0}.philosophy-section .spread-content{display:block;min-height:0}.philosophy-section .spread-content .section-label{margin-bottom:28px;padding:0}.philosophy-section .spread-content .display-heading{font-size:37px}.philosophy-section .spread-art{width:65%;height:270px;left:0;right:auto;bottom:0;border-radius:0 80px 0 0}.philosophy-section .spread-signature{position:absolute;bottom:-175px;left:22%;font-size:33px;margin:0;transform:rotate(-6deg)}.company-section{padding-top:52px}.company-data{padding:22px}.illustrated-heading{padding-top:50px;padding-bottom:175px;padding-right:0;min-height:0}.heading-art{top:auto;bottom:0;right:0;width:58%;height:180px}.page-heading h1{font-size:32px}.plant-story{padding:22px;border-radius:0 60px 0 0}.garden-chapter{grid-template-columns:1fr;gap:25px;padding:30px 0 44px;min-height:0}.garden-chapter:nth-child(even) .chapter-image{order:0}.chapter-image{width:88%;aspect-ratio:1.25}.garden-chapter:nth-child(even) .chapter-image{margin-left:auto;border-radius:40% 4px 40% 4px}.garden-chapter h3{font-size:33px;margin:16px 0 22px}.subpage-walk{min-height:630px;padding:40px 24px}.subpage-walk h2{font-size:36px}.subpage-walk>img{object-position:60% center}.recruitment-guide{padding:28px 22px;margin-bottom:45px}.recruitment-guide .section-heading{font-size:28px}.plant-spread-art[data-drift]{transform:translateY(var(--drift,0px)) rotate(-8deg)}.recruit-state,.recruit-contact{padding:24px}.company-data dd{font-size:15px}}
@media(prefers-reduced-motion:reduce){[data-drift]{--drift:0px!important}}
/* The garden is expressed through editorial placement, not a landscape backdrop. */
.opening-note{position:relative;padding-bottom:92px;isolation:isolate}.opening-note>h2,.opening-note>p,.opening-note>.text-link{position:relative;z-index:1}.margin-bloom{position:absolute;width:180px;height:130px;object-fit:contain;right:0;bottom:-18px;mix-blend-mode:multiply;transform:translateY(var(--drift,0px)) rotate(10deg);pointer-events:none}.growing-story{padding-top:82px}.story-sticky .tools-figure{margin:34px 0 0 -38px;max-width:510px}.story-step{border-top-color:#cab3dc}.story-step:nth-child(2){padding-left:28px}.story-step:nth-child(3){padding-left:8px}.philosophy-section{padding:64px 0;background:#e3d5ef}.philosophy-section .about-art-spread{min-height:870px;padding:80px 0;background:#f4eef9}.philosophy-section .spread-content{grid-template-columns:43% 1fr;gap:9%;min-height:680px}.philosophy-section .spread-art{width:49%;height:670px;bottom:30px;left:-3%;border-radius:0 48% 0 0;object-position:100% 50%;object-fit:cover;opacity:1;transform:translateY(var(--drift,0px))}.philosophy-section .spread-content .about-copy{position:relative;z-index:2}.philosophy-section .spread-content .display-heading{font-size:clamp(38px,3.6vw,56px)}.philosophy-section .spread-signature{left:2%;bottom:0;font-size:clamp(32px,3.5vw,54px);color:#775296;text-shadow:0 1px 12px #ffffffaa;z-index:2}.company-section .section-label{position:relative;padding-bottom:230px}.company-bloom{position:absolute;bottom:0;left:-25px;width:300px;height:220px;object-fit:contain;mix-blend-mode:multiply;transform:translateY(var(--drift,0px)) rotate(-5deg)}.garden-chapter .chapter-image{background:transparent;border-radius:0;overflow:visible}.garden-chapter:nth-child(odd) .chapter-image{transform:rotate(-4deg)}.garden-chapter:nth-child(even) .chapter-image{transform:rotate(4deg)}.garden-chapter:nth-child(even){margin-left:5%}.garden-chapter:nth-child(odd)>div:last-child{padding-top:40px}.illustrated-invitation{padding:55px 0 70px;background:#dfcfef;overflow:hidden}.illustrated-invitation>.container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%}.illustrated-invitation img{width:100%;mix-blend-mode:multiply;transform:translateY(var(--drift,0px)) rotate(-5deg)}.illustrated-invitation h2{font-family:var(--serif);font-size:clamp(32px,3.6vw,50px);line-height:1.6;font-weight:500;margin:20px 0}.illustrated-invitation .text-link{margin-top:14px}
@media(max-width:980px){.philosophy-section .spread-art{height:650px}.company-bloom{width:220px}.philosophy-section .spread-content{gap:8%}}
@media(max-width:700px){.opening-note{padding-bottom:88px}.margin-bloom{width:135px;height:110px;right:0;bottom:-20px}.growing-story{padding-top:55px}.story-step:nth-child(2),.story-step:nth-child(3){padding-left:24px}.philosophy-section{padding:35px 0}.philosophy-section .about-art-spread{padding:42px 0 395px;min-height:0}.philosophy-section .spread-content{min-height:0;display:block}.philosophy-section .spread-content .display-heading{font-size:36px}.philosophy-section .spread-art{width:94%;height:385px;left:-8%;bottom:0;object-position:100% 50%;border-radius:0 100px 0 0}.philosophy-section .spread-signature{bottom:-320px;left:25%;font-size:34px;margin:0;color:#775296}.company-section .section-label{padding-bottom:0;padding-right:120px;min-height:105px}.company-bloom{left:auto;right:-4px;bottom:0;width:130px;height:105px}.garden-chapter:nth-child(even){margin-left:0}.garden-chapter:nth-child(odd)>div:last-child{padding-top:0}.garden-chapter .chapter-image{width:85%;border-radius:0}.illustrated-invitation{padding:35px 0 48px}.illustrated-invitation>.container{grid-template-columns:1fr;gap:20px}.illustrated-invitation img{width:83%;margin-left:-16px}.illustrated-invitation>.container>div{margin-left:12%}.illustrated-invitation h2{font-size:32px}}
/* Contained illustrations, with paper whites blended into the lavender surface. */
.opening-note{padding-bottom:42px}.margin-bloom{position:relative;inset:auto;grid-column:2;justify-self:end;width:190px;height:135px;object-fit:contain;padding:12px;border:0;border-radius:4px;transform:none!important;mix-blend-mode:multiply;margin:0;background:transparent}.production-grid{background:transparent;border-top:1px solid #c7b2d9;border-bottom:1px solid #c7b2d9;padding-inline:0}.garden-chapter .chapter-image,.garden-chapter:nth-child(odd) .chapter-image,.garden-chapter:nth-child(even) .chapter-image{transform:none;isolation:auto;mix-blend-mode:multiply;background:transparent;overflow:hidden;border-radius:4px}.chapter-image img{mix-blend-mode:multiply;transform:none!important}.garden-chapter:nth-child(even){margin-left:0}.garden-chapter:nth-child(odd)>div:last-child{padding-top:0}.heading-art,.company-bloom,.recruit-tools,.tools-figure,.plant-spread-art{mix-blend-mode:multiply}.company-bloom{transform:translateY(var(--drift,0px))}.illustrated-invitation>.container>img{transform:translateY(var(--drift,0px));mix-blend-mode:multiply}.plant-story,.recruitment-guide{background:#f0e6f8}.recruit-panel{background:#f0e6f8;border:1px solid #d0bbdf}
@media(max-width:700px){.opening-note{padding-bottom:32px}.margin-bloom{grid-column:1;width:145px;height:110px;justify-self:end;margin-top:-8px;right:auto;bottom:auto}.production-grid{padding-inline:0}.garden-chapter .chapter-image{width:100%;border-radius:4px}.garden-chapter:nth-child(even) .chapter-image{margin-left:0}.plant-spread-art{transform:translateY(var(--drift,0px))!important}}
.opening-note{isolation:auto}
/* Keep blended illustrations out of opacity/transform reveal groups. */
.garden-chapter{opacity:1;transform:none;filter:none;isolation:auto}.chapter-image{opacity:1}.chapter-copy.reveal{mix-blend-mode:normal}
.quick-access{display:flex;justify-content:center;gap:0;background:#f4eefa;border-bottom:1px solid #cfb9df}.quick-access a{padding:18px 4vw;font-size:14px}.quick-access a+a{border-left:1px solid #cfb9df}.recruit-summary{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px;padding:32px 36px;background:#f4edfa;border:1px solid #ccb6df;margin-bottom:65px}.recruit-summary h2{font-family:var(--serif);font-size:28px;font-weight:500;margin:15px 0 20px}.recruit-summary p:not(.eyebrow){font-size:14px;margin-top:12px}.recruit-summary dl>div{display:grid;grid-template-columns:72px 1fr;gap:18px;margin:12px 0 20px}.recruit-summary dt{font-size:14px}.recruit-summary dd{font-size:15px}.recruit-summary dd a{border-bottom:1px solid #c5add9}.recruit-summary>.button{justify-self:start}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.consent-label{display:flex!important;gap:10px;align-items:start}.consent-label input{width:20px;height:20px;flex:none;margin-top:6px}button:disabled{cursor:wait;opacity:.65}#form-feedback{margin-top:20px;white-space:pre-line}.form-success{border:1px solid #b699cc;padding:20px;background:#e8ddf2}
@media(max-width:700px){.quick-access{flex-wrap:wrap}.quick-access a{font-size:13px;padding:14px 12px}.quick-access a+a{border-left:0}.recruit-summary{grid-template-columns:1fr;padding:24px;gap:18px;margin-bottom:42px}.recruit-summary h2{font-size:25px}.recruit-summary dl>div{grid-template-columns:60px 1fr;gap:12px}.recruit-summary>.button{width:100%}.illustrated-heading:has(+.recruit-summary){padding-bottom:30px}.illustrated-heading:has(+.recruit-summary) .heading-art{display:none}}
.application-record{padding:28px;border:1px solid #c7add9;margin:25px 0;background:#f5effb}.application-record h2{font-size:24px}.application-record p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}

/* Temporary documentary photos keep their natural colors. */
.story-sticky .tools-figure.documentary-photo{max-width:490px;margin:32px 0 0;mix-blend-mode:normal;display:block}
.documentary-photo img,.garden-chapter .chapter-image.documentary-photo,.garden-chapter .chapter-image.documentary-photo img{mix-blend-mode:normal;transform:none!important;filter:none;opacity:1}
.documentary-photo img{width:100%;height:auto;object-fit:contain;border-radius:4px}
.garden-chapter .chapter-image.documentary-photo{align-self:center;max-width:560px}
@media(max-width:700px){.story-sticky .tools-figure.documentary-photo{max-width:none;margin:26px 0}.documentary-photo img{display:block;width:100%;height:auto}}

/* ==========================================================================
   お知らせ（NEWS & TOPICS）セクション & 詳細モーダル
   ========================================================================== */
.news-section {
  background: #fdfbfd;
  padding: 80px 0;
  border-bottom: 1px solid var(--line);
}

.news-list-container {
  margin-top: 36px;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 28px;
}

.news-card {
  background: #ffffff;
  border: 1px solid #e3d9ec;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s var(--ease);
}

.news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(114, 82, 148, 0.12);
  border-color: var(--purple);
}

.news-card-thumb {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f4effa;
  position: relative;
}

.news-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s var(--ease);
}

.news-card:hover .news-card-thumb img {
  transform: scale(1.05);
}

.news-card-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.news-card-date {
  font-size: 13px;
  color: var(--muted);
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

.news-card-title {
  font-family: var(--serif);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.55;
  color: var(--ink);
  margin-bottom: 12px;
}

.news-card-excerpt {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 18px;
}

.news-card-link {
  margin-top: auto;
  font-size: 13px;
  color: var(--purple);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.news-loading-text, .news-empty-text {
  text-align: center;
  color: var(--muted);
  padding: 40px 0;
  font-size: 15px;
}

/* 公開側お知らせモーダル */
.news-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.news-modal.is-open {
  display: flex;
}

.news-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(36, 16, 47, 0.6);
  backdrop-filter: blur(4px);
}

.news-modal-content {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  max-width: 680px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
  z-index: 1001;
}

.news-modal-close {
  position: absolute;
  top: 16px;
  right: 18px;
  background: #f4effa;
  border: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--ink);
  transition: background 0.2s, color 0.2s;
  z-index: 2;
}

.news-modal-close:hover {
  background: var(--purple);
  color: #fff;
}

.news-modal-inner {
  padding: 40px 36px;
}

.news-modal-date {
  font-size: 14px;
  color: var(--purple);
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

.news-modal-title {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
  margin-bottom: 24px;
}

.news-modal-image-wrapper {
  margin-bottom: 24px;
  border-radius: 6px;
  overflow: hidden;
  background: #f4effa;
}

.news-modal-image-wrapper img {
  width: 100%;
  max-height: 380px;
  object-fit: cover;
}

.news-modal-body {
  font-size: 15px;
  line-height: 2.1;
  color: #444;
  white-space: pre-wrap;
  word-break: break-word;
}

@media(max-width: 600px) {
  .news-grid {
    grid-template-columns: 1fr;
  }
  .news-modal-inner {
    padding: 30px 20px;
  }
  .news-modal-title {
    font-size: 20px;
  }
}

/* ==========================================
   Flower Showcase Slider & Soft Shadow System
   ========================================== */
.flower-gallery-section {
  background: var(--pale);
  padding: 100px 0;
  overflow: hidden;
}

.flower-gallery-section .section-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.slider-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}

.slider-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s var(--ease);
  box-shadow: 0 4px 12px rgba(50, 37, 65, 0.05);
}

.slider-btn:hover {
  background: var(--deep);
  color: #ffffff;
  border-color: var(--deep);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(50, 37, 65, 0.15);
}

.slider-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.flower-slider {
  position: relative;
  width: 100%;
}

.flower-slider-viewport {
  overflow: hidden;
  padding: 20px 0 35px;
  margin: -20px 0 -35px;
  cursor: grab;
  user-select: none;
}

.flower-slider-viewport:active {
  cursor: grabbing;
}

.flower-slider-track {
  display: flex;
  gap: 28px;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  padding-left: max(24px, calc((100vw - 1180px) / 2));
  padding-right: max(24px, calc((100vw - 1180px) / 2));
}

.flower-slide {
  flex: 0 0 320px;
  max-width: 320px;
}

.flower-card {
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* 画像と背景の境界線をやわらげるソフト多層シャドウ */
  box-shadow: 
    0 16px 36px -8px rgba(50, 37, 65, 0.12),
    0 6px 16px -4px rgba(50, 37, 65, 0.06),
    0 0 1px 1px rgba(217, 206, 227, 0.5);
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease);
}

.flower-card:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 24px 48px -10px rgba(50, 37, 65, 0.18),
    0 10px 24px -4px rgba(50, 37, 65, 0.10),
    0 0 1px 1px rgba(114, 82, 148, 0.4);
}

.flower-card-media {
  position: relative;
  aspect-ratio: 1.08 / 1;
  overflow: hidden;
  background: #f1e9f7;
}

.flower-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.7s var(--ease);
}

.flower-card:hover .flower-card-media img {
  transform: scale(1.05);
}

.flower-card-caption {
  padding: 22px 24px 26px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.flower-card-num {
  font-family: Georgia, serif;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--purple);
}

.flower-card-name {
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 500;
  color: var(--ink);
  margin: 6px 0 8px;
  letter-spacing: 0.03em;
}

.flower-card-desc {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.75;
  margin: 0;
}

.slider-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 36px;
}

.slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cbbad8;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.35s var(--ease);
}

.slider-dot.is-active {
  width: 32px;
  border-radius: 12px;
  background: var(--purple);
}

/* 画像と背景の境界線を馴染ませる汎用シャドウ */
.soft-shadow-card {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 
    0 16px 36px -6px rgba(50, 37, 65, 0.12),
    0 6px 16px -3px rgba(50, 37, 65, 0.06);
}

.plant-story > img {
  border-radius: 18px;
  box-shadow: 
    0 16px 40px -8px rgba(50, 37, 65, 0.15),
    0 6px 18px -4px rgba(50, 37, 65, 0.08);
}

.chapter-image.photo-card {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 
    0 14px 34px -8px rgba(50, 37, 65, 0.12),
    0 4px 14px -3px rgba(50, 37, 65, 0.06);
}

.chapter-image.photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: normal !important;
  transition: transform 0.6s var(--ease);
}

.garden-chapter:hover .chapter-image.photo-card img {
  transform: scale(1.04);
}

@media(max-width: 980px) {
  .flower-slide {
    flex: 0 0 280px;
    max-width: 280px;
  }
  .flower-gallery-section {
    padding: 80px 0;
  }
}

@media(max-width: 600px) {
  .flower-gallery-section {
    padding: 60px 0;
  }
  .flower-slide {
    flex: 0 0 260px;
    max-width: 260px;
  }
  .flower-slider-track {
    gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .flower-card-caption {
    padding: 18px 20px 22px;
  }
  .flower-card-name {
    font-size: 18px;
  }
}

/* ==========================================
   3D Route Viewer & Access Styles
   ========================================== */
.route-section {
  padding-bottom: 90px;
}
.route-layout {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 36px;
  align-items: start;
}
.route-view {
  position: sticky;
  top: 25px;
  height: 600px;
  background: #ede7f5;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(130, 85, 165, 0.15);
  box-shadow: 0 16px 36px -8px rgba(50, 37, 65, 0.12);
}
.route-view > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#route-poster {
  width: 100%;
  height: 100%;
  position: relative;
}
#route-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#route-poster[hidden] {
  display: none;
}
.route-credit {
  display: block;
  font-size: 11px;
  color: #574a63;
  padding: 6px 12px;
  background: rgba(238, 232, 246, 0.92);
  backdrop-filter: blur(4px);
  border-radius: 6px;
}
.route-view > .route-credit {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 3;
}
#route-canvas {
  position: absolute;
  inset: 0;
}
#route-canvas canvas {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
}
#route-load {
  position: absolute;
  bottom: 24px;
  right: 24px;
  white-space: nowrap;
  z-index: 5;
  background: #593575;
  color: #fff;
  border-radius: 8px;
  padding: 12px 22px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(50, 20, 70, 0.28);
  transition: all 0.2s ease;
}
#route-load:hover {
  background: #46255f;
  transform: translateY(-2px);
}
#route-load[hidden] {
  display: none;
}
#route-status {
  position: absolute;
  bottom: 26px;
  left: 15px;
  right: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #4c2866;
  background: rgba(245, 240, 252, 0.92);
  backdrop-filter: blur(6px);
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid rgba(130, 85, 165, 0.2);
  z-index: 5;
  text-align: center;
}
#route-status:empty {
  display: none;
}
.start-label {
  font-size: 11px;
  letter-spacing: .12em;
  color: #6f4293;
  font-weight: bold;
}
.route-controls h3 {
  font-size: 26px;
  line-height: 1.7;
  font-weight: 500;
  margin: 8px 0 12px;
}
.route-controls p {
  line-height: 1.9;
}
.route-external {
  font-size: 13px;
  color: #573375;
  text-decoration: underline;
  text-underline-offset: 4px;
  display: inline-block;
  margin: 10px 0 18px;
}
.travel-modes, .travel-playback {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}
.travel-modes button, .travel-playback button {
  border: 1px solid #b49ac8;
  background: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.travel-modes button[aria-pressed=true], #travel-play {
  background: #593575;
  color: #fff;
  border-color: #593575;
}
.travel-playback button:disabled {
  opacity: .45;
  cursor: default;
}
.travel-progress {
  font-size: 11px;
  display: block;
  margin-top: 14px;
  color: var(--muted);
}
.travel-progress input {
  display: block;
  width: 100%;
  accent-color: #704493;
  margin: 12px 0;
  min-height: 24px;
}
#travel-position {
  font-size: 13px;
  font-weight: 500;
  color: var(--purple);
}
.route-controls > .eyebrow {
  margin-top: 24px;
}
.route-buttons {
  display: flex;
  gap: 8px;
  margin: 20px 0;
  flex-wrap: wrap;
}
.route-buttons button {
  border: 1px solid #a68abd;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  color: #573375;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
}
.route-buttons button:first-child {
  width: 60px;
  border-radius: 24px;
}
.route-buttons button[aria-pressed=true] {
  background: #68418a;
  color: white;
  border-color: #68418a;
}
.route-legend, .map-credit {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
}
.route-legend span {
  display: inline-block;
  width: 16px;
  height: 3px;
  background: #a352dc;
  vertical-align: middle;
  margin-right: 4px;
}
.map-credit a {
  text-decoration: underline;
}
.route-walk {
  padding-bottom: 85px;
}
.route-step-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 30px;
  margin-top: 40px;
}
.route-step-grid article {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px -6px rgba(50, 37, 65, 0.08);
}
.step-aerial {
  position: relative;
  background: #eee8f6;
}
.step-aerial img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.route-step-grid article > div:last-child {
  padding: 24px;
}

@media(max-width: 960px) {
  .route-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .route-view {
    position: relative;
    top: 0;
    height: 440px;
    width: 100%;
  }
}

@media(max-width: 600px) {
  .route-view {
    height: 380px;
    border-radius: 12px;
  }
  .route-step-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.route-step-grid h3 {
  font-size: 22px;
  font-weight: 500;
  margin: 8px 0 12px;
}
.route-step-grid p {
  line-height: 1.9;
  font-size: 14px;
  color: var(--muted);
}
.step-tag {
  font-size: 12px;
  letter-spacing: .15em;
  color: #805ca1;
  font-weight: bold;
}
.detail-intro {
  padding: 80px 0 40px;
}
.breadcrumb {
  font-size: 11px;
  letter-spacing: .16em;
  display: block;
  margin-bottom: 30px;
  color: var(--muted);
}
.lead {
  line-height: 2.1;
  max-width: 680px;
  font-size: 16px;
  margin-top: 14px;
}
.detail-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7%;
  align-items: center;
}
.lavender-band {
  background: #ede3f6;
  padding: 80px 0;
}
.access-contact .contact-number {
  font-size: clamp(28px, 3.5vw, 42px);
  font-family: Georgia, serif;
  display: block;
  margin: 12px 0 18px;
}

@media(max-width: 900px) {
  .route-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .route-view {
    position: relative;
    top: auto;
    height: 440px;
  }
  .route-controls {
    padding-top: 0;
  }
  .detail-intro {
    padding-top: 50px;
  }
}

@media(max-width: 600px) {
  .route-view {
    height: 380px;
  }
  .route-step-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .travel-modes button, .travel-playback button {
    flex: 1;
  }
  .detail-columns {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

/* ==========================================
   求人ポータル・採用案内セクション (Recruit Portals)
   ========================================== */
.recruit-portals {
  margin-top: 48px;
}

.recruit-portals-title {
  font-family: var(--serif);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--ink);
}

.recruit-portals-lead {
  font-size: 15px;
  line-height: 1.9;
  color: var(--muted);
  margin-bottom: 32px;
}

.portal-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-bottom: 48px;
}

.portal-card {
  background: #ffffff;
  border: 1px solid #d4c4e2;
  border-radius: 8px;
  padding: 36px 32px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 20px rgba(90, 48, 135, 0.04);
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
}

.portal-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(90, 48, 135, 0.09);
  border-color: #aa8dc6;
}

.portal-card-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 18px;
}

.portal-badge {
  font-size: 11px;
  font-family: Arial, var(--sans);
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: 20px;
  background: #f0e6f8;
  color: #573087;
  border: 1px solid #d9c8e8;
}

.portal-name {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 600;
  color: #3b1d54;
  margin: 0;
  line-height: 1.4;
}

.portal-desc {
  font-size: 14.5px;
  line-height: 1.85;
  color: #4a3b56;
  margin-bottom: 12px;
  flex-grow: 1;
}

.portal-desc strong {
  color: #573087;
  font-weight: 600;
  background: linear-gradient(transparent 70%, #eadbf5 70%);
  padding: 0 2px;
}

.portal-notice {
  font-size: 12.5px;
  line-height: 1.6;
  color: #837293;
  margin-bottom: 24px;
}

.portal-action {
  margin-top: auto;
  padding-top: 10px;
}

.portal-action .button {
  width: 100%;
  justify-content: center;
  gap: 16px;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.25s ease;
}

.portal-card:hover .portal-action .button-dark {
  background: #502777;
  box-shadow: 0 4px 16px rgba(80, 39, 119, 0.25);
}

.recruit-contact-person {
  font-size: 15px;
  font-weight: 500;
  margin: 12px 0 16px;
  color: var(--ink);
}

.recruit-contact-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  margin-top: 16px;
}

.recruit-contact-links .text-link {
  font-size: 15px;
}

@media (max-width: 768px) {
  .portal-cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .portal-card {
    padding: 26px 22px 24px;
  }
  .portal-name {
    font-size: 20px;
  }
}

/* ==========================================================================
   HP制作会社（LoM）ご相談リンク・バナー（ヘッダー & ハンバーガーメニュー）
   ========================================================================== */

/* スマホ用ヘッダーボタングループ（PCでは非表示） */
.header-actions {
  display: contents;
}

.mobile-creator-btn {
  display: none !important;
}

/* PC表示（ヘッダー内） */
.site-nav a.nav-creator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: var(--lavender, #e9def5);
  border: 1px solid #cbb8dc;
  border-radius: 12px;
  transition: all 0.25s ease;
  white-space: nowrap;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  text-decoration: none;
}

.site-nav a.nav-creator::after {
  display: none !important;
}

.site-nav a.nav-creator:hover {
  background: #decced;
  border-color: var(--purple, #7843a8);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(120, 67, 168, 0.15);
}

.site-nav a.nav-creator .nav-creator-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

.site-nav a.nav-creator .nav-creator-auth {
  display: block;
  font-size: 9.5px;
  color: #7b5999;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.site-nav a.nav-creator .nav-creator-sub {
  display: none;
}

.site-nav a.nav-creator .nav-creator-pc {
  display: inline;
  font-size: 13px;
  font-weight: 600;
  color: var(--deep, #4a2e68);
  line-height: 1.3;
}

.site-nav a.nav-creator .nav-creator-sp {
  display: none;
}

.site-nav a.nav-creator .nav-creator-arrow {
  display: inline-block;
  font-size: 13px;
  color: var(--deep, #4a2e68);
  transition: transform 0.2s ease;
}

.site-nav a.nav-creator:hover .nav-creator-arrow {
  color: var(--purple, #7843a8);
  transform: translate(2px, -2px);
}

/* PC幅レスポンシブ微調整（画面幅981px〜1200pxでのヘッダー折り返し・崩れ防止） */
@media (min-width: 981px) and (max-width: 1200px) {
  .site-header {
    padding-inline: 2vw;
    gap: 10px;
  }
  .site-nav {
    gap: 10px;
  }
  .site-nav a {
    font-size: 13px;
  }
  .nav-contact {
    padding: 7px 11px;
    gap: 8px;
    font-size: 13px;
  }
  .site-nav a.nav-creator {
    padding: 5px 11px;
    gap: 6px;
  }
  .site-nav a.nav-creator .nav-creator-auth {
    font-size: 9px;
  }
  .site-nav a.nav-creator .nav-creator-pc {
    font-size: 12px;
  }
}

@media (min-width: 981px) and (max-width: 1080px) {
  .site-header {
    padding-inline: 10px;
    gap: 6px;
  }
  .site-nav {
    gap: 6px;
  }
  .brand-en {
    font-size: 19px;
  }
  .brand-ja {
    font-size: 10px;
  }
  .site-nav a {
    font-size: 11.5px;
  }
  .nav-contact {
    padding: 5px 7px;
    gap: 4px;
    font-size: 11px;
  }
  .site-nav a.nav-creator {
    padding: 4px 8px;
    gap: 4px;
  }
  .site-nav a.nav-creator .nav-creator-auth {
    font-size: 8.5px;
  }
  .site-nav a.nav-creator .nav-creator-pc {
    font-size: 11px;
  }
}

/* スマホ・タブレット表示（ハンバーガーメニュー内 & ヘッダー右側） */
@media (max-width: 980px) {
  .header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
  }

  .mobile-creator-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    background: var(--lavender, #e9def5);
    color: var(--deep, #4a2e68);
    border: 1px solid #c8b4db;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 1px 4px rgba(74, 46, 104, 0.08);
    flex-shrink: 0;
  }

  .mobile-creator-btn:active,
  .mobile-creator-btn:hover {
    background: #debfe8;
    color: var(--purple, #7843a8);
    border-color: var(--purple, #7843a8);
  }

  .mobile-creator-btn .mobile-creator-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }

  .mobile-creator-btn .mobile-creator-auth {
    font-size: 8.5px;
    color: #785396;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.1;
    white-space: nowrap;
  }

  .mobile-creator-btn .mobile-creator-title {
    font-size: 11px;
    font-weight: 600;
    color: var(--deep, #4a2e68);
    line-height: 1.25;
    white-space: nowrap;
  }

  .mobile-creator-btn .btn-arrow {
    font-size: 11px;
    display: inline-block;
    color: var(--deep, #4a2e68);
  }

  .site-nav a.nav-creator {
    margin-top: 20px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #d4c2e6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(74, 46, 104, 0.08);
    white-space: normal;
  }

  .site-nav a.nav-creator:hover {
    background: #f6f0fc;
    border-color: var(--purple, #7843a8);
    transform: none;
  }

  .site-nav a.nav-creator .nav-creator-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
  }

  .site-nav a.nav-creator .nav-creator-auth {
    display: inline-block;
    font-size: 11px;
    color: #64398c;
    background: #f1e9f8;
    border: 1px solid #dfcfee;
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 4px;
    letter-spacing: 0.03em;
    width: fit-content;
    line-height: 1.4;
    font-weight: 600;
  }

  .site-nav a.nav-creator .nav-creator-sub {
    display: block;
    font-size: 11px;
    color: var(--purple, #7843a8);
    font-weight: 600;
    letter-spacing: 0.04em;
  }

  .site-nav a.nav-creator .nav-creator-pc {
    display: none;
  }

  .site-nav a.nav-creator .nav-creator-sp {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--deep, #4a2e68);
    line-height: 1.4;
  }

  .site-nav a.nav-creator .nav-creator-arrow {
    font-size: 20px;
    color: var(--purple, #7843a8);
    margin-left: 12px;
    flex-shrink: 0;
  }
}

/* 画面幅が狭いスマートフォン向け微調整（崩れ防止） */
@media (max-width: 480px) {
  .site-header {
    padding: 12px 14px;
    gap: 6px;
  }
  .brand-en {
    font-size: 18.5px;
  }
  .brand-ja {
    font-size: 9.5px;
  }
  .header-actions {
    gap: 6px;
  }
  .mobile-creator-btn {
    padding: 4px 7px;
    gap: 4px;
  }
  .mobile-creator-btn .mobile-creator-auth {
    font-size: 8px;
  }
  .mobile-creator-btn .mobile-creator-title {
    font-size: 10px;
  }
  .menu-toggle {
    min-width: 42px;
    min-height: 42px;
    padding: 2px;
  }
}

@media (max-width: 360px) {
  .site-header {
    padding: 10px 10px;
    gap: 4px;
  }
  .brand-en {
    font-size: 17px;
  }
  .brand-ja {
    font-size: 9px;
  }
  .header-actions {
    gap: 4px;
  }
  .mobile-creator-btn {
    padding: 4px 5px;
  }
  .mobile-creator-btn .mobile-creator-title {
    font-size: 9.5px;
  }
}

/* ==========================================================================
   ヘッダー常時固定表示（スクロール追従）
   ========================================================================== */
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 12px rgba(74, 46, 104, 0.06);
  background: #f9f6fd;
}