:root{--max:84rem;--paper:#f3f2ec;--line:#dedfd7;--yellow:#efcc4f}html{scroll-behavior:auto}body{background:var(--paper)}.wide{width:min(calc(100% - 6rem),var(--max))}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.site-nav{height:88px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cic-brand{display:flex;align-items:center;gap:1rem;text-decoration:none}.cic-brand img{width:64px;max-height:53px;object-fit:contain;mix-blend-mode:multiply}.cic-brand span{display:grid;gap:5px}.cic-brand b{font:500 12px var(--mono);letter-spacing:.07em}.cic-brand small{font:400 9px var(--mono);letter-spacing:.09em;color:var(--ink2)}.site-nav nav{display:flex;gap:2rem;align-items:center}.site-nav nav a{font-size:12px;text-decoration:none}.nav-enquiry{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px;font-weight:800}.story-hero{padding:0;overflow:clip;background:var(--paper)}.hero-stage{position:relative;height:calc(100svh - 88px);min-height:620px;max-height:1000px;display:flex;align-items:center}.story-hero .hero-grid{width:min(calc(100% - 6rem),var(--max));display:grid;grid-template-columns:1.1fr 1fr;gap:3vw;align-items:center;position:relative;z-index:2}.story-hero .hero-copy{padding:0;position:relative;z-index:3;max-width:720px}.hero-intro{font:500 10px/1.5 var(--mono);letter-spacing:.1em;color:#896b00;margin-bottom:25px}.story-hero .hero-kicker{font-size:10px;line-height:1.7;margin-bottom:18px}.story-hero h1{font-size:clamp(48px,5.1vw,82px);line-height:1.02;letter-spacing:-.065em;max-width:750px}.story-hero p.lede{font-size:14px;line-height:1.7;max-width:440px;margin:24px 0}.story-hero .button{font-size:12px;min-height:48px;padding:12px 22px}.story-hero small{font-size:11px;max-width:400px}.hero-language{background:transparent;padding:0;border:0;margin-top:18px}.hero-language span{font-size:9px}.language-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);min-height:28px;font-size:10px}.story-hero .hero-visual{margin:0;position:relative;transform-origin:center}.hero-media{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#dae0d7;border-radius:140px 140px 2px 2px;box-shadow:0 15px 50px #20282b0d}.hero-media #heroPoster,.hero-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center}.hero-media #heroPoster{max-height:none}.hero-media canvas{opacity:0;transition:opacity .2s}.hero-media canvas.ready{opacity:1}.motion-label{position:absolute;bottom:20px;left:20px;padding:8px 10px;background:#f3f2eceb;font:500 9px var(--mono);letter-spacing:.08em}.hero-index{position:absolute;top:27px;left:50%;transform:translateX(-50%);font:500 9px var(--mono);color:white;text-shadow:0 1px 5px #000;white-space:nowrap}.story-hero .caption{font-size:9px;margin-top:10px}.hero-scroll{position:absolute;bottom:22px;left:3rem;right:3rem;display:flex;align-items:center;gap:20px;font:400 9px var(--mono);letter-spacing:.1em;z-index:3}.scroll-arrow{font-size:25px}.hero-scroll:after{content:'';height:1px;background:var(--line);flex:1}.hero-contour{position:absolute;right:0;width:60%;height:90%;pointer-events:none;z-index:1}.hero-contour path{stroke:#c0ae64;stroke-width:1;fill:none}.section-thread{display:block;width:100%;height:70px;overflow:visible;margin-bottom:60px;pointer-events:none}.section-thread path{stroke:#b5a35b;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.logos{padding:30px 0 90px;background:var(--paper);border:0}.logo-copy{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:16px 60px}.logo-copy .eyebrow{grid-column:1/-1}.logo-copy h2{font-size:clamp(30px,3.8vw,52px);letter-spacing:-.05em}.logo-copy p:last-child{font-size:14px;margin:0;max-width:470px;align-self:end}.logo-wall{margin-top:45px}.logo-item{min-height:135px}.logo-name{font-size:10px}.logo-art{height:65px}.logo-wall img{max-height:55px}#works{background:var(--paper);padding:0 0 100px}.collection-nav{margin:0 0 55px}.collection-nav a{border:0;border-bottom:1px solid var(--ink);padding:10px 0;margin-right:25px;border-radius:0;background:transparent}.collection-head{margin-bottom:60px;gap:60px}.collection-head h2{font-size:clamp(38px,4.9vw,70px)}.collection-head>p{font-size:15px}.curve-lead{grid-template-columns:1.05fr .95fr;background:transparent;color:var(--ink);gap:7vw;align-items:center;margin-bottom:110px}.curve-lead .project-image{height:auto;aspect-ratio:512/683;background:#e6e8df;overflow:visible}.curve-lead .project-image img{object-fit:contain}.project-image{border-radius:2px}.project-arc{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);pointer-events:none;overflow:visible}.project-arc path{fill:none;stroke:#ad9744;stroke-width:1;vector-effect:non-scaling-stroke}.curve-lead .project-copy{padding:20px 0;justify-content:center}.curve-lead small{color:#896b00;margin-top:35px}.curve-lead strong{font-size:clamp(48px,6.5vw,100px);line-height:1;letter-spacing:-.06em}.project-number{font:400 12px var(--mono);color:#978e6b;margin-bottom:30px}.curve-lead .project-description{color:var(--ink2);font-size:16px;line-height:1.8;max-width:370px}.curve-lead .project-link{color:var(--ink);padding-bottom:10px;border-bottom:1px solid var(--ink);font-size:12px}.image-status{top:18px;left:18px;z-index:3;font-size:9px}.curve-pair,.curve-support{display:block;margin:0}.curve-pair .project-card,.curve-support .project-card{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:transparent;margin-bottom:105px}.curve-pair .project-card:nth-child(odd) .project-image,.curve-support .project-card:nth-child(odd) .project-image{grid-column:2;grid-row:1}.curve-pair .project-card:nth-child(odd) .project-copy,.curve-support .project-card:nth-child(odd) .project-copy{grid-column:1;grid-row:1;padding-left:10%}.curve-pair .project-image,.curve-support .project-image{height:auto;aspect-ratio:4/5;overflow:hidden;background:#e8eae2}.curve-support .project-image{aspect-ratio:4/3}.curve-pair .project-image img,.curve-support .project-image img{object-fit:contain}.curve-pair .project-copy,.curve-support .project-copy{padding:25px 0;max-width:440px}.curve-pair .project-copy>strong,.curve-support .project-copy>strong{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.045em;line-height:1.1}.curve-pair .project-description,.curve-support .project-description{font-size:15px;line-height:1.7;margin-top:20px}.project-link{font-size:12px;margin-top:25px}.project-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e8eae2;opacity:0;transition:opacity .5s}.project-motion.playing{opacity:1}.motion-badge{position:absolute;bottom:15px;right:15px;font:400 9px var(--mono);padding:7px 10px;background:#20282be8;color:#fff}.other-collection{margin-top:20px;padding-top:70px}.other-groups{gap:65px 50px}.other-group h4{font-size:23px;font-weight:700}.capability-cover{background:transparent;grid-template-columns:1fr 1fr}.capability-cover .project-image{height:300px}.capability-cover .project-copy{padding:20px}.capability-cover .project-copy>strong{font-size:22px;line-height:1.15}.related-examples{margin-top:20px}.related-examples summary{font-size:12px}.related-work{font-size:12px}.cta-row{margin-top:45px}.button{font-size:13px}.process-section{background:#e8e9e1;padding:0 0 100px}.section-head{gap:60px;margin-bottom:50px}.section-head h2{font-size:clamp(36px,4.7vw,64px)}.section-head p:last-child{font-size:15px}.process{gap:0;border-top:1px solid #c5c7bd}.process .step{border:0;border-right:1px solid #c5c7bd;background:transparent;padding:30px 25px;min-height:230px;position:relative}.process .step:last-child{border:0}.step:before{content:'';position:absolute;top:-2px;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(var(--step-progress,0));transform-origin:left}.step h3{font-size:20px;line-height:1.25;margin:25px 0 15px}.step p{font-size:13px}.step-icon{border:0;background:transparent}.project-lead-section{padding:0 0 90px;background:var(--ink)}.project-lead-section .section-thread path{stroke:#9b8b4c}.project-lead{gap:8vw}.project-lead h2{font-size:clamp(38px,4.6vw,65px)}.project-lead-brand .company-logo{background:white;padding:12px;width:130px}.project-lead-brand>p:last-child{margin-top:24px}.lead-person{margin-bottom:30px}.lead-person img{width:70px;height:70px}.lead-copy p{font-size:14px;line-height:1.85}.credential-grid{margin-top:40px;gap:30px}.credential-grid>div{padding-top:20px;border-top:1px solid #ffffff30}.questions-section{background:var(--paper);padding:0 0 100px}.questions-section .wrap{max-width:64rem;width:min(calc(100% - 6rem),64rem)}.questions-section h2{font-size:clamp(36px,4.6vw,64px)}.faq summary{font-size:16px;padding:22px 0}.faq .answer{font-size:14px;max-width:700px;line-height:1.8}footer{padding:65px 0;background:#192124}.foot-grid{gap:60px}.foot-grid>div{font-size:12px}.dock{background:#20282b;box-shadow:0 -1px 0 #ffffff15}.dock .button{min-height:46px}.story-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #967700;outline-offset:5px}.hero-copy,.hero-visual{will-change:transform}.gallery-panel,.brief-panel{background:var(--paper)}
@media(min-width:1600px){.hero-media{aspect-ratio:1/1.12}.hero-stage{min-height:780px}}
@media(max-width:1000px) and (min-width:769px){.wide,.story-hero .hero-grid{width:calc(100% - 3rem)}.site-nav nav{gap:20px}.story-hero h1{font-size:49px}.hero-stage{min-height:650px}.hero-media{border-radius:90px 90px 2px 2px}.hero-intro{font-size:9px}.curve-lead{gap:5vw}.curve-pair .project-card,.curve-support .project-card{gap:5vw}}
@media(max-width:768px){.wide,.story-hero .hero-grid{width:calc(100% - 2.5rem)}.site-nav{height:72px;gap:10px}.cic-brand{gap:10px}.cic-brand img{width:48px}.cic-brand b{font-size:9px}.cic-brand small{font-size:7px;letter-spacing:.04em}.site-nav nav a{display:none}.site-nav nav{gap:0}.nav-enquiry{font-size:10px;max-width:94px;text-align:right;line-height:1.4}.hero-stage{height:auto;min-height:0;max-height:none;display:block;padding:34px 0 50px}.story-hero .hero-grid{display:flex;flex-direction:column;gap:30px}.story-hero .hero-copy{width:100%}.hero-intro{font-size:8px;margin-bottom:19px;max-width:290px}.story-hero .hero-kicker{font-size:8px;margin-bottom:12px}.story-hero h1{max-width:none;font-size:clamp(39px,10.6vw,65px);line-height:1.03}.story-hero p.lede{font-size:13px;margin:20px 0;max-width:100%}.story-hero .button{width:100%;font-size:12px;min-height:47px}.hero-language{width:100%;margin-top:14px;padding:0}.story-hero small{font-size:10px;margin-top:10px}.story-hero .hero-visual{width:100%;margin:0}.hero-media{aspect-ratio:4/5;border-radius:105px 105px 2px 2px}.hero-contour{width:100%;height:55%;bottom:0}.hero-scroll{position:relative;left:auto;right:auto;bottom:auto;margin:25px 20px 0;font-size:8px}.section-thread{height:45px;margin-bottom:35px}.logos{padding:0 0 60px}.logo-copy{display:block}.logo-copy h2{font-size:33px;margin-top:15px}.logo-copy p:last-child{font-size:13px;margin-top:17px}.logo-copy .eyebrow{font-size:8px}.logo-wall{margin-top:30px}.logo-item{min-height:105px}.logo-art{height:48px}.logo-wall img{max-height:45px;max-width:105px}.logo-name{font-size:9px}#works{padding:0 0 60px}.collection-nav{display:flex;margin-bottom:38px;gap:20px;flex-wrap:nowrap}.collection-nav a{margin:0;font-size:11px;padding:10px 0;gap:7px;flex:1}.collection-head{gap:18px;margin-bottom:35px}.collection-head h2{font-size:39px}.collection-head>p{font-size:13px}.eyebrow{font-size:9px}.curve-lead,.curve-pair .project-card,.curve-support .project-card{display:flex;flex-direction:column;gap:0;margin-bottom:60px;align-items:stretch}.curve-lead .project-image{aspect-ratio:512/683}.curve-lead .project-copy,.curve-pair .project-copy,.curve-support .project-copy,.curve-pair .project-card:nth-child(odd) .project-copy,.curve-support .project-card:nth-child(odd) .project-copy{padding:28px 0 0;max-width:none;grid-column:auto;grid-row:auto}.curve-lead strong{font-size:58px}.curve-lead small{margin-top:0;margin-bottom:12px}.project-number{font-size:10px;margin-bottom:18px}.curve-lead .project-description{font-size:14px}.curve-pair .project-copy>strong,.curve-support .project-copy>strong{font-size:32px}.curve-pair .project-description,.curve-support .project-description{font-size:13px;margin-top:12px}.curve-pair .project-image{aspect-ratio:4/5}.curve-support .project-image{aspect-ratio:4/3}.project-link{font-size:11px;margin-top:17px}.image-status{font-size:8px;left:12px;top:12px}.other-collection{margin-top:0;padding-top:40px}.other-groups{gap:40px}.other-group h4{font-size:22px}.capability-cover{display:flex;flex-direction:column}.capability-cover .project-image{height:auto;aspect-ratio:4/3}.capability-cover .project-copy{padding:20px 0}.capability-cover .project-copy>strong{font-size:25px}.capability-cover .project-description{font-size:13px}.related-examples{margin-top:5px}.related-work{font-size:12px}.process-section{padding:0 0 60px}.section-head{gap:18px;margin-bottom:30px}.section-head h2{font-size:38px}.section-head p:last-child{font-size:13px}.process{border-top:0}.process .step{border-right:0;border-top:1px solid #c5c7bd;min-height:0;padding:25px 0}.process .step:last-child{border-top:1px solid #c5c7bd}.step h3{font-size:21px;margin:14px 0}.step p{font-size:13px}.project-lead-section{padding:0 0 60px}.project-lead{gap:30px}.project-lead h2{font-size:37px}.project-lead-brand .company-logo{width:100px}.project-lead-brand>p:last-child{font-size:9px;margin-top:16px}.lead-person{margin-bottom:22px}.lead-copy p{font-size:13px}.credential-grid{gap:10px;margin-top:28px}.credential-grid>div{padding:18px 0}.questions-section{padding:0 0 60px}.questions-section .wrap{width:calc(100% - 2.5rem)}.questions-section h2{font-size:38px}.faq summary{font-size:14px;padding:19px 0}.faq .answer{font-size:13px}.cta-row{margin-top:25px}footer{padding:40px 0}.foot-grid{gap:25px}.hero-scroll:after{flex:1}.project-motion{object-fit:contain}.hero-media canvas{object-position:center}.project-arc{inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-copy,.hero-visual{will-change:auto}.project-motion{display:none}.hero-media canvas{display:none}.project-arc path,.section-thread path{stroke-dasharray:none!important;stroke-dashoffset:0!important}}
@media(min-width:769px){.hero-media{aspect-ratio:4/3;border-radius:130px 130px 2px 2px}.hero-stage{height:min(calc(100svh - 88px),850px);min-height:610px}.story-hero .hero-visual{max-width:650px}.step:after{display:none}.credential-grid>div{background:transparent!important;border-right:0!important}}

.hero-media canvas{transition:none}.hero-media:has(canvas.ready) #heroPoster{visibility:hidden}
/* Premium still-photo direction — V4 */
:root{--paper:#f4f2eb;--ink:#20282b;--ink2:#67706b;--line:#d9d7ce;--max:82rem}
.site-header{background:#20282b;color:var(--paper);border-bottom:1px solid #ffffff1a}.cic-brand img{mix-blend-mode:normal;background:white;padding:5px}.cic-brand small{color:#c6cbc4}.nav-enquiry{color:var(--paper);border-color:#aaa99b}.story-hero{background:#20282b;color:var(--paper)}.hero-stage{height:auto!important;min-height:0;max-height:none;padding:65px 0 80px}.story-hero .hero-grid{grid-template-columns:1.18fr .82fr;gap:6vw;align-items:center}.story-hero h1{font-size:clamp(55px,6.2vw,96px);font-weight:600;letter-spacing:-.066em;line-height:.98;max-width:800px}.hero-intro{color:var(--yellow);font-size:10px;margin-bottom:38px}.story-hero .hero-kicker{color:#b3bcb4;font-size:9px;margin-bottom:25px}.story-hero p.lede{color:#c2cbc3;font-size:14px;max-width:420px;margin:30px 0}.story-hero small{color:#b3bcb4}.hero-language span{color:#b3bcb4}.language-toggle{color:var(--paper);border-color:#ffffff35;background:transparent}.language-toggle:hover{background:#3b4547}.story-hero .hero-visual{max-width:none;padding:18px;border:1px solid #af9b554d}.hero-media{aspect-ratio:512/683!important;max-height:650px;border-radius:180px 180px 0 0!important;background:transparent;overflow:hidden;box-shadow:none}.hero-media #heroPoster{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;visibility:visible!important}.hero-photo-mark{position:absolute;bottom:17px;left:18px;background:var(--yellow);padding:8px 11px;font:500 10px var(--mono);color:var(--ink)}.story-hero .caption{color:#c6cec4;margin:16px 0 0;font-size:10px}.hero-contour{width:80%;opacity:.45}.hero-scroll{position:relative;left:auto;right:auto;bottom:auto;width:min(calc(100% - 6rem),var(--max));margin:50px auto 0;color:#bac2b9}.hero-scroll:after{background:#ffffff25}.logos{padding:0 0 80px}.logo-copy h2{font-weight:500;font-size:clamp(34px,4vw,58px);line-height:1.1}.logo-wall{margin-top:45px}.logo-item{border-right:1px solid #d9d7ce}.logo-item:nth-child(5n){border-right:0}.collection-head h2{font-size:clamp(44px,5.7vw,82px);font-weight:500;line-height:1.02}.collection-head{margin-bottom:70px}.collection-nav a{font-weight:500}.project-card{background:transparent}.project-number{font-size:11px;color:#9e8a40;letter-spacing:.16em;margin-bottom:35px}.curve-lead,.curve-pair .project-card,.curve-support .project-card{gap:8vw;margin-bottom:135px}.curve-lead .project-copy{padding:0 15px}.curve-lead strong{font-weight:500;font-size:clamp(65px,7vw,106px)}.curve-lead .project-image{border-radius:0;overflow:visible}.premium-photo img{object-fit:contain!important;transition:none!important}.project-card:hover .project-image img{transform:none}.curve-pair .project-image,.curve-support .project-image{aspect-ratio:auto;height:auto;min-height:0;overflow:visible;background:transparent;padding:0}.curve-pair .project-image img,.curve-support .project-image img{height:auto;width:100%;max-height:730px}.curve-pair .project-copy>strong,.curve-support .project-copy>strong{font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.03}.curve-pair .project-card:nth-child(odd) .project-copy,.curve-support .project-card:nth-child(odd) .project-copy{padding-left:0}.project-description{max-width:370px;line-height:1.8!important}.project-link{font-weight:600;border-bottom:1px solid #aeb2a6;padding-bottom:8px}.project-arc{inset:-17px;width:calc(100% + 34px);height:calc(100% + 34px)}.project-arc path{stroke:#ad984e;stroke-width:1}.image-status{font-size:8px;letter-spacing:.06em;background:#f4f2ebed;top:14px;left:14px}.other-collection{padding-top:75px}.other-groups{display:block}.other-group{margin-bottom:100px;padding-top:25px;border-top:1px solid #bcbcb0}.other-group h4{font:400 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#7f7554;margin-bottom:40px}.capability-cover{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.capability-cover .project-image{height:auto;min-height:0;background:transparent;overflow:visible}.capability-cover .project-image img{height:auto;max-height:660px;width:100%}.capability-cover .project-copy{padding:0}.capability-cover .project-copy>strong{font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.04}.capability-cover .project-description{font-size:15px;margin-top:25px}.other-group:nth-child(even) .project-image{grid-column:2;grid-row:1}.other-group:nth-child(even) .project-copy{grid-column:1;grid-row:1}.related-examples{max-width:calc(50% - 4vw);margin-top:30px}.other-group:nth-child(even) .related-examples{margin-left:auto}.section-head h2,.project-lead h2,.questions-section h2{font-weight:500;line-height:1.06}.process .step h3{font-weight:600}.project-lead-brand .company-logo{padding:0}.questions-section .wrap{max-width:64rem}.section-thread{margin-bottom:65px;height:60px}.premium-photo{will-change:transform}
@media(min-width:769px){.curve-support .project-image img{max-height:600px}.hero-copy{max-width:720px}.story-hero .hero-copy{max-width:720px}.story-hero .hero-visual{width:100%}}
@media(max-width:768px){.hero-stage{padding:32px 0 38px}.story-hero .hero-grid{gap:35px}.story-hero h1{font-size:clamp(43px,11.5vw,68px);font-weight:600;line-height:.99}.hero-intro{font-size:8px;margin-bottom:24px}.story-hero .hero-kicker{font-size:8px;margin-bottom:20px}.story-hero p.lede{font-size:13px;margin:24px 0}.story-hero .hero-visual{padding:11px}.hero-media{max-height:none;aspect-ratio:512/683!important;border-radius:120px 120px 0 0!important}.hero-scroll{width:calc(100% - 2.5rem);margin-top:35px}.hero-photo-mark{font-size:8px;bottom:12px;left:12px}.story-hero .caption{font-size:9px;margin-top:12px}.logo-copy h2{font-size:35px}.logo-item:nth-child(5n){border-right:1px solid #d9d7ce}.logo-item:nth-child(2n){border-right:0}.logos{padding-bottom:55px}.collection-head{margin-bottom:40px}.collection-head h2{font-size:43px}.curve-lead,.curve-pair .project-card,.curve-support .project-card{margin-bottom:75px;gap:0}.curve-lead .project-copy{padding:30px 0 0}.curve-lead strong{font-size:63px}.curve-pair .project-copy>strong,.curve-support .project-copy>strong{font-size:36px}.project-number{font-size:10px;margin-bottom:24px}.project-arc{inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}.other-collection{padding-top:45px}.other-group{margin-bottom:60px;padding-top:20px}.other-group h4{font-size:10px;margin-bottom:30px}.capability-cover{display:flex;gap:0}.capability-cover .project-copy{padding:28px 0 0}.capability-cover .project-copy>strong{font-size:36px}.capability-cover .project-description{font-size:13px;margin-top:16px}.related-examples{max-width:100%;margin-top:25px}.section-thread{height:40px;margin-bottom:35px}.curve-pair .project-image img,.curve-support .project-image img,.capability-cover .project-image img{max-height:none}.project-description{max-width:none}.premium-photo{will-change:auto}}
.hero-stage{display:block!important}.story-hero .hero-grid{margin-inline:auto}.hero-contour{top:0;bottom:auto}
/* Baskin-Robbins: portrait 4:5 feature frame. */
[data-gallery="baskin"] .project-image{aspect-ratio:4/5;height:auto;overflow:hidden}
[data-gallery="baskin"] .project-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover!important;object-position:55% center}
[data-gallery="baskin"] .project-image{overflow:visible}
/* Sense of Touch: 4:5 portrait feature, preserve its project frame. */
[data-gallery="sense"] .project-image{aspect-ratio:4/5;height:auto;overflow:visible}
[data-gallery="sense"] .project-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover!important;object-position:68% center}
/* V6: white masthead and captions separated from photos at every width. */
.site-header{background:#fff;color:var(--ink);border-bottom:1px solid #e4e4dd}
.cic-brand img{background:transparent;padding:0;mix-blend-mode:multiply}
.cic-brand small{color:#526064}.nav-enquiry{color:var(--ink);border-color:var(--ink)}
.project-card,.project-image,.project-copy{min-width:0}
.capability-cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.capability-cover .project-image{aspect-ratio:auto;height:auto}
.capability-cover .project-image img{display:block;position:static;width:100%;height:auto;max-height:none}
.project-copy{position:relative;z-index:2;background:var(--paper)}
.project-copy>strong{overflow-wrap:break-word}
[data-gallery="sense"] .project-image,[data-gallery="baskin"] .project-image{aspect-ratio:4/5;height:auto}
[data-gallery="sense"] .project-image img,[data-gallery="baskin"] .project-image img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover!important}
.image-status{font-size:10px!important;line-height:1.4!important;padding:7px 10px!important;background:#fff;color:var(--ink)}
@media(max-width:768px){
 .capability-cover{display:flex;flex-direction:column;align-items:stretch}
 .project-card .project-image,.project-card .project-copy{flex-shrink:0;width:100%}
 .project-card .project-copy{margin-top:18px;padding-top:18px!important;background:var(--paper)}
 .project-image{align-self:stretch}
 .image-status{font-size:9px!important}
}
/* V7: shorter journey, clean photo crops and a seamless lower brand panel. */
.project-arc,.section-thread,.hero-contour{display:none!important}
.hero-stage{padding:38px 0 42px}.hero-scroll{margin-top:25px}.hero-media{max-height:530px}
.logos{padding:45px 0 48px}.logo-copy h2{font-size:clamp(30px,3vw,44px)}.logo-wall{margin-top:25px}.logo-item{min-height:95px;padding:14px}.logo-art{height:45px}.logo-wall img{max-height:42px}.logo-name{font-size:10px}
#works{padding:25px 0 55px}.collection-nav{margin-bottom:35px}.collection-head{margin-bottom:30px}.collection-head h2{font-size:clamp(36px,4vw,56px)}
.curve-lead{gap:5vw;margin-bottom:45px}.curve-lead .project-image{aspect-ratio:4/5;height:auto;max-height:580px;overflow:hidden;background:#e8eae2}.curve-lead .project-image img{height:100%;width:100%;object-fit:cover!important;object-position:center}.curve-lead strong{font-size:clamp(52px,6vw,82px)}.curve-lead .project-copy{padding:0}.curve-lead .project-description{font-size:15px;margin-top:20px}.curve-lead small{margin-top:15px}.project-number{margin-bottom:15px}
.curve-pair,.curve-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:0;margin-bottom:28px}
.curve-pair .project-card,.curve-support .project-card{display:flex;flex-direction:column;gap:0;margin:0;align-items:stretch}
.curve-pair .project-image,.curve-support .project-image{aspect-ratio:4/5;height:auto;max-height:510px;overflow:hidden;background:#e8eae2;position:relative}
.curve-pair .project-image img,.curve-support .project-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover!important;object-position:center}
.curve-pair .project-copy,.curve-support .project-copy,.curve-pair .project-card:nth-child(odd) .project-copy,.curve-support .project-card:nth-child(odd) .project-copy{padding:20px 0 0;max-width:none;grid-column:auto;grid-row:auto}
.curve-pair .project-copy>strong,.curve-support .project-copy>strong{font-size:clamp(26px,2.5vw,35px);line-height:1.13}.curve-pair .project-description,.curve-support .project-description{font-size:13px;margin-top:10px}.project-link{font-size:11px;margin-top:15px;align-self:flex-start}.project-number{font-size:9px;letter-spacing:.1em}
.other-collection{margin-top:40px;padding-top:40px}.other-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.other-group{margin:0;padding-top:18px}.other-group h4{margin-bottom:20px;font-size:10px}
.capability-cover{display:flex;flex-direction:column;gap:0;align-items:stretch}.capability-cover .project-image{aspect-ratio:4/5;height:auto;max-height:510px;overflow:hidden;background:#e8eae2;position:relative}.capability-cover .project-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover!important;object-position:center}
.capability-cover .project-copy{padding:20px 0 0}.capability-cover .project-copy>strong{font-size:clamp(26px,2.5vw,35px);line-height:1.13}.capability-cover .project-description{font-size:13px;margin-top:10px}.other-group:nth-child(even) .project-image,.other-group:nth-child(even) .project-copy{grid-column:auto;grid-row:auto}.related-examples{max-width:100%;margin-top:15px}.other-group:nth-child(even) .related-examples{margin-left:0}.related-examples summary{font-size:12px}.cta-row{margin-top:28px}
[data-gallery="baskin"] .project-image,[data-gallery="sense"] .project-image{aspect-ratio:4/5;overflow:hidden}
[data-gallery="sense"] .project-image img{object-position:68% center}[data-gallery="baskin"] .project-image img{object-position:55% center}
.process-section{padding:50px 0}.section-head{margin-bottom:30px;gap:35px}.section-head h2{font-size:clamp(32px,3.5vw,48px)}.process .step{min-height:185px;padding:22px 18px}.step h3{font-size:18px;margin:16px 0 10px}.step p{font-size:12px}
.project-lead-section{padding:50px 0}.project-lead{gap:40px;grid-template-columns:.7fr 1.3fr}.project-lead-brand{background:#fff;color:var(--ink);padding:30px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.project-lead-brand .eyebrow{color:#526064}.project-lead-brand .company-logo{background:transparent;padding:0;width:135px;border:0;box-shadow:none}.project-lead-brand .company-logo img{mix-blend-mode:multiply}.project-lead-brand>p:last-child{color:var(--ink2)}.project-lead h2{font-size:clamp(32px,3.3vw,46px)}.lead-person{margin-bottom:18px}.lead-copy p{font-size:13px;line-height:1.7}.credential-grid{margin-top:22px;gap:18px}.credential-grid>div{padding-top:15px}.credential-grid b{font-size:22px!important}.questions-section{padding:50px 0}.questions-section h2{font-size:clamp(32px,3.3vw,46px)}.faq summary{padding:17px 0;font-size:14px}footer{padding:40px 0}
@media(max-width:768px){
 .hero-stage{padding:28px 0 32px}.hero-media{max-height:none}.hero-scroll{margin-top:22px}.logos{padding:35px 0}.logo-item{min-height:85px}.logo-art{height:40px}.logo-wall img{max-height:37px}.logo-copy h2{font-size:30px}
 #works{padding:15px 0 38px}.collection-nav{margin-bottom:27px}.collection-head{margin-bottom:23px;gap:12px}.collection-head h2{font-size:35px}.collection-head>p{font-size:12px}
 .curve-lead{margin-bottom:32px;gap:0}.curve-lead .project-image{max-height:none}.curve-lead .project-copy{padding:20px 0 0}.curve-lead strong{font-size:49px}.curve-lead .project-description{font-size:13px;margin-top:15px}.curve-lead small{margin-top:0}
 .curve-pair,.curve-support{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.curve-pair .project-image,.curve-support .project-image,.capability-cover .project-image{aspect-ratio:4/5;max-height:450px}
 .project-card .project-copy{margin-top:0;padding-top:17px!important}.curve-pair .project-copy>strong,.curve-support .project-copy>strong,.capability-cover .project-copy>strong{font-size:28px}.project-number{margin-bottom:12px}.project-description{font-size:12px!important}.project-link{margin-top:12px}
 .other-collection{margin-top:28px;padding-top:28px}.other-groups{grid-template-columns:1fr;gap:30px}.other-group{padding-top:15px;margin:0}.other-group h4{margin-bottom:16px}.related-examples{margin-top:12px}
 .process-section{padding:35px 0}.section-head{gap:14px;margin-bottom:22px}.section-head h2{font-size:32px}.process .step{min-height:0;padding:20px 0}.step h3{font-size:19px}.step p{font-size:12px}
 .project-lead-section{padding:35px 0}.project-lead{grid-template-columns:1fr;gap:26px}.project-lead-brand{padding:22px;display:grid;grid-template-columns:90px 1fr;gap:12px 22px;align-items:center}.project-lead-brand .eyebrow{grid-column:1/-1;margin:0}.project-lead-brand .company-logo{width:90px}.project-lead-brand>p:last-child{margin:0;font-size:10px}.project-lead h2{font-size:32px}.credential-grid{margin-top:18px;gap:0}.credential-grid>div{padding:14px 0}.questions-section{padding:35px 0}.questions-section h2{font-size:32px}.faq summary{font-size:13px;padding:15px 0}.faq .answer{font-size:12px}.cta-row{margin-top:22px}footer{padding:30px 0}
}
/* Keep requested portrait crops exactly 4:5 without stretching their frames. */
[data-gallery="baskin"] .project-image,[data-gallery="sense"] .project-image{width:min(100%,408px);max-height:none;flex-shrink:0;align-self:center}
.hero-visual,.premium-photo{border:0!important;outline:0;box-shadow:none}
@media(max-width:768px){[data-gallery="baskin"] .project-image,[data-gallery="sense"] .project-image{width:100%;max-height:none}}
/* V8: one portrait card format, readable photo captions, generous logo space. */
.curve-lead,.curve-pair .project-card,.curve-support .project-card,.capability-cover{position:relative!important;display:block!important;width:100%!important;aspect-ratio:4/5;background:#20282b;overflow:hidden;min-height:0;max-height:none;margin:0!important;padding:0!important;border:0}
.curve-lead{width:calc((100% - 28px)/2)!important;margin-bottom:28px!important}
.project-card .project-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important;display:block;align-self:auto}
.project-card .project-image img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none;object-fit:cover!important}
.project-card .project-copy,.curve-pair .project-card:nth-child(odd) .project-copy,.curve-support .project-card:nth-child(odd) .project-copy{position:absolute!important;inset:auto 0 0!important;display:flex;flex-direction:column;gap:9px;margin:0!important;padding:85px 28px 28px!important;width:100%;max-width:none;z-index:3;background:linear-gradient(transparent,rgba(9,17,20,.82) 40%,rgba(9,17,20,.97));color:#fff;text-align:left}
.project-card .project-copy>strong,.curve-lead strong{font-size:clamp(25px,2.4vw,36px)!important;line-height:1.12;letter-spacing:-.035em;color:#fff}
.project-card .project-description,.curve-lead .project-description{color:#eef0eb!important;font-size:13px!important;line-height:1.55;margin:0!important;max-width:none}
.project-card .project-link{color:#fff!important;border-color:#ffffff70;font-size:12px;margin:3px 0 0!important}
.project-card .project-number{color:#efcc4f;margin:0!important;font-size:10px}.curve-lead small{color:#efcc4f;margin:0!important;font-size:10px}
.logo-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:32px}
.logo-item{display:flex!important;flex-direction:column!important;justify-content:center;align-items:center;gap:18px;min-height:180px;padding:22px 16px}
.logo-art{height:100px!important;width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-wall .logo-art img{width:auto!important;height:auto!important;max-height:100px!important;max-width:100%!important;object-fit:contain;display:block}
.logo-name{position:static!important;display:block;font-size:11px!important;line-height:1.4;flex-shrink:0;margin:0!important}
.ron-feature{margin:0;padding:0;position:relative;display:block;aspect-ratio:1/1;align-self:center;overflow:hidden;background:#d3d3cd}
.ron-feature>img{display:block;width:100%;height:100%;object-fit:cover}
.ron-feature figcaption{position:absolute;bottom:0;left:0;right:0;display:grid;gap:8px;padding:65px 24px 24px;background:linear-gradient(transparent,rgba(12,20,23,.9));color:white}
.ron-feature figcaption b{font-size:25px}.ron-feature figcaption span,.ron-feature figcaption small{font:10px/1.5 var(--mono);color:#efcc4f}.lead-person{display:none}
@media(max-width:768px){
 .curve-lead{width:100%!important;margin-bottom:30px!important}.project-card .project-copy{padding:65px 18px 20px!important;gap:7px}.project-card .project-copy>strong{font-size:26px!important}.project-card .project-description{font-size:12px!important}.project-card .project-link{font-size:11px}
 .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-item{min-height:165px;padding:18px 12px;gap:15px}.logo-art{height:90px!important}.logo-wall .logo-art img{max-height:90px!important}.logo-name{font-size:10px!important}
 .ron-feature{display:block;max-width:400px;width:100%;padding:0;aspect-ratio:1/1}.project-lead{gap:25px}
}
.other-groups{gap:28px}.project-card .project-image{flex-shrink:0}.project-card .project-copy{box-sizing:border-box}
/* Remove photo index labels. */
.photo-mark,.hero-index,.project-number{display:none!important}
.hero-photo-mark{display:none!important}
/* V10: landscape film hero, with a protected reading area. */
.story-hero{background:#20282b;color:#fff}.hero-stage{height:auto;min-height:720px;max-height:none;padding:70px 0 85px;position:relative}
.story-hero .hero-grid{display:block;position:static}.story-hero .hero-copy{position:relative;z-index:3;width:58%;max-width:760px}.story-hero h1{font-size:clamp(48px,5.3vw,80px)}
.story-hero .hero-film{position:absolute!important;inset:0!important;width:100%!important;height:100%;margin:0;z-index:1;transform:none!important}
.hero-film .hero-media{width:100%;height:100%;max-height:none;border-radius:0;aspect-ratio:auto;background:#20282b}
.hero-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-film:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,22,25,.94) 0%,rgba(12,22,25,.84) 34%,rgba(12,22,25,.4) 68%,rgba(12,22,25,.15)),linear-gradient(0deg,rgba(12,22,25,.65),transparent 30%)}
.hero-film .caption{position:absolute;right:55px;bottom:25px;color:#fff;z-index:2;font-size:10px;margin:0}.film-toggle{position:absolute;right:55px;bottom:62px;z-index:4;padding:8px 12px;border:1px solid #ffffff80;background:#14202499;color:white;font:11px var(--mono)}
.story-hero .hero-scroll{position:relative;z-index:3;left:auto;right:auto;margin:40px 55px 0;bottom:auto;width:45%;color:#e4e8e5}.story-hero .hero-intro{color:#efcc4f}.story-hero .hero-kicker,.story-hero p.lede,.story-hero small{color:#e1e5df}
@media(max-width:768px){
 .hero-stage{padding:30px 0 0;min-height:0}.story-hero .hero-copy{width:100%;max-width:none}.story-hero h1{font-size:43px}.story-hero .hero-grid{display:flex;gap:25px}
 .story-hero .hero-film{position:relative!important;inset:auto!important;width:100%!important;height:auto;margin:0!important}.hero-film .hero-media{aspect-ratio:16/9;height:auto}.hero-film:after{background:linear-gradient(0deg,rgba(12,22,25,.8),transparent 50%)}
 .hero-film .caption{left:12px;right:auto;bottom:8px;font-size:8px}.film-toggle{right:10px;bottom:12px;padding:6px 8px;font-size:9px}.story-hero .hero-scroll{width:auto;margin:20px 20px 0;padding-bottom:20px}
}
.hero-film .hero-media{border-radius:0!important}.hero-film .media-corners{display:none}
.hero-film .hero-media{padding:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important}
@media(max-width:768px){.hero-film .hero-media{height:auto!important;aspect-ratio:16/9!important}.hero-film video{position:absolute;inset:0}}
/* V11: edge-to-edge film and raised process cards. */
.story-hero .hero-film{padding:0!important;border:0!important;max-width:none!important;border-radius:0!important;box-shadow:none!important}
.hero-film .hero-media{margin:0!important;box-shadow:none!important}.hero-film video{position:absolute;inset:0;max-width:none!important}
.process-section{background:#eef1f1;padding:65px 0}.process-section .section-head{text-align:center;display:block;max-width:820px;margin:0 auto 90px}.process-section .section-head p:last-child{margin:20px auto 0;max-width:650px}
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border:0;padding:30px;background:#ffffff60;border-radius:24px}
.process .step,.process .step:last-child{position:relative;border:0;background:#fff;border-radius:18px;padding:130px 20px 30px;min-height:330px;text-align:center;box-shadow:0 18px 40px #26363b0d}
.step:before,.step:after{display:none!important}.step-head{display:block}.process .step .n{font:12px var(--mono);color:#7b8587;background:none}
.process .step-icon{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:150px;height:150px;border:12px solid #f8faf9;border-radius:50%;display:grid;place-items:center;background:#e7ebea;box-shadow:0 10px 30px #26363b08;color:#20282b}
.process .step-icon svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process .step h3{font-size:20px;line-height:1.25;margin:15px 0 22px}.process .step p{font-size:14px;line-height:1.65;margin:0}.process-section .cta-row{margin-top:35px}
@media(max-width:1000px){.process{grid-template-columns:repeat(2,minmax(0,1fr));gap:85px 22px}.process .step{min-height:290px}}
@media(max-width:768px){.story-hero .hero-film{width:calc(100% + 40px)!important;margin:0 -20px!important}.process-section{padding:40px 0}.process-section .section-head{margin-bottom:70px}.process{padding:20px 12px;gap:65px 14px}.process .step,.process .step:last-child{padding:78px 12px 20px;min-height:250px}.process .step-icon{width:100px;height:100px;border-width:8px;top:-42px}.process .step-icon svg{width:42px;height:42px}.process .step h3{font-size:16px;margin:12px 0}.process .step p{font-size:12px;line-height:1.5}}
@media(max-width:380px){.process{grid-template-columns:1fr}}
/* Mobile uses the same full hero film background as desktop. */
@media(max-width:768px){
 .hero-stage{padding:32px 0 25px;min-height:0;overflow:hidden}
 .story-hero .hero-grid{display:block;position:static}
 .story-hero .hero-copy{position:relative;z-index:3;width:100%}
 .story-hero .hero-film{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
 .hero-film .hero-media{height:100%!important;aspect-ratio:auto!important}
 .hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .hero-film:after{background:linear-gradient(90deg,rgba(9,19,23,.91),rgba(9,19,23,.65)),linear-gradient(0deg,rgba(9,19,23,.8),transparent 40%)}
 .hero-film .caption{left:20px;right:20px;bottom:12px;font-size:8px}
 .story-hero .hero-scroll{margin:28px 20px 0;padding-bottom:22px}
}
/* Project introduction: photos part to reveal the collection title. */
.work-intro{height:170svh;padding:0;background:#20282b;color:#f3f2ec;position:relative}
.work-intro-stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;display:grid;place-items:center}
.work-intro-copy{position:relative;z-index:2;text-align:center;max-width:450px;padding:20px;opacity:0}
.work-intro-copy .eyebrow{color:#efcc4f;font-size:10px}.work-intro-copy h2{font-size:clamp(45px,5vw,75px);line-height:1.05;letter-spacing:-.055em;color:white}.work-intro-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:270px;margin:20px auto}.work-intro-copy a{display:inline-block;color:#efcc4f;font-size:12px;text-decoration:none;border-bottom:1px solid #efcc4f;padding:10px 0}
.intro-collage{position:absolute;inset:0;pointer-events:none;z-index:3}.intro-tile{position:absolute;width:clamp(180px,22vw,330px);aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:8px;box-shadow:0 15px 50px #0007;will-change:transform;top:50%;left:50%}.intro-tile img{width:100%;height:100%;object-fit:cover;display:block}
.intro-tile:nth-child(odd){left:calc(50% - clamp(180px,22vw,330px))}.intro-tile-1,.intro-tile-2{top:-4%}.intro-tile-3,.intro-tile-4{top:30%;z-index:2}.intro-tile-5,.intro-tile-6{top:68%;z-index:3}
@media(max-width:768px){.work-intro{height:150svh}.work-intro-stage{min-height:480px}.intro-tile{width:43vw;border-radius:5px}.intro-tile:nth-child(odd){left:7%}.intro-tile:nth-child(even){left:50%}.intro-tile-1,.intro-tile-2{top:8%}.intro-tile-3,.intro-tile-4{top:57%}.intro-tile-5,.intro-tile-6{display:none}.work-intro-copy{max-width:280px}.work-intro-copy h2{font-size:46px}.work-intro-copy>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-intro{height:auto}.work-intro-stage{position:relative;height:480px}.work-intro-copy{opacity:1}.intro-tile:nth-child(odd){transform:translateX(-30vw) rotate(-12deg)}.intro-tile:nth-child(even){transform:translateX(30vw) rotate(12deg)}}
/* Compact scattered work preview: no sticky scroll runway. */
.work-intro{height:auto;padding:0}.work-intro-stage{position:relative;top:auto;height:560px;min-height:0}.intro-tile{width:150px;aspect-ratio:4/5;border-radius:6px}.work-intro-copy{max-width:400px}.work-intro-copy h2{font-size:58px}.work-intro-copy>p:not(.eyebrow){font-size:14px}
.intro-tile-1{left:3%!important;top:5%}.intro-tile-2{left:auto!important;right:3%;top:8%}.intro-tile-3{left:17%!important;top:30%;width:135px}.intro-tile-4{left:auto!important;right:17%;top:38%;width:135px}.intro-tile-5{left:2%!important;top:65%;width:125px}.intro-tile-6{left:auto!important;right:2%;top:64%;width:125px}.intro-tile-7{left:24%!important;top:-14%;width:140px}.intro-tile-8{left:auto!important;right:24%;top:-12%;width:140px}.intro-tile-9{left:25%!important;top:78%;width:140px}.intro-tile-10{left:auto!important;right:25%;top:78%;width:140px}
@media(min-width:1600px){.intro-tile{width:185px}.intro-tile-3,.intro-tile-4{width:155px}}
@media(max-width:768px){.work-intro-stage{height:430px;min-height:0}.work-intro-copy{max-width:240px;padding:15px}.work-intro-copy h2{font-size:40px}.work-intro-copy>p:not(.eyebrow){font-size:12px;max-width:185px;margin:14px auto}.work-intro-copy .eyebrow{font-size:8px}.intro-tile{width:85px!important}.intro-tile-1{left:-4%!important;top:2%}.intro-tile-2{right:-4%;top:4%}.intro-tile-3{left:-12%!important;top:43%}.intro-tile-4{right:-12%;top:45%}.intro-tile-5{display:block;left:2%!important;top:81%}.intro-tile-6{display:block;right:2%;top:81%}.intro-tile-7{left:31%!important;top:-17%}.intro-tile-8{right:19%;top:90%}.intro-tile-9,.intro-tile-10{display:none}}
@media(prefers-reduced-motion:reduce){.intro-tile:nth-child(odd){transform:rotate(-9deg)}.intro-tile:nth-child(even){transform:rotate(9deg)}.work-intro-copy{opacity:1}}
/* Dome spotlight fills the row, with a closer view on scroll. */
.curve-lead{width:100%!important;aspect-ratio:auto!important;height:clamp(560px,58vw,760px);margin-bottom:28px!important}
.curve-lead .project-image img{object-position:center 42%;transform-origin:center 40%;will-change:transform}
.curve-lead .project-copy{padding:120px 38px 34px!important;gap:10px;background:linear-gradient(transparent,rgba(9,17,20,.78) 40%,rgba(9,17,20,.96))}
.curve-lead .project-copy>strong{font-size:clamp(38px,4vw,58px)!important}.curve-lead .project-description{max-width:620px;font-size:15px!important}.curve-lead .project-link{align-self:flex-start}
@media(max-width:768px){.curve-lead{height:auto;aspect-ratio:4/5!important;margin-bottom:30px!important}.curve-lead .project-copy{padding:70px 18px 20px!important;gap:7px}.curve-lead .project-copy>strong{font-size:32px!important}.curve-lead .project-description{font-size:12px!important}.curve-lead .project-image img{object-position:center}}
.curve-lead .project-image img{object-position:center top;transform-origin:center 20%}
@media(max-width:768px){.curve-lead .project-image img{object-position:center;transform-origin:center 35%}}
/* Dome motion preview opens its original site-photo gallery. */
.dome-film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center 35%;pointer-events:none}
/* Project lead: portrait-led editorial layout. */
.project-lead-section{background:#111514;padding:0;color:#f4f0e6}.project-lead-section .project-lead{width:100%;max-width:1600px;margin:auto;display:grid;grid-template-columns:38% 62%;gap:0;align-items:stretch}
.project-lead-section .ron-feature{width:100%;height:100%;min-height:580px;aspect-ratio:auto;align-self:stretch;background:#202423;border-radius:0}.ron-feature>img{object-fit:cover;object-position:center top}.ron-feature figcaption{padding:90px 35px 35px;background:linear-gradient(transparent,rgba(8,13,12,.95))}.ron-feature figcaption b{font:28px Georgia,serif;letter-spacing:.13em}.ron-feature figcaption span,.ron-feature figcaption small{font-size:10px;letter-spacing:.12em;color:#e0dfd9}
.project-lead-content{padding:45px 40px}.lead-eyebrow{display:flex;align-items:center;gap:18px;font:10px/1.5 var(--mono);letter-spacing:.16em;color:#dabb63;margin:0 0 24px}.lead-eyebrow:after{content:'';height:1px;background:#dabb63;flex:1}
.project-lead-section h2{font:clamp(34px,3.5vw,54px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#f4f0e6;margin-bottom:24px}.project-lead-section .lead-copy p{font:16px/1.65 Georgia,serif;color:#e7e5df;margin:0 0 15px}
.project-lead-section .credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px}.project-lead-section .credential-grid>div{background:transparent;border:0;border-right:1px solid #c8a957;padding:0 20px}.project-lead-section .credential-grid>div:first-child{padding-left:0}.project-lead-section .credential-grid>div:last-child{border:0;padding-right:0}.project-lead-section .credential-grid b{font:22px/1.2 Georgia,serif!important;letter-spacing:.1em;color:#dabb63}.project-lead-section .credential-grid span{display:block;font:14px/1.5 Georgia,serif;margin-top:10px;color:#e7e5df}
.project-lead-section .cta-row .button{background:#dabb6314;color:#dabb63;border:1px solid #dabb63;min-height:46px;padding:12px 24px;font:16px Georgia,serif}
@media(max-width:768px){.project-lead-section .project-lead{grid-template-columns:1fr;gap:0}.project-lead-section .ron-feature{min-height:0;height:auto;aspect-ratio:1/1;max-width:none}.project-lead-content{padding:30px 22px}.project-lead-section h2{font-size:35px}.project-lead-section .lead-copy p{font-size:15px}.ron-feature figcaption{padding:70px 22px 25px}.project-lead-section .credential-grid{grid-template-columns:1fr;gap:18px}.project-lead-section .credential-grid>div{padding:0 0 18px!important;border:0;border-bottom:1px solid #c8a95750}.project-lead-section .credential-grid b{font-size:20px!important}.lead-eyebrow{font-size:9px}}
.project-lead-section .credential-grid{background:transparent;border:0}.project-lead-section .credential-grid>div{border-right:1px solid #c8a957!important}.project-lead-section .credential-grid>div:last-child{border-right:0!important}
@media(max-width:768px){.project-lead-section .credential-grid>div{border-right:0!important}}
/* Supplied portrait includes Ron's caption; show the entire composition. */
.project-lead-section .ron-feature{height:auto;min-height:0;aspect-ratio:1122/1402;align-self:center}
.ron-feature>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
@media(max-width:768px){.project-lead-section .ron-feature{aspect-ratio:1122/1402;height:auto;min-height:0}}
/* Compact process: warm metallic gradient and restrained motion. */
.process-section{padding:42px 0;background:radial-gradient(ellipse at 80% 0%,#e9dca944,transparent 55%),linear-gradient(135deg,#f4f3ee,#e7ebe7)}
.process-section .section-head{max-width:none;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;text-align:left;margin:0 0 25px;align-items:end}
.process-section .section-head h2{font-size:clamp(30px,3vw,42px);line-height:1.1}.process-section .section-head p:last-child{margin:0;max-width:470px;font-size:13px;line-height:1.65}
.process{padding:0;gap:16px;border-radius:0;background:transparent;position:relative}
.process .step,.process .step:last-child{min-height:0;padding:20px 20px 24px;text-align:left;border-radius:12px;border:1px solid #ffffffb0;background:linear-gradient(145deg,#ffffffeb,#ffffff80);box-shadow:0 8px 25px #26363b06;overflow:hidden}
.process .step-head{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin-bottom:16px}
.process .step-icon{position:static;transform:none;width:52px;height:52px;border:1px solid #dcc77d66;border-radius:12px;background:linear-gradient(135deg,#eee4bb,#f5f4e9);box-shadow:none;flex-shrink:0}
.process .step-icon svg{width:29px;height:29px;stroke-width:1.6}.process .step .n{font-size:11px;color:#8c7635}
.process .step h3{font-size:18px;line-height:1.25;margin:0 0 12px;min-height:45px}.process .step p{font-size:12px;line-height:1.65;margin:0}.process-section .cta-row{margin-top:24px}
.process .step:after{display:block!important;content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ae8f32,#ebd77d,transparent);transform:scaleX(var(--step-progress,0));transform-origin:left}
@media(max-width:1000px){.process{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.process-section{padding:30px 0}.process-section .section-head{display:block;margin-bottom:20px}.process-section .section-head h2{font-size:31px}.process-section .section-head p:last-child{margin-top:15px;font-size:12px}.process .step,.process .step:last-child{padding:15px 13px 18px}.process .step-icon{width:42px;height:42px;border-width:1px}.process .step-icon svg{width:24px;height:24px}.process .step-head{margin-bottom:14px}.process .step h3{font-size:16px;min-height:0}.process .step p{font-size:11px}.process-section .cta-row{margin-top:20px}}
@media(max-width:380px){.process{grid-template-columns:1fr}.process .step h3{min-height:0}}
/* Restore circular-icon cards, scaled down with the warm gradient. */
.process-section{padding:35px 0;background:radial-gradient(ellipse at 80% 0%,#e9dca950,transparent 60%),linear-gradient(135deg,#f4f3ee,#e7ebe7)}
.process-section .section-head{display:block;text-align:center;max-width:850px;margin:0 auto 52px}
.process-section .section-head h2{font-size:clamp(29px,3vw,40px)}.process-section .section-head p:last-child{margin:12px auto 0;max-width:650px;font-size:13px}
.process{padding:18px;gap:18px;background:#ffffff45;border-radius:20px}
.process .step,.process .step:last-child{padding:77px 18px 22px;min-height:245px;text-align:center;border-radius:15px;background:linear-gradient(145deg,#fff,#fffdf6);box-shadow:0 10px 25px #26363b08;overflow:visible;border:0}
.process .step-head{display:block;margin-bottom:0}.process .step .n{font-size:10px;color:#8c887b}
.process .step-icon{position:absolute;top:-36px;left:50%;transform:translateX(-50%);width:96px;height:96px;border:8px solid #fafbf7;border-radius:50%;background:linear-gradient(135deg,#ece9dc,#e4e9e7);box-shadow:0 8px 20px #26363b06}
.process .step-icon svg{width:42px;height:42px}.process .step h3{font-size:18px;line-height:1.25;min-height:45px;margin:12px 0}.process .step p{font-size:12px;line-height:1.6}.process .step:after{display:none!important}.process-section .cta-row{margin-top:22px}
@media(max-width:1000px){.process{gap:55px 18px}}
@media(max-width:768px){.process-section{padding:28px 0}.process-section .section-head{margin-bottom:45px}.process-section .section-head h2{font-size:30px}.process-section .section-head p:last-child{font-size:12px}.process{padding:14px 10px;gap:50px 14px}.process .step,.process .step:last-child{padding:62px 12px 18px;min-height:0}.process .step-icon{width:78px;height:78px;border-width:6px;top:-30px}.process .step-icon svg{width:34px;height:34px}.process .step h3{font-size:16px;min-height:0}.process .step p{font-size:11px}}
.option.option-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.option.option-photo img{height:100px!important;min-height:0!important;object-fit:cover;width:100%;align-self:center}
@media(max-width:768px){.option.option-photo img{height:82px!important;min-height:0!important}}
/* Equal enquiry thumbnail frames and balanced option rows. */
.option.option-photo{display:grid;grid-template-columns:28px 120px minmax(0,1fr);align-items:center;gap:14px;padding:12px;min-height:114px}
.option.option-photo img{display:block;width:120px!important;height:90px!important;min-height:0!important;max-height:90px!important;aspect-ratio:4/3;object-fit:cover!important;object-position:center;align-self:center}
.option.option-photo .option-copy{padding:0;min-width:0}
@media(max-width:768px){.option.option-photo{grid-template-columns:20px 88px minmax(0,1fr);gap:10px;padding:10px;min-height:90px}.option.option-photo img{width:88px!important;height:66px!important;max-height:66px!important;min-height:0!important}}
/* Immersive project viewer shared by both collections. */
.gallery{padding:0;background:#101617f5}.gallery-panel{width:100%;max-width:none;min-height:100svh;padding:24px 35px;background:#141c1e;color:#f4f3ee}.gallery-top{margin-bottom:18px}.gallery-top .eyebrow{color:#efcc4f}.gallery-top h2{color:#fff;font-size:30px}.gallery-close{background:#ffffff18;color:#fff}.gallery-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:15px}.gallery-viewport{height:65svh;overflow:hidden;position:relative;background:#0c1213;touch-action:none;cursor:grab}.gallery-viewport:active{cursor:grabbing}.gallery-stage #galleryImage{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent;transform-origin:center;user-select:none}.gallery-nav{background:#ffffff0d;color:white;border-color:#ffffff30;width:44px;height:44px}.gallery-nav:disabled{opacity:.25}.gallery-tools{display:flex;align-items:center;gap:12px;padding:14px 0;flex-wrap:wrap}.gallery-tools button{background:#ffffff10;border:1px solid #ffffff35;color:white;padding:8px 12px}.gallery-tools span{font:11px var(--mono);min-width:40px}.gallery-tools small{color:#aeb8b7;font-size:11px;margin-left:auto}.gallery-info p,.gallery-photo-caption{color:#c8d0cc;font-size:12px}.gallery-count{color:#efcc4f}.gallery-thumb{background:#ffffff08;border-color:#ffffff30}.gallery-thumb.active{border-color:#efcc4f}
@media(max-width:768px){.gallery-panel{padding:18px 14px}.gallery-top h2{font-size:24px}.gallery-stage{grid-template-columns:1fr 1fr;gap:8px}.gallery-viewport{grid-column:1/-1;grid-row:1;height:56svh}.gallery-nav{grid-row:2}.gallery-tools{gap:9px;padding:10px 0}.gallery-tools small{margin:0;width:100%;font-size:10px}}
/* Official portfolio photos use the same frames as the existing collection cards. */
.related-work{display:grid!important;grid-template-columns:88px minmax(0,1fr);gap:4px 14px;align-items:center;text-align:left;min-height:90px;width:100%}
.related-work img{grid-column:1;grid-row:1/3;width:88px;height:66px;object-fit:cover;display:block}
.related-work>span{grid-column:2;grid-row:1;align-self:end}.related-work>small{grid-column:2;grid-row:2;align-self:start}
.portfolio-source{display:inline-block;color:#efcc4f;margin-top:8px;text-underline-offset:4px}
[data-gallery="glassCanopy"] .project-image img{object-position:55% center!important}
[data-gallery="fixtures"] .project-image img{object-position:45% center!important}
@media(max-width:768px){.related-work{grid-template-columns:72px minmax(0,1fr);gap:4px 10px;min-height:78px}.related-work img{width:72px;height:54px}}
/* Portrait-first project viewer: image and details share one desktop screen. */
.gallery{background:#131c1d;overflow-y:auto}
.gallery-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);grid-template-rows:auto auto auto 1fr auto;gap:14px 48px;width:min(100%,1200px);height:100svh;min-height:0;margin:0 auto;padding:36px 48px 24px;background:#131c1d;box-shadow:none;overflow:hidden;align-content:center}
.gallery-top{grid-column:2;grid-row:1;margin:0;padding:30px 30px 0 0;align-self:end}.gallery-top .eyebrow{font-size:10px;line-height:1.5;margin:0 0 14px}.gallery-top h2{font-size:clamp(25px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em;margin:0}
.gallery-close{position:fixed;top:20px;right:22px;width:42px;height:42px;z-index:45;border:1px solid #ffffff26;background:#263133;font-size:26px}
.gallery-stage{grid-column:1;grid-row:1/5;position:relative;display:block;width:100%;max-width:calc((100svh - 140px)*.8);height:calc(100svh - 140px);margin:auto;align-self:center;background:transparent}
.gallery-viewport{width:100%;height:100%;background:transparent;border-radius:4px}
.gallery-stage #galleryImage{width:100%;height:100%;object-fit:contain;max-height:none}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:42px;background:#111b1ed9;border:1px solid #ffffff40;border-radius:3px;font-size:19px}
#galleryPrev{left:10px}#galleryNext{right:10px}.gallery-nav:disabled{opacity:0;pointer-events:none}
.gallery-tools{grid-column:1;grid-row:5;justify-content:center;gap:9px;padding:0;margin:0}.gallery-tools button{padding:6px 10px;font-size:11px;border-radius:3px}.gallery-tools small{width:100%;margin:0;text-align:center;font-size:10px;color:#849391}
.gallery-info{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:6px 0 0}.gallery-info p{font-size:14px;line-height:1.65;margin:0;max-width:390px}.gallery-count{font:11px var(--mono);letter-spacing:.1em}.gallery-photo-caption{grid-column:2;grid-row:3;margin:4px 0;font-size:11px;line-height:1.6;color:#879794}
.gallery-thumbs{grid-column:2;grid-row:4;display:flex;flex-wrap:wrap;gap:10px;align-self:start;margin:10px 0 0;padding:16px 0 0;border-top:1px solid #ffffff20;overflow:visible}
.gallery-thumb{width:64px;height:80px;padding:0;border:1px solid #ffffff35;border-radius:3px;overflow:hidden}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}.gallery-thumb.active{border:2px solid #efcc4f}
@media(max-width:768px){
 .gallery-panel{display:flex;flex-direction:column;gap:12px;width:100%;height:auto;min-height:100svh;padding:18px;overflow:visible}
 .gallery-stage{order:1;flex:none;width:100%;max-width:none;height:min(58svh,calc((100vw - 36px)*1.25));margin:0}
 .gallery-top{order:2;padding:0 36px 0 0;margin:0;align-self:stretch}.gallery-top .eyebrow{font-size:8px;margin:0 0 6px}.gallery-top h2{font-size:24px;line-height:1.15}
 .gallery-close{top:12px;right:12px;width:36px;height:36px;background:#172123e8}
 .gallery-photo-caption{order:3;margin:0;font-size:10px}.gallery-info{order:4;margin:0;gap:7px}.gallery-info p{font-size:12px;line-height:1.5}.gallery-info .portfolio-source{font-size:11px}
 .gallery-thumbs{order:5;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;width:100%;margin:0;padding:12px 0 2px;gap:8px}.gallery-thumb{flex:0 0 48px;width:48px;height:60px}
 .gallery-tools{order:6;justify-content:flex-start;padding:4px 0 10px;gap:9px;flex:none}.gallery-tools small{display:none}.gallery-nav{width:32px;height:38px}#galleryPrev{left:6px}#galleryNext{right:6px}
}
@media(min-width:769px) and (max-height:600px){.gallery-panel{padding:18px 32px 14px;gap:8px 32px}.gallery-stage{height:calc(100svh - 100px);max-width:calc((100svh - 100px)*.8)}.gallery-top{padding-top:0}.gallery-top h2{font-size:24px}.gallery-info p{font-size:12px}.gallery-thumbs{margin-top:0;padding-top:8px}.gallery-thumb{width:48px;height:60px}}
/* Closing architectural composition and live enquiry CTA below the FAQ. */
.closing-showcase{padding:0 0 54px;background:#f3f2ec;overflow:hidden}
.closing-art{position:relative;width:100%;max-width:1600px;margin:0 auto;background:#f3f2ec}
.closing-art img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.closing-art:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:65px;background:linear-gradient(transparent,#f3f2ec);pointer-events:none}
.closing-action{text-align:center;padding:10px 24px 0;max-width:780px;margin:0 auto}
.closing-cta{min-width:min(100%,430px);min-height:66px;padding:20px 38px;background:#efcc4f;color:#20282b;font-size:18px;font-weight:800;border:0;box-shadow:0 8px 25px #20282b0b}
.closing-action p{margin:18px auto 0;max-width:510px;font-size:12px;line-height:1.7;color:#66716c}
.gallery-info .gallery-project-cta{display:inline-flex;justify-content:center;align-items:center;min-height:46px;margin-top:20px;padding:12px 20px;background:#efcc4f;color:#20282b;font-size:12px;line-height:1.3;border:0;border-radius:3px;font-weight:800}
@media(max-width:768px){.closing-showcase{padding-bottom:34px}.closing-art img{max-height:none}.closing-art:after{height:25px}.closing-action{padding:12px 20px 0}.closing-cta{width:100%;min-height:58px;padding:16px 18px;font-size:15px}.closing-action p{font-size:11px;margin-top:12px}.gallery-info .gallery-project-cta{margin-top:12px;width:100%;font-size:11px;min-height:42px}}
/* Transparent artwork blends into the page; the live CTA sits over the tower. */
.closing-showcase{padding-bottom:30px;background:var(--paper)}
.closing-art{background:transparent}
.closing-art:after{display:none}
.closing-art .closing-cta{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:2;width:clamp(260px,30vw,410px);min-width:0;min-height:62px;padding:18px 24px;font-size:16px;box-shadow:0 10px 32px #10191c40;border:1px solid #f4d967}
.closing-action{padding-top:8px}.closing-action p{margin-top:0}
@media(max-width:768px){.closing-art .closing-cta{top:57%;width:76%;min-height:48px;padding:12px;font-size:12px}.closing-showcase{padding-bottom:24px}.closing-action{padding-top:12px}}

/* Persistent poster remains beneath the film during browser suspension. */
.hero-film .hero-media{background:#20282b url('assets/cic-hero-poster.jpg') center/cover no-repeat}
.hero-film .hero-media video{opacity:0;transition:opacity .25s ease}
.hero-film .hero-media.video-playing video{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-film .hero-media video{display:none;transition:none}}

/* Project-based closing panorama: original logo and live CTA stay independent. */
.closing-projects{background:#f4f1eb;padding-bottom:28px}
.closing-projects .closing-art{max-width:1600px;isolation:isolate}
.closing-projects .closing-scene{width:100%;height:auto;max-height:none;object-fit:contain}
.closing-brand{position:absolute;top:7%;left:5%;width:30%;z-index:1}
.closing-art .closing-brand img{width:clamp(110px,14vw,210px);height:auto;max-height:none;mix-blend-mode:multiply}
.closing-brand p{font:500 clamp(9px,.85vw,13px)/1.6 var(--mono);letter-spacing:.08em;max-width:320px;margin:12px 0;color:#20282b}
.closing-projects .closing-art .closing-cta{top:auto;bottom:3%;transform:translateX(-50%);width:clamp(290px,34vw,470px);font-size:clamp(13px,1.1vw,18px);min-height:58px;box-shadow:0 8px 24px #20282b1c}
.closing-projects .closing-action{padding-top:14px}
@media(max-width:768px){
 .closing-projects .closing-art{display:flex;flex-direction:column}
 .closing-projects .closing-brand{position:static;order:-1;width:auto;padding:25px 22px 5px;text-align:center}
 .closing-art .closing-brand img{width:125px;margin:0 auto}
 .closing-brand p{font-size:9px;max-width:260px;margin:8px auto}
 .closing-projects .closing-scene{width:100%;height:auto;object-fit:contain}
 .closing-projects .closing-art .closing-cta{position:static;transform:none;width:calc(100% - 40px);max-width:430px;margin:10px auto 0;font-size:14px;min-height:54px;padding:15px 18px}
 .closing-projects .closing-action{padding:12px 22px 0}
}

/* Match the supplied clean architectural reference. */
.closing-projects .closing-brand{top:14%;left:5.2%;width:38%}
.closing-projects .closing-brand img{width:clamp(130px,15vw,250px);margin-left:8%}
.closing-projects .closing-brand p{font-family:var(--sans),sans-serif;font-size:clamp(12px,1.4vw,22px);font-weight:400;line-height:1.4;letter-spacing:0;max-width:none;margin-top:12px}
.closing-projects .closing-art .closing-cta{bottom:8%;min-height:58px}
.closing-projects .closing-action{position:relative;margin-top:-3.5%;padding-top:0;padding-bottom:5px}
@media(max-width:768px){
 .closing-projects .closing-brand{width:auto;padding:24px 20px 10px}
 .closing-projects .closing-brand img{width:125px;margin:0 auto}
 .closing-projects .closing-brand p{font-size:13px;margin:9px auto 0;max-width:310px}
 .closing-projects .closing-brand p br{display:none}
 .closing-projects .closing-action{margin-top:0;padding-top:12px}
}

/* Original photo composition: no regenerated product geometry. */
.closing-originals{padding:42px 4% 35px;background:radial-gradient(ellipse at 70% 30%,#e8ded0,transparent 55%),linear-gradient(150deg,#e5e9e9,#f5f1e9 65%);}
.closing-original-brand{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.closing-original-brand img{width:180px;height:auto;mix-blend-mode:multiply}
.closing-original-brand p{margin:12px 0 0;font-size:16px;line-height:1.5;color:#20282b}
.original-project-stage{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:26px;align-items:end;max-width:1300px;margin:-70px auto 0}
.original-tower{width:100%;position:relative}
.original-tower img{display:block;width:100%;height:auto;clip-path:polygon(35% 2.6%,78% 20%,94% 98%,0 98%,7% 40%);filter:drop-shadow(0 18px 20px #20282b20)}
.original-side{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px}
.original-side img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;box-shadow:0 15px 35px #20282b24;border:3px solid #f8f6f0}
.original-left img:first-child,.original-right img:first-child{transform:translateY(-35px)}
.closing-original-action{text-align:center;position:relative;z-index:3;margin:15px auto 0;max-width:720px}
.closing-originals .closing-cta{position:static;transform:none;width:min(100%,450px);min-width:0;min-height:60px;font-size:17px}
.closing-original-action p{font-size:12px;line-height:1.6;margin:16px auto 0;max-width:560px;color:#58625f}
@media(max-width:768px){
 .closing-originals{padding:28px 18px}
 .closing-original-brand{text-align:center}.closing-original-brand img{width:130px}.closing-original-brand p{font-size:13px}.closing-original-brand p br{display:none}
 .original-project-stage{margin:18px auto 0;grid-template-columns:1fr 1.5fr 1fr;gap:8px}
 .original-side{grid-template-columns:1fr;gap:10px;padding-bottom:0}.original-side img{border-width:2px}
 .original-left img:first-child,.original-right img:first-child{transform:none}
 .closing-originals .closing-cta{font-size:14px;min-height:54px;padding:15px 12px}
 .closing-original-action p{font-size:11px}
}
@media(min-width:769px){.closing-projects .closing-brand{width:29%}.closing-projects .closing-brand p{font-size:clamp(12px,1.15vw,19px)}.closing-projects .closing-brand p br{display:none}}

/* Hero utility placement, portfolio jump buttons and readable CTA hover. */
.story-hero .hero-stage>.hero-language{position:absolute;right:4%;top:22px;z-index:5;margin:0;width:auto;background:transparent;border:0;padding:0;gap:12px}
.hero-film .caption{left:auto!important;right:4%!important;bottom:18px!important;text-align:right}
.collection-nav{display:flex;justify-content:flex-end;gap:12px;margin-bottom:25px;flex-wrap:wrap}
.collection-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid #20282b;background:transparent;color:#20282b;text-decoration:none;font-size:14px;min-height:46px}
.collection-nav a span:first-child{display:none}
.collection-nav a:hover,.collection-nav a:focus-visible{background:#20282b;color:#fff}
.image-status{display:none!important}
.closing-showcase .closing-cta:hover,.closing-showcase .closing-cta:focus-visible{background:#20282b;color:#fff;border-color:#20282b}
@media(max-width:768px){
 .story-hero .hero-stage>.hero-language{position:relative;top:auto;right:auto;justify-content:flex-end;margin:0 20px 24px;width:auto}
 .collection-nav{gap:8px}.collection-nav a{flex:1;padding:10px 12px;font-size:12px;min-height:43px;white-space:nowrap}
 .hero-film .caption{right:20px!important;left:auto!important;max-width:75%;font-size:8px}
}

/* Compact hero and permanently visible contact utilities. */
.story-hero .hero-stage{min-height:0!important;padding:64px 0 48px!important}
.story-hero .hero-scroll{margin-top:25px;margin-bottom:0;padding-bottom:0}
.story-hero .hero-stage>.hero-language{background:#142024e8;padding:8px 12px;border-radius:5px;box-shadow:0 4px 15px #0002}
.story-hero .hero-language span{color:#fff}
.story-hero .language-toggle{background:#fff;color:#20282b;border:1px solid #fff;min-height:40px;padding:9px 14px;font-size:12px}
.story-hero .language-toggle:hover{background:#efcc4f;color:#20282b;border-color:#efcc4f}
.cic-whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;display:grid;place-items:center;background:#25d366;color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 6px 24px #10291b40;z-index:25;text-decoration:none}
.cic-whatsapp-float svg{width:36px;height:36px}.cic-whatsapp-float:hover,.cic-whatsapp-float:focus-visible{background:#128c4b;color:#fff;outline:3px solid #ffffff80;outline-offset:3px}
body.modal-open .cic-whatsapp-float{display:none}
.hero-film .caption{right:100px!important;bottom:14px!important}
@media(max-width:768px){
 .story-hero .hero-stage{padding:20px 0 36px!important}
 .story-hero .hero-stage>.hero-language{margin:0 20px 20px;padding:8px 10px;width:max-content;max-width:calc(100% - 40px);margin-left:auto}
 .story-hero .hero-scroll{margin-top:22px;padding-bottom:0}
 .hero-film .caption{right:20px!important;bottom:9px!important}
 .cic-whatsapp-float{right:16px;bottom:calc(94px + env(safe-area-inset-bottom));width:58px;height:58px}
 .cic-whatsapp-float svg{width:33px;height:33px}
}

.story-hero .language-toggle{min-height:34px;padding:7px 10px;font-size:10px}.story-hero .hero-stage>.hero-language{padding:6px 9px;gap:8px}.story-hero .hero-language span{font-size:9px}.cic-whatsapp-float{cursor:pointer}

/* Transparent collection blends into the existing page surface. */
.closing-cutouts{background:var(--paper);padding:28px 0 30px}
.closing-cutouts .closing-art{display:flex;flex-direction:column;max-width:1450px;padding:0 28px;background:transparent}
.closing-cutouts .closing-brand{position:static;order:-1;width:auto;max-width:520px;margin:0 0 12px}
.closing-cutouts .closing-brand img{width:165px;margin:0;mix-blend-mode:multiply}
.closing-cutouts .closing-brand p{font-size:15px;max-width:460px;margin-top:10px}
.closing-cutouts .closing-scene{width:100%;height:auto;max-height:none;object-fit:contain}
.closing-cutouts .closing-art .closing-cta{position:static;transform:none;align-self:center;width:min(100%,450px);margin:12px 0 0;font-size:16px;min-height:58px}
.closing-cutouts .closing-action{margin-top:0;padding:14px 24px 0}
@media(max-width:768px){
 .closing-cutouts .closing-art{padding:0 16px}
 .closing-cutouts .closing-brand{align-self:center;text-align:center;margin-bottom:12px;padding:0}
 .closing-cutouts .closing-brand img{width:125px;margin:0 auto}
 .closing-cutouts .closing-brand p{font-size:12px}
 .closing-cutouts .closing-art .closing-cta{font-size:14px;min-height:54px;margin-top:15px;width:100%}
}

/* Supplied product composition, with the reference's upper-left brand placement. */
.closing-cutouts{padding-top:36px}
.closing-cutouts .closing-art{position:relative;padding-top:0}
.closing-cutouts .closing-brand{position:absolute;top:5%;left:5%;z-index:2;max-width:36%;margin:0}
.closing-cutouts .closing-brand img{width:clamp(130px,16vw,225px)}
.closing-cutouts .closing-brand p{font-size:clamp(12px,1.2vw,18px);line-height:1.5}
.closing-cutouts .closing-scene{margin-top:55px}
.closing-cutouts .closing-art .closing-cta{margin-top:20px;min-height:64px}
@media(max-width:768px){
 .closing-cutouts{padding-top:24px}
 .closing-cutouts .closing-brand{position:static;max-width:100%;width:100%;text-align:left;align-self:flex-start;margin-bottom:14px}
 .closing-cutouts .closing-brand img{width:130px;margin:0}
 .closing-cutouts .closing-brand p{font-size:13px;max-width:340px}
 .closing-cutouts .closing-scene{margin-top:0}
 .closing-cutouts .closing-art .closing-cta{min-height:56px;margin-top:20px}
}
@media(min-width:769px){
 .closing-cutouts .closing-brand{max-width:31%;width:31%}
 .closing-cutouts .closing-brand p{width:100%;max-width:100%;white-space:normal;font-size:clamp(12px,1.05vw,16px)}
 .closing-cutouts .closing-brand p br{display:none}
 .closing-cutouts .closing-scene{margin-top:85px}
}
/* Reference composition provides its own space for the brand. */
@media(min-width:769px){
 .closing-cutouts .closing-brand{top:10%;left:5%;width:34%;max-width:34%}
 .closing-cutouts .closing-brand img{width:clamp(150px,17vw,240px)}
 .closing-cutouts .closing-scene{margin-top:0}
 .closing-cutouts .closing-art .closing-cta{margin-top:0}
}

.added-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.added-work-grid .project-card{position:relative;display:block;overflow:hidden;background:#20282b;aspect-ratio:4/5;width:100%;margin:0}
.added-work-grid .project-image{position:absolute;inset:0;aspect-ratio:4/5;height:100%;width:100%;overflow:hidden}
.added-work-grid .project-image img{width:100%;height:100%;max-height:none;object-fit:cover!important}
.added-work-grid .project-copy{position:absolute;inset:auto 0 0;padding:70px 28px 28px;background:linear-gradient(transparent,#102024ed);color:white}
.added-work-grid .project-copy>strong{font-size:clamp(25px,2.7vw,38px);line-height:1.12}
.added-work-grid .project-description{color:#e3e8e6;font-size:14px;line-height:1.6!important;max-width:420px}
.added-work-grid .project-link{color:white;font-size:13px;border-color:#ffffff60}
@media(max-width:768px){.added-work-grid{grid-template-columns:1fr;gap:18px;margin:24px 0}.added-work-grid .project-copy{padding:65px 22px 24px}.added-work-grid .project-copy>strong{font-size:27px}}

/* Twelve portfolio cards: three equal rows of four, beneath the Dome feature. */
.work-grid-twelve{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.work-grid-twelve .project-card{position:relative!important;display:block!important;aspect-ratio:4/5;width:100%!important;margin:0!important;overflow:hidden;background:#20282b}
.work-grid-twelve .project-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:4/5;overflow:hidden!important}
.work-grid-twelve .project-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.work-grid-twelve .project-copy{padding:65px 16px 18px!important;gap:6px!important}
.work-grid-twelve .project-copy>strong{font-size:clamp(18px,1.6vw,25px)!important;line-height:1.13!important}
.work-grid-twelve .project-description{font-size:11px!important;line-height:1.45!important;margin-top:0}
.work-grid-twelve .project-link{font-size:11px!important;margin-top:5px}
.work-grid-twelve .project-number,.work-grid-twelve .project-arc{display:none}
.work-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin-top:24px}
.work-related-list .related-examples{max-width:none;width:100%;margin:0}
@media(max-width:1024px){.work-grid-twelve{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-grid-twelve{grid-template-columns:1fr;gap:18px}.work-grid-twelve .project-copy{padding:80px 24px 24px!important}.work-grid-twelve .project-copy>strong{font-size:28px!important}.work-grid-twelve .project-description{font-size:13px!important}.work-related-list{grid-template-columns:1fr}}
/* WhatsApp is the persistent enquiry control. */
.dock{display:none!important}
@media(max-width:768px){body{padding-bottom:0!important}.cic-whatsapp-float{bottom:calc(18px + env(safe-area-inset-bottom))}}