@font-face{font-family:Studio Serif;src:url('/assets/brand/shapedsi-v1/fonts/cormorant-garamond.woff2?v=01fb383d2dd5') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:Studio Serif;src:url('/assets/brand/shapedsi-v1/fonts/cormorant-garamond-italic.woff2?v=01fb383d2dd5') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:Studio Sans;src:url('/assets/brand/shapedsi-v1/fonts/montserrat.woff2?v=01fb383d2dd5') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#fbf7f1;--oat:#f3eadc;--ink:#261c17;--cocoa:#633c1f;--clay:#a36538;--line:#cbbcad;--sans:'Studio Sans',sans-serif;--serif:'Studio Serif',Georgia,serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.98}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--clay);outline-offset:5px}.skip{clip-path:inset(50%);position:fixed;left:16px;top:-100px;padding:12px;background:var(--paper);z-index:50}.skip:focus{clip-path:none;top:16px}.origin-note{min-height:39px;padding:8px 24px;text-align:center;border-bottom:1px solid var(--line);font-size:11px;color:var(--cocoa);display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.origin-note a{white-space:nowrap}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 4.7%;border-bottom:1px solid #633c1f20}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;white-space:nowrap}.brand>img{width:64px;height:64px;object-fit:contain}.brand>span{font:400 29px/1.15 var(--serif);letter-spacing:.22em}.brand small{display:block;margin-top:10px;font:500 9px/1 var(--sans);letter-spacing:.29em}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav>a:not(.button){text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:56px;border:1px solid var(--cocoa);background:var(--cocoa);color:var(--paper);text-decoration:none;border-radius:4px;padding:16px 25px;font-size:14px;line-height:1.4;transition:background .2s}.button:hover{background:#51331d}.arrow{width:20px;height:20px;flex:none}.arrow.light{filter:brightness(0) invert(1)}.intro{display:grid;grid-template-columns:55.3% 44.7%;max-width:1800px;margin:auto}.atelier{position:relative;background:#241a14;color:#fff6e8;aspect-ratio:958/1642;overflow:hidden}.room{position:absolute;inset:0}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.screen{position:absolute;object-fit:cover;object-position:top;display:block}.hero-desktop{left:19.2067%;top:46.285%;width:63.7787%;height:20.9501%}.phone-bezel{clip-path:polygon(81.4% 62.9%,94% 62.9%,94% 78%,81.4% 78%);z-index:2}.hero-phone{left:82.4635%;top:63.7028%;width:10.5428%;height:13.0329%;border-radius:12%;z-index:3}.intro-copy{position:relative;z-index:4;padding:11.5% 9% 0;pointer-events:none}.intro-copy a{pointer-events:auto}.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.23em;text-transform:uppercase}.intro h1{font-size:clamp(54px,6.5vw,105px);margin:29px 0 28px;line-height:1.02}.intro h1 em{font-weight:400}.intro-description{font-size:clamp(16px,1.65vw,26px);line-height:1.5;max-width:480px;color:#e9dfd0}.mobile-start{display:none}.enquiry{padding:12% 9.5% 8%;align-self:start}.enquiry h2{font-size:clamp(52px,6vw,92px);margin-bottom:38px}.choices{border:0;padding:0;margin:0 0 32px;color:var(--cocoa)}.choices legend{font-size:14px;margin-bottom:12px}.choices>div{display:flex;gap:10px;flex-wrap:wrap}.choices label{position:relative;display:block;cursor:pointer}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;padding:11px 16px;border:1px solid var(--line);border-radius:17px;font-size:12px;line-height:1.5}.choices input:checked+span{color:var(--paper);background:var(--cocoa);border-color:var(--cocoa)}.choices input:focus-visible+span{outline:2px solid var(--clay);outline-offset:3px}.field{display:block;font-size:13px;line-height:1.5;margin-bottom:25px}.field .optional{color:#70665d}.field input,.field textarea{width:100%;display:block;margin-top:8px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:14px 16px;min-height:52px;font:400 14px/1.6 var(--sans)}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:#8b8279;opacity:1}.field input:hover,.field textarea:hover{border-color:#9d8978}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.submit{width:100%;font-family:var(--serif);font-size:23px;min-height:61px}.submit:disabled{opacity:.65;cursor:wait}.reassurance{text-align:center;font-size:12px;color:var(--cocoa);margin:17px 0 0}.privacy{font-size:11px;color:#65584c;line-height:1.8;border-top:1px solid #b39b85;margin-top:43px;padding-top:20px}.privacy a{margin-left:5px;white-space:nowrap}.form-status{margin-top:24px;padding:19px 0;border-block:1px solid var(--line);font-size:14px}.form-status[data-error=true]{color:#8e2820}.preview-note{font-size:11px;color:#6f5b4c;margin-top:15px}.work{padding:65px 4.7% 55px;background:var(--oat);max-width:1800px;margin:auto}.work-heading{display:flex;gap:36px;justify-content:space-between;align-items:center}.work-heading .eyebrow{color:var(--cocoa);margin-bottom:15px}.work h2{font-size:clamp(43px,4.65vw,70px);line-height:1.02;margin-bottom:14px}.work h2 em{font-style:normal}.work-heading p:last-child{font-size:13px;color:var(--cocoa)}.client-brand{display:flex;gap:12px;align-items:center;max-width:27%;text-align:center;flex-direction:column}.client-brand img{max-width:220px;max-height:90px;object-fit:contain}.client-brand[data-logo-type=native_text_wordmark] img{display:none}.client-brand[data-logo-type=svg_monogram] img{width:75px}.client-brand strong{display:block;font:400 clamp(22px,2.2vw,36px)/1.1 var(--serif);white-space:pre-line}.client-brand[data-logo-type=original_raster_logo] strong{font-size:18px}.devices{display:grid;grid-template-columns:1.25fr 1fr .65fr;gap:18px;align-items:end;margin:32px -2% 25px}.device-image{position:relative;isolation:isolate}.device-image>img:first-child{width:100%;height:auto}.device .screen{z-index:1}.laptop .screen{left:15.43%;top:13.086%;width:69.206%;height:60.742%}.tablet .screen{left:9.8066%;top:16.7587%;width:80.4558%;height:66.6667%;border-radius:1.5%;object-fit:cover}.phone{max-width:230px;justify-self:center;width:100%}.phone .screen{left:20.703%;top:7.8125%;width:58.6914%;height:83.138%;border-radius:10%}.device figcaption{text-align:center;font:400 23px/1.4 var(--serif);margin-top:-9px}.visit-client{display:table;margin:12px auto 0;font-size:13px;color:var(--cocoa);text-decoration:none;border-bottom:1px solid #a5876e;padding-bottom:5px;min-height:44px;line-height:40px}.footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:42px 4.7%;max-width:1800px;margin:auto}.footer>p{font:italic 24px/1.4 var(--serif);color:var(--cocoa)}.footer>a:last-child{display:flex;gap:15px;align-items:center;font-size:12px;text-decoration:none}.footer .brand>span{font-size:23px}.footer .brand>img{width:56px;height:56px}
@media(min-width:1101px){
 .origin-note{min-height:58px;font-size:14px}.header{padding-block:30px}.brand>img{width:76px;height:76px}.brand>span{font-size:36px}.brand small{font-size:11px}.header nav{font-size:17px}.header .button{font-size:17px;min-height:65px;padding-inline:30px}
 .eyebrow{font-size:13px}.intro h1{font-size:7.5vw;max-width:690px;margin-top:32px;margin-bottom:34px}.intro-description{font-size:1.95vw}.enquiry{padding-top:13.2%;padding-bottom:8%}.enquiry h2{font-size:6.7vw;margin-bottom:47px}.choices{margin-bottom:36px}.choices legend{font-size:18px;margin-bottom:15px}.choices span{font-size:15px;padding:14px 19px;border-radius:21px}.choices>div{gap:12px}.field{font-size:17px;margin-bottom:31px}.field input,.field textarea{margin-top:11px;font-size:18px;padding:18px 20px;min-height:64px}.field textarea{min-height:170px}.submit{min-height:73px;font-size:29px}.reassurance{font-size:16px;margin-top:22px}.privacy{font-size:14px;margin-top:50px;padding-top:24px}.preview-note{font-size:14px}
 .work{padding-top:75px;padding-bottom:60px}.work h2{font-size:5.1vw}.work-heading p:last-child{font-size:17px}.client-brand strong{font-size:2.8vw}.device figcaption{font-size:29px}.visit-client{font-size:17px}.footer{padding-block:48px}.footer .brand>img{width:70px;height:70px}.footer .brand>span{font-size:29px}.footer>p{font-size:29px}.footer>a:last-child{font-size:15px}.laptop .device-image,.tablet .device-image{width:111%;margin-left:-5.5%}
}
@media(min-width:1800px){.intro h1{font-size:135px}.enquiry h2{font-size:120px}.intro-description{font-size:32px}.enquiry{padding-top:115px}.intro-copy{padding-top:115px}.work h2{font-size:88px}}
@media(min-width:1101px){.intro h1{line-height:.98;margin-bottom:25px}.intro-description{font-size:1.8vw}}
@media(max-width:1100px) and (min-width:761px){.enquiry{padding-inline:7%;padding-top:11%}.enquiry h2{font-size:57px;margin-bottom:28px}.choices{margin-bottom:23px}.choices span{font-size:10px;padding:9px 10px}.field{margin-bottom:18px}.field input{padding:12px;min-height:45px;font-size:12px}.field textarea{min-height:115px;font-size:12px}.submit{font-size:20px;min-height:54px}.privacy{margin-top:25px;font-size:10px}.reassurance{font-size:10px}.intro h1{font-size:7vw}.intro-description{font-size:1.8vw}.header nav{gap:25px}.brand>span{font-size:24px}.brand>img{width:52px;height:52px}.header .button{font-size:12px;padding-inline:18px}.footer>p{font-size:20px}}
@media(max-width:760px){.origin-note{font-size:10px;gap:4px 10px;min-height:38px;padding:7px 18px}.header{padding:19px 22px}.brand{gap:10px}.brand>img{width:43px;height:43px}.brand>span{font-size:21px;letter-spacing:.17em}.brand small{font-size:7px;margin-top:6px;letter-spacing:.2em}.header nav>a:not(.button){display:none}.header .button{font-size:11px;padding:11px 13px;min-height:44px;gap:8px}.header .button .arrow{width:15px}.intro{display:block}.atelier{aspect-ratio:958/1642;max-height:900px}.intro-copy{padding:10% 8% 0}.intro .eyebrow{font-size:8px;letter-spacing:.19em;max-width:90%}.intro h1{font-size:clamp(53px,10.3vw,75px);margin:20px 0 20px;line-height:1}.intro-description{font-size:clamp(14px,3.3vw,19px);line-height:1.5}.mobile-start{display:inline-flex;gap:12px;align-items:center;color:#fff6e8;font-size:11px;margin-top:18px;text-decoration:none;min-height:44px}.mobile-start .arrow{width:15px}.enquiry{padding:47px 24px 45px}.enquiry h2{font-size:60px;margin-bottom:29px}.choices{margin-bottom:28px}.choices span{font-size:11px;padding:11px 14px}.choices>div{gap:8px}.field{font-size:13px;margin-bottom:23px}.field input,.field textarea{font-size:16px}.field textarea{min-height:145px}.submit{font-size:23px;min-height:60px}.reassurance{font-size:11px}.privacy{margin-top:30px}.work{padding:44px 24px 36px}.work-heading{display:block}.work-heading .eyebrow{font-size:8px}.work h2{font-size:45px;max-width:300px}.work-heading p:last-child{font-size:12px;line-height:1.7}.client-brand{max-width:100%;margin:25px 0 0;align-items:flex-start;text-align:left}.client-brand strong{font-size:25px}.client-brand img{max-width:160px;max-height:65px}.devices{grid-template-columns:1fr 1fr;gap:10px;margin:20px -20px}.laptop{grid-column:1/-1;width:100%}.tablet{align-self:center}.phone{width:75%;max-width:185px}.device figcaption{font-size:20px;margin-top:-7px}.visit-client{font-size:11px}.footer{padding:32px 24px;flex-wrap:wrap;gap:25px}.footer .brand>span{font-size:21px}.footer .brand>img{width:43px;height:43px}.footer>p{order:3;flex-basis:100%;font-size:21px}.footer>a:last-child{font-size:10px;gap:8px}.footer .arrow{width:15px}}
@media(max-width:370px){.header{padding:17px}.header .brand>span{font-size:17px}.header .brand>img{width:35px;height:35px}.header .button{font-size:10px;padding:10px}.intro h1{font-size:48px}.intro-description{font-size:13px}.intro-copy{padding-top:8%}.mobile-start{margin-top:8px}.enquiry{padding-inline:20px}.choices span{font-size:10px;padding:10px 11px}.enquiry h2{font-size:53px}.work{padding-inline:20px}.footer{padding-inline:20px}}
@media(max-width:760px){.header{gap:12px}.header .brand>span{font-size:19px}.header .button{white-space:nowrap;font-size:10px;gap:6px;padding-inline:10px}.header .brand>img{width:38px;height:38px}.intro-copy{padding-top:8%}.intro h1{font-size:clamp(42px,12vw,64px);margin:18px 0}.intro-description{font-size:clamp(13px,3.3vw,19px);line-height:1.45}.mobile-start{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:761px) and (max-width:1100px){.intro-copy{padding-top:9%}.intro h1{font-size:6.6vw;line-height:.98;margin:20px 0}.intro-description{font-size:1.8vw}}

@media(max-width:370px){.header{padding:16px 14px;gap:10px}.header .brand{gap:7px}.header .brand>span{font-size:16px}.header .brand>img{width:30px;height:30px}.header .button{font-size:9px;padding-inline:9px}.intro-copy{padding-top:6%}.intro h1{font-size:36px;margin:12px 0}.intro-description{font-size:12px;line-height:1.4}}

/* Preserve V.Mend's supplied gold logo against its own charcoal. */
[data-client=vmend] .client-brand img{background:#1c1916;padding:10px 14px;border-radius:4px;width:220px;max-height:none}

/* Complete wordmarks already carry their own typography. */
.client-brand[data-logo-type=svg_wordmark] strong{display:none}