.ribbon-journey .services-section{position:relative;background:#f7fafcd9;z-index:2;border-top:1px solid #fff9}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1260px;margin:auto}
.service-card.offer-card{display:block;padding:0;border-radius:26px;background:#fffffff0;border:1px solid #d1e1f0;overflow:hidden;box-shadow:0 18px 55px #284d7020;opacity:1;transform:translateY(0);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.offer-card.offer-visible{transform:translateY(-7px)}.offer-card:hover,.offer-card:focus-within{box-shadow:0 25px 60px #234f782e;transform:translateY(-11px)}
.offer-image{height:230px;position:relative;overflow:hidden;background:#e7f0f8}.offer-image .visual{width:100%;height:100%;aspect-ratio:auto;background:linear-gradient(125deg,#c8d9eb,#f5f8fb)}.offer-image .visual video{object-fit:contain}.offer-image .visual>img{object-fit:cover}.offer-image>span{position:absolute;bottom:13px;right:16px;background:#ffffffdf;font-size:10px;color:#41617c;padding:4px 9px;border-radius:6px}.offer-image .store-preview{position:absolute;inset:0;overflow:hidden}.store-preview img{position:absolute;width:258%;max-width:none;left:-68%;top:-10%}
.offer-body{padding:30px 34px 35px}.offer-label{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700;color:#345b80}.offer-label .num{font-size:18px;letter-spacing:.07em;color:#2160dc}.service-card.offer-card h3{font-size:clamp(29px,3vw,43px);line-height:1.24;margin:20px 0 17px;letter-spacing:-.045em}.offer-card p{font-size:14px;line-height:1.8;min-height:50px;margin:0 0 20px}.offer-gain{padding:16px 0;border-top:1px solid #e1eaf3;border-bottom:1px solid #e1eaf3;font-size:13px;line-height:1.9;color:#335b78;min-height:83px}
.class-price{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:23px 0}.class-price>div{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}.class-price>div+div{border-left:1px solid #d5e1ee;padding-left:16px}.class-price span{font-size:13px;color:#486584}.class-price strong{font-size:26px;color:#164ead;letter-spacing:-.04em;white-space:nowrap}.offer-price{min-height:85px;display:flex;align-items:center;gap:12px;white-space:nowrap}.offer-price strong{font-size:30px;color:#164ead}.offer-price span{font-size:12px;color:#57758e}
.ribbon-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 26px;color:#fff;background:linear-gradient(112deg,#2863d3 0%,#164ac2 48%,#5b97ed 100%);border:1px solid #739def;border-radius:28px 9px 28px 9px;box-shadow:inset 0 2px #bce5ff8f,0 8px 24px #2364ce25;transform:skewX(-5deg);overflow:hidden;font-size:13px;font-weight:700;text-align:left;min-height:60px}.ribbon-button>*{transform:skewX(5deg)}.ribbon-button:before{content:'';position:absolute;inset:auto -8px 5px;height:1px;background:#b0d9ff8f;transform:rotate(-2deg)}.ribbon-button:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff4 50%,transparent 70%);transform:translateX(-110%);transition:transform .55s}.ribbon-button:hover:after,.ribbon-button:focus-visible:after{transform:translateX(110%)}.ribbon-button b{font-size:23px}
.ribbon-journey #portfolio{position:relative;z-index:2;background:#f4f9f8e6;border-radius:38px 38px 0 0}.approved-outdoor{position:relative;min-height:740px;display:grid;align-items:center;isolation:isolate;background:#e4f2f3;overflow:hidden}.outdoor-live-landscape{position:absolute;inset:0;z-index:-2;overflow:hidden}.outdoor-live-landscape img{position:absolute;width:506%;max-width:none;left:-406%;top:-150%;height:auto}.approved-outdoor:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#c7e9f277,#ffffffb5 45%,#ffffff55)}.outdoor-actions{background:none;position:relative;padding:150px 24px;z-index:2}.outdoor-actions h2{font-size:clamp(36px,5vw,65px)}.outdoor-actions .ribbon-button{min-width:215px;justify-content:center}.outdoor-actions>a{display:inline-block;background:#ffffffb8;padding:10px 18px;border-radius:30px}
@media(max-width:1050px){.offer-body{padding:25px}.offer-image{height:190px}.class-price{gap:10px}.class-price>div{flex-direction:column;align-items:flex-start;gap:3px}.class-price strong{font-size:27px}.service-card.offer-card h3{font-size:32px}}
@media(max-width:680px){.service-grid{grid-template-columns:1fr;gap:26px}.offer-body{padding:24px}.offer-image{height:185px}.service-card.offer-card h3{font-size:31px}.offer-card p{font-size:13px;min-height:0}.class-price>div{flex-direction:row;align-items:center}.class-price span{font-size:11px}.class-price strong{font-size:23px}.class-price>div+div{padding-left:10px}.ribbon-button{padding:15px 19px;font-size:12px}.offer-gain{font-size:12px}.outdoor-actions{padding:90px 22px}.outdoor-actions .actions{align-items:stretch}.approved-outdoor{min-height:720px}.outdoor-live-landscape img{width:auto;height:260%;left:auto;right:-40%;top:-148%}}
@media(prefers-reduced-motion:reduce){.offer-card,.ribbon-button:after{transition:none!important}.offer-card.offer-visible,.offer-card:hover{transform:none}}
.motion-off .offer-card{transform:none;transition:none}.motion-off .ribbon-button:after{display:none}
/* Dense media strip and approved photographic rooms. Raster sources are unchanged. */
.journey-environments{position:absolute;inset:0;z-index:-3;overflow:hidden}.room-window{position:absolute;left:0;width:100%;overflow:hidden;opacity:.48;mask-image:linear-gradient(transparent,#000 13%,#000 82%,transparent)}.room-crop{position:absolute;width:100%;min-height:100%;overflow:hidden}.room-crop img{position:absolute;max-width:none;height:auto}.room-window:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f8fac4,#f9fbfd55 45%,#f1f6fa9c)}
.film-clip{width:calc(var(--band-width) * .94);padding:3px;border-radius:4px;border:1px solid #e8f5ff;box-shadow:none;background:#c8dae9;transform:translate(-50%,-50%) rotate(var(--clip-angle));transition:none}.film-clip .visual{aspect-ratio:2.18/1;border-radius:2px;background:#c8dae9}.film-clip .visual>img{object-fit:cover}.film-clip .sprite{width:100%}.film-clip span{display:none}.film-clip .animate:after,.film-clip .animate>img{animation-iteration-count:infinite;animation-duration:3s}.result-mount{border-radius:6px;padding:5px;background:#dbe9f4e6;border:1px solid #f6fdff;box-shadow:0 10px 32px #183b6030;backdrop-filter:none}.result-mount>.visual{border-radius:3px}.result-caption{font-size:10px;padding:7px 8px}.chapter-result{z-index:4}.chapter-copy{z-index:5}.chapter-copy:before{background:radial-gradient(ellipse,#f7fafcf5 35%,#f5f8fb00 75%)}.journey-film{z-index:-1}.film-rainbow{stroke:url(#outdoor-spectrum);stroke-width:var(--band-width);opacity:.8}.ribbon-journey{background:linear-gradient(#eaf0f7,#f6f8f6 60%,#dceef2)}.ribbon-journey .approved-outdoor{background:transparent;z-index:auto}.ribbon-journey .outdoor-live-landscape{z-index:-3}.approved-outdoor:after{z-index:-2}.ribbon-journey #portfolio,.ribbon-journey #services{background:#f5f9fbea}.film-highlight{stroke-opacity:.18}
@media(max-width:680px){.film-clip{width:calc(var(--band-width) * .94);max-width:none;padding:2px}.room-crop{width:auto;height:100%;min-width:100%}.room-window{opacity:.43}.chapter-copy:before{inset:-20px}.result-caption{font-size:9px}.film-rainbow{stroke-width:95px}}
.motion-off .film-clip .visual,.motion-off .film-clip .visual:after,.motion-off .film-clip .visual>img{animation:none!important}
.room-crop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important}.room-crop img{max-width:none}.room-window{opacity:.34}.result-mount{background:rgba(214,231,244,calc(.8 * (1 - var(--result-focus,0))));border-color:rgba(255,255,255,calc(1 - var(--result-focus,0)))}.chapter-result[data-state=expanded] .result-mount{box-shadow:none}.chapter-result .visual.video>video{filter:drop-shadow(0 15px 26px #18334e33)}
.motion-dock{position:fixed;bottom:15px;left:20px;z-index:60;width:min(440px,calc(100vw - 40px));padding:13px 17px;background:#fffffff2;backdrop-filter:blur(14px);border:1px solid #b5cce4;box-shadow:0 8px 30px #1b39582e;border-radius:16px;font-size:12px}.motion-dock summary{cursor:pointer;font-weight:700;color:#214a7d}.motion-dock label{display:flex;gap:10px;align-items:center;margin:15px 0}.motion-dock select{min-width:0;max-width:250px;padding:6px;border:1px solid #cbd9e7;border-radius:6px;font-size:11px}.phase-buttons{display:flex;flex-wrap:wrap;gap:6px}.phase-buttons button{background:#ecf3fb;color:#204978;border:1px solid #bfd3ed;border-radius:20px;padding:7px 11px;font-size:11px}.phase-buttons button[aria-pressed=true]{background:#205ad8;color:#fff}.motion-dock p{font-size:10px;margin:10px 0}.motion-dock>a{font-size:11px;color:#2458b3;text-decoration:underline}.motion-dock:not([open]){width:auto}.motion-dock[open]{max-height:45svh;overflow:auto}
.ribbon-journey .approved-outdoor{isolation:auto;overflow:clip}.outdoor-live-landscape img{max-width:none}.film-rainbow{stroke-width:calc(var(--band-width) * .40);opacity:.82}
/* The approved photographic rainbow remains the visual authority; no flat substitute arch. */
.ribbon-journey .approved-outdoor{display:block;min-height:0;background:#eef6fc;isolation:isolate}.approved-outdoor:after{display:none}.outdoor-live-landscape{position:relative;inset:auto;z-index:auto;width:100%;aspect-ratio:1672/418;overflow:hidden}.outdoor-live-landscape img{position:absolute;width:100%;height:auto;max-width:none;left:0;right:auto;top:-124.88%}.outdoor-actions{padding:45px 24px 60px;background:linear-gradient(#f9fcff,#eef6fc)}.outdoor-actions h2{font-size:38px}.film-rainbow{display:none}@media(max-width:680px){.outdoor-live-landscape img{width:100%;height:auto;left:0;right:auto;top:-124.88%}.outdoor-actions{padding:35px 22px 45px}.outdoor-actions h2{font-size:32px}}