/* SONIK / Obsidian edition. Restrained, high-contrast, no perpetual motion. */
:root{--paper:#0d1013;--ink:#f1ede5;--muted:#a5a29b;--orange:#c8aa7c;--orange-dark:#e0c494;--line:#ffffff1c;--gold:#c8aa7c;--panel:#15191d;--radius:3px}
body{background:var(--paper)}::selection{background:var(--gold);color:#121518}:focus-visible{outline-color:#e8cfa2}.site-header{background:#0d1013f5;color:var(--ink);border-color:#ffffff16;height:91px}.brand-mark{color:var(--gold);width:33px;height:33px}.brand-mark path{stroke-width:3}.brand>span{font-size:31px;font-weight:800;letter-spacing:3px;text-transform:uppercase;line-height:1.05}.brand-period{display:none}.brand small{font-size:6px;letter-spacing:2.4px;color:#b5afa5;font-weight:400;line-height:2.8;padding-left:0}.brand{gap:13px}.desktop-nav a{font-size:11px;font-weight:400;letter-spacing:.035em}.desktop-nav a:hover{color:var(--gold)}.header-actions{gap:25px}.language button{color:#a59e92}.language button[aria-pressed=true]{color:var(--gold)}.language{color:#69645b}.menu-toggle span{background:var(--gold)}.mobile-nav{background:#15191d;border-color:#ffffff1c}.mobile-nav>a{color:var(--ink)}
.button{background:var(--gold);border:1px solid var(--gold);color:#101419;border-radius:2px;font-size:12px;letter-spacing:.025em;min-height:53px;padding:16px 25px;font-weight:800;box-shadow:none}.button:hover{background:#e0c494;border-color:#e0c494;color:#101419;transform:translateY(-2px)}.button-small{min-height:43px;font-size:10px;padding:12px 17px}.button-outline{background:transparent;border-color:#6b6050;color:#e2d4be}.button-outline:hover{background:#c8aa7c;color:#101419;border-color:var(--gold)}.header-cta{background:transparent;color:#d5bd97;border-color:#8a7454;padding-inline:21px}.header-cta:hover{background:var(--gold);color:#0d1013}.text-link{font-size:12px;font-weight:400;letter-spacing:.025em}.text-link:hover{color:var(--gold)}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--gold);font-weight:400}.status-dot{width:4px;height:4px;background:var(--gold)}
.hero.container{width:100%;padding-inline:max(48px,calc((100% - 1240px)/2));padding-top:31px;background:radial-gradient(ellipse at 50% 60%,#c1995813,transparent 62%),#0d1013;position:relative;overflow:hidden}.hero-top{border-bottom:0}.hero-top .eyebrow{font-size:8px;color:#b8a482}.hero-index{color:#8f8b83;font-size:8px;letter-spacing:.15em}.hero-grid{display:block;min-height:0;padding-top:58px;padding-bottom:49px}.hero-copy{text-align:center;position:relative}.hero-copy:before{content:'S';position:absolute;left:50%;top:3px;transform:translateX(-50%);font-family:Georgia,serif;font-size:360px;line-height:.8;color:#c8aa7c04;pointer-events:none;z-index:0}.hero h1{font-size:clamp(64px,7.7vw,112px);line-height:1.02;letter-spacing:-.055em;text-transform:uppercase;font-weight:800;position:relative}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-size:.59em;letter-spacing:-.04em;text-transform:none;font-weight:400;font-style:italic;color:#d7b987;display:inline-block;margin-top:10px;line-height:1.2}.hero-description{max-width:620px;margin:25px auto 0;font-size:14px;line-height:1.9;color:#b0aba2}.hero-buttons{justify-content:center;gap:34px;margin-top:25px}.hero-buttons>.button{min-width:230px}.hero-note{font-size:10px;margin-top:17px;color:#8f8b84}.hero-note strong{color:#c8aa7c}.hero-note span>span{margin:0 13px;color:#766443}.hero-art{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px;height:auto;max-width:1080px;margin:65px auto 30px;padding:0 0 20px}.art-grid,.art-spark{display:none}.hero-shot{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;width:100%;border:1px solid #826b4766;background:#161a1e;border-radius:3px;padding:8px;box-shadow:0 25px 50px #0005;overflow:hidden;transition:transform .25s,border-color .25s}.hero-shot:hover{transform:translateY(-5px);border-color:var(--gold)}.hero-shot img{width:100%;border-radius:1px;aspect-ratio:1.7;object-fit:cover}.shot-front{margin-top:32px}.art-label{left:0;top:-27px;color:#a99a82;font-size:7px;letter-spacing:.18em;transform:none}.art-caption{right:0;top:-27px;bottom:auto;color:#8f8b84;font-size:7px;letter-spacing:.15em}.art-caption>span:first-child{color:var(--gold)}.price-sticker{bottom:-11px;left:50%;transform:translateX(-50%);background:#161a1e;color:var(--ink);border:1px solid #8d7450;border-radius:1px;min-width:220px;padding:15px 28px;text-align:center;align-items:center;gap:6px;box-shadow:0 8px 25px #0004}.price-sticker .sticker-label{font-size:7px;font-weight:400;letter-spacing:.17em;color:#c1ad8f}.price-sticker strong{font-size:27px;line-height:1;font-weight:400;letter-spacing:0;color:#e0c594}.price-sticker strong>span{font-size:11px}.price-sticker>span:last-child{font-size:8px;color:#b4afa5}.benefit-strip{border-color:#ffffff1b;padding-block:24px}.benefit-strip>div{font-size:10px;color:#b8b1a6;gap:14px}.benefit-strip>div+div{border-color:#ffffff1b}.benefit-strip .tick{color:var(--gold);font-size:12px}.studio-ribbon{display:flex;align-items:center;justify-content:center;gap:46px;padding:23px 20px;border-bottom:1px solid var(--line);background:#111519;color:#b99f78;font-size:9px;letter-spacing:.25em;white-space:nowrap;overflow:hidden}.studio-ribbon b{font-weight:400;font-size:17px;color:#6e6049}
.section{padding-block:115px}h2{font-size:clamp(34px,3.7vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.05em}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.035em;color:#ccae7e;display:inline-block;line-height:1.18}.section-heading{align-items:flex-end;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:20px}.section-intro{font-size:13px;line-height:1.9;max-width:375px;color:#aaa49a}.work-grid{gap:31px;align-items:start}.work-card:nth-child(2){margin-top:55px}.work-image{padding:10px;border:1px solid #82725650;background:#171b1f;border-radius:2px}.work-image img{aspect-ratio:1.5;border-radius:0;object-fit:cover}.work-image:hover{border-color:#a58b5f}.image-open{background:#c8aa7c;color:#14181b;border-radius:0;width:35px;height:35px;right:17px;bottom:17px;font-size:18px;box-shadow:none}.work-info{padding-top:22px}.micro{font-size:8px;letter-spacing:.18em;color:#aa9576;font-weight:400}.work-info h3{font-size:26px;letter-spacing:-.035em;font-weight:400;margin:10px 0}.work-info p{font-size:12px;line-height:1.8;color:#a5a096}.project-number{font-family:Georgia,serif;font-size:22px;color:#a88d64}.templates-header{margin-top:80px;padding-top:44px;border-color:#ffffff24;align-items:flex-end}.templates-header h3{font-size:29px;font-weight:400;letter-spacing:-.035em}.templates-header>p{font-size:12px;max-width:390px;line-height:1.9}.template-disclosure{color:#8e8980;font-size:10px;margin-top:22px}.category-tabs{margin-top:28px;margin-bottom:25px;border-color:#ffffff24;gap:11px}.category-tabs button{background:transparent;color:#ada69b;min-height:51px;font-size:11px;font-weight:400;border-bottom:1px solid transparent;padding-inline:18px}.category-tabs button[aria-selected=true]{color:#dfc598;border-color:#c8aa7c;background:#c8aa7c08;font-weight:400}.category-tabs button:hover{background:#c8aa7c0c;color:#dfc598}.tab-count{font-size:8px;color:#867256}.slideshow{background:#171c20;border:1px solid #78644866;border-radius:2px}.design-slide{grid-template-columns:1.7fr 1fr}.slide-image{padding:30px}.slide-image .image-open{background:#c8aa7c;color:#14181b;border-radius:1px}.slide-copy{padding:31px 32px 31px 16px}.slide-copy h4{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-.03em;color:#f4eee1;margin-top:9px}.slide-category{color:#c2b9a8;font-size:11px;margin-top:21px}.slide-description{color:#a7a094;font-size:13px;line-height:1.9;max-width:270px;margin-top:19px}.slide-tags{margin-top:22px}.slide-tags span{border-color:#77694f7d;font-size:8px;padding:5px 10px;border-radius:1px;color:#aa9f8b}.slide-copy .text-link{color:#d5ba8e;font-size:11px;margin-top:21px}.slideshow-controls{border-color:#67583f70;background:#11161a;padding:15px 22px}.slide-help{color:#aa9c86;font-size:10px}.round-button{border-radius:0;background:transparent;border-color:#716044;color:#dcc295;width:38px;height:38px}.round-button:hover:not(:disabled){background:var(--gold);color:#11161a;border-color:var(--gold)}.round-button:disabled{opacity:.35}.slide-count{color:#e0c89d;font-weight:400}.slide-count span{color:#9a927e}
.services-section{background:#161a1e;border-block:1px solid #ffffff17;color:var(--ink)}.services-section .eyebrow{color:var(--gold)}.services-section .section-intro{color:#aca69c}.services-grid{gap:0;border:1px solid #ffffff20}.service-card{border:0;padding:34px 31px 31px;background:transparent;min-height:375px}.service-card+.service-card{border-left:1px solid #ffffff20}.service-top{margin-bottom:37px;color:#8c8271;font-size:10px}.service-icon{color:#c8aa7c;font-size:33px}.service-card h3{font-size:25px;font-weight:400;letter-spacing:-.03em}.service-card p{color:#b3aca0;font-size:13px;line-height:1.9;min-height:116px;margin-top:18px}.service-card .text-link{color:#d5bc97;font-size:11px;margin-top:18px}.services-note{border:0;padding-top:0;margin-top:32px}.services-note .brand-mark{width:20px;height:20px;color:var(--gold)}.services-note p{font-size:12px;color:#a69e91}
.pricing-grid{gap:22px}.price-card{padding:31px 27px;border:1px solid #ffffff20;background:#12171b;border-radius:2px}.price-card.featured{border:1px solid #a88a59;background:linear-gradient(145deg,#2a251d,#171b1e 60%);box-shadow:none}.plan-top h3{font-size:25px;letter-spacing:-.025em;font-weight:400}.plan-label{color:#dbbe92;border-color:#8a7048;font-size:6px;font-weight:400;letter-spacing:.1em;background:transparent;border-radius:0;padding:6px 8px}.plan-number{color:#a48a63;font-size:10px}.plan-sub{font-size:11px;color:#a9a195;margin-top:11px}.price{color:#dbbf93;margin-top:34px}.price strong{font-size:62px;font-weight:400;letter-spacing:-.05em}.price>span:last-child{font-size:27px;font-family:Georgia,serif}.price-unit{color:#9b9387;font-size:10px}.price-card ul{border-color:#ffffff1e;padding-top:26px;margin-top:26px}.price-card li{font-size:12px;color:#d1c9bd;padding-left:24px;margin-bottom:15px;line-height:1.7}.price-card li:before{color:#c8aa7c}.price-card .button{font-size:11px;font-weight:400;padding-inline:20px}.pricing-notes{margin-top:25px}.pricing-notes p{font-size:10px;color:#a09a90}.quote-nudge{margin-top:39px;border:1px solid #ffffff20;border-radius:1px;background:#161b1f;padding:25px 30px}.quote-nudge p{font-size:13px;color:#d7c9b5}.quote-nudge .text-link{color:#d0b284;font-size:11px}
.process-section{background:#15191c;border-block:1px solid #ffffff17}.steps{gap:27px}.step{border-color:#8a735051;padding-top:27px}.step-number{font-family:Georgia,serif;font-size:32px;color:#b99b6a;font-weight:400}.step h3{font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.02em;margin-top:22px}.step p{font-size:12px;color:#aaa294;line-height:1.9;margin-top:14px}.faq-layout{gap:62px;grid-template-columns:1fr 1.1fr}.faq-list summary{font-size:13px;font-weight:400;padding:22px 0;color:#ddd6c9}.faq-list details{border-color:#ffffff21}.faq-list details:first-child{border-color:#ffffff21}.faq-list details>p{font-size:12px;color:#aaa296}.faq-plus{font-size:21px;color:var(--gold)}
.contact-section{background:radial-gradient(ellipse at 12% 60%,#bc925017,transparent 60%),#15191c;border-top:1px solid #8f774952;padding-block:95px}.contact-grid{gap:75px}.contact-copy .eyebrow{font-size:8px;color:var(--gold);line-height:1.7}.contact-copy h2{font-size:clamp(42px,4vw,59px);line-height:1.13;letter-spacing:-.05em;margin-top:29px}.contact-copy h2 em{color:#d4b47e;line-height:1.23}.contact-description{font-size:13px;color:#b0a799;line-height:1.9;max-width:385px;margin-top:26px}.contact-email{font-size:19px;color:#dfc599;border-color:#927647;font-weight:400;letter-spacing:-.02em}.contact-email:hover{color:#f1d3a6}.contact-social{color:#b6ac9a;font-size:10px}.enquiry-form{background:#101519;border:1px solid #7661456e;border-radius:2px;padding:34px}.form-heading h3{font-size:24px;font-weight:400;letter-spacing:-.025em;color:#ebe1cf}.form-heading p{font-size:11px;color:#a69a86;margin-top:12px;margin-bottom:27px}.enquiry-form label{color:#baae99;font-size:11px;font-weight:400;gap:8px;margin-bottom:18px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border:1px solid #5b503c;background:#181d21;color:#eee5d5;border-radius:1px;font-size:14px;min-height:45px;padding:12px}.enquiry-form textarea::placeholder{color:#9a9285}.enquiry-form select{color-scheme:dark}.form-submit{font-size:11px;letter-spacing:.04em}.form-note{color:#aba190;font-size:10px;line-height:1.8}.copy-button{color:#c7b697;font-size:10px}.privacy-note{font-size:9px;color:#958b7a;border-color:#ffffff1b;padding-top:14px}.privacy-trigger{color:inherit}#form-status{color:#e1c592;font-size:11px}.footer{padding-top:46px;padding-bottom:24px}.footer-top .brand-mark{color:var(--gold)}.footer-top .brand>span{font-size:24px;letter-spacing:2px}.footer-top .brand small{font-size:5px;letter-spacing:1.7px}.footer-top p{color:#aa9d86;font-size:10px;letter-spacing:.05em}.back-top{color:#c4ad86}.footer-bottom{border-color:#ffffff1b;color:#898170;font-size:9px}.mobile-contact{background:#101519;color:#d7c49f;border-color:#75613e;box-shadow:none}.mobile-contact .button{background:#c8aa7c;color:#111519}.preview-dialog,.privacy-dialog{background:#12171b;color:#eee5d5;border-color:#8d7450;border-radius:2px}.preview-dialog>img{background:#1a2025}.dialog-bar h2{font-family:Georgia,serif;font-weight:400;color:#ddc49c}.dialog-close{border-color:#746044;border-radius:0;color:#dfc598;background:transparent}.dialog-bottom p,.privacy-content p{color:#b1a796}.privacy-content h3{color:#d7be96}.dialog-bottom .button{color:#14181b}dialog::backdrop{background:#06090ded}
.services-section h2{color:var(--ink)}
@media(min-width:1500px){.hero-grid{min-height:0}.hero-art{height:auto}.shot-front{top:auto}.hero h1{font-size:120px}}
@media(max-width:1100px){.hero.container{padding-inline:30px}.hero h1{font-size:91px}.hero-art{height:auto;max-width:960px}.shot-back,.shot-front{top:auto;left:auto;right:auto;width:100%}.hero-description{font-size:14px}.price-sticker{bottom:-17px;left:50%;padding:13px 23px;min-width:210px}.price-sticker strong{font-size:25px}.hero-buttons{gap:28px}.hero-note{font-size:10px;max-width:none}.service-card{padding:28px 23px}.service-card h3{font-size:22px}.service-card p{font-size:12px;min-height:120px}.contact-grid{gap:40px}.slide-copy h4{font-size:37px}.section-intro{max-width:320px;font-size:12px}.contact-copy h2{font-size:46px}}
@media(max-width:850px){.site-header{height:78px}.hero-grid{min-height:0;padding-top:47px;padding-bottom:38px}.hero h1{font-size:76px}.hero-description{font-size:13px;max-width:570px}.hero-buttons{flex-direction:row;align-items:center}.hero-art{height:auto;gap:16px;margin-top:65px}.hero-shot{padding:5px}.shot-front{margin-top:25px}.art-caption{display:flex}.price-sticker{bottom:-23px;min-width:186px;padding:11px 20px}.price-sticker strong{font-size:24px}.price-sticker .sticker-label{font-size:6px}.price-sticker>span:last-child{font-size:7px}.hero-note{font-size:9px;max-width:none}.studio-ribbon{gap:28px;font-size:8px;letter-spacing:.16em}.section{padding-block:80px}h2{font-size:37px}.work-image{padding:7px}.work-info h3{font-size:23px}.work-info p{font-size:11px}.templates-header h3{font-size:25px}.templates-header>p{max-width:280px;font-size:11px}.slide-copy{padding:24px 21px 24px 5px}.slide-image{padding:20px}.slide-copy h4{font-size:32px}.slide-description{font-size:11px;margin-top:13px}.slide-copy .text-link{font-size:10px}.services-grid{gap:0}.service-card{padding:25px 20px;min-height:378px}.service-card h3{font-size:20px}.service-card p{min-height:135px;font-size:11px}.price-card{padding:25px 19px}.plan-top{display:block;min-height:54px}.plan-label{display:inline-block;margin-top:10px}.price strong{font-size:49px}.price-card li{font-size:10px}.price-card .button{font-size:10px;padding-inline:12px;gap:10px}.step h3{font-size:16px}.step p{font-size:11px}.faq-layout{gap:38px}.contact-grid{gap:30px}.contact-copy h2{font-size:40px}.contact-description{font-size:12px}.contact-email{font-size:16px}.enquiry-form{padding:26px 23px}.form-heading h3{font-size:21px}.hero-index{font-size:6px}.hero-top .eyebrow{font-size:7px}}
@media(max-width:620px){.site-header{height:73px}.brand-mark{width:29px;height:29px}.brand>span{font-size:25px;letter-spacing:2.5px}.brand small{font-size:5px;letter-spacing:1.8px}.brand{gap:10px}.header-actions{gap:6px}.hero.container{padding-inline:20px;padding-top:25px}.hero-top{justify-content:center}.hero-top .eyebrow{font-size:7px;letter-spacing:.14em}.hero-index{display:none}.hero-grid{padding-top:37px;padding-bottom:39px}.hero h1{font-size:clamp(36px,9.8vw,61px);letter-spacing:-.05em;line-height:1.1}.hero h1 em{font-size:.64em;margin-top:8px;letter-spacing:-.045em;line-height:1.25;white-space:nowrap}.hero-copy:before{font-size:245px;top:5px}.hero-description{font-size:12px;line-height:1.9;margin-top:24px;max-width:365px}.hero-buttons{flex-direction:column;gap:7px;margin-top:25px}.hero-buttons>.button{width:auto;min-width:235px;font-size:11px;padding:16px 22px;min-height:50px}.hero-buttons .text-link{font-size:11px;gap:18px;padding:13px 0}.hero-note{font-size:8px;margin-top:12px;line-height:1.8;max-width:none}.hero-note span>span{margin:0 5px}.hero-art{width:100%;max-width:450px;grid-template-columns:1fr;gap:0;height:auto;margin:48px auto 26px;padding-bottom:28px}.hero-shot{width:87%;padding:5px;transform:none}.hero-shot img{aspect-ratio:1.7}.shot-back{margin-left:0;top:auto;left:auto}.shot-front{width:87%;margin-top:-45px;margin-left:auto;top:auto;right:auto;z-index:1}.art-label{left:0;top:-23px;font-size:6px;letter-spacing:.12em;gap:6px}.art-caption{display:none}.price-sticker{z-index:2;left:0;bottom:0;transform:none;min-width:151px;width:151px;padding:12px 13px;gap:6px}.price-sticker strong{font-size:25px}.price-sticker .sticker-label{font-size:5px}.price-sticker>span:last-child{font-size:6px}.benefit-strip{gap:17px;padding-block:21px}.benefit-strip>div{font-size:9px;gap:8px}.benefit-strip>div:nth-child(even){padding-left:4px}.studio-ribbon{justify-content:center;gap:12px;padding:19px 12px;font-size:6px;letter-spacing:.1em}.studio-ribbon b{font-size:12px}.section{padding-block:65px}h2{font-size:34px}.section-heading{margin-bottom:29px}.section-intro{font-size:12px;max-width:none;margin-top:20px}.section-heading .eyebrow{font-size:8px;margin-bottom:17px}.work-grid{gap:33px}.work-card:nth-child(2){margin-top:0}.work-image{padding:6px;border-radius:1px}.work-info{padding-top:17px}.work-info h3{font-size:25px}.work-info p{font-size:11px}.project-number{font-size:20px}.templates-header{margin-top:51px;padding-top:32px}.templates-header h3{font-size:24px;line-height:1.25}.templates-header>p{max-width:none;font-size:11px;margin-top:16px}.template-disclosure{font-size:9px;margin-top:15px;line-height:1.9}.category-tabs{gap:0;margin-top:22px;margin-bottom:22px}.category-tabs button{font-size:10px;padding:12px 14px;gap:11px;min-height:45px}.tab-count{font-size:7px}.design-slide{display:flex;flex-direction:column}.slide-image{padding:25px 14px 9px}.slide-copy{padding:19px 24px 25px}.slide-copy h4{font-size:35px;margin-top:5px}.slide-category{margin-top:15px;font-size:10px}.slide-description{font-size:12px;max-width:none;line-height:1.8;margin-top:12px;min-height:0}.slide-tags{margin-top:17px}.slide-tags span{font-size:8px}.slide-copy .text-link{font-size:11px;margin-top:14px}.slideshow-controls{padding:14px 17px}.slide-help{font-size:8px;max-width:141px;line-height:1.8}.slide-navigation{gap:10px}.round-button{width:36px;height:36px}.slide-count{font-size:10px}.services-grid{grid-template-columns:1fr;border:0;border-top:1px solid #ffffff20}.service-card{border:0;border-bottom:1px solid #ffffff20;padding:27px 0;min-height:0}.service-card+.service-card{border-left:0}.service-top{margin-bottom:20px}.service-card h3{font-size:25px}.service-card p{font-size:12px;min-height:0;max-width:none}.service-card .text-link{margin-top:12px}.services-note{margin-top:27px;gap:12px}.services-note p{font-size:11px}.price-card{padding:28px}.plan-top{display:flex;min-height:0}.plan-top h3{font-size:27px}.plan-label{margin-top:0;font-size:6px}.plan-sub{font-size:11px}.price strong{font-size:60px}.price-card li{font-size:12px;margin-bottom:14px}.price-card .button{font-size:11px;min-height:49px;padding-inline:20px}.pricing-notes p{font-size:10px}.quote-nudge{padding:20px;gap:6px;margin-top:29px}.quote-nudge p{font-size:12px;line-height:1.8}.steps{gap:33px 24px}.step{padding-top:23px}.step-number{font-size:30px}.step h3{font-size:16px;line-height:1.45;margin-top:16px}.step p{font-size:11px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:12px;line-height:1.7;padding:19px 0}.faq-list details>p{font-size:12px}.contact-section{padding-block:61px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-copy h2{font-size:38px;line-height:1.12;margin-top:22px}.contact-copy .eyebrow{font-size:7px;letter-spacing:.17em}.contact-description{font-size:12px;margin-top:20px}.contact-email{font-size:19px;margin-top:25px}.contact-social{font-size:10px;margin-top:20px}.enquiry-form{padding:26px 20px}.form-heading h3{font-size:23px}.form-heading p{font-size:10px}.enquiry-form label{font-size:10px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{font-size:16px}.form-submit{font-size:11px}.form-note{font-size:10px}.privacy-note{font-size:9px}.footer{padding-top:33px;padding-bottom:101px}.footer-top .brand>span{font-size:24px}.footer-top .brand small{font-size:5px}.footer-top p{font-size:10px}.footer-bottom{font-size:8px}.mobile-contact{padding-inline:20px}.mobile-contact>span{font-size:10px}.mobile-contact .button{font-size:9px;padding:12px 14px;gap:12px}.dialog-bar h2{font-size:25px}.dialog-bottom .button{font-size:10px}}
@media(max-width:360px){.hero.container{padding-inline:16px}.hero h1{font-size:34px}.hero h1 em{font-size:.63em}.hero-top .eyebrow{font-size:6px}.hero-art{height:auto}.hero-note{font-size:7px}.hero-description{font-size:11px}.shot-front{margin-top:-30px}.price-sticker{width:137px;min-width:137px;padding:10px}.price-sticker strong{font-size:23px}.studio-ribbon{font-size:5px;gap:10px}.benefit-strip>div{font-size:8px}.plan-label{font-size:5px}.contact-copy h2{font-size:33px}.mobile-contact{padding-inline:16px}.mobile-contact .button{font-size:8px;gap:10px}.mobile-contact>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-shot{transition:none}}
@media print{body{background:white;color:black}.hero.container{background:white;color:black}.hero h1,.hero h1 em{color:black}.hero-description{color:#333}.hero-art,.studio-ribbon{display:none}.services-section,.process-section,.contact-section,.price-card,.price-card.featured{background:white;color:black}.service-card h3,.service-card p,.price,.price-card li,.step h3,.step p{color:black}}

/* New Shade — flagship commerce case study */
.newshade-case{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:0;margin-bottom:54px;border:1px solid #b99765;border-radius:18px;overflow:hidden;background:#0b1411;color:#f8f4e9;box-shadow:0 30px 80px #0b14111c}
.newshade-visual{position:relative;min-width:0;background:radial-gradient(circle at 70% 20%,#315f4e55,transparent 46%),#0b1411;padding:28px 0 76px 28px;overflow:hidden}
.newshade-visual:after{content:"SONIK / COMMERCE SYSTEM";position:absolute;left:30px;bottom:31px;color:#cbb185;font-size:8px;font-weight:800;letter-spacing:.25em}
.newshade-preview{position:relative;display:block;width:calc(100% + 72px);padding:0;border:0;border-radius:13px 0 0 13px;overflow:hidden;background:#15231e;box-shadow:0 20px 60px #0007;text-align:left}
.newshade-preview img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;transition:transform .55s ease}
.newshade-preview:hover img{transform:scale(1.018)}
.newshade-preview .image-open{right:94px;bottom:18px;background:#e9d3a8;color:#102019}
.case-live{position:absolute;display:flex;align-items:center;gap:8px;left:18px;top:18px;padding:9px 12px;border:1px solid #ffffff29;border-radius:999px;background:#0c1713d9;backdrop-filter:blur(10px);color:#fff;font-size:8px;font-weight:800;letter-spacing:.13em}
.case-live i{width:7px;height:7px;border-radius:50%;background:#78d69f;box-shadow:0 0 0 5px #78d69f1f}
.newshade-copy{position:relative;z-index:2;padding:34px 36px 86px;background:linear-gradient(145deg,#15231e 0%,#0d1512 76%)}
.newshade-copy:before{content:"";position:absolute;right:-100px;top:-120px;width:310px;height:310px;border:1px solid #d3b78520;border-radius:50%}
.case-kicker{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #ffffff1c;color:#cbb185;font-size:8px;font-weight:800;letter-spacing:.18em}
.case-kicker a{display:flex;align-items:center;gap:10px;color:#f4ead7;letter-spacing:.08em}
.case-kicker a:hover span{text-decoration:underline;text-underline-offset:5px}
.case-kicker b{display:inline-grid;place-items:center;min-width:43px;height:24px;padding:0 8px;border-radius:999px;background:#e7d0a5;color:#122019;font-size:7px;letter-spacing:.12em}
.newshade-copy h3{position:relative;margin-top:30px;color:#fff;font-size:clamp(44px,4.5vw,72px);line-height:.95;letter-spacing:-.065em}
.case-lead{position:relative;margin-top:22px;color:#e8d7b7;font-size:18px;font-weight:800;line-height:1.4;max-width:430px}
.case-description{position:relative;margin-top:15px;color:#b8c1bb;font-size:11px;line-height:1.85;max-width:450px}
.case-capabilities{position:relative;list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #ffffff17}
.case-capabilities li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff17;color:#e6ebe7;font-size:10px;line-height:1.5}
.case-capabilities strong{color:#a98b5e;font-size:8px;letter-spacing:.1em}
.case-actions{position:relative;display:flex;align-items:center;gap:19px;margin-top:26px}
.case-actions .button{background:#e6cea0;color:#122019;border-color:#e6cea0;font-size:10px}
.case-actions .button:hover{background:#fff;color:#122019}
.case-actions>span{max-width:130px;color:#839087;font-size:8px;line-height:1.55}
.case-flow{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:13px;min-height:55px;padding:12px 30px;border-top:1px solid #ffffff17;background:#08100d;color:#d5c19b;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.case-flow i{display:block;width:24px;height:1px;background:linear-gradient(90deg,#765d38,#d5c19b)}
.newshade-case+.work-grid{margin-top:0}
.work-card--featured .work-image{background:#0b1411}
.work-card--featured .work-image img{aspect-ratio:1.55;object-fit:cover}
.work-live-label{position:absolute;left:18px;top:18px;padding:8px 11px;border:1px solid #ffffff35;border-radius:999px;background:#0b1712d9;color:#e9d3a8;font-size:7px;font-weight:800;letter-spacing:.15em;backdrop-filter:blur(8px)}

@media(max-width:950px){.newshade-case{grid-template-columns:1fr}.newshade-visual{padding:22px 22px 68px}.newshade-preview{width:100%;border-radius:12px}.newshade-preview .image-open{right:18px}.newshade-copy{padding:32px 32px 82px}.case-description{max-width:650px}.case-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.case-actions>span{max-width:none}.case-flow{overflow-x:auto;justify-content:flex-start}}
@media(max-width:620px){.newshade-case{margin-inline:-8px;margin-bottom:38px;border-radius:14px}.newshade-visual{padding:12px 12px 54px}.newshade-visual:after{left:16px;bottom:23px;font-size:6px}.newshade-preview{border-radius:9px}.newshade-preview img{aspect-ratio:1.38}.case-live{left:10px;top:10px;padding:7px 9px;font-size:6px}.newshade-preview .image-open{right:10px;bottom:10px;width:34px;height:34px}.newshade-copy{padding:27px 22px 78px}.case-kicker{padding-bottom:18px}.newshade-copy h3{font-size:45px;margin-top:25px}.case-lead{font-size:16px;margin-top:17px}.case-description{font-size:10px}.case-capabilities{display:block;margin-top:22px}.case-capabilities li{font-size:10px;padding:11px 0}.case-actions{align-items:flex-start;flex-direction:column;gap:12px}.case-actions .button{width:100%;justify-content:space-between}.case-actions>span{font-size:7px}.case-flow{gap:9px;padding-inline:20px;font-size:7px}.case-flow i{width:14px;flex:0 0 14px}}