/* Propverity Studio: warm charcoal, paper, and a restrained mint accent. */
:root{--studio-bg:#111615;--studio-paper:#f4f1e9;--studio-accent:#a5ddc8;--studio-muted:#b8c3bc;--studio-border:#34423c;color-scheme:dark}
body{background:var(--studio-bg);color:var(--studio-paper)}
html{scroll-padding-top:112px}
.wrap{width:min(1240px,calc(100% - 96px))}
a,button{touch-action:manipulation}
button,input,select,textarea,summary{font-family:inherit}
.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:var(--studio-accent);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
.preview-strip{font-size:10px;line-height:1.6;padding-block:8px;background:#1d2823;color:#ccdbd2}
.header{position:sticky;top:0;z-index:30;padding-block:23px;background:#111615f2;backdrop-filter:blur(16px);border-bottom:1px solid #34423c55}
.header nav{gap:22px;font-size:12px}.header .small{font-size:11px;padding:12px 15px;gap:16px}
.wordmark{font-size:22px;letter-spacing:-.8px}.wordmark small{font-size:9px;letter-spacing:5.5px;margin-top:9px}
.button{border-radius:4px;background:var(--studio-accent);border-color:var(--studio-accent);font-weight:600;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.button:hover{background:#c4eddd;border-color:#c4eddd;box-shadow:0 4px 24px #a5ddc80a}
.button span,.text-link span{display:inline-block;transition:transform .25s ease}.button:hover span,.text-link:hover span{transform:translate(2px,-2px)}
.button.outline{background:transparent;color:var(--studio-paper);border-color:#677f71}.button.outline:hover{background:#293b32;border-color:var(--studio-accent)}
.hero{position:relative;grid-template-columns:1.12fr 1fr;gap:80px;padding-block:60px 64px;align-items:center}
.hero-copy{max-width:630px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:27px;color:#bdd4c7}
.hero h1{font-size:clamp(62px,6.7vw,91px);font-weight:400;line-height:1.06;letter-spacing:-5px;margin-bottom:29px}
.hero h1.ai-ad-headline{font-size:clamp(55px,5.9vw,80px);letter-spacing:-3.7px}
h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:var(--studio-accent);letter-spacing:-4px}
.hero-statement{font-size:19px;line-height:1.5;font-weight:400;max-width:370px;margin-bottom:17px}
.hero .lead{font-size:14px;line-height:1.85;max-width:425px;color:#b9c5bd;margin-bottom:0}
.hero-actions{gap:29px;margin-top:31px}.hero-actions .button{font-size:13px;padding:17px 20px}.text-link{font-size:12px}.price-note{font-size:11px;margin-top:22px;color:#c0cec5}.price-note span{color:#9cab9f;font-size:9px}
.hero-visual{position:relative;min-width:0}.visual-top,.visual-bottom{font-size:8px;letter-spacing:1px;color:#b6c8bc;gap:16px}
.visual-top{margin-bottom:13px}.visual-bottom{margin-top:14px;line-height:1.6}.visual-bottom a{white-space:nowrap;color:var(--studio-paper)}
.media-frame{border-radius:5px;isolation:isolate}.hero .media-frame{height:500px;position:relative;box-shadow:0 25px 80px #0002;background:#52483c}
.hero .media-frame img{object-fit:cover;object-position:50% 50%;transform:translate3d(0,var(--hero-shift,0px),0) scale(1.07);will-change:auto;filter:saturate(.87)}
.hero .media-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,#18170e33 70%,#18170e99 100%);z-index:0}
.frame-caption{z-index:1;font-size:28px;left:30px;right:28px;bottom:31px;letter-spacing:-.8px;color:#fffaf0;text-shadow:0 2px 12px #0004}.frame-number{font-size:9px;letter-spacing:1px}
.motion-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#aebfb3;font-size:9px;padding:10px 0 0;margin-left:auto;letter-spacing:.2px}.motion-toggle:hover{color:var(--studio-paper)}.motion-toggle:disabled{cursor:default}
.service-strip{padding-block:23px;color:#b6c8bd;border-color:var(--studio-border);font-size:9px;letter-spacing:1.7px}
.section{padding-block:98px}.section-heading{margin-bottom:45px}.section-heading>p{font-size:13px;line-height:1.85;max-width:340px;color:#b4c2b8}
h2{font-size:clamp(34px,3.5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-1.8px}.section-heading .eyebrow{color:#a8c9b6;letter-spacing:1.7px;font-size:9px}
.portfolio-grid{gap:27px}.portfolio-media{aspect-ratio:4/5;border:1px solid #f4f1e908}.portfolio-media img{transition:transform .65s cubic-bezier(.2,.6,.2,1);filter:saturate(.9)}
@media(hover:hover){.portfolio-card:hover .portfolio-media img{transform:scale(1.035)}}
.concept-tag{font-size:7px;letter-spacing:.7px;background:#111615d9;backdrop-filter:blur(6px);color:#ecefe8;border-color:#f4f1e92b;border-radius:2px}
.portfolio-info{padding-top:23px}.portfolio-info h3{font-size:21px;font-weight:400;line-height:1.4}.portfolio-info p{font-size:12px;line-height:1.8}.portfolio-info .scope{color:#adc2b4;font-size:10px}.portfolio-info .eyebrow{font-size:9px}
.section-footnote{color:#afbeb3;font-size:10px;line-height:1.9}
.source-section{background:#1b2420;padding-block:79px;border-color:var(--studio-border)}.source-grid{gap:85px}.source-grid h2{margin-bottom:24px}.source-grid .lead{color:#d0dbd3;line-height:1.7;font-size:16px}
.creative-direction{border:1px solid #546a5d;border-radius:5px;padding:31px;background:#18211d}
.direction-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--studio-border);padding-bottom:20px;gap:20px}.direction-top .eyebrow{margin:0;font-size:8px;letter-spacing:1.3px}.direction-top>span:last-child{font-size:24px;color:var(--studio-accent)}
.creative-direction ol{list-style:none;padding:0;margin:8px 0 21px}.creative-direction li{display:flex;gap:23px;padding-block:20px;border-bottom:1px solid var(--studio-border)}.creative-direction li>span{font-size:10px;color:var(--studio-accent);padding-top:2px}.creative-direction strong{font-size:16px;font-weight:400}.creative-direction li p{margin:4px 0 0;color:#a9beb0!important;font-size:11px!important}.creative-direction .text-link{font-size:11px}
.pricing-grid{gap:24px;align-items:stretch}.price-card{position:relative;border-color:#415449;background:#151e19;padding:31px 25px;border-radius:5px}.price-card.featured{border-color:#aacbb8;background:#1c2b23}.price-card.monthly{border-color:#415449;background:#151e19}.package-badge{position:absolute;right:17px;top:-11px;font-size:7px;letter-spacing:1px;background:var(--studio-accent);color:var(--studio-bg);padding:4px 8px;border-radius:2px}
.price-card h3{font-size:28px;font-weight:400}.package-price{font-size:49px;font-weight:400}.price-card .eyebrow{color:#b3ccbc}.price-card .clarifier{color:#d1dfd5}.price-card .included{color:#c0cfc5}.price-card dt{color:#c0cfc5}.price-card dd{color:#f4f1e9}.price-card .button{line-height:1.45;font-size:11px;padding:15px 13px}.scope-note{font-size:11px;line-height:1.9}
.process-section{padding-top:0}.process-grid{gap:30px}.process-grid li{border-color:#536e5d}.process-grid h3{font-weight:400;font-size:19px}.process-grid p{font-size:12px;line-height:1.85}.process-grid small{color:#b2c6b8;font-size:10px}.step-number{color:var(--studio-accent);margin-bottom:28px}
.faq-list summary{padding-block:23px;font-size:14px;font-weight:400}.faq-list details p{font-size:12px;line-height:1.9;color:#c0cdc3}.faq-grid{padding-top:65px}
.enquiry-section{background:#1b2821;padding-block:88px;border-color:#476051}.enquiry-grid{gap:88px}.enquiry-grid h2{font-size:59px;line-height:1.13;font-weight:400}.enquiry-grid h2 em{letter-spacing:-2.8px}.enquiry-grid p:not(.eyebrow){color:#c5d6ca}.enquiry-grid .lead{font-size:16px;line-height:1.85}.preview-notice{background:#c0dcc00a;border-left-color:var(--studio-accent);padding:19px}.preview-notice p{font-size:11px}
input,select,textarea{background:#132018;border-color:#738976;color:#f4f1e9;font-size:13px;padding:13px;line-height:1.5;min-width:0}input::placeholder,textarea::placeholder{color:#a4b6a8}form label{font-size:11px}.checkbox{line-height:1.9;font-size:11px}.checkbox span{color:#c2d5c6}.form-result{line-height:1.9;color:#f4f1e9}
.footer{padding-block:49px;column-gap:70px}.footer p{color:#b6c5ba;font-size:11px}.footer-nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}.footer .footer-nav a{font-size:10px;text-decoration:none}.copyright{font-size:9px;color:#a9bcaf;margin-top:5px;padding-top:21px}
@keyframes studioHalo{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes studioImageDrift{0%,100%{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.07)}50%{transform:translate3d(0,calc(var(--hero-shift,0px) - 6px),0) scale(1.085)}}
@keyframes studioFrameFloat{0%,100%{transform:perspective(1100px) translate3d(0,0,0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(-.35deg)}50%{transform:perspective(1100px) translate3d(0,-10px,0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(.35deg)}}
@keyframes studioLineIn{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.8}}
html.motion-enabled .hero-visual[data-motion-visible="true"] .media-frame{animation:studioFrameFloat 8s ease-in-out infinite;will-change:transform}
html.motion-enabled .hero-visual[data-motion-visible="true"] .media-frame::after{animation:studioHalo 9s ease-in-out infinite}
html.motion-enabled .hero-visual[data-motion-visible="true"] .media-frame img{animation:studioImageDrift 13s ease-in-out infinite;will-change:transform}
.process-grid li{position:relative}.process-grid li::before{content:'';position:absolute;left:0;top:-1px;width:30%;height:1px;background:var(--studio-accent);transform-origin:left;opacity:.8}
html.motion-enabled .process-grid li[data-revealed]::before{animation:studioLineIn 1s cubic-bezier(.22,.61,.36,1) both}
.reference-visual{overflow:hidden;border-radius:5px}.reference-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){html.motion-enabled .reference-visual:hover img{transform:scale(1.035)}}
html.motion-paused .hero .media-frame{transform:none}
html.motion-paused .hero .media-frame img{transform:scale(1.07)}
@media(min-width:1500px){.hero{gap:90px;padding-block:68px 72px}.hero .media-frame{height:535px}}
@media(max-width:1150px){.header nav{gap:16px}.header nav>a{font-size:11px}.header .small{padding:11px;font-size:10px}.hero{gap:47px;padding-block:45px 56px}.hero h1{font-size:clamp(61px,7vw,80px);letter-spacing:-3.8px}.hero .media-frame{height:464px}.hero-statement{font-size:17px}.hero-actions{gap:19px}.hero-actions .button{font-size:12px}.source-grid{gap:45px}.enquiry-grid{gap:50px}.price-card{padding:27px 21px}.price-card h3{font-size:25px}}
@media(max-width:1000px){.header{flex-wrap:wrap;gap:18px}.menu-toggle{display:none}.header nav{flex:1;justify-content:flex-end;gap:18px}.js .menu-toggle{display:flex;align-items:center;gap:20px;padding:10px 13px;border:1px solid #60796b;border-radius:3px;color:var(--studio-paper);background:#17241c;font-size:12px}.header nav{display:flex;flex-wrap:wrap;font-size:13px;width:100%}.js .header nav{display:none}.js .header nav[data-open]{display:flex;position:absolute;top:calc(100% - 1px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;width:auto;padding:16px 20px 20px;background:#16211b;border:1px solid #4a6654;max-height:calc(100dvh - 110px);overflow-y:auto}.header nav>a{font-size:13px;padding:13px 0}.header nav>.button{padding:14px 17px;margin-top:7px;justify-content:space-between}.hero{grid-template-columns:1.05fr 1fr;gap:31px}.hero h1{font-size:64px;letter-spacing:-3.3px}.hero .media-frame{height:425px}.hero .lead{font-size:13px}.hero .eyebrow{font-size:8px}.hero-actions{flex-wrap:wrap}.frame-caption{font-size:24px;left:24px;right:22px}.visual-bottom{display:block}.visual-bottom a{display:block;margin-top:5px}.price-card .package-description{min-height:0}.source-grid{grid-template-columns:1fr;gap:35px}.creative-direction{max-width:700px}.source-grid>div:first-child{max-width:560px}}
@media(max-width:850px){.wrap{width:calc(100% - 56px)}.header nav{justify-content:start}.section{padding-block:70px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:29px}.price-card h3{font-size:29px}.price-card .button{font-size:13px}.process-section{padding-top:0}.scope-note{grid-template-columns:1fr;gap:12px}.faq-grid{grid-template-columns:1fr;gap:35px}.enquiry-grid{grid-template-columns:1fr;gap:44px}.portfolio-info h3{font-size:18px}.portfolio-info p{font-size:11px}.source-section{padding-block:62px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:36px;padding-block:35px 40px}.hero-copy{max-width:580px}.hero h1{font-size:clamp(59px,11.9vw,83px);letter-spacing:-3.3px;margin-bottom:24px}.hero .eyebrow{margin-bottom:21px;font-size:8px}.hero-statement{font-size:18px;max-width:380px}.hero .lead{font-size:14px;max-width:450px}.hero-actions{margin-top:24px}.price-note{margin-top:19px}.hero .media-frame{height:auto;aspect-ratio:5/4}.hero .media-frame img{width:100%;height:100%;object-fit:cover;object-position:center 54%;margin:0}.hero .frame-caption{font-size:29px;left:25px;bottom:25px;right:23px}.visual-bottom{display:flex;gap:15px;font-size:7px}.visual-bottom a{margin:0}.motion-toggle{padding-top:9px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-media{aspect-ratio:5/4}.portfolio-info h3{font-size:23px}.portfolio-info p{font-size:13px}.portfolio-info .scope{font-size:11px}.portfolio-info .eyebrow{font-size:9px}.section-heading{display:block}.section-heading>p{max-width:500px;margin-top:20px}.footer{grid-template-columns:1fr;gap:24px}.footer>div:nth-child(2){text-align:left}.footer-nav{gap:18px}.footer .footer-nav a{font-size:11px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.preview-strip{gap:6px;padding-inline:12px;font-size:9px;flex-wrap:wrap}.preview-strip a{margin-left:3px}.header{padding-block:20px}.wordmark{font-size:20px}.hero .media-frame{aspect-ratio:1.1/1}.hero .frame-caption{font-size:24px;left:23px;right:20px}.hero h1{font-size:clamp(53px,12.4vw,64px);letter-spacing:-2.8px}.hero-statement{font-size:17px}.hero .lead{font-size:13px}.hero-actions{gap:22px}.hero-actions .button{padding:16px 18px}.text-link{font-size:11px}.visual-top{font-size:7px}.visual-bottom{font-size:6.5px;letter-spacing:.5px}.service-strip{font-size:8px;letter-spacing:1.1px;gap:13px;padding-block:19px}.section{padding-block:59px}h2{font-size:33px;line-height:1.18;letter-spacing:-1.2px}.section-heading .eyebrow{font-size:8px}.section-heading>p{font-size:12px}.section-heading{margin-bottom:32px}.creative-direction{padding:24px}.creative-direction li{gap:18px}.creative-direction strong{font-size:15px}.source-section{padding-block:51px}.source-grid .lead{font-size:15px}.process-section{padding-top:0}.process-grid{gap:22px;grid-template-columns:1fr 1fr}.process-grid h3{font-size:17px}.process-grid p{font-size:11px}.process-grid small{font-size:9px}.price-card{padding:28px 24px}.package-price{font-size:47px}.enquiry-section{padding-block:57px}.enquiry-grid h2{font-size:49px;letter-spacing:-2px}.enquiry-grid .lead{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.faq-list summary{font-size:13px}.footer{padding-block:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .media-frame img{transform:scale(1.07)}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.header,.preview-strip,.reading-progress,.motion-toggle{display:none}.wrap{width:100%}body{background:white;color:#151a17}.document p,.document li,.document strong{color:#151a17}}
@media(max-width:1000px) and (min-width:701px){.hero h1.ai-ad-headline{font-size:clamp(43px,5.6vw,58px);letter-spacing:-2.6px}}
@media(max-width:700px){.hero h1.ai-ad-headline{font-size:clamp(48px,10.8vw,75px);letter-spacing:-3px}}
@media(max-width:480px){.hero h1.ai-ad-headline{font-size:clamp(43px,11.2vw,56px);letter-spacing:-2.5px}}