/* Continuous spatial lighting, shared by the site's opaque tile surfaces. */
body.bird-experience .depth-tile{--bird-depth:0;--bird-glow-x:50%;--bird-glow-y:50%;translate:0 calc(var(--bird-depth)*-8px);box-shadow:inset 0 1px 0 rgb(255 255 255 / calc(.10 + var(--bird-depth)*.2)),0 calc(4px + var(--bird-depth)*17px) calc(14px + var(--bird-depth)*25px) rgb(25 40 17 / calc(.05 + var(--bird-depth)*.18))}
body.bird-experience .depth-tile.is-under-bird{will-change:translate}
body.bird-experience .depth-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;opacity:calc(var(--bird-depth)*.18);background:radial-gradient(ellipse at var(--bird-glow-x) var(--bird-glow-y),#dcffc0,transparent 63%);box-shadow:inset 0 1px 0 #f3ffe2}
body.bird-experience #service-details .depth-tile{translate:0 calc(var(--bird-depth)*-8px);box-shadow:inset 0 1px 0 rgb(197 222 165 / calc(.05 + var(--bird-depth)*.13)),0 calc(5px + var(--bird-depth)*18px) calc(14px + var(--bird-depth)*24px) rgb(0 0 0 / calc(.2 + var(--bird-depth)*.27))}
.faq-list details.depth-tile{position:relative;background:#e3ead8;border:1px solid #bacaab;border-radius:12px;margin-bottom:12px;padding:0 18px}
.faq-list details.depth-tile summary{border-bottom:0}.faq-list details.depth-tile p{padding-bottom:20px}
/* The four opening tiles deliberately share one finish and one text palette. */
.opening-stage .opening-service{background:linear-gradient(145deg,#eff2e5,#dfe8cf);border-color:#b8c9a1;color:#24351a}
.opening-stage .opening-service p,.opening-stage .opening-service strong>span{color:#546a43}.opening-stage .opening-service .opening-arrow{border-color:#a4b98b;color:#3e5d2b;background:#ffffff20}.opening-stage .opening-service .service-line{background:#94b952}.opening-stage .opening-service .opening-symbol{border-color:#829c66}.opening-stage .symbol-marketing i{background:#87a962}.opening-stage .opening-service:hover{border-color:#87a566}
@media(max-width:760px){body.bird-experience .depth-tile,body.bird-experience #service-details .depth-tile{translate:0 calc(var(--bird-depth)*-6px)}}
.motion-off .depth-tile{translate:none!important;will-change:auto!important}.motion-off .depth-tile:after{display:none}
@media(prefers-reduced-motion:reduce){body.bird-experience .depth-tile{translate:none!important;will-change:auto!important}.depth-tile:after{display:none}}
/* Final opening: one dark material, with a soft light moving beneath it. */
.opening-stage .opening-service{background:linear-gradient(145deg,#2d3c23,#1a2715);border-color:#5b7145;color:#f1f6e7}
.opening-stage .opening-service p,.opening-stage .opening-service strong>span{color:#c1d0af}.opening-stage .opening-service .opening-arrow{color:#c4f566;border-color:#7f9861;background:#ffffff03}.opening-stage .opening-service .service-line{background:#c4f566}.opening-stage .opening-service .opening-symbol{border-color:#98b974}.opening-stage .opening-service .opening-symbol i{background:#b8da88}.opening-stage .opening-service:hover{border-color:#a9c883}
/* Neutral FAQ, dark studio close, and a light enquiry surface. */
.faq{background:#eef0e6;border-color:#ccd5bd}.quote-guide{background:#27361e;border-color:#60774c;color:#f1f7e6}.quote-guide h3{color:#f1f7e6}.quote-guide .diagram-label{color:#bed59e}.quote-guide>div>span{border-color:#60774c;color:#dce9c9}.quote-guide>div b{color:#c4f566}.quote-guide>a{color:#d7eac1}
.contact{background:#172011;border:1px solid #405530;color:#f1f5e8}.contact h2{color:#f1f5e8}.contact h2 em{color:#c4f566}.contact .eyebrow,.contact-route{color:#adc98e}.contact-bottom{border-color:#4d6639}.contact-bottom p{color:#d5e3c1}.contact-email,.contact-actions a{color:#f1f7e8}.contact .logo-drop-zone{border-color:#6d8d4c}.contact .logo-drop-zone svg{fill:#c4f566}.enquiry-heading{border-color:#536b3e}.enquiry-heading p{color:#b9cba2}.enquiry-card{background:#f1f3e9;border-color:#bbcaa7;color:#24331b}.enquiry-card input,.enquiry-card textarea,.enquiry-card select{background:#fafbf6}
.footer{background:#f1f2e9;border-top:1px solid #cbd4bc}
/* The WECO phone takes its height from the real screen, without stretching. */
.weco-art .weco-mobile{top:auto;bottom:8%;right:5%;width:22%;max-width:136px;height:auto;aspect-ratio:auto;border:4px solid #142118;border-radius:19px;background:#111c15;box-shadow:6px 14px 25px #16271b35;transform:perspective(1000px) rotateY(-7deg) rotateZ(4deg)}
.weco-art .weco-mobile img{display:block;width:100%;height:auto;object-fit:contain;object-position:top;border-radius:14px}
@media(max-width:760px){.weco-art .weco-mobile{width:27%;max-width:112px;right:4%;top:auto;bottom:9%;height:auto;border-width:3px;border-radius:15px}.weco-art .weco-mobile img{border-radius:11px}.contact{background:#172011}.faq{background:#eef0e6}.quote-guide{background:#27361e}}
/* Reserve the hosting badge's corner so it cannot cover the scroll affordance. */
.opening-story .opening-scroll-cue{bottom:82px}.opening-bottom{bottom:76px}.opening-track{bottom:20px}
@media(max-width:760px){.opening-story .opening-scroll-cue{bottom:82px}.opening-bottom{bottom:74px}.opening-track{bottom:17px}.opening-crm,.opening-marketing{bottom:18%}.opening-brand{top:55%}}
@media(max-width:365px),(max-height:680px) and (max-width:760px){.opening-crm,.opening-marketing{bottom:17%}.opening-brand{top:55%}.opening-bottom{bottom:69px}}
.opening-brand{background:linear-gradient(145deg,#2d3c23,#1a2715);border-color:#6c8450;color:#eff6e5}.opening-brand span{color:#c4f566}.opening-brand:hover{background:#304525;border-color:#a1c174}
.contact h2{position:relative;background:#172011;border-radius:18px}
@media(max-width:760px){.contact h2{margin-top:80px}}
/* A clear, independent closing stage below the enquiry surface. */
.form-finale{position:relative;height:380px;margin-top:35px;border-top:1px solid #405631;border-bottom:1px solid #405631;background:transparent}
.form-finale .logo-drop-zone{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:60px;height:60px;transform:translate(-50%,-50%);border-color:transparent;background:transparent}
.form-finale .logo-drop-zone:after{display:none}.form-finale .logo-drop-zone svg{fill:#c4f566}
@media(max-width:760px){.form-finale{height:300px;margin-top:28px}.form-finale .logo-drop-zone{width:48px;height:48px}.contact h2{margin-top:28px}.opening-crm,.opening-marketing{bottom:16%}}
.motion-off .form-finale .logo-drop-zone,.graphics-fallback .form-finale .logo-drop-zone{width:240px;height:240px}.motion-off .form-finale .logo-drop-zone svg,.graphics-fallback .form-finale .logo-drop-zone svg{width:100%;height:100%;opacity:1}
@media(prefers-reduced-motion:reduce){.form-finale .logo-drop-zone{width:240px;height:240px}.form-finale .logo-drop-zone svg{width:100%;height:100%;opacity:1}}

/* The closing backdrop belongs below the travelling mark, like the other chapters. */
body.bird-experience .contact{background:transparent;isolation:auto;z-index:auto}
.contact:before{content:"";position:absolute;inset:0;background:#172011;border-radius:inherit;z-index:0;pointer-events:none}
.form-finale{display:flex;align-items:center;justify-content:center;min-width:0}
.form-finale .logo-drop-zone{z-index:0}
.form-finale .logo-drop-zone svg{width:100%;height:100%}
.footer{background:#11190e;color:#f1f5e8;border-color:#40532f;gap:32px;padding-top:40px}
.footer .logo{color:#f1f5e8}.footer p{font-size:12px;line-height:1.7;color:#b7c6a6;margin-top:14px;letter-spacing:0}
.footer>div>span{font-size:10px;color:#a7bd92;letter-spacing:.06em}
.footer>div>a:not(.logo){font-size:13px;color:#edf4e3;line-height:1.6}
.footer .footer-bottom{border-color:#40532f;color:#b7c6a6;gap:24px;padding-top:22px;margin-top:8px;font-size:11px}
.footer .footer-bottom>span,.footer .footer-bottom>span:first-child,.footer .footer-bottom>span.preview-label{font-size:10px;color:#b7c6a6}
.footer .footer-bottom button,.footer .footer-bottom>a{font-size:12px;color:#edf4e3}
/* Text may wrap inside a tile; no heading or control can widen its grid column. */
.enquiry-card,.form-row,.form-row>label,.footer>div,.service-item,.process-step,.project-card-info,.outcome-copy,.pricing-intro{min-width:0}
.contact-email,.form-fallback a,.form-consent a,.footer a{overflow-wrap:anywhere}
.enquiry-card textarea{resize:vertical;min-height:112px}
.service-item summary h3,.step-details h3,.project-card-info h3{overflow-wrap:normal;line-height:1.16}
.service-item summary .open-icon,.step-details summary .open-icon{flex-shrink:0}
.contact-bottom{gap:24px}.contact-actions{flex-wrap:wrap;gap:20px}
@media(max-width:760px){.footer{gap:24px;padding:32px 22px 24px}.footer p{font-size:11px}.footer>div>span{font-size:10px}.footer>div>a:not(.logo){font-size:12px}.footer .footer-bottom{gap:17px;line-height:1.6}.footer .footer-bottom button,.footer .footer-bottom>a{font-size:11px}.contact-email{font-size:clamp(17px,5vw,21px)}.contact-bottom{gap:22px}.contact-route{gap:12px;flex-wrap:wrap}.form-finale{height:270px;margin-top:26px}}
@media(max-width:365px){.opening-service strong{flex-wrap:wrap;row-gap:0}.opening-service strong>span{font-size:8px}.opening-service h2{font-size:18px}.opening-bottom{font-size:9px}.opening-bottom p{max-width:140px}.opening-bottom>a{font-size:9px}}

.compact-details>summary,.step-details>summary,.faq-list summary{padding-right:6px}
@media(max-width:760px){.pricing-motion .price-card .price-amount{font-size:clamp(44px,14vw,63px)}.pricing-motion .price-star{font-size:18px;margin-left:3px;margin-top:6px}.pricing-motion .price-card .button{font-size:11px;gap:14px;justify-content:space-between}.price-card-top #package-name{min-width:0;max-width:calc(100% - 40px);overflow-wrap:anywhere}.price-card .compact-details>summary{padding-right:6px;gap:12px}}

.footer .footer-bottom{padding-right:180px}
@media(max-width:760px){.footer .footer-bottom{padding-right:0;padding-bottom:55px}}