/* Original photographic hero, with the new brand message. */
.studio-hero-proposal .discovery-title-line{display:block}
.studio-hero-proposal .discovery-digital{position:relative;display:inline-block}
.studio-hero-proposal .discovery-digital svg{position:absolute;left:0;bottom:-9px;width:100%;height:12px;fill:none;stroke:#f48015;stroke-width:3;stroke-linecap:round;clip-path:inset(0 100% 0 0);animation:studio-underline 1.1s cubic-bezier(.22,.61,.36,1) .45s forwards}
.studio-hero-proposal .hero-description{margin-top:30px}
@keyframes studio-underline{to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.studio-hero-proposal .discovery-digital svg{animation:none;clip-path:none}}

.laptop-chat{position:absolute;z-index:2;top:8%;right:4%;width:300px;padding:15px;border:1px solid #ffffffa6;border-radius:17px;background:#fffdf6ed;box-shadow:0 12px 35px #19231e24;color:#293229;font:12px/1.45 Inter,sans-serif;animation:laptop-arrive .7s ease .5s both}
.laptop-chat:after{content:"";position:absolute;bottom:-10px;left:60%;width:19px;height:19px;background:#fffdf6;transform:rotate(45deg);border-radius:3px}
.laptop-chat-label{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#72766b;margin-bottom:10px}
.laptop-question{padding:10px 12px;background:#f3e5d4;border-radius:10px;margin:0 0 10px;font-weight:500}
.laptop-assistant{display:block;font-size:10px;color:#6a745f;margin-bottom:6px}
.laptop-answer>p{margin:0 0 10px}
.laptop-places{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;font-size:9px}
.laptop-places img{display:block;width:100%;height:42px;object-fit:cover;border-radius:6px;margin-bottom:4px}
@keyframes laptop-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.laptop-chat{right:5%;top:8%;width:320px}}
@media(max-width:1100px){.laptop-chat{width:250px;right:3%;top:5%;font-size:11px}.laptop-places img{height:34px}}
@media(max-width:800px){.studio-hero-proposal .hero-inner{padding-bottom:320px}.laptop-chat{top:auto;bottom:58px;right:20px;width:260px}.laptop-chat:after{left:70%}}
@media(prefers-reduced-motion:reduce){.laptop-chat{animation:none}}
/* Keep the portrait's upper edge in frame, including during scroll scaling. */
.studio-hero-proposal .hero-photo{transform-origin:center top}
.studio-hero-proposal .hero-photo>img{object-position:center top}
@media(max-width:800px){.studio-hero-proposal .hero-photo>img{object-position:64% top}}
.studio-hero-proposal .hero-photo>img{object-position:center 32%}
@media(max-width:800px){.studio-hero-proposal .hero-photo>img{object-position:64% 32%}}
@media(min-width:1101px){.laptop-chat{top:22%}}

.laptop-question{background:#dcebcf;color:#283c26;border-radius:12px 12px 3px 12px;margin-left:14px;min-height:66px}
.laptop-answer{padding:10px 11px;background:#fff;border-radius:3px 12px 12px 12px;margin-right:10px}
.laptop-answer>p{min-height:35px}
.chat-animated .laptop-question,.chat-animated .laptop-answer,.chat-animated .laptop-places{opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease,visibility .4s}
.chat-animated.question-visible .laptop-question,.chat-animated.answer-visible .laptop-answer,.chat-animated.places-visible .laptop-places{opacity:1;visibility:visible;transform:none}
.laptop-chat .typing:after{content:"";display:inline-block;height:.9em;width:1px;margin-left:2px;background:currentColor;animation:laptop-caret .75s steps(1) infinite}
@keyframes laptop-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.chat-animated *{transition:none!important;animation:none!important}}

/* Frosted conversation surfaces, with readable contrast over the photograph. */
.laptop-chat{width:350px;padding:17px;background:rgba(249,250,246,.66);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border:1px solid #ffffffbd;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffdc,0 12px 32px #15211d24;font-size:14px;line-height:1.5}
.laptop-chat:after{background:#f8faf1c9}
.laptop-chat-label{font-size:10px}.laptop-assistant{font-size:11px}
.laptop-question{background:linear-gradient(135deg,#e0efd7ed,#cce3bcbd);border:1px solid #ffffff9c;box-shadow:inset 0 1px 0 #ffffff9c;border-radius:17px 17px 5px 17px;padding:12px;min-height:87px}
.laptop-answer{background:#ffffffad;border:1px solid #ffffffc2;border-radius:5px 17px 17px 17px;padding:12px}
.laptop-places{font-size:10px;gap:8px}.laptop-places img{height:48px;border-radius:8px}
.laptop-answer>.laptop-closing{margin:11px 0 0;padding-top:9px;border-top:1px solid #73816b30;min-height:31px;font-weight:500}
.chat-animated .laptop-closing{opacity:0;visibility:hidden;transition:opacity .35s}
.chat-animated.closing-visible .laptop-closing{opacity:1;visibility:visible}
@media(min-width:1800px){.laptop-chat{width:360px;top:12%}}
@media(min-width:1101px) and (max-width:1799px){.laptop-chat{width:320px;top:8%;right:3%;font-size:13px}}
@media(max-width:1100px){.laptop-chat{width:280px;font-size:12px}}
@media(max-width:800px){.studio-hero-proposal .hero-inner{padding-bottom:440px}.laptop-chat{width:min(330px,calc(100% - 40px));font-size:13px;top:auto;bottom:55px}}
/* Refined glass: continuous tail and separate translucent message surfaces. */
.laptop-chat{background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(239,244,240,.29));border:1px solid rgba(255,255,255,.72);border-radius:27px;padding:17px;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:inset 0 1px 0 #ffffffed,inset 1px 0 0 #ffffff55,0 18px 42px #17281f25,0 3px 9px #17281f0f}
.laptop-chat:after{width:25px;height:14px;bottom:-13px;left:60%;transform:none;border-radius:0;background:linear-gradient(180deg,rgba(241,245,240,.85),rgba(241,245,240,.6));clip-path:path('M 0 0 L 25 0 Q 17 3 13 12 Q 12 14 10 11 Q 6 4 0 0 Z');filter:none}
.laptop-question{position:relative;margin-left:18px;padding:13px 14px;border-radius:20px 20px 6px 20px;color:#233c2b;background:linear-gradient(135deg,rgba(233,255,225,.88),rgba(176,220,165,.59));border:1px solid rgba(248,255,244,.86);box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 0 #7baa7130,0 5px 14px #244b2b0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:500}
.laptop-answer{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.84);border-radius:6px 20px 20px 20px;padding:13px 14px;box-shadow:inset 0 1px 1px #fff,0 5px 16px #213b2d0b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.laptop-assistant{color:#516653;letter-spacing:.015em}.laptop-chat-label{color:#4e594f;letter-spacing:.09em;font-weight:500}
.laptop-places img{box-shadow:0 2px 7px #1c35251c;border:1px solid #ffffff9c;border-radius:9px}
/* Pearlescent glass study: lightweight, CSS-only assistant identity. */
.laptop-chat{background:radial-gradient(ellipse at 5% 0%,#f4d9f18c,transparent 55%),radial-gradient(ellipse at 100% 85%,#c9e8fb70,transparent 60%),linear-gradient(145deg,#ffffffa8,#f5eef361);border-radius:30px;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff80,0 16px 42px #28213226;color:#302b3b}
.laptop-chat:after{background:linear-gradient(#e9e7f3c9,#e9e7f39c)}
.laptop-chat-label{color:#5c5266;font-size:9px;letter-spacing:.11em}
.laptop-question{background:radial-gradient(ellipse at top right,#fffefacc,transparent 70%),linear-gradient(130deg,#e7f9e6d9,#c6e9d8b8 65%,#dcecf7ab);border-radius:23px 23px 7px 23px;box-shadow:inset 0 2px 2px #fffffff2,inset 0 -1px 2px #75a5a733,0 4px 12px #314b3920}
.laptop-answer{background:radial-gradient(ellipse at top left,#f2dff775,transparent 65%),radial-gradient(ellipse at bottom right,#d7eafa80,transparent 65%),linear-gradient(135deg,#ffffffdd,#fff9);border-radius:7px 23px 23px 23px;box-shadow:inset 0 2px 2px #fff,inset 0 -1px 1px #ffffffa8,0 5px 18px #40305114}
.laptop-assistant{display:flex;align-items:center;gap:10px;min-height:42px;margin-bottom:9px;color:#635475;font-size:11px;font-weight:600}
.ai-crystal{position:relative;display:inline-block;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid #fff;isolation:isolate;background:radial-gradient(circle at 29% 22%,#fff 0%,#ffffffd9 8%,transparent 25%),radial-gradient(ellipse at 70% 72%,#fff6c9e6,transparent 48%),conic-gradient(from 30deg,#f6d1ef,#c7c2f4,#bce9ef,#efc5e5,#fcddbf,#b9d8f4,#f6d1ef);box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 5px #817eb569,0 3px 9px #967bac35;transform:scale(1)}
.ai-crystal:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid #ffffffbb;box-shadow:inset 2px -3px 3px #a7b0ed80;transform:rotate(-28deg)}
.ai-crystal:after{content:"";position:absolute;left:6px;top:5px;width:20px;height:11px;border-radius:50%;background:linear-gradient(#ffffffed,#ffffff00);transform:rotate(-32deg)}
.ai-speaking .ai-crystal{animation:crystal-voice .62s ease-in-out infinite}
.chat-paused .ai-crystal{animation-play-state:paused}
@keyframes crystal-voice{0%,100%{transform:scale(.94) rotate(-5deg)}35%{transform:scale(1.1,1.04) rotate(5deg)}65%{transform:scale(.99,1.08) rotate(-2deg)}}
.laptop-places span{padding:4px;background:#ffffff75;border:1px solid #ffffffb8;border-radius:12px;text-align:center;color:#51495c}
.laptop-places img{border-radius:8px;margin-bottom:5px}
.laptop-answer>.laptop-closing{border-color:#9b8baa30;color:#554466}
@media(prefers-reduced-motion:reduce){.ai-speaking .ai-crystal{animation:none}}
/* Lavender / peach glass palette from the approved visual reference. */
.laptop-chat{background:radial-gradient(ellipse at 100% 0%,#d9b6faed,transparent 58%),radial-gradient(ellipse at 0% 42%,#ffe5d4eb,transparent 57%),radial-gradient(ellipse at 85% 100%,#e6c8e6e6,transparent 60%),linear-gradient(145deg,#f3e8efed,#ece3f1eb);border:1px solid #fffffff2;box-shadow:inset 0 2px 1px #fff,inset 0 -1px 1px #ffffff80,0 16px 42px #32233d26}
.laptop-chat:after{background:linear-gradient(#ecdcefe8,#e7d4e8d9)}
.laptop-answer{background:linear-gradient(140deg,#ffffffb8,#fff8);border-color:#ffffffc9;box-shadow:inset 0 1px 1px #fff,0 5px 18px #6447760d}
.laptop-question{background:linear-gradient(135deg,#e6f6e8ed,#cee8dfe0 70%,#dbebeedb)}
.laptop-assistant{gap:12px;min-height:54px;color:#5c476e}
.ai-crystal{flex-basis:48px;width:48px;height:48px;overflow:hidden;border:1px solid #fffd;background:radial-gradient(ellipse at 31% 15%,#fffffffa 0%,#ffffff99 6%,transparent 20%),radial-gradient(ellipse at 55% 91%,#eb7afb 0%,transparent 47%),linear-gradient(180deg,#b4fcfa 0%,#74c9f4 16%,#a587f6 30%,#f599bc 47%,#ffe49b 59%,#fff4c9 64%,#f3a8e8 77%,#cc85ef 91%,#f8b3ce 100%);box-shadow:inset 2px 0 2px #ffffffed,inset -3px 0 3px #8962b9b3,inset 0 -3px 2px #fff9,0 3px 8px #a06dae40}
.ai-crystal:before{inset:2px;border:1px solid #ffffffe0;transform:rotate(-22deg);background:radial-gradient(ellipse at 80% 30%,#d8ffffa8,transparent 36%);box-shadow:inset 3px 0 2px #fff9,inset -2px -1px 2px #bd7cca80}
.ai-crystal:after{left:7px;top:5px;width:31px;height:29px;border-radius:55% 50% 48% 35%;background:linear-gradient(150deg,#ffffffd9 0%,#fff1 30%,#ffffff66 90%);transform:rotate(-24deg);border-top:1px solid white}
/* BlinkCube amber glass: brand orange softened with ivory and peach. */
.laptop-chat{background:radial-gradient(ellipse at 100% 0%,#f8c08aed,transparent 58%),radial-gradient(ellipse at 0% 42%,#fff4e6ed,transparent 57%),radial-gradient(ellipse at 85% 100%,#f4dcc2eb,transparent 60%),linear-gradient(145deg,#fff5eded,#f0e7ddeb);box-shadow:inset 0 2px 1px #fff,inset 0 -1px 1px #ffffff80,0 16px 42px #4c301c26;color:#382d24}
.laptop-chat:after{background:linear-gradient(#f3e2cfe8,#eed7bed9)}
.laptop-chat-label{color:#705840}
.laptop-question{color:#483323;background:linear-gradient(135deg,#fff4e6ed,#f9d9b5e0 70%,#f8e6d3db);box-shadow:inset 0 2px 2px #fffffff2,inset 0 -1px 2px #c68d5733,0 4px 12px #79533115}
.laptop-answer{background:linear-gradient(140deg,#fffdf8cf,#fff9);box-shadow:inset 0 1px 1px #fff,0 5px 18px #7953310d}
.laptop-assistant{color:#86501e}.laptop-places span{color:#65503e}.laptop-answer>.laptop-closing{color:#70451f;border-color:#bd8a5630}
.ai-crystal{background:radial-gradient(ellipse at 31% 15%,#fffffffa 0%,#ffffff99 6%,transparent 20%),radial-gradient(ellipse at 55% 91%,#f8af64 0%,transparent 47%),linear-gradient(180deg,#fff9e8 0%,#ffdfad 16%,#f8b25f 30%,#f48015 47%,#ffe09c 59%,#fff6d7 64%,#ffd4aa 77%,#ed9a54 91%,#ffe4c8 100%);box-shadow:inset 2px 0 2px #ffffffed,inset -3px 0 3px #b87a39a3,inset 0 -3px 2px #fff9,0 3px 8px #a06c3540}
.ai-crystal:before{background:radial-gradient(ellipse at 80% 30%,#fff9e3a8,transparent 36%);box-shadow:inset 3px 0 2px #fff9,inset -2px -1px 2px #d2945680}
/* Warm iridescence: orange leads, lilac and rose appear as reflected light. */
.laptop-chat{background:radial-gradient(ellipse at 100% 0%,#f8ba7aef,transparent 62%),radial-gradient(ellipse at 0% 75%,#dcd0f2ad,transparent 46%),radial-gradient(ellipse at 90% 100%,#efcddba6,transparent 45%),radial-gradient(ellipse at 0% 15%,#fff1dfe8,transparent 58%),linear-gradient(145deg,#fff0e3f2,#f3e1d9ed)}
.laptop-chat:after{background:linear-gradient(#efdcdfe8,#ecd4dcd9)}
.laptop-answer{background:radial-gradient(ellipse at bottom left,#e6dff647,transparent 62%),linear-gradient(140deg,#fffdf8d6,#fff9)}
.ai-crystal{background:radial-gradient(ellipse at 31% 15%,#fffffffa 0%,#ffffff99 6%,transparent 20%),radial-gradient(ellipse at 88% 25%,#bba6f19c,transparent 35%),linear-gradient(180deg,#fff8e5 0%,#efd9f4 13%,#f9bb86 28%,#f48015 46%,#ffdb91 59%,#fff6d7 65%,#f6bdd5 79%,#c8a4e5 93%,#ffe0b9 100%);box-shadow:inset 2px 0 2px #ffffffed,inset -3px 0 3px #ad7b9b80,inset 0 -3px 2px #fff9,0 3px 8px #a06c3540}
.ai-crystal:before{background:radial-gradient(ellipse at 80% 30%,#fff4eca8,transparent 36%);box-shadow:inset 3px 0 2px #fff9,inset -2px -1px 2px #bd9add80}
/* Mint user message, violet upper-right flowing into warm brand orange. */
.laptop-chat{background:radial-gradient(ellipse at 100% 0%,#d2acf4f2,transparent 53%),radial-gradient(ellipse at 100% 95%,#f7b575ed,transparent 66%),radial-gradient(ellipse at 0% 60%,#fff1e5eb,transparent 62%),linear-gradient(145deg,#f5e7efef,#fae0c8f2)}
.laptop-chat:after{background:linear-gradient(#f6d8bce8,#f1cfadd9)}
.laptop-question{color:#233c2b;background:radial-gradient(ellipse at top right,#fffefacc,transparent 70%),linear-gradient(130deg,#e7f9e6e8,#c6e9d8dc 65%,#dcecf7d9);border-color:#f8fff4dc;box-shadow:inset 0 2px 2px #fffffff2,inset 0 -1px 2px #75a5a733,0 4px 12px #314b391a}
/* Mobile reading order: message, conversation, then the two actions. */
@media(max-width:800px){
 .studio-hero-proposal{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:40px 20px 36px;background:#292d2b}
 .studio-hero-proposal .hero-inner,.studio-hero-proposal .hero-copy{display:contents}
 .studio-hero-proposal #hero-title{order:0;font-size:clamp(36px,8.8vw,56px);line-height:1.08;margin:0 0 22px;max-width:560px}
 .studio-hero-proposal .hero-description{order:1;font-size:16px;line-height:1.6;margin:0 0 28px;max-width:500px}
 .studio-hero-proposal .laptop-chat{order:2;position:relative;top:auto;right:auto;bottom:auto;width:100%;max-width:390px;align-self:center;margin:0 0 32px;font-size:14px;animation:none}
 .studio-hero-proposal .hero-actions{order:3;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;width:100%;max-width:390px;align-self:center}
 .studio-hero-proposal .hero-actions>a{display:flex;align-items:center;justify-content:center;min-height:50px;width:100%;text-align:center}
 .studio-hero-proposal .hero-actions .text-button{border:1px solid #ffffff45;border-radius:8px;background:#ffffff08}
 .studio-hero-proposal .marketing-scroll-hint{display:none}
 .studio-hero-proposal:after{background:linear-gradient(180deg,#202823bc,#252b28e8 55%,#292d2b 90%)}
 .studio-hero-proposal .hero-figure{max-height:650px}
}