:root{--orange:#ED960B;--ink:#20201e;--paper:#fff8f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 "DM Sans",Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #1857a5;outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;background:white;z-index:8}.wrap{width:min(1280px,90%);margin:auto}header,.hero{background:var(--orange)}header .wrap,nav,.actions,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}header .wrap{padding:19px 0;border-bottom:1px solid #20201e77}.word{font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-1.5px;white-space:nowrap}.word i{font-family:Georgia,serif;font-weight:normal}.word b{display:inline-block;width:26px;height:23px;background:currentColor;clip-path:polygon(0 0,38% 26%,62% 26%,100% 0,86% 68%,50% 100%,14% 68%);margin-right:8px;vertical-align:-3px}nav a{font-size:15px;text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline}.btn{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:13px 21px;border-radius:30px;font-weight:650;font-size:15px}.btn:hover{background:#383832}.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:72px 0}.eyebrow,.label{font:700 12px/1.4 monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:32px;height:2px;background:currentColor}h1,h2,h3{font-family:'Bricolage Grotesque',Arial,sans-serif;line-height:1.02;letter-spacing:-.055em;margin:.3em 0}h1{font-size:clamp(48px,6.2vw,91px);max-width:18ch}h2{font-size:clamp(35px,4vw,62px)}h3{font-size:27px}.lead{font-size:20px;max-width:51ch}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:27px}.art{position:relative;aspect-ratio:1.23;border:1px solid #201d1b;background-color:#ff9563;background-image:radial-gradient(#9b542d99 1px,transparent 1px);background-size:11px 11px;border-radius:6px;overflow:hidden}.desk,.phone{position:absolute;box-shadow:6px 7px 0 #20201e;color:#24201f}.desk{width:73%;left:7%;top:14%;background:#fff9ed;transform:rotate(-4deg);border:2px solid;border-radius:7px;overflow:hidden}.bar{background:#302a29;color:#fff7ec;padding:9px 12px;font:11px monospace}.screen{padding:6%}.screen strong{font:italic clamp(19px,2.7vw,41px) Georgia}.row{border-top:1px solid #c4b8a8;padding:7px 0;font-size:clamp(10px,1vw,14px)}.phone{bottom:7%;right:6%;width:32%;height:59%;border:4px solid #20201e;border-radius:18px;transform:rotate(7deg);background:linear-gradient(155deg,#321f24 35%,#805555);color:#fff2de;padding:6% 3% 3%;display:flex;flex-direction:column;justify-content:space-between}.phone em{font:italic clamp(25px,3.5vw,50px) Georgia}.phone span{border-top:1px solid #dec7ae;font-size:12px;padding:6px 0}.caption{position:absolute;bottom:2%;left:3%;font:10px monospace;background:#ffb38f;padding:1px 5px}.section{padding:64px 0}.grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:8%}.list a,.list article{display:block;border-top:1px solid #918a82;padding:18px 0;text-decoration:none}.list a:hover h3{text-decoration:underline}.list p,article p{margin:8px 0;max-width:65ch}.list h3{display:flex;justify-content:space-between}.panel{background:#f1e7db}.inner{padding:65px 0 45px;border-bottom:1px solid #a89c90}.inner h1{max-width:21ch}.bodycopy{max-width:72ch}.bodycopy h2{font-size:34px;margin-top:1em}footer{border-top:1px solid #a89c90}footer .wrap{flex-wrap:wrap;padding:25px 0;font-size:14px}.small{font-size:14px}.contact{background:var(--ink);color:var(--paper);padding:40px 0}.contact .btn{background:var(--orange);color:var(--ink)}@media(max-width:780px){.hero .wrap,.grid{grid-template-columns:1fr;gap:32px}.hero .wrap{padding:40px 0}.art{max-width:520px;width:100%;margin:auto}header .wrap{flex-wrap:wrap;gap:12px}nav{gap:15px;flex-wrap:wrap}.section{padding:42px 0}header nav .btn{padding:6px 13px}.lead{font-size:18px}}@media(max-width:420px){header .wrap{width:94%}nav{column-gap:11px}nav a{font-size:14px}.btn{padding:10px 16px}.bar{font-size:9px}}
.hero .wrap{display:block;padding:48px 0}.hero h1{max-width:22ch}.hero .lead{max-width:69ch}.project-visual{padding:34px 0 44px;background:#f1e7db}.showcase{border:none;margin:0;padding:0;min-width:0}.showcase legend{font-size:clamp(28px,4vw,52px);letter-spacing:-.05em;font-weight:750;padding:0;margin-bottom:14px}.showcase label{display:inline-block;padding:9px 17px;border:1px solid var(--ink);border-radius:24px;cursor:pointer;margin:0 5px 5px 0;font-size:15px}.showcase input{position:absolute;opacity:0;width:1px;height:1px}.showcase input:checked+label{background:var(--ink);color:white}.showcase input:focus-visible+label{outline:3px solid #1358a7;outline-offset:3px}.showcase figure{display:none;margin:12px 0 0}.showcase img{display:block;width:100%;height:auto;border:1px solid #b3a89a;border-radius:8px}.showcase figcaption{font-size:15px;margin:9px 0}.showcase .actions{margin-top:12px}#customer:checked~.customer-shot,#diary:checked~.diary-shot{display:block}
#landing:checked~.landing-view,#portal:checked~.portal-view,#studio:checked~.studio-view{display:block}.desk-scene{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;gap:3%;padding:4.5% 4% 2.7%;overflow:hidden;border-radius:12px;background:linear-gradient(120deg,#ded5c7,#f3eee5 60%,#d7cbb9);border:1px solid #c3b7a6}.desk-scene:before{content:"";position:absolute;z-index:-1;inset:76% 0 0;background:repeating-linear-gradient(1deg,#b68b68 0px,#caa484 2px,#ceaa89 4px,#bd9675 6px);box-shadow:0 -1px 0 #ad8c6c}.monitor-unit{width:77%;position:relative}.monitor-screen,.handset{display:block;background:#242629;border:1px solid #0e1012;box-shadow:0 5px 9px #3c312e38}.monitor-screen{padding:1.15% 1.15% 2%;border-radius:10px}.showcase .desk-scene img{display:block;border:0;border-radius:3px;width:100%;height:auto}.monitor-foot{display:block;position:relative;width:22%;height:clamp(18px,3vw,44px);margin:auto;background:linear-gradient(90deg,#848587,#c7c9c8 55%,#9d9c9a);clip-path:polygon(33% 0,67% 0,72% 75%,99% 88%,100% 100%,0 100%,1% 88%,28% 75%)}.handset{width:15%;padding:.48%;border-radius:clamp(8px,1.35vw,20px);margin-bottom:.3%;box-shadow:4px 6px 7px #4a352e45}.showcase .handset img{border-radius:clamp(6px,1vw,16px)}@media(max-width:600px){.desk-scene{padding:6% 2% 4%;gap:2%}.monitor-screen{border-radius:4px}.showcase label{font-size:14px;padding:7px 11px}}
.feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.feature-heading h2{margin-bottom:0}.salon-feature img,.demo-grid img{display:block;width:100%;height:auto}.salon-feature .handset img{border-radius:inherit}.salon-feature .desk-scene{padding-top:3.5%}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:32px}.demo-grid article p{margin-bottom:16px}.demo-grid .monitor-unit{width:95%}.hero .wrap{display:block}@media(max-width:700px){.demo-grid{grid-template-columns:1fr}.feature-heading{gap:10px}}

.walkthrough{margin:0}.walkthrough video{display:block;width:100%;height:auto;aspect-ratio:64/49;background:#101010;border-radius:8px}.walkthrough figcaption{font-size:14px;line-height:1.6;margin:12px 0 20px;max-width:80ch}.demo-screen{display:block;border:1px solid #c3b7a6;border-radius:8px;overflow:hidden;margin-bottom:12px}.project-visual{background:#fff8f0}
/* Studio service expansion */
.studio-hero .wrap{padding:64px 0 58px}.studio-hero h1{max-width:18ch;font-size:clamp(52px,7.6vw,108px);margin:25px 0 30px}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}.hero-bottom .actions{margin-bottom:20px}.service-ribbon{background:var(--ink);color:var(--paper);padding:20px 5%;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font-size:18px}.service-ribbon span{color:var(--orange)}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:35px}.section-heading p{max-width:43ch}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{position:relative;display:flex;flex-direction:column;text-decoration:none;padding:30px 25px 55px;border:1px solid #aaa092;min-height:310px;border-radius:5px}.service-card h3{font-size:32px;margin-top:26px}.service-card:hover{background:#f5e5cc;border-color:var(--ink)}.service-tags{font-size:13px;margin-top:auto;padding-top:18px}.card-arrow{position:absolute;right:24px;bottom:20px;font-size:24px}.ink-panel{background:var(--ink);color:var(--paper)}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.offer-grid article{border-top:1px solid #898277;padding-top:24px}.offer-grid h3{font-size:35px;margin:24px 0}.offer-grid .btn{background:var(--orange);color:var(--ink);margin-top:14px}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.creative-tile{padding:32px;text-decoration:none;border-radius:5px}.photo-tile{background:#e8ddcd}.film-tile{background:var(--ink);color:var(--paper)}.type-art{font-size:clamp(42px,6vw,80px);line-height:1;font-weight:800;letter-spacing:-.06em;margin:45px 0;border-left:5px solid var(--orange);padding-left:20px}.film-art{display:flex;align-items:center;gap:24px;min-height:280px}.film-art span{display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;width:80px;height:80px;font-size:28px;color:var(--orange);flex-shrink:0}.film-art b{font-size:clamp(30px,4vw,54px);line-height:1.05;letter-spacing:-.04em}.creative-tile:hover h3{text-decoration:underline}.campaign-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:45px}.campaign-flow li{border-top:3px solid var(--orange);padding-top:20px}.campaign-flow span{font:12px monospace;text-transform:uppercase}.campaign-flow h3{margin-top:20px}.campaign-flow p{font-size:16px}.salon-feature .walkthrough{max-width:1000px;margin:auto}.salon-feature>p{max-width:70ch}.service-card:focus-visible,.creative-tile:focus-visible{outline:3px solid #1857a5;outline-offset:4px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-grid{grid-template-columns:1fr}.campaign-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-bottom{grid-template-columns:1fr;gap:0}.film-art{flex-direction:column;align-items:flex-start;justify-content:center}}@media(max-width:600px){.service-grid,.creative-grid,.section-heading,.campaign-flow{grid-template-columns:1fr}.service-card{min-height:250px}.creative-tile{padding:25px}.studio-hero .wrap{padding:40px 0}.service-ribbon{gap:12px;font-size:14px}.section-heading{gap:12px}.film-art{min-height:230px}.type-art{font-size:60px}.hero-bottom .actions{margin-bottom:0}.service-card h3{font-size:30px}}
.route-anchor{scroll-margin-top:30px}.route-anchor>p{max-width:65ch}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Illustrated service cards and a clearly editorial supporting statement. */
.studio-statement{background:var(--ink);color:var(--paper);padding:27px 5%;text-align:center}.studio-statement p{margin:0;font-size:clamp(18px,2.2vw,28px);line-height:1.45;letter-spacing:-.025em}.studio-statement em{color:#f6af3e;font-family:Georgia,serif;font-weight:normal;margin:0 .25em}.service-card{padding:0 26px 24px;overflow:hidden;border-color:#c4b6a3;background:#fffaf4;box-shadow:0 3px 0 #20201e08;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-art{height:122px;margin:0 -26px 25px;background:#f3dfbd;border-bottom:1px solid #d8c5a5;position:relative;padding:9px 23px;overflow:hidden}.service-art:after{content:'';position:absolute;right:-25px;top:-38px;width:145px;height:145px;border:1px solid #20201e1a;border-radius:50%}.service-art svg{display:block;width:170px;height:104px;position:relative;z-index:1}.service-art .solid{fill:var(--orange);stroke:var(--ink)}.service-art .wash{fill:#fff8f0}.service-art .accent-line{stroke:#a55e00;stroke-width:5}.art-number{position:absolute;right:20px;bottom:9px;font-size:67px;line-height:1;font-weight:800;letter-spacing:-.07em;color:#20201e12}.service-card:nth-child(2) .service-art,.service-card:nth-child(6) .service-art{background:#e6e8dd}.service-card:nth-child(3) .service-art,.service-card:nth-child(5) .service-art{background:#e7ded3}.service-card:nth-child(4) .service-art{background:#f2d2b8}.service-card>.eyebrow{font-size:11px}.service-card h3{margin-top:18px;min-height:2.05em}.service-card>p{margin:9px 0 24px}.service-card .service-tags{padding:0 0 20px;line-height:1.6;display:block}.card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7cbbd;padding-top:15px;font-size:13px;font-weight:700}.card-action>span{display:grid;place-items:center;background:var(--orange);color:var(--ink);width:31px;height:31px;border-radius:50%;font-size:20px}.service-card:hover{background:#fffaf4;transform:translateY(-4px);box-shadow:0 9px 22px #20201e12;border-color:#9d7c47}.service-card:hover .card-action{text-decoration:underline}.service-card:focus-visible{transform:translateY(-2px)}@media(max-width:600px){.service-art{height:110px}.service-art svg{height:92px}.service-card h3{min-height:0}.studio-statement{padding:22px 6%}.studio-statement em{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover,.service-card:focus-visible{transform:none}}
.founder-portrait{margin:26px 0 0;max-width:360px}.founder-portrait img{display:block;width:100%;height:auto;border-radius:6px;background:white;border:1px solid #d7cbbd}.founder-portrait figcaption{font-size:13px;margin-top:9px;color:#555148}@media(max-width:780px){.founder-portrait{max-width:300px}}