/* Garden v3. Edge layers complete the viewport without scaling the accepted UI. */
.ref-edge-foliage{position:absolute;pointer-events:none;z-index:2;width:clamp(210px,22vw,530px);aspect-ratio:3/4;bottom:-21%;opacity:.86;transform-origin:50% 100%}
.ref-edge-foliage img{display:block;width:100%;height:100%;object-fit:contain;animation:ref-edge-sway 16s ease-in-out infinite alternate;transform-origin:40% 100%}
.ref-edge-foliage--left{left:clamp(-270px,-13vw,-110px);rotate:18deg}
.ref-edge-foliage--right{right:clamp(-260px,-12vw,-100px);bottom:-30%;rotate:-24deg;scale:-1 1;opacity:.55}
.ref-edge-foliage--right img{animation-duration:21s;animation-delay:-8s}
.ref-growth-traces{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#cefac3;stroke-width:1;opacity:.12;pointer-events:none;z-index:0}
@keyframes ref-edge-sway{from{rotate:-1.3deg}to{rotate:1.3deg}}
/* Typography-led partnership marker; not another card. */
.ref-story-years{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;border:0;border-block:1px solid #cedfd4;border-radius:0;background:none;padding:24px 0;margin:30px 0;max-width:460px}
.ref-story-years strong{font-size:62px;letter-spacing:-.06em;font-weight:500;line-height:1;color:#087e51}
.ref-story-years>span{font-size:15px;line-height:1.4;max-width:75px;color:#466253}
.ref-story-years svg{width:100px;height:48px;fill:none;stroke:#81ac8e;stroke-width:1.5;margin-left:auto}.ref-story-years circle{fill:#087e51;stroke:none}
/* Open editorial sequence: one shared baseline, no repeated rounded cards. */
.ref-logo-grid [alt="Atelier Babbi"]{filter:grayscale(1) brightness(.65) contrast(4)}
@media(min-width:1200px){.ref-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.ref-logo-grid>li{padding-inline:20px}}
@media(max-width:700px){.ref-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-logo-grid>li{height:96px;padding:12px 20px}}
.ref-approach{background:#fbfdf9}.ref-approach .section-heading{max-width:1100px;margin-bottom:56px}
.ref-methods--editorial{gap:0;padding:0;border-top:1px solid #adc9b7;counter-reset:none}
.ref-methods--editorial article{padding:42px 34px 8px 0;background:none;border:0;border-radius:0;min-height:0}
.ref-methods--editorial article+article{padding-left:34px;border-left:1px solid #dce7df}
.ref-methods--editorial .ref-step{position:static;display:block;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:clamp(48px,4.1vw,72px);line-height:1;letter-spacing:-.07em;color:#aec9b7;margin:0 0 48px}
.ref-methods--editorial .ref-method-icon{position:absolute;left:auto;right:34px;top:48px;width:48px;height:48px;border-radius:0;background:none;margin:0}
.ref-methods--editorial .ref-method-icon svg{width:40px;height:40px;stroke:#087e51;stroke-width:1.5}
.ref-methods--editorial h3{font-size:clamp(25px,1.65vw,30px);line-height:1.2;letter-spacing:-.045em;max-width:330px;min-height:2.4em}
.ref-methods--editorial p{font-size:16px;line-height:1.75;max-width:385px;margin-top:20px}
.ref-methods--editorial .ref-method-track{inset:-2px 0 auto;height:3px;background:none;opacity:.65}
.ref-methods--editorial .ref-method-track span{background:linear-gradient(90deg,transparent,#168353,transparent);animation-duration:18s}
.ref-methods--editorial .ref-check-stroke{animation:none;stroke-dasharray:none}
/* Separate conversation sculpture is integrated into the contact background. */
.references-page .contact-grid{isolation:isolate}
.references-page .contact-form{position:relative;z-index:3}
.references-page .contact-copy{position:relative;isolation:isolate}
.references-page .contact-copy>h2,.references-page .contact-copy>p,.references-page .contact-copy>ul,.references-page .contact-copy>.eyebrow{z-index:2}
.ref-contact-art{z-index:-1;width:920px;max-width:none;aspect-ratio:3/2;height:auto;left:-180px;top:auto;bottom:-335px;margin:0;opacity:.82;mask-image:linear-gradient(180deg,transparent 20%,#000 60%,#000 88%,transparent)}
.ref-contact-art picture,.ref-contact-art img{display:block;width:100%;height:100%;object-fit:contain}
.ref-contact-art img{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 85%,transparent)}
.ref-dialogue-signal{stroke:#e5ffc9;stroke-width:3;stroke-linecap:round;stroke-dasharray:3 97;animation:ref-dialogue-flow 14s ease-in-out infinite;opacity:0}
.ref-dialogue-signal--reply{animation-delay:-7s;animation-duration:17s;stroke-width:2}
@keyframes ref-dialogue-flow{0%{stroke-dashoffset:3;opacity:0}16%,64%{opacity:.65}90%,100%{stroke-dashoffset:-100;opacity:0}}
@media(min-width:1800px){.ref-edge-foliage--left{left:calc((100vw - 1920px)/5 - 250px);bottom:-6%}.ref-edge-foliage--right{right:calc((100vw - 1920px)/5 - 240px)}}
@media(max-width:899px), (max-width:1200px) and (max-aspect-ratio:1/1){
 .ref-edge-foliage{width:210px;bottom:6%;opacity:.5}.ref-edge-foliage--left{left:-128px;rotate:5deg}.ref-edge-foliage--right{right:-155px;bottom:13%;opacity:.35;rotate:-20deg}
 .ref-contact-art{width:650px;left:-100px;bottom:-170px;opacity:.5}
}
@media(max-width:700px){
 .ref-story-years{gap:15px;padding:20px 0;margin:24px 0}.ref-story-years strong{font-size:54px}.ref-story-years>span{font-size:14px}.ref-story-years svg{width:80px}
 .ref-approach .section-heading{margin-bottom:34px}
 .ref-methods--editorial{display:block;border-top:0;border-left:1px solid #bdd5c5;margin-left:14px;padding-left:24px}
 .ref-methods--editorial article,.ref-methods--editorial article+article{padding:0 0 30px;border:0;background:none}
 .ref-methods--editorial article+article{padding-top:28px;border-top:1px solid #dce7df}
 .ref-methods--editorial article:last-child{padding-bottom:0}
 .ref-methods--editorial article:before{content:'';position:absolute;left:-30px;top:18px;width:10px;height:10px;background:#087e51;border:3px solid #fbfdf9;box-shadow:0 0 0 1px #9abda7;border-radius:50%}
 .ref-methods--editorial article+article:before{top:46px}
 .ref-methods--editorial .ref-step{font-size:44px;margin-bottom:20px}
 .ref-methods--editorial .ref-method-icon{top:0;right:0;width:44px;height:44px}.ref-methods--editorial article+article .ref-method-icon{top:28px}
 .ref-methods--editorial h3{font-size:26px;max-width:100%;min-height:0}
 .ref-methods--editorial p{font-size:15px;margin-top:12px;line-height:1.75;max-width:none}
 .ref-methods--editorial .ref-method-track{display:none}
 .ref-contact-art{width:560px;left:50%;translate:-50% 0;bottom:-110px;opacity:.58}
 .references-page .contact-copy{padding-bottom:95px}
}
@media(max-width:599px) and (max-height:740px) and (orientation:portrait){.ref-edge-foliage{width:155px;bottom:5%;opacity:.4}.ref-edge-foliage--left{left:-100px}.ref-edge-foliage--right{right:-115px;bottom:16%}}
@media(max-width:899px) and (min-aspect-ratio:1/1){.ref-edge-foliage{width:200px;bottom:-35%;opacity:.3}.ref-edge-foliage--left{left:-160px}.ref-edge-foliage--right{right:-165px}}
@media(prefers-reduced-motion:reduce){.ref-edge-foliage img,.ref-dialogue-signal{animation:none!important}.ref-dialogue-signal{display:none}}