.service-page { overflow-x: clip; }
.service-page em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; color: var(--accent); }
.service-breadcrumb { display:flex; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:11px; padding:28px 0 38px; }
.service-breadcrumb a:hover { color:var(--accent); }
.hero-composition { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; padding:16px 0 65px; }
.service-hero-copy h1 { font-size:clamp(48px,5.1vw,78px); line-height:1.02; letter-spacing:-.065em; margin:26px 0; }
.service-lead { max-width:460px; font-size:15px; line-height:1.9; color:var(--muted); margin-bottom:28px; }
.hero-kicker { font:10px/1.6 "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; margin-top:35px; color:var(--muted); }
.service-hero-demo { min-width:0; }
.demo-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-top:22px; }
.demo-toolbar>span { color:var(--muted); font-size:11px; }
.segmented { display:flex; gap:3px; padding:4px; background:var(--surface); border:1px solid var(--line); border-radius:100px; flex-shrink:0; }
.segmented button { border:0; padding:10px 13px; background:transparent; color:var(--muted); border-radius:100px; cursor:pointer; font:10px "DM Mono",monospace; transition:background .2s,color .2s; }
.segmented button[aria-pressed="true"] { background:var(--accent); color:var(--bg); }
.segmented button:hover { color:var(--text); }
.segmented button[aria-pressed="true"]:hover { color:var(--bg); }
.demo-note { color:var(--muted); font-size:9px; margin:12px 0 0; letter-spacing:.02em; }
.service-subnav { padding:22px 0; border-block:1px solid var(--line); display:flex; align-items:center; gap:30px; font-size:11px; }
.service-subnav>span { margin-right:auto; font:10px "DM Mono",monospace; letter-spacing:.1em; color:var(--muted); }
.service-subnav a:hover { color:var(--accent); }
.service-intro { padding-block:125px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.service-intro h2,.service-page .section-head h2,.service-matcher h2,.service-faq h2 { font-size:clamp(36px,3.7vw,57px); line-height:1.1; letter-spacing:-.05em; margin:22px 0; }
.service-intro-title>p:last-child { font-size:14px; line-height:1.9; color:var(--muted); max-width:450px; }
.capability-list article { display:grid; grid-template-columns:32px 1fr 20px; gap:14px; padding:23px 0; border-top:1px solid var(--line); }
.capability-list article:last-child { border-bottom:1px solid var(--line); }
.capability-number { color:var(--accent); font:11px "DM Mono",monospace; padding-top:6px; }
.capability-list h3 { font-size:18px; margin:0 0 9px; letter-spacing:-.025em; }
.capability-list p { color:var(--muted); font-size:12px; line-height:1.7; margin:0; }
.capability-arrow { font-size:22px; color:var(--accent); transition:transform .3s; }
.capability-list article:hover .capability-arrow { transform:translate(4px,-4px); }
.service-studies,.service-process,.service-packages { padding-bottom:125px; }
.service-page .section-head { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:38px; }
.service-page .section-head h2 { margin-bottom:0; }
.service-page .section-head>p { font-size:13px; line-height:1.85; max-width:360px; color:var(--muted); }
.study-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.study-art { container-type:inline-size; }
.study-art { min-height:320px; aspect-ratio:1/.99; position:relative; background:#d2b779; color:#3c1028; padding:28px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; transition:transform .4s; }
.study-card:hover .study-art { transform:translateY(-5px); }
.study-label,.study-art-foot { z-index:1; font:8px/1.5 "DM Mono",monospace; letter-spacing:.13em; }
.study-art>strong { position:relative; z-index:1; font-size:clamp(30px,3.5vw,54px); line-height:.98; letter-spacing:-.065em; }
.study-card-caption { padding-top:20px; }
.study-card-caption h3 { font-size:15px; margin:0 0 8px; }
.study-card-caption p { font-size:11px; line-height:1.6; color:var(--muted); margin:0; }
.study-card:nth-child(2) .study-art { background:#4b1830; color:#eee4d5; }
.study-card:nth-child(3) .study-art { background:#e9e0d0; color:#4b1830; }
.study-shape { position:absolute; width:180px; height:180px; border:1px solid currentColor; opacity:.2; border-radius:50%; right:-65px; top:45px; }
.art-identity>strong { font-family:Georgia,serif; font-size:140px; font-weight:400; }
.art-identity .study-shape { inset:70px auto auto 45px; width:250px; height:250px; border-radius:0; transform:rotate(-12deg); }
.art-campaign>strong { font-weight:800; }
.art-collateral>strong { padding:50px 0; text-align:center; transform:rotate(-10deg); background:#4b1830; color:#dcc185; box-shadow:14px 14px 0 #cab5a4; font-size:64px; }
.art-stationery>strong { width:70%; height:65%; display:grid; place-content:center; font:90px Georgia,serif; background:#f3ece1; box-shadow:12px 16px 20px #42231433; transform:rotate(-10deg); margin:auto; }
.art-packaging>strong { margin:auto; padding:40px 25px; border:1px solid #d3b577; background:#60263c; box-shadow:15px 15px 0 #2d0b20; font-size:29px; transform:rotate(-7deg); }
.art-largeformat>strong { padding:25px; background:#521b33; color:#eadcca; border:10px solid #b9ac99; box-shadow:5px 9px 15px #39261d33; }
.studies-events .study-art { background:radial-gradient(ellipse at 50% 0,#ac79543b,transparent 60%),#190e17; color:#d9bb7c; }
.studies-events .study-card:nth-child(2) .study-art { background:radial-gradient(ellipse at 85% 0,#d2b77955,transparent 55%),#4b1830; }
.studies-events .study-card:nth-child(3) .study-art { background:radial-gradient(ellipse at 10% 0,#d2b77944,transparent 60%),#231c22; color:#e8dccc; }
.studies-events .study-art>strong { margin:auto; text-align:center; border:1px solid #d9bb7c33; padding:20px; width:100%; }
.studies-events .study-shape { border-radius:0; transform:perspective(150px) rotateX(55deg); width:150%; bottom:-30px; top:auto; right:-25%; height:85px; background:repeating-linear-gradient(90deg,transparent 0 30px,#d2b77944 31px 32px); opacity:.5; }
.studies-web .study-art { margin-top:28px; min-height:260px; aspect-ratio:1/.85; overflow:visible; border:1px solid var(--line); }
.studies-web .study-art:before { content:"●  ●  ●"; font-size:7px; letter-spacing:3px; color:var(--muted); position:absolute; top:-28px; left:-1px; right:-1px; height:28px; padding:8px 15px; background:var(--surface-2); border:1px solid var(--line); }
.studies-web .study-art>strong { font-size:33px; }
.studies-web .study-shape { top:100px; right:20px; width:90px; height:90px; border-width:14px; opacity:.15; }
.studies-social .study-card:nth-child(2) { padding-top:50px; }
.studies-social .study-art { aspect-ratio:4/5; }
.studies-social .study-art>strong { font-size:clamp(32px,3.1vw,48px); }
.process-steps { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); padding:0; margin:0; }
.process-steps li { padding:25px 30px 10px 0; border-top:1px solid var(--line); }
.step-number { display:block; font:12px "DM Mono",monospace; color:var(--accent); margin-bottom:28px; }
.process-steps h3 { font-size:17px; margin:0 0 12px; }
.process-steps p { font-size:12px; color:var(--muted); line-height:1.8; margin:0; max-width:230px; }
.process-events { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.process-events .section-head { display:block; }
.process-events .section-head>p { margin-top:24px; }
.process-events .process-steps { display:block; }
.process-events .process-steps li { position:relative; padding:24px 0 24px 65px; border-left:1px solid var(--line); border-top:0; }
.process-events .step-number { position:absolute; top:24px; left:-16px; margin:0; background:var(--bg); padding:6px 8px; }
.process-events .process-steps p { max-width:100%; }
.service-package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--line); }
.service-package { padding:36px 30px; display:flex; flex-direction:column; min-width:0; }
.service-package+.service-package { border-left:1px solid var(--line); }
.service-package:nth-child(2) { background:var(--surface); }
.service-package h3 { margin:28px 0 18px; font-size:31px; line-height:1.1; letter-spacing:-.035em; }
.service-package>p { color:var(--muted); font-size:12px; line-height:1.8; min-height:66px; margin:0; }
.service-package ul { padding:0; list-style:none; margin:25px 0 30px; }
.service-package li { font-size:11px; padding:11px 0; border-top:1px solid var(--line); }
.service-package li:before { content:"+"; margin-right:9px; color:var(--accent); }
.service-package .text-link { font-size:11px; margin-top:auto; display:flex; justify-content:space-between; gap:10px; }
.service-matcher { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-block:60px; border-block:1px solid var(--line); margin-bottom:125px; }
.matcher-form label { display:block; font-size:12px; color:var(--muted); margin-bottom:12px; }
.matcher-form select { width:100%; padding:17px; background:var(--surface); border:1px solid var(--line); border-radius:0; color:var(--text); font:13px Manrope,sans-serif; }
.matcher-answer { padding-top:24px; }
.matcher-answer h3 { font-size:24px; letter-spacing:-.04em; margin:13px 0; }
.matcher-answer p { color:var(--muted); font-size:12px; line-height:1.8; margin-bottom:20px; }
.matcher-answer .text-link { font-size:12px; }
.service-faq { display:grid; grid-template-columns:1fr 1.3fr; gap:90px; padding-bottom:125px; }
.service-faq-list details { border-top:1px solid var(--line); }
.service-faq-list details:last-child { border-bottom:1px solid var(--line); }
.service-faq-list summary { list-style:none; display:flex; justify-content:space-between; gap:25px; font-size:14px; line-height:1.6; padding:25px 0; cursor:pointer; }
.service-faq-list summary::-webkit-details-marker { display:none; }
.service-faq-list summary:after { content:none; }
.service-faq-list summary>span { color:var(--accent); font-size:20px; line-height:1; transition:transform .2s; }
.service-faq-list details[open] summary>span { transform:rotate(45deg); }
.service-faq-list details p { color:var(--muted); font-size:13px; line-height:1.85; margin:0 35px 25px 0; }
.service-cta { text-align:center; border-block:1px solid var(--line); padding-block:85px; background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--wine) 17%,transparent),transparent 70%); }
.service-cta h2 { font-size:clamp(42px,5.5vw,78px); line-height:1.12; margin:22px 0 32px; letter-spacing:-.055em; }
.service-more { padding-block:70px; }
.service-more>div { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin-top:25px; }
.service-more a { display:flex; justify-content:space-between; font-size:13px; padding:17px 0; border-bottom:1px solid var(--line); transition:color .2s; }
.service-more a:hover { color:var(--accent); }
.service-page .footer-brand { font-size:30px; font-weight:800; letter-spacing:-.05em; }
.service-page .footer-brand>span { font-size:12px; vertical-align:top; padding-left:3px; }
.service-page .site-footer>div { display:flex; gap:24px; align-items:center; font-size:10px; color:var(--muted); }
.service-page .site-footer>p { color:var(--muted); font-size:12px; }

.design-playground { height:440px; background:#292027; position:relative; overflow:hidden; border:1px solid #80644f44; }
.canvas-grid { position:absolute; inset:0; background-image:linear-gradient(#bca78215 1px,transparent 1px),linear-gradient(90deg,#bca78215 1px,transparent 1px); background-size:30px 30px; }
.canvas-meta { position:absolute; top:20px; left:22px; right:22px; color:#beaa87; font:9px "DM Mono",monospace; display:flex; justify-content:space-between; }
.design-poster { position:absolute; left:18%; top:15%; width:66%; height:72%; background:#d5b779; color:#491b2f; transform:rotate(-7deg); padding:24px; box-shadow:20px 25px 35px #0005; transition:transform .7s,background .7s,color .7s; }
.poster-label { font:7px "DM Mono",monospace; letter-spacing:.14em; }
.design-poster>strong { display:block; font-size:85px; line-height:.9; letter-spacing:-.065em; margin-top:24px; }
.design-poster em { color:inherit; font-family:inherit; font-weight:800; }
.poster-bottom { position:absolute; bottom:22px; font:8px/1.4 "DM Mono",monospace; }
.poster-symbol { position:absolute; font-size:85px; bottom:18px; right:20px; animation:service-spin 26s linear infinite; }
.palette-strip { display:flex; position:absolute; bottom:56px; right:22px; transform:rotate(7deg); border:5px solid #e9e0d0; box-shadow:0 12px 20px #0004; }
.palette-strip i { width:30px; height:40px; background:#4b1830; }
.palette-strip i:nth-child(2) { background:#d3b577; }
.palette-strip i:nth-child(3) { background:#ece1cd; }
.palette-strip i:nth-child(4) { background:#252124; }
.canvas-tag { position:absolute; left:22px; bottom:19px; font:8px "DM Mono",monospace; color:#beaa87; }
.canvas-corner { position:absolute; width:18px; height:18px; border:1px solid #d3b57788; }
.corner-a { top:65px; left:30px; border-right:0;border-bottom:0; }
.corner-b { bottom:45px; right:30px; border-left:0;border-top:0; }
.design-playground[data-direction="refined"] .design-poster { transform:rotate(0); background:#ece1cd; }
.design-playground[data-direction="refined"] .design-poster>strong { font-family:Georgia,serif; font-weight:400; letter-spacing:-.06em; }
.design-playground[data-direction="refined"] .design-poster em { font-family:Georgia,serif; font-weight:400; }
.design-playground[data-direction="refined"] .poster-symbol { font-size:65px; }
.design-playground[data-direction="playful"] .design-poster { transform:rotate(7deg); background:#601b37; color:#e9c27e; border-radius:55px 0 55px 0; }
.design-playground[data-direction="playful"] .design-poster>strong { transform:rotate(-6deg); }
.design-playground[data-direction="playful"] .poster-symbol { color:#eedfd0; }

.print-bench { height:460px; background:#d7cbb7; position:relative; overflow:hidden; color:#502139; background-image:repeating-linear-gradient(20deg,#fff0 0 2px,#6c4a2810 3px 4px); }
.bench-mark { position:absolute; font:8px "DM Mono",monospace; letter-spacing:.12em; z-index:3; }
.mark-top { left:25px; top:24px; }
.mark-bottom { right:25px; bottom:24px; }
.paper-sheet { position:absolute; transition:background .6s,color .6s,transform .6s; }
.sheet-back { width:48%; height:70%; left:16%; top:15%; background:#f4eee2; color:#602840; transform:rotate(-13deg); padding:26px; box-shadow:10px 18px 20px #3f241333; }
.sheet-back span { font:italic 30px/1.05 Georgia,serif; letter-spacing:-.04em; }
.sheet-back i { display:block; width:60px; height:60px; border:1px solid #71334b44; border-radius:50%; margin-top:45px; }
.sheet-front { width:69%; height:44%; top:36%; left:23%; background:#571e36; color:#d9bc7d; padding:28px; transform:rotate(8deg); box-shadow:0 16px 25px #3f241355; }
.sheet-front:after { content:""; position:absolute; inset:0; opacity:.14; background-image:repeating-linear-gradient(24deg,transparent 0 1px,#dab77b55 2px 3px); pointer-events:none; }
.paper-overline { font:7px "DM Mono",monospace; letter-spacing:.12em; }
.sheet-front strong { display:block; font-size:clamp(22px,2.6vw,39px); letter-spacing:-.075em; margin-top:38px; line-height:1; position:relative; }
.sheet-front strong span { font-size:10px; vertical-align:top; padding-left:3px; }
.paper-rule { width:35px; height:1px; background:currentColor; margin:14px 0 11px; }
.sheet-front small { font:6px "DM Mono",monospace; letter-spacing:.13em; }
.finish-disc { position:absolute; width:95px; height:95px; border-radius:50%; background:#c9a66c; color:#4d1d33; bottom:26px; left:25px; display:grid; place-content:center; font:9px/1.25 "DM Mono",monospace; transform:rotate(-12deg); border:1px solid #97753f; }
.print-bench[data-finish="foil"] .sheet-front { background:#3a1827; transform:rotate(4deg); }
.print-bench[data-finish="foil"] .sheet-front strong { background:linear-gradient(110deg,#977238 5%,#f7e1a6 30%,#bd9142 48%,#fff0c0 65%,#c09d58 85%); background-size:250% 100%; background-clip:text; color:transparent; animation:foil-shine 5s ease-in-out infinite; }
.print-bench[data-finish="emboss"] .sheet-front { background:#e9decc; color:#947958; transform:rotate(2deg); }
.print-bench[data-finish="emboss"] .sheet-front strong { color:#dacdb8; text-shadow:1px 2px 1px #947958,-1px -1px 0 #fff8e9; }
.print-bench[data-finish="emboss"] .sheet-back { transform:rotate(-8deg); }

.hero-events .hero-composition { grid-template-columns:.9fr 1.1fr; }
.hero-events .service-hero-copy h1 { font-size:clamp(44px,4.4vw,68px); }
.event-stage { height:465px; position:relative; background:#100b12; overflow:hidden; color:#eadcbb; perspective:600px; border:1px solid #56413b; container-type:inline-size; }
.stage-grid { position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 35px,#e9c58205 36px 37px); }
.stage-truss { position:absolute; left:20px; right:20px; height:12px; top:26px; border-block:1px solid #d2b77944; background:repeating-linear-gradient(45deg,transparent 0 10px,#d2b77933 11px 12px); }
.stage-light { width:150px; height:450px; position:absolute; top:25px; background:linear-gradient(#ffe4a345,#ffe4a300); clip-path:polygon(46% 0,54% 0,100% 100%,0 100%); transform-origin:50% 0; filter:blur(2px); opacity:.8; z-index:2; pointer-events:none; }
.light-a { left:1%; animation:stage-sweep 9s ease-in-out infinite alternate; }
.light-b { right:1%; animation:stage-sweep 9s ease-in-out -9s infinite alternate-reverse; }
.stage-screen { position:absolute; left:15%; right:15%; top:24%; bottom:21%; background:radial-gradient(ellipse at center,#55203a,#28111f); border:1px solid #b6915755; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 60px #673e3133; padding:20px; transition:background .7s; }
.stage-screen small { font:6px "DM Mono",monospace; letter-spacing:.14em; }
.stage-screen strong { font-size:clamp(20px,8.5cqw,57px); text-align:center; line-height:.94; letter-spacing:-.06em; margin:22px 0; }
.stage-screen>span { font-size:8px; text-align:center; }
.stage-floor { position:absolute; width:100%; height:50px; bottom:15%; background:linear-gradient(#392432,#140d13); transform:rotateX(45deg); border-top:1px solid #c49c6255; }
.stage-caption { position:absolute; bottom:23px; left:23px; display:flex; align-items:center; gap:8px; font:7px "DM Mono",monospace; letter-spacing:.08em; }
.event-stage .stage-caption { color:#e8d4ad; }
.stage-dot { width:5px; height:5px; border-radius:50%; background:#d3b577; box-shadow:0 0 15px #d3b577; }
.event-stage[data-scene="reveal"] .stage-screen { background:radial-gradient(ellipse at center,#d2b779,#93784f); color:#2a101f; }
.event-stage[data-scene="reveal"] .stage-light { opacity:1; width:200px; background:linear-gradient(#ffe4a366,#ffe4a300); }
.event-stage[data-scene="celebrate"] .stage-screen { background:radial-gradient(ellipse at center,#743853,#4a1c33); }
.event-stage[data-scene="celebrate"] .stage-grid { background-image:radial-gradient(#d2b779 1px,transparent 1px); background-size:36px 36px; }
.event-stage[data-scene="celebrate"] .stage-light { background:linear-gradient(#e27e9e55,#e27e9e00); }

.hero-web .hero-composition { display:block; text-align:center; padding-top:5px; }
.hero-web .service-hero-copy h1 { font-size:clamp(48px,5.6vw,84px); }
.hero-web .service-lead { margin-inline:auto; max-width:575px; }
.hero-web .hero-kicker { margin-top:24px; }
.hero-web .service-hero-demo { width:880px; max-width:100%; margin:35px auto 0; text-align:left; }
.web-workbench { min-height:410px; display:flex; align-items:center; justify-content:center; padding:24px 24px 45px; background-image:radial-gradient(var(--line) 1px,transparent 1px); background-size:16px 16px; border:1px solid var(--line); position:relative; }
.web-preview { width:100%; border:1px solid #776454; background:#eae1d1; box-shadow:10px 15px 40px #0003; transition:width .65s cubic-bezier(.2,.7,.3,1); color:#3f1830; position:relative; overflow:hidden; }
.browser-chrome { height:32px; display:flex; align-items:center; justify-content:space-between; padding:0 15px; border-bottom:1px solid #4b183022; font:7px "DM Mono",monospace; background:#f3ece0; }
.browser-dots { display:flex; gap:4px; }
.browser-dots i { width:5px; height:5px; border-radius:50%; background:#aa967f; }
.mini-site { padding:22px 30px; }
.mini-nav { display:flex; justify-content:space-between; font-size:8px; padding-bottom:15px; border-bottom:1px solid #4b183022; }
.mini-nav b { font-size:10px; letter-spacing:-.03em; }
.mini-body { display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:center; padding:25px 0; }
.mini-body small { display:block; font:6px "DM Mono",monospace; letter-spacing:.15em; }
.mini-body strong { display:block; font-size:43px; line-height:.96; letter-spacing:-.055em; margin:13px 0; }
.mini-body strong em { color:#4b1830; }
.mini-button { display:inline-block; padding:9px 14px; background:#4b1830; color:#eae1d1; font-size:7px; margin-top:7px; }
.mini-orbit { min-height:205px; display:grid; place-content:center; position:relative; background:#541e38; color:#d8b77a; overflow:hidden; }
.mini-orbit i { position:absolute; width:75%; aspect-ratio:1; border:1px solid #c4a27077; border-radius:50%; top:10%; left:13%; }
.mini-orbit b { font-size:130px; line-height:1; font-weight:400; animation:service-spin 32s linear infinite; }
.mini-bottom { display:flex; justify-content:space-between; gap:15px; font:6px "DM Mono",monospace; padding-top:15px; border-top:1px solid #4b183033; }
.web-caption { position:absolute; bottom:17px; font:8px "DM Mono",monospace; color:var(--muted); letter-spacing:.12em; }
.web-preview[data-device="tablet"] { width:65%; }
.web-preview[data-device="tablet"] .mini-body strong { font-size:34px; }
.web-preview[data-device="tablet"] .mini-orbit { min-height:200px; }
.web-preview[data-device="mobile"] { width:235px; }
.web-preview[data-device="mobile"] .mini-site { padding:15px; }
.web-preview[data-device="mobile"] .mini-nav>span { display:none; }
.web-preview[data-device="mobile"] .mini-body { grid-template-columns:1fr; padding:18px 0; gap:15px; }
.web-preview[data-device="mobile"] .mini-body strong { font-size:31px; }
.web-preview[data-device="mobile"] .mini-orbit { min-height:100px; }
.web-preview[data-device="mobile"] .mini-orbit b { font-size:80px; }
.web-preview[data-device="mobile"] .mini-bottom { display:none; }
.intro-web .capability-list { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.intro-web .capability-list article { display:block; border:1px solid var(--line); padding:22px; background:var(--surface); }
.intro-web .capability-number { display:block; margin-bottom:30px; }
.intro-web .capability-list h3 { font-size:15px; }
.intro-web .capability-arrow { display:block; margin-top:18px; }
.intro-web { gap:60px; }

.social-studio { height:500px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 50%,#61344944,transparent 65%); }
.social-phone { position:relative; width:248px; background:#ede5d8; color:#3c1b2d; border:7px solid #2d242b; border-radius:29px; padding:24px 9px 15px; box-shadow:15px 20px 30px #0004; z-index:2; transform:rotate(-5deg); transition:transform .6s; }
.phone-notch { position:absolute; top:8px; width:70px; height:8px; left:50%; transform:translateX(-50%); background:#2d242b; border-radius:10px; }
.post-profile { display:flex; gap:7px; align-items:center; padding:3px 0 12px; font-size:7px; }
.post-profile>span:nth-child(2) { flex:1; }
.post-profile small { display:block; font-size:5px; margin-top:2px; }
.profile-mark { width:22px; height:22px; background:#4b1830; color:#d6b97e; border-radius:50%; display:grid; place-content:center; font:13px Georgia,serif; }
.social-post { position:relative; aspect-ratio:1; background:#5b203b; color:#e8d4ab; padding:15px; overflow:hidden; transition:aspect-ratio .6s; }
.post-overline { font:5px "DM Mono",monospace; letter-spacing:.13em; }
.social-post strong { display:block; font-size:44px; letter-spacing:-.06em; line-height:.95; margin-top:19px; position:relative; z-index:1; }
.social-post strong em { color:#e8d4ab; }
.social-post>small { position:absolute; bottom:14px; font:4px "DM Mono",monospace; }
.post-spark { position:absolute; color:#b28b6255; bottom:15px; right:-10px; font-size:105px; line-height:1; animation:service-spin 25s linear infinite; }
.post-footer { display:flex; flex-direction:column; gap:6px; padding:12px 3px 3px; font-size:6px; }
.post-footer>span:first-child { font-size:16px; }
.story-reply { display:none; padding:10px 5px 0; font-size:7px; justify-content:space-between; }
.social-side { position:absolute; width:160px; height:235px; padding:20px; color:#5b243b; background:#d8bb81; display:flex; flex-direction:column; justify-content:space-between; }
.side-left { left:3%; top:45px; transform:rotate(-16deg); }
.social-side small,.social-side>span:last-child { font:5px "DM Mono",monospace; letter-spacing:.04em; }
.social-side b { font-size:29px; line-height:.95; letter-spacing:-.05em; font-weight:800; }
.social-side em { color:inherit; }
.side-right { right:1%; bottom:60px; background:#632c46; color:#ddc6a2; transform:rotate(13deg); }
.side-right>span { font-size:20px; line-height:1; letter-spacing:-.05em; font-weight:800; }
.social-sticker { position:absolute; right:18px; top:45px; z-index:3; width:82px; height:82px; border-radius:50%; display:grid; place-content:center; background:#dfc087; color:#4b1830; font:9px/1.4 "DM Mono",monospace; transform:rotate(12deg); }
.social-studio[data-format="story"] .social-phone { transform:rotate(0); }
.social-studio[data-format="story"] .social-post { aspect-ratio:9/14; display:flex; flex-direction:column; justify-content:center; }
.social-studio[data-format="story"] .social-post strong { font-size:49px; }
.social-studio[data-format="story"] .post-footer { display:none; }
.social-studio[data-format="story"] .story-reply { display:flex; }
.social-studio[data-format="story"] .post-spark { bottom:45px; }
.intro-social .capability-list article:nth-child(even) { padding-left:35px; }

@keyframes service-spin { to { transform:rotate(360deg); } }
@keyframes stage-sweep { from { transform:rotate(-25deg); } to { transform:rotate(25deg); } }
@keyframes foil-shine { 0%,100% { background-position:0 0; } 50% { background-position:100% 0; } }
html[data-motion="paused"] .service-page *,html[data-motion="paused"] .service-page *:before,html[data-motion="paused"] .service-page *:after { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) {
 .service-page *, .service-page *:before, .service-page *:after { animation:none!important; transition:none!important; }
}
@media(min-width:1500px) {
 .design-playground,.print-bench,.event-stage { height:490px; }
 .design-poster>strong { font-size:105px; }
}
@media(max-width:1100px) {
 .hero-composition { gap:30px; }
 .service-hero-copy h1 { font-size:56px; }
 .design-playground,.print-bench,.event-stage { height:400px; }
 .design-poster { padding:22px; }
 .design-poster>strong { font-size:72px; }
 .poster-symbol { font-size:60px; }
 .demo-toolbar { align-items:flex-start; flex-direction:column; gap:10px; }
 .hero-web .demo-toolbar { flex-direction:row; align-items:center; }
 .sheet-front { padding:23px; }
 .sheet-front strong { font-size:26px; margin-top:30px; }
 .service-intro,.service-matcher,.service-faq { gap:50px; }
 .study-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .study-art { min-height:265px; padding:23px; }
 .service-package { padding:30px 22px; }
 .service-package h3 { font-size:28px; }
 .social-side { width:140px; }
 .social-phone { width:225px; }
 .social-post strong { font-size:39px; }
 .social-sticker { width:66px; height:66px; font-size:7px; right:6px; }
 .service-page .site-footer>div { gap:14px; flex-wrap:wrap; }
}
@media(max-width:800px) {
 .service-breadcrumb { padding-block:22px; font-size:10px; }
 .hero-composition,.hero-events .hero-composition { grid-template-columns:1fr; gap:35px; padding-bottom:35px; }
 .service-hero-copy h1,.hero-events .service-hero-copy h1 { font-size:clamp(46px,8.5vw,72px); }
 .service-lead { max-width:540px; font-size:14px; }
 .hero-kicker { margin-top:25px; }
 .service-hero-demo { max-width:600px; width:100%; margin-inline:auto; }
 .design-playground,.print-bench,.event-stage { height:470px; }
 .design-poster>strong { font-size:102px; }
 .poster-symbol { font-size:80px; }
 .sheet-front strong { font-size:40px; margin-top:35px; }
 .stage-screen small { font-size:8px; }
 .stage-screen>span { font-size:10px; }
 .demo-toolbar { flex-direction:row; align-items:center; }
 .service-intro { padding-block:80px; }
 .service-intro,.service-faq,.service-matcher,.process-events { grid-template-columns:1fr; gap:35px; }
 .service-intro-title>p:last-child { max-width:550px; }
 .service-studies,.service-process,.service-packages,.service-faq { padding-bottom:80px; }
 .service-page .section-head { gap:20px; align-items:start; }
 .service-page .section-head>p { max-width:250px; font-size:12px; }
 .study-grid { gap:16px; }
 .study-art { min-height:250px; padding:18px; }
 .study-art>strong { font-size:30px; }
 .art-identity>strong { font-size:100px; }
 .art-packaging>strong { padding:25px 14px; font-size:22px; }
 .art-largeformat>strong { font-size:22px; padding:15px; border-width:6px; }
 .studies-web .study-art { min-height:220px; }
 .studies-web .study-art>strong { font-size:23px; }
 .studies-social .study-art>strong { font-size:29px; }
 .study-label,.study-art-foot { font-size:6px; }
 .process-steps { grid-template-columns:1fr 1fr; gap:25px; }
 .service-package-grid { grid-template-columns:1fr; }
 .service-package { display:grid; grid-template-columns:1fr 1fr; gap:0 35px; padding:30px; }
 .service-package+.service-package { border-left:0; border-top:1px solid var(--line); }
 .service-package>.eyebrow { grid-column:1/-1; }
 .service-package h3 { grid-column:1; }
 .service-package>p { grid-column:1; grid-row:3; min-height:0; max-width:260px; }
 .service-package>ul { grid-column:2; grid-row:2/4; margin-block:22px; }
 .service-package .text-link { grid-column:1/-1; margin-top:20px; max-width:400px; }
 .service-matcher { padding-block:40px; margin-bottom:80px; }
 .service-matcher h2 { margin-bottom:0; }
 .service-more>div { grid-template-columns:1fr 1fr; }
 .service-subnav { gap:20px; }
 .service-subnav>span { display:none; }
 .service-cta { padding-block:65px; }
 .social-phone { width:260px; }
 .social-post strong { font-size:48px; }
 .social-side { width:175px; height:260px; }
 .social-sticker { width:85px; height:85px; font-size:9px; right:25px; }
}
@media(max-width:520px) {
 .service-hero-copy h1,.hero-events .service-hero-copy h1,.hero-web .service-hero-copy h1 { font-size:46px; }
 .service-breadcrumb { gap:7px; font-size:9px; }
 .hero-composition { padding-top:4px; }
 .service-subnav { font-size:10px; gap:20px; }
 .design-playground,.print-bench,.event-stage { height:350px; }
 .design-poster { left:17%; top:16%; padding:18px; }
 .design-poster>strong { font-size:67px; margin-top:21px; }
 .poster-symbol { font-size:55px; right:10px; }
 .poster-label { font-size:5px; }
 .poster-bottom { font-size:6px; }
 .palette-strip { right:12px; bottom:48px; border-width:4px; }
 .palette-strip i { width:22px; height:31px; }
 .canvas-meta,.canvas-tag { font-size:6px; }
 .canvas-tag { left:15px; }
 .demo-toolbar { flex-direction:column; align-items:flex-start; gap:10px; padding-top:16px; }
 .segmented button { padding:10px 14px; }
 .demo-note { font-size:8px; }
 .sheet-back { padding:18px; width:53%; }
 .sheet-back span { font-size:26px; }
 .sheet-front { left:20%; width:73%; height:43%; padding:20px; }
 .sheet-front strong { font-size:26px; margin-top:23px; }
 .paper-overline { font-size:5px; }
 .sheet-front small { font-size:4px; }
 .finish-disc { width:70px; height:70px; font-size:7px; left:18px; bottom:18px; }
 .bench-mark { font-size:6px; }
 .mark-top { top:18px; left:18px; }
 .mark-bottom { right:18px; bottom:18px; }
 .stage-screen { left:12%; right:12%; }
 .stage-screen strong { margin-block:16px; }
 .stage-screen small { font-size:5px; }
 .stage-screen>span { font-size:7px; }
 .stage-caption { font-size:6px; }
 .stage-light { height:350px; }
 .service-intro { padding-block:65px; }
 .service-intro h2,.service-page .section-head h2,.service-matcher h2,.service-faq h2 { font-size:37px; }
 .service-page .section-head { display:block; }
 .service-page .section-head>p { max-width:100%; margin-top:20px; }
 .study-grid { grid-template-columns:1fr; gap:30px; }
 .study-art { min-height:320px; aspect-ratio:1; padding:25px; }
 .study-art>strong { font-size:48px; }
 .study-label,.study-art-foot { font-size:8px; }
 .art-identity>strong { font-size:150px; }
 .art-stationery>strong { font-size:90px; }
 .art-packaging>strong { padding:35px 16px; }
 .art-largeformat>strong { font-size:42px; padding:20px; }
 .studies-web .study-art { min-height:280px; aspect-ratio:auto; }
 .studies-web .study-art>strong { font-size:40px; }
 .studies-social .study-card:nth-child(2) { padding-top:0; }
 .studies-social .study-art { aspect-ratio:1; }
 .studies-social .study-art>strong { font-size:44px; }
 .study-card-caption { padding-top:16px; }
 .service-package { display:block; padding:30px 25px; }
 .service-package>p { max-width:100%; }
 .service-package .text-link { margin-top:20px; }
 .process-steps { gap:20px; }
 .process-steps li { padding-right:8px; }
 .process-steps h3 { font-size:16px; }
 .process-steps p { font-size:11px; }
 .step-number { margin-bottom:20px; }
 .service-cta h2 { font-size:40px; }
 .service-cta>.eyebrow { font-size:8px; }
 .service-more { padding-block:50px; }
 .service-more>div { gap:12px 22px; }
 .service-more a { font-size:11px; }
 .hero-web .service-hero-demo { margin-top:25px; }
 .web-workbench { min-height:345px; padding:15px 10px 40px; }
 .mini-site { padding:14px; }
 .mini-body { gap:12px; padding-block:20px; }
 .mini-body strong { font-size:28px; }
 .mini-nav>span { font-size:6px; }
 .mini-nav b { font-size:8px; }
 .mini-orbit { min-height:165px; }
 .mini-orbit b { font-size:80px; }
 .mini-bottom { font-size:4px; gap:7px; }
 .browser-chrome { font-size:6px; padding-inline:10px; }
 .web-preview[data-device="tablet"] { width:85%; }
 .web-preview[data-device="tablet"] .mini-body strong { font-size:24px; }
 .web-preview[data-device="tablet"] .mini-orbit { min-height:165px; }
 .web-preview[data-device="mobile"] { max-width:220px; width:82%; }
 .hero-web .demo-toolbar { flex-direction:column; align-items:flex-start; }
 .intro-web .capability-list { gap:10px; }
 .intro-web .capability-list article { padding:18px; }
 .intro-web .capability-list h3 { font-size:14px; }
 .intro-web .capability-list p { font-size:11px; }
 .social-studio { height:420px; }
 .social-phone { width:220px; }
 .social-post strong { font-size:38px; }
 .social-side { width:125px; height:220px; padding:16px; }
 .side-left { left:-5%; }
 .side-right { right:-5%; }
 .social-side b { font-size:26px; }
 .side-right>span { font-size:17px; }
 .social-sticker { width:66px; height:66px; font-size:7px; right:0; top:26px; }
 .social-studio[data-format="story"] .social-phone { width:205px; }
 .social-studio[data-format="story"] .social-post strong { font-size:39px; }
 .service-page .site-footer>div { font-size:9px; }
}

/* Keep specimen lettering proportional to its card, including narrow tablets. */
.art-packaging>strong { font-size:clamp(18px,9cqw,29px); }
.art-largeformat>strong { font-size:clamp(22px,13cqw,42px); }
.studies-events .study-art>strong { font-size:clamp(24px,13cqw,54px); }
.studies-web .study-art>strong { font-size:clamp(24px,16cqw,40px); }
.studies-social .study-art>strong { font-size:clamp(24px,15cqw,48px); }