/* Homepage layout extensions. Brand, fonts, colours, header and actions come from the live Crave Genius stylesheet. */
.experience-home{background:var(--black);color:var(--white);line-height:1.55}.experience-home [hidden]{display:none!important}.experience-home main{overflow:clip}.experience-home .wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:5vw}.experience-home section{padding-block:clamp(65px,7vw,120px);scroll-margin-top:155px}.experience-home .d{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.065em;line-height:.9;margin:0;text-wrap:balance}.experience-home h2.d{font-size:clamp(44px,5.8vw,100px)}.experience-home h3.d{font-size:clamp(28px,3vw,48px)}.experience-home .k{font:800 11px/1.45 var(--label);letter-spacing:.15em;text-transform:uppercase}.experience-home .k.a,.experience-home .accent{color:var(--coral)}.experience-home .fine{font-size:12px;opacity:.65}.experience-home .ctas{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.experience-home .btn{cursor:pointer;border:0}.experience-home .btn.line{background:transparent;color:inherit;min-width:0}.experience-home .text-link{width:fit-content;margin-top:18px;min-width:0;font-size:11px}.experience-home .site-header{position:sticky}.experience-home .page-index{position:sticky}.experience-home .quick-home{background:radial-gradient(ellipse at 85% 10%,var(--navy),transparent 65%),var(--black);padding-top:55px}.quick-heading{max-width:1100px}.quick-heading h1.d{font-size:clamp(60px,7.4vw,130px);letter-spacing:-.078em;line-height:.8;margin:30px 0}.quick-heading>p:last-child{font-size:clamp(16px,1.4vw,21px);color:var(--grey);margin:28px 0 35px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-light)}.choice{position:relative;text-align:left;display:grid;grid-template-columns:25px 1fr 20px;gap:18px;min-height:150px;padding:28px 22px 28px 25px;background:transparent;border:0;border-bottom:1px solid var(--line-light);color:inherit;cursor:pointer;transition:background .3s var(--ease),color .3s}.choice:nth-child(3n+2),.choice:nth-child(3n+3){padding-left:25px;border-left:1px solid var(--line-light)}.choice:hover,.choice[aria-expanded=true]{background:var(--coral);color:var(--black)}.choice-index,.choice-arrow{color:var(--coral);font-size:11px;padding-top:5px}.choice:hover .choice-index,.choice:hover .choice-arrow,.choice[aria-expanded=true] .choice-index,.choice[aria-expanded=true] .choice-arrow{color:var(--black)}.choice strong{display:block;font:800 clamp(18px,1.7vw,27px)/1.1 var(--display);text-transform:uppercase;letter-spacing:-.045em}.choice small{font-size:12px;line-height:1.6;display:block;margin-top:14px;opacity:.7}.choice-arrow{font-size:22px;line-height:1}#selection-panel{margin-top:35px;border-top:2px solid var(--coral);padding-top:28px;scroll-margin-top:155px}.selection-bar,.pain-panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.selection-bar button,.pain-panel-top button{background:transparent;color:inherit;opacity:.7;padding:10px 0;border:0;font:700 11px var(--label);cursor:pointer}.service{display:grid;grid-template-columns:40px 1fr 1fr;gap:30px;padding:35px 0}.service-no{color:var(--coral);font:800 14px var(--label)}.service h3{margin:18px 0!important;max-width:25ch}.service p:not(.k){color:var(--grey);font-size:15px;max-width:50ch}.deliverables ul{list-style:none;padding:0;margin:0 0 22px}.deliverables li{padding:12px 0;border-bottom:1px solid var(--line-light);font-size:14px}.benefit{font-size:14px}.benefit b{display:block;font:800 10px var(--label);letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:8px}.selection-proof{border-top:1px solid var(--line-light);padding-block:22px}.selection-proof>p:nth-child(2){font-size:14px;color:var(--grey);margin-top:12px}.quick-trust{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line-light);font:700 10px var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}#quick-enquiry,#pain-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line-light);padding-top:35px;margin-top:22px;scroll-margin-top:155px}#quick-enquiry h3,#pain-enquiry h3{margin:20px 0;max-width:22ch}#quick-enquiry>div>p:last-child,#pain-enquiry>div>p:last-child{font-size:15px;color:var(--grey);max-width:43ch}#lead-form,#pain-form{display:grid;gap:10px}#lead-form label,#pain-form label{font:700 11px var(--label);margin-top:10px}#lead-form input,#lead-form textarea,#pain-form input,#pain-form textarea{font:400 16px/1.5 var(--sans);color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line-light);padding:12px 0;width:100%;border-radius:0;resize:vertical}#lead-form input::placeholder,#lead-form textarea::placeholder,#pain-form input::placeholder,#pain-form textarea::placeholder{color:var(--grey)}#lead-form .btn,#pain-form .btn{margin-top:15px}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:end;margin-bottom:50px}.section-heading h2{margin-top:20px!important}.section-heading>p{font-size:17px;opacity:.75}#work{background:var(--white);color:var(--black)}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.case{min-width:0}.case-visual{height:320px;display:grid;place-items:center;background:var(--black);margin-bottom:25px;overflow:hidden}.case-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.case:hover .case-visual img{transform:scale(1.04)}.conker{background:#102826}.conker>span{font:800 55px var(--display);letter-spacing:-.07em;color:#e3f5bc}.conker small{font:700 10px var(--label);color:white;letter-spacing:.15em;text-transform:uppercase}.stellar{background:#eeeae3}.stellar>span{text-align:center;font:34px/1.2 Georgia,serif;letter-spacing:.08em}.stellar small{font:10px var(--label);letter-spacing:.2em}.case h3{margin:18px 0!important}.case>p:not(.k){font-size:14px;line-height:1.7;opacity:.75;margin-bottom:18px}.case .credit{border-top:1px solid var(--line-dark);padding-top:18px;font-size:12px!important}.pain-chapter{background:var(--navy);color:var(--white)}.pain-selector{display:flex;border-block:1px solid var(--line-light)}.pain-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;flex:1;padding-block:18px;align-content:start}.pain-choice{display:grid;justify-items:center;align-content:center;gap:18px;position:relative;min-height:170px;padding:20px;border:0;border-bottom:1px solid var(--line-light);background:transparent;color:inherit;cursor:pointer;font:700 11px var(--label);text-transform:uppercase;letter-spacing:.09em;transition:background .3s var(--ease)}.pain-choice:hover{background:#ffffff0d}.pain-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line-light);color:inherit;transition:background .3s var(--ease),border-radius .3s var(--ease)}.pain-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.pain-label b{color:var(--coral);margin-right:5px}.pain-choice[aria-expanded=true] .pain-icon{background:var(--coral);color:var(--black);border-color:var(--coral);border-radius:50%}.pain-selector.selected .pain-rail{flex:0 0 90px;grid-template-columns:1fr;border-right:1px solid var(--line-light);padding-right:20px;gap:10px}.pain-selector.selected .pain-choice{min-height:65px;padding:3px;border:0}.pain-selector.selected .pain-label{position:absolute;left:76px;top:50%;transform:translateY(-50%);white-space:nowrap;opacity:0;pointer-events:none;background:var(--black);border-left:2px solid var(--coral);padding:13px;z-index:3}.pain-selector.selected .pain-choice:hover .pain-label,.pain-selector.selected .pain-choice:focus-visible .pain-label{opacity:1}#pain-panel{flex:1;min-width:0;padding:25px 0 30px 40px;scroll-margin-top:155px}.pain-panel-top{margin-bottom:25px}.pain-content h3{margin:18px 0 30px;max-width:25ch}.pain-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px}.pain-copy>div>p:last-child{font-size:15px;color:var(--grey);margin-top:12px}.pain-features{display:flex;flex-wrap:wrap;gap:20px;margin-block:26px;font:700 10px var(--label);text-transform:uppercase;letter-spacing:.08em}.pain-features span{border-bottom:1px solid var(--line-light);padding-bottom:8px}.pain-content .ctas{margin-top:30px}.pain-hint{margin-top:20px}#book{background:var(--white);color:var(--black)}.sel-head{margin-bottom:25px}.sel-head h2{margin:20px 0}.sel-head .hint{margin-top:20px;font-size:10px}.why{font-size:15px;max-width:65ch;line-height:1.7}.why b{display:block;font:800 10px var(--label);color:var(--coral);text-transform:uppercase;letter-spacing:.1em}.service-label{display:block;font-size:12px;margin-top:30px}#service-choice{margin:10px 0 20px;border:1px solid var(--line-dark);background:transparent;color:inherit;padding:14px;font:16px var(--sans);width:min(100%,480px)}.ev-path{position:relative;height:65px}.ev-path svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ev-path line{stroke:var(--coral);stroke-width:1.5}.ev-path line.base{stroke:var(--line-dark)}#ev-dots{position:absolute;inset:0}.ev-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--grey);transform:translate(-50%,-50%)}.ev-dot.now,.ev-dot.done{background:var(--coral)}.ev-dot.now{box-shadow:0 0 0 5px #ff563f22}.ev-card{padding-block:30px;border-block:1px solid var(--line-dark);min-height:260px;display:grid;gap:18px;align-content:start}.ev-q{font:800 clamp(25px,3vw,42px)/1.1 var(--display);letter-spacing:-.05em}.ev-in{display:flex;gap:10px;flex-wrap:wrap}.ev-in input{color:inherit;font:16px var(--sans);border:0;border-bottom:1px solid var(--line-dark);padding:15px 0;background:transparent;min-width:0;flex:1 1 280px;max-width:480px}.ev-in input::placeholder{color:#747880}.ev-in .chip{background:transparent;border:1px solid var(--line-dark);font:700 11px var(--label);padding:14px;cursor:pointer}.ev-in .chip[aria-pressed=true]{background:var(--black);color:var(--white)}.ev-nav,.ev-ready{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.ev-err{color:#c43022;font-size:13px}.ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ev-rate,.ev-plan{padding-block:25px}.ev-ready{border-top:1px solid var(--line-dark);padding-top:25px}#ev-steps{padding-left:20px;font-size:15px}#ev-bars>div{display:flex;gap:20px;margin-top:15px;font-size:14px}#ev-bars i{width:var(--w);background:var(--coral);height:3px;align-self:center}footer{border-top:1px solid var(--line-light);background:var(--black);color:var(--white)}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px}.brand{font:800 16px var(--label);letter-spacing:.24em;text-transform:uppercase}.brand b{color:var(--coral)}.foot nav{display:flex;flex-wrap:wrap;gap:25px;font-size:11px}.experience-home .home-menu-open #global-navigation{display:flex}
@media(max-width:860px){.experience-home section{scroll-margin-top:130px}.experience-home .wrap{padding-inline:6vw}.quick-heading h1.d{font-size:clamp(46px,10vw,78px)}.choices{grid-template-columns:1fr 1fr}.choice{min-height:150px;padding:22px 12px!important;gap:10px;grid-template-columns:20px 1fr}.choice:nth-child(n){border-left:0}.choice:nth-child(even){border-left:1px solid var(--line-light)}.choice-arrow{display:none}.choice strong{font-size:20px}.choice small{font-size:11px}.quick-trust{flex-wrap:wrap;font-size:9px}.service{grid-template-columns:25px 1fr;gap:18px}.deliverables{grid-column:2}.section-heading,.cases,#quick-enquiry,#pain-enquiry,.pain-copy,.ev-grid{grid-template-columns:1fr;gap:25px}.section-heading h2.d{font-size:clamp(42px,9vw,65px)}.case-visual{height:300px}.case{margin-bottom:25px}.pain-rail{grid-template-columns:1fr 1fr}.pain-selector.selected .pain-rail{flex-basis:60px;padding-right:10px}.pain-icon{width:44px;height:44px}.pain-icon svg{width:23px;height:23px}.pain-selector.selected .pain-choice{min-height:55px}.pain-selector.selected .pain-label{left:50px;font-size:10px}.pain-choice{padding:20px 10px;font-size:10px}#pain-panel{padding-left:18px}.pain-panel-top{align-items:start;flex-direction:column}.pain-content h3{font-size:30px!important}.pain-content .primary-action{min-width:0;padding:18px}.pain-content .ctas{gap:18px}.foot{align-items:start;flex-direction:column}.experience-home.home-menu-open #global-navigation{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--black);padding:30px 6vw;flex-direction:column;gap:25px}.experience-home .primary-action{min-width:0}.experience-home .line-action{gap:15px}#quick-enquiry,#pain-enquiry,#selection-panel,#pain-panel{scroll-margin-top:130px}}
@media(prefers-reduced-motion:reduce){.experience-home *{scroll-behavior:auto!important;transition:none!important}}

/* Content mechanics retained from the supplied interaction prototype, using live-site type tokens. */
.experience-home .pain-selector{position:relative;min-height:430px;align-items:flex-start}.experience-home .pain-rail{position:relative;flex:0 0 100%;max-width:100%;transition:flex-basis .55s var(--ease),max-width .55s var(--ease)}.experience-home .pain-selector.selected .pain-rail{flex-basis:90px;max-width:90px}.experience-home #pain-panel{animation:home-panel-in .55s var(--ease) both;animation-delay:.12s}.experience-home .pain-content:not([hidden]){animation:home-panel-in .45s var(--ease) both}.pain-live-dot{position:absolute;left:89px;top:55px;width:12px;height:12px;border-radius:50%;background:var(--coral);transform:translate(-50%,-50%);opacity:0;z-index:2;transition:top .4s var(--ease),opacity .3s;pointer-events:none}.selected .pain-live-dot{opacity:1;animation:home-live 2.2s ease-in-out infinite}.experience-home .selection-content:not([hidden]){animation:home-panel-in .5s var(--ease) both}.experience-home .ev-card{transform-origin:var(--ox,50%) -40px}.experience-home .ev-card.in{animation:home-from-dot .55s var(--ease) both}.experience-home .ev-card.out{animation:home-to-dot .4s ease-in both}.experience-home .ev-dot{transition:background .3s,box-shadow .3s,transform .3s}.experience-home .ev-dot.now{animation:home-live 2.2s ease-in-out infinite}.experience-home .ev-dot.done{box-shadow:0 0 0 4px var(--white),0 0 0 5px var(--coral);transform:translate(-50%,-50%) scale(.5)}.experience-home .ev-path line{stroke:var(--line-dark);stroke-width:1.5;transition:stroke .4s}.experience-home .ev-path line.completed{stroke:var(--coral)}.experience-home .ev-in textarea{font:400 16px/1.6 var(--sans);color:inherit;background:transparent;border:1px solid var(--line-dark);padding:15px;width:min(100%,700px);resize:vertical}.experience-home #ev-bars>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line-dark);padding:12px 0;margin:0;gap:20px;line-height:1.6}.experience-home #ev-bars>div>b{font:800 10px/1.6 var(--label);text-transform:uppercase;letter-spacing:.08em}.experience-home #ev-bars>div>span{overflow-wrap:anywhere}.experience-home .ev-done .ev-grid{align-items:start}.experience-home #ev-steps{display:grid;gap:15px;margin-top:20px}.experience-home .pain-choice{transition:background .3s var(--ease),padding .5s var(--ease),min-height .5s var(--ease)}.experience-home .pain-label{transition:opacity .2s var(--ease)}
@keyframes home-panel-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes home-from-dot{from{opacity:0;transform:scale(.1)}to{opacity:1;transform:none}}@keyframes home-to-dot{from{opacity:1;transform:none}to{opacity:0;transform:scale(.08)}}@keyframes home-live{0%,100%{box-shadow:0 0 0 5px #ff563f18}50%{box-shadow:0 0 0 11px #ff563f08}}
@media(max-width:860px){.experience-home .pain-selector.selected .pain-rail{flex-basis:60px;max-width:60px}.pain-live-dot{left:59px}.experience-home #pain-panel{padding-left:20px}.experience-home #ev-bars>div{grid-template-columns:1fr;gap:5px}}
@media(prefers-reduced-motion:reduce){.experience-home *,.experience-home *:before,.experience-home *:after{animation:none!important;transition:none!important}}

/* Actual project recordings retain their full interface; supplied screenshots are posters/fallbacks. */
.experience-home .case-visual.case-media{height:auto;aspect-ratio:2594/1730;background:var(--black);display:block;position:relative}.experience-home .case-media video,.experience-home .case-media>img{display:block;width:100%;height:100%;object-fit:contain;transform:none}.experience-home .case:hover .case-media img{transform:none}.experience-home .case-media video:focus-visible{outline-offset:3px}

/* Scoped project showcase avoids live-site archive/card selector collisions. */
.experience-home .cg-showcase{width:100%;position:relative;color:var(--white);isolation:isolate}.experience-home .cg-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--white)}.experience-home .cg-project-tile{position:relative;display:block;width:100%;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:0;background:var(--black);overflow:hidden;text-align:left;color:var(--white);cursor:pointer}.experience-home .cg-project-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease)}.experience-home .cg-project-tile:hover>img{transform:scale(1.05)}.experience-home .cg-tile-shade{position:absolute;inset:0;background:linear-gradient(transparent,#05060955 30%,#050609f2)}.experience-home .cg-tile-copy{position:absolute;inset:auto 22px 25px;display:grid;gap:16px;z-index:2}.experience-home .cg-tile-copy small{font:800 9px/1.5 var(--label);text-transform:uppercase;letter-spacing:.12em;color:#ffffffb8}.experience-home .cg-tile-copy strong{font:900 clamp(20px,2.2vw,36px)/.95 var(--display);letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:normal}.experience-home .cg-tile-copy>span{font:700 9px/1.6 var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}.experience-home .cg-expanded{position:relative;background:var(--black);width:100%;animation:cg-expand-in .55s var(--ease) both;outline-offset:3px}.experience-home .cg-expanded-project{position:relative;width:100%;min-height:580px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--black)}.experience-home .cg-expanded-media{position:absolute;inset:0;background:var(--black);display:grid;place-items:center;transition:right .55s var(--ease)}.experience-home .cg-expanded-media video,.experience-home .cg-expanded-media>img{width:100%;height:100%;object-fit:contain;max-height:650px;object-position:center}.experience-home .cg-expanded-project:not(.cg-details-closed) .cg-expanded-media{right:50%}.experience-home .cg-project-info{position:relative;z-index:2;grid-column:2;align-self:stretch;background:#050609f5;padding:75px 35px 35px;display:flex;flex-direction:column;justify-content:center;gap:24px;border-left:1px solid var(--line-light);animation:cg-details-in .55s var(--ease) both}.experience-home .cg-project-info h3{font:900 clamp(30px,3.8vw,60px)/.9 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0;color:var(--white)}.experience-home .cg-project-info>p:not(.k){font:400 15px/1.75 var(--sans);color:var(--grey);margin:0}.experience-home .cg-project-info .cg-project-credit{font-size:12px!important;border-top:1px solid var(--line-light);padding-top:20px}.experience-home .cg-project-info .primary-action{min-width:0;gap:25px;width:fit-content}.experience-home .cg-hide-details{background:none;color:var(--grey);border:0;text-align:left;cursor:pointer;font:700 10px var(--label);text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;gap:20px;padding:10px 0;width:fit-content}.experience-home .cg-stage-toolbar{position:absolute;top:0;left:0;right:0;padding:15px 20px;display:flex;justify-content:space-between;z-index:5;gap:20px;pointer-events:none}.experience-home .cg-stage-toolbar button{pointer-events:auto;font:700 10px var(--label);letter-spacing:.08em;text-transform:uppercase;background:var(--black);color:var(--white);border:1px solid var(--line-light);padding:12px 14px;cursor:pointer}.experience-home .cg-expanded-project.cg-details-closed{grid-template-columns:1fr}.experience-home .cg-details-closed .cg-project-info{display:none}.experience-home .cg-project-hint{font:400 11px/1.6 var(--sans);color:#6e737c;padding-top:18px}.experience-home .cg-next-art{position:absolute;inset:0;background:var(--navy);overflow:hidden;display:grid;place-items:center}.experience-home .cg-next-art>i{position:absolute;width:70%;aspect-ratio:1;border:1px solid #ff563f60;border-radius:50%;animation:cg-next-orbit 7s ease-in-out infinite}.experience-home .cg-next-art>i:nth-child(2){width:48%;animation-delay:-2s}.experience-home .cg-next-art>i:nth-child(3){width:24%;animation-delay:-4s;background:#ff563f18}.experience-home .cg-next-art>span{font:900 clamp(24px,2.6vw,40px)/.85 var(--display);letter-spacing:-.06em;text-align:center;color:#ffffff26;animation:cg-next-light 4s ease-in-out infinite}.experience-home .cg-expanded-media>.cg-next-art{position:relative;width:100%;height:100%;min-height:580px}.experience-home .cg-expanded-media .cg-next-art>span{font-size:clamp(50px,6vw,95px)}
@keyframes cg-next-orbit{0%,100%{transform:scale(.92) rotate(0deg);opacity:.4}50%{transform:scale(1.18) rotate(15deg);opacity:1}}@keyframes cg-next-light{0%,100%{color:#ffffff26}50%{color:#ffffff65}}@keyframes cg-expand-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes cg-details-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@media(max-width:860px){.experience-home .cg-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-home .cg-tile-copy{inset:auto 14px 18px;gap:10px}.experience-home .cg-tile-copy strong{font-size:clamp(20px,4.5vw,32px)}.experience-home .cg-tile-copy small{font-size:8px}.experience-home .cg-tile-copy>span{font-size:8px}.experience-home .cg-expanded-project{display:flex;flex-direction:column;min-height:0}.experience-home .cg-expanded-media{position:relative!important;inset:auto!important;width:100%;aspect-ratio:3/2;min-height:0;margin-top:55px}.experience-home .cg-expanded-media video,.experience-home .cg-expanded-media>img{width:100%;height:100%;max-height:none}.experience-home .cg-project-info{width:100%;padding:30px 24px;border-left:0;border-top:1px solid var(--line-light);gap:20px;min-height:340px}.experience-home .cg-project-info h3{font-size:38px}.experience-home .cg-project-info>p:not(.k){font-size:14px}.experience-home .cg-expanded-media>.cg-next-art{min-height:0}.experience-home .cg-details-closed .cg-expanded-media{aspect-ratio:3/2}.experience-home .cg-stage-toolbar{padding:10px}.experience-home .cg-stage-toolbar button{font-size:9px;padding:10px}.experience-home .cg-project-info{animation-name:cg-expand-in}}
@media(prefers-reduced-motion:reduce){.experience-home .cg-showcase *{animation:none!important;transition:none!important}}

/* Four viewport quadrants, following the supplied two-by-two reference. */
.experience-home #work{padding-bottom:0}.experience-home #work>.wrap{max-width:none;padding-inline:0}.experience-home #work>.wrap>.section-heading{margin-inline:5vw}.experience-home .cg-showcase{width:100%;margin:0}.experience-home .cg-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:100svh;gap:10px;width:100%;background:var(--white)}.experience-home .cg-project-tile{aspect-ratio:auto;height:100%;min-height:0;width:100%}.experience-home .cg-tile-copy{inset:auto clamp(25px,4vw,75px) clamp(25px,3vw,60px);gap:18px}.experience-home .cg-tile-copy strong{font-size:clamp(30px,3.5vw,64px);max-width:15ch}.experience-home .cg-tile-copy small{font-size:10px}.experience-home .cg-tile-copy>span{font-size:10px}.experience-home .cg-project-hint{display:none}.experience-home .cg-expanded,.experience-home .cg-expanded-project{height:100svh;min-height:0;max-height:none}.experience-home .cg-expanded-project{display:block}.experience-home .cg-expanded-project .cg-expanded-media,.experience-home .cg-expanded-project:not(.cg-details-closed) .cg-expanded-media{position:absolute;inset:0;right:0;width:100%;height:100%;margin:0;aspect-ratio:auto}.experience-home .cg-expanded-media video,.experience-home .cg-expanded-media>img{max-height:none;width:100%;height:100%;object-fit:contain}.experience-home .cg-project-info{position:absolute;inset:0 0 0 auto;width:50%;height:100%;max-height:100%;overflow:auto;padding:80px clamp(30px,4vw,75px) 40px;background:#050609ec;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.experience-home .cg-expanded-media>.cg-next-art{min-height:0;height:100%;width:100%}.experience-home .cg-next-art>i{width:65%}.experience-home .cg-next-art>span{font-size:clamp(35px,5vw,80px)}.experience-home .cg-stage-toolbar{padding:20px 25px}.experience-home .cg-project-info h3{font-size:clamp(32px,4vw,65px)}
@media(max-width:860px){.experience-home #work>.wrap>.section-heading{margin-inline:6vw}.experience-home .cg-project-grid{height:100svh;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.experience-home .cg-tile-copy{inset:auto 18px 25px;gap:12px}.experience-home .cg-tile-copy strong{font-size:clamp(22px,5vw,38px)}.experience-home .cg-tile-copy small{font-size:8px}.experience-home .cg-tile-copy>span{font-size:8px}.experience-home .cg-expanded-project .cg-expanded-media,.experience-home .cg-expanded-project:not(.cg-details-closed) .cg-expanded-media{position:absolute!important;inset:0!important;width:100%;height:100%;margin:0;aspect-ratio:auto}.experience-home .cg-expanded-project .cg-project-info{inset:auto 0 0;width:100%;height:50%;max-height:50%;min-height:0;border-left:0;border-top:1px solid var(--line-light);padding:25px 24px;gap:18px;justify-content:flex-start}.experience-home .cg-project-info h3{font-size:clamp(28px,7vw,42px)}.experience-home .cg-project-info>p:not(.k){font-size:13px}.experience-home .cg-stage-toolbar{padding:12px}.experience-home .cg-expanded-media .cg-next-art>span{font-size:clamp(40px,10vw,75px)}}

/* Animate the selected quadrant into the full canvas without changing document height. */
.experience-home .cg-expanded{position:absolute;inset:0;z-index:4;animation:none!important;will-change:clip-path,opacity}.experience-home .cg-showcase.cg-is-expanded .cg-project-grid{pointer-events:none}.experience-home .cg-project-info{animation:none!important;transform:translate(0,0);opacity:1;visibility:visible;transition:transform .65s var(--ease),opacity .4s ease,visibility 0s}.experience-home .cg-expanded-project.cg-details-closed .cg-project-info{display:flex;transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .65s var(--ease),opacity .4s ease,visibility 0s .65s}@media(max-width:860px){.experience-home .cg-expanded-project.cg-details-closed .cg-project-info{transform:translateY(100%)}}

/* Simple click-to-preview behaviour with a steady canvas and optional details. */
.experience-home .cg-showcase{scroll-margin-top:144px}.experience-home .cg-stage-toolbar{background:linear-gradient(#050609bb,transparent);padding-bottom:45px}.experience-home .cg-expanded .cg-project-info{transition:transform .4s var(--ease),opacity .3s ease,visibility 0s}.experience-home .cg-expanded .cg-details-closed .cg-project-info{transition:transform .4s var(--ease),opacity .3s ease,visibility 0s .4s}.experience-home .cg-project-tile:focus-visible{outline-offset:-5px}.experience-home .cg-tile-copy>span{font-size:11px}.experience-home .cg-expanded{will-change:auto}

.experience-home .cg-capability-notes{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:55px 5vw 65px;background:var(--white);color:var(--black)}.experience-home .cg-capability-notes ul{list-style:none;padding:0;margin:22px 0 0}.experience-home .cg-capability-notes li{font:400 15px/1.6 var(--sans);padding:11px 0;border-bottom:1px solid var(--line-dark)}.experience-home .cg-capability-notes .line-action{margin-top:25px}@media(max-width:860px){.experience-home .cg-capability-notes{grid-template-columns:1fr;padding:40px 6vw;gap:35px}}

.cg-afford{padding:100px 0;background:var(--navy);color:#fff}.cg-afford h2{font-size:clamp(36px,6vw,84px);line-height:1.04;max-width:1100px}.cg-afford h3{font-size:clamp(28px,4vw,48px);margin:24px 0;color:var(--coral)}.cg-afford-intro{max-width:720px;font-size:20px;line-height:1.6}.cg-afford .btn{margin:24px 0;padding:18px 28px;border:0;cursor:pointer;background:var(--coral);color:#fff}.cg-afford #cg-planner{scroll-margin-top:150px;margin-top:70px;border-top:1px solid #ffffff40;padding-top:40px}.cg-plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.cg-afford label{display:block}.cg-afford input:not([type=checkbox]),.cg-afford textarea{display:block;width:100%;box-sizing:border-box;padding:14px;margin-top:8px;border:1px solid #ffffff55;border-radius:0;background:#ffffff0d;color:#fff;font:inherit}.cg-afford fieldset{border:0;padding:0;margin:30px 0}.cg-afford legend{font-size:24px;margin-bottom:16px}.cg-plan-block{display:grid;grid-template-columns:1fr 130px;gap:24px;border-top:1px solid #ffffff30;padding:22px 0}.cg-plan-block>label:first-child{display:flex;gap:16px;align-items:center}.cg-plan-block input[type=checkbox]{width:22px;height:22px;accent-color:var(--coral);flex-shrink:0}.cg-plan-block small{display:block;margin-top:8px;opacity:.75}.cg-plan-note,#cg-plan-status{font-size:14px;opacity:.75}.cg-estimate{padding:28px;background:#ffffff0a;border-left:3px solid var(--coral)}.cg-estimate p{line-height:1.6}.cg-afford [hidden]{display:none!important}@media(max-width:640px){.cg-afford{padding:60px 0}.cg-plan-fields{grid-template-columns:1fr}.cg-plan-block{grid-template-columns:1fr}.cg-plan-block>label:last-child{max-width:160px}}

/* Reuse the original live final CTA rules; only restore its spacing against the homepage section reset. */
.experience-home .cg-live-final{padding:140px 5vw 100px}.cg-live-final button.primary-action{border:0;cursor:pointer;font-family:inherit}.cg-project-planner{background:var(--black)}@media(max-width:760px){.experience-home .cg-live-final{padding:90px 5vw 70px}}

/* Contained project media: expansion reveals the case study, never stretches the recording. */
.experience-home .cg-project-tile>img{inset:24px 8% auto;width:84%;height:58%;object-fit:contain;object-position:center;transform:none}
.experience-home .cg-project-tile:hover>img{transform:scale(1.02)}
.experience-home .cg-expanded{overflow:auto}
.experience-home .cg-expanded-project,.experience-home .cg-expanded-project.cg-details-closed{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:4vw;padding:88px 5vw 45px;box-sizing:border-box;min-height:100%;height:auto;overflow:visible}
.experience-home .cg-expanded-project .cg-expanded-media,.experience-home .cg-expanded-project:not(.cg-details-closed) .cg-expanded-media{position:relative!important;inset:auto!important;right:auto;width:100%;height:auto;aspect-ratio:auto;margin:0;display:flex;justify-content:center;align-items:center}
.experience-home .cg-expanded-media video,.experience-home .cg-expanded-media>img{width:auto;height:auto;max-width:min(100%,640px);max-height:440px;object-fit:contain;box-shadow:0 18px 60px #0006}
.experience-home .cg-expanded .cg-project-info,.experience-home .cg-expanded-project.cg-details-closed .cg-project-info{position:relative;inset:auto;width:100%;height:auto;max-height:none;min-height:0;grid-column:2;padding:25px 0 25px 3vw;overflow:visible;transform:none;opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:none;background:transparent;box-sizing:border-box}
.experience-home .cg-show-details,.experience-home .cg-hide-details{display:none!important}
.experience-home .cg-expanded-media>.cg-next-art{height:380px;max-width:640px;min-height:0}
@media(max-width:860px){.experience-home .cg-project-tile>img{inset:20px 8% auto;height:52%}.experience-home .cg-expanded-project,.experience-home .cg-expanded-project.cg-details-closed{grid-template-columns:1fr;gap:24px;padding:76px 24px 32px;align-content:start}.experience-home .cg-expanded .cg-project-info,.experience-home .cg-expanded-project.cg-details-closed .cg-project-info{grid-column:1;padding:24px 0;border-left:0;border-top:1px solid var(--line-light);height:auto;max-height:none}.experience-home .cg-expanded-media video,.experience-home .cg-expanded-media>img{max-width:min(100%,480px);max-height:280px}.experience-home .cg-expanded-media>.cg-next-art{height:260px}}

/* Coral frames and project-local information tabs keep the story beside its preview. */
.experience-home .cg-project-tile>img,.experience-home .cg-expanded-media video,.experience-home .cg-expanded-media>img{outline:1px solid var(--coral);outline-offset:6px}
.experience-home .cg-expanded-project{align-items:start}
.experience-home .cg-expanded-project .cg-expanded-media{align-self:start;margin-top:32px}
.experience-home .cg-project-tabs{display:flex;gap:0;border-bottom:1px solid #ff563f66;width:100%}
.experience-home .cg-project-tabs button{flex:1;padding:15px 8px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--white);font:700 11px var(--label);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.experience-home .cg-project-tabs button[aria-selected=true]{color:var(--coral);border-bottom-color:var(--coral);background:#ff563f0c}
.experience-home .cg-project-tabs button:focus-visible{outline:2px solid var(--coral);outline-offset:-3px}
.experience-home .cg-project-tab-panel{min-height:225px;font:400 15px/1.65 var(--sans);color:var(--grey)}
.experience-home .cg-project-tab-panel ul{padding:0;margin:16px 0 22px;list-style:none}
.experience-home .cg-project-tab-panel li{position:relative;padding:10px 0 10px 18px;border-bottom:1px solid var(--line-light)}
.experience-home .cg-project-tab-panel li:before{content:'';position:absolute;left:0;top:20px;width:4px;height:4px;background:var(--coral)}
.experience-home .cg-project-tab-panel .line-action{margin-top:14px}.experience-home .cg-project-visit{padding-top:16px;border-top:1px solid var(--line-light)}
@media(max-width:860px){.experience-home .cg-expanded-project .cg-expanded-media{margin-top:8px}.experience-home .cg-project-tab-panel{min-height:0;font-size:14px}.experience-home .cg-project-tabs button{font-size:10px}}

/* The frame hugs the intrinsic image, with evenly staggered outward pulses. */
.experience-home .cg-preview-frame{position:absolute;top:26px;left:50%;transform:translateX(-50%);display:block;width:max-content;height:max-content;line-height:0;isolation:isolate;pointer-events:none}
.experience-home .cg-preview-frame>img{display:block;position:relative;width:auto;height:auto;max-width:min(38vw,640px);max-height:26svh;object-fit:contain;outline:1px solid var(--coral);outline-offset:0;z-index:1}
.experience-home .cg-preview-frame>i{position:absolute;inset:0;border:1px solid var(--coral);pointer-events:none;animation:cg-image-radiate 5.6s linear infinite;z-index:0}
.experience-home .cg-preview-frame>i:nth-of-type(2){animation-delay:-1.4s}.experience-home .cg-preview-frame>i:nth-of-type(3){animation-delay:-2.8s}.experience-home .cg-preview-frame>i:nth-of-type(4){animation-delay:-4.2s}
.experience-home .cg-project-tile:has(.cg-preview-frame)>.cg-tile-shade{display:none}
@keyframes cg-image-radiate{0%{inset:0;opacity:.65}25%{inset:-8px;opacity:.45}50%{inset:-24px;opacity:.28}75%{inset:-48px;opacity:.12}100%{inset:-80px;opacity:0}}
@media(max-width:860px){.experience-home .cg-preview-frame{top:24px}.experience-home .cg-preview-frame>img{max-width:38vw;max-height:23svh}}
@media(prefers-reduced-motion:reduce){.experience-home .cg-preview-frame>i{animation:none!important;display:none}}