/* Loaded only on subservice pages. The composition follows the subject. */
.journey-stage{--journey-ink:var(--text);padding:22px;min-width:0;isolation:isolate}
.journey-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:9px;line-height:1.5;color:var(--muted)}.journey-top>span:last-child{font-size:7px;letter-spacing:.09em;color:var(--service-accent);text-align:right}
.journey-canvas{position:relative;height:310px;perspective:1000px;margin:18px 0 8px}.journey-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.journey-stage .journey-focus{min-height:90px;padding:18px 0;gap:15px}.journey-focus strong{font-size:12px;line-height:1.7}.journey-stage .journey-choices{display:block;padding-top:13px}.journey-choices>span{display:block;max-width:none;font-size:9px;margin-bottom:13px}.journey-choices>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.journey-stage .journey-choices button{width:100%;height:auto;min-height:57px;border-radius:8px;text-align:left;padding:10px 9px;font:9px/1.5 var(--ff-body);background:var(--bg-2);transform:none;display:flex;align-items:flex-start;flex-direction:column;gap:5px;overflow-wrap:anywhere}.journey-choices button>span{font:8px var(--ff-display);color:var(--muted-2)}.journey-choices button[aria-pressed=true]>span{color:#ffffffa0}.journey-choices button[aria-pressed=true]{background:#8b3dff;color:white}
.journey-stage [data-journey-node]{transition:transform .4s,border-color .4s,background .4s,opacity .4s}.journey-stage[data-step="0"] [data-journey-node="0"],.journey-stage[data-step="1"] [data-journey-node="1"],.journey-stage[data-step="2"] [data-journey-node="2"]{border-color:#ff2e9380!important;box-shadow:0 5px 25px -20px #ff2e93}
.journey-film,.journey-design,.journey-space,.journey-lighting,.journey-place{background:transparent;border-color:transparent;box-shadow:none}
/* Performance Max: a channel map. Remarketing: a return loop. */
.inventory-goal{display:flex;align-items:center;gap:13px;border:1px solid #ff6a2c65;border-radius:10px;padding:14px 16px;background:linear-gradient(115deg,#8b3dff20,#ff6a2c12);transform:translateZ(25px);margin:4px 10px 25px}.inventory-goal .ico{width:25px;height:25px;color:var(--orange)}.inventory-goal b{font:500 16px var(--ff-display);flex:1}.inventory-goal i{font-style:normal;color:var(--orange);font-size:20px}
.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}.inventory-grid>span{border:1px solid var(--line-2);background:var(--bg-2);padding:12px;border-radius:9px;display:grid;gap:5px;transform:translateZ(15px)}.inventory-grid>span>i{font-size:22px;color:var(--pink);font-style:normal;line-height:1}.inventory-grid b{font-size:10px;font-weight:500}.inventory-grid small{font-size:7px;color:var(--muted-2)}.inventory-grid>span:last-child:nth-child(7){grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-block:8px}.inventory-grid>span:last-child:nth-child(7)>small{margin-left:auto}
.return-route{display:flex;align-items:center;justify-content:center;gap:15px;padding-top:10px}.return-page{background:var(--bg-2);border:1px solid var(--line-2);border-radius:9px;padding:16px;width:132px;transform:rotate(-7deg) translateZ(15px)}.return-page>span{font:40px var(--ff-display);color:var(--purple);display:block}.return-page i{display:block;height:3px;width:70%;background:var(--line-2);margin:8px 0}.return-page small{font-size:8px;color:var(--muted)}.return-basket{display:grid;place-items:center;gap:15px;width:130px;transform:rotate(7deg)}.return-basket>.ico{width:55px;height:55px;color:var(--muted-2)}.return-basket small{font-size:9px;color:var(--muted);text-align:center}.route-dots{font-size:30px;color:var(--muted-2)}
.return-message{position:relative;z-index:2;display:flex;gap:12px;align-items:center;border:1px solid #ff2e9355;background:var(--surface-2);border-radius:11px;padding:18px;margin:28px 20px 0;transform:translateZ(55px);box-shadow:0 25px 35px -30px #0009}.return-message>.ico,.return-message>span>.ico{width:24px;height:24px;color:var(--pink)}.return-message small{font-size:7px;color:var(--muted-2);letter-spacing:.08em}.return-message b{display:block;font:500 14px/1.45 var(--ff-display);margin-top:7px;max-width:230px}.return-message i{font-size:35px;line-height:1;color:var(--orange);font-style:normal}.return-loop{position:absolute;left:0;bottom:-15px;width:100%;height:115px;fill:none;stroke:var(--pink);stroke-width:1.5;stroke-dasharray:4 5;z-index:-1;opacity:.6}
.journey-stage[data-step="1"] .return-message{transform:translateX(8px) translateZ(70px)}.journey-stage[data-step="2"] .return-message{transform:translateX(-5px) translateZ(80px)}.return-message{transition:transform .5s}
.intent-query{display:flex;gap:15px;align-items:center;border:1px solid var(--line-2);border-radius:30px;padding:16px 18px;background:var(--bg-2);margin:8px 0 20px}.intent-query>span{font-size:25px;color:var(--pink)}.intent-query b{font-size:12px;font-weight:400}.intent-results{display:grid;gap:10px}.intent-results>div{display:flex;gap:18px;padding:14px 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.intent-results>div>span{font:20px var(--ff-display);color:var(--service-accent)}.intent-results>div>div{flex:1}.intent-results b{font-size:10px;line-height:1.5;font-weight:500}.intent-results i{display:block;height:3px;background:var(--line-2);width:80%;margin-top:8px}.intent-results i:last-child{width:55%}
.feed-product{position:absolute;left:0;top:20px;width:53%;height:230px;display:grid;place-items:center;border:1px solid #8b3dff35;border-radius:12px;background:linear-gradient(130deg,#8b3dff25,#ff2e9315);transform:rotateY(-15deg) rotateZ(-5deg)}.feed-product>span{position:absolute;bottom:17px;left:17px;font-size:9px;color:var(--muted)}.sample-product{position:relative;width:85px;height:125px;background:var(--grad);display:grid;place-items:center;transform:rotate(-10deg);color:white;border-radius:6px;box-shadow:15px 18px 20px -15px #0008}.sample-product i{position:absolute;left:0;top:0;bottom:0;width:15px;background:#0002}.sample-product b{font:15px var(--ff-display);transform:rotate(-90deg)}.feed-table{position:absolute;right:0;top:70px;width:65%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;padding:18px;transform:translateZ(60px) rotateY(-6deg);box-shadow:0 20px 40px -25px #0009}.feed-table>span{font-size:8px;color:var(--muted-2);letter-spacing:.1em}.feed-table>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.feed-table b{font-size:10px;font-weight:400}.feed-table>div>span{color:var(--pink);font-size:12px}.feed-table small{display:block;font-size:8px;color:var(--muted);margin-top:14px}
.screening-screen{position:relative;aspect-ratio:16/9;background:linear-gradient(130deg,#8b3dff,#9b286d 65%,#ff6a2c);border-radius:11px;box-shadow:15px 25px 40px -27px #0009;color:#fff;padding:21px;transform:rotateY(-10deg) rotateX(5deg)}.screening-screen>small{font-size:7px;letter-spacing:.1em}.screening-play{display:block;font-size:28px;margin-top:22px}.screening-screen>b{display:block;font:500 25px/1.1 var(--ff-display);letter-spacing:-.035em;margin-top:12px;max-width:280px}.screening-progress{position:absolute;bottom:15px;left:20px;right:20px;display:flex;align-items:center;gap:15px}.screening-progress i{height:2px;flex:1;background:linear-gradient(90deg,#fff 30%,#fff4 30%)}.screening-progress>span{font-size:8px}.screening-cuts{display:flex;gap:8px;margin-top:18px}.screening-cuts>span{flex:1;min-width:0;border:1px solid var(--line);padding:10px 7px;border-radius:6px;font-size:8px;line-height:1.6;color:var(--muted)}.screening-cuts i{display:block;font:10px var(--ff-display);color:var(--service-accent);margin-bottom:5px}
.event-console{position:absolute;inset:15px 0 20px;background:#15101f;color:#e8dfef;border:1px solid #ffffff28;border-radius:12px;padding:18px;box-shadow:10px 20px 40px -25px #0009;transform:rotateY(-7deg)}.event-console>div{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff20;padding-bottom:17px;font-size:8px}.event-console>div>i{width:6px;height:6px;background:#ff6a2c;border-radius:50%}.event-console>p{display:flex;align-items:center;gap:15px;border:1px solid #ffffff13;border-radius:5px;padding:13px 10px;margin-top:10px;background:#ffffff03}.event-console>p>span{font:9px var(--ff-display);color:#8d7b9e}.event-console>p>b{font:10px var(--ff-body);flex:1}.event-console>p>i{font-style:normal;color:#ff82b9}.event-console>small{display:block;font-size:7px;color:#9c8aaa;margin-top:12px}.tag-browser{position:absolute;left:0;top:5px;width:55%;height:215px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2);transform:rotate(-8deg) translateZ(-20px)}.tag-browser>span{font-size:7px;color:var(--muted-2);padding:10px;display:block;border-bottom:1px solid var(--line)}.tag-browser>div{display:grid;place-items:center;padding:22px 10px;gap:12px}.tag-browser .ico{width:40px;height:40px;color:var(--purple)}.tag-browser b{font-size:10px;color:var(--muted);font-weight:400}.tag-browser i{display:block;width:60%;height:3px;background:var(--line-2)}[data-composition=tagdesk] .event-console{left:28%;top:65px;bottom:0;transform:translateZ(50px);padding:15px}[data-composition=tagdesk] .event-console>div{font-size:7px;padding-bottom:10px}[data-composition=tagdesk] .event-console>p{padding:10px 7px;gap:8px}[data-composition=tagdesk] .event-console>p>b{font-size:8px}[data-composition=tagdesk] .event-console>small{font-size:6px}
.bridge-wires{position:absolute;inset:0;width:100%;height:100%;stroke:var(--purple);stroke-width:1.5;fill:none;stroke-dasharray:5 5}.bridge-wires circle{fill:var(--pink);stroke:none}.bridge-end{position:absolute;top:10px;width:34%;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;transform:translateZ(30px)}.bridge-end .ico{width:33px;height:33px;color:var(--service-accent)}.bridge-end b{font-size:10px;font-weight:400;line-height:1.5;text-align:center}.bridge-source{left:0;transform:rotate(-5deg)}.bridge-destination{right:0;transform:rotate(5deg)}.bridge-center{position:absolute;bottom:16px;left:calc(50% - 68px);width:136px;border-radius:13px;background:var(--grad);color:white;padding:20px;display:grid;place-items:center;gap:13px;transform:translateZ(60px)}.bridge-center .ico{width:30px;height:30px}.bridge-center small{font-size:8px;text-align:center}[data-composition=sharedcode] .bridge-center{border-radius:50%;aspect-ratio:1;bottom:0}[data-composition=tools] .bridge-end{border-style:dashed}[data-composition=tools] .bridge-center{transform:rotate(8deg) translateZ(60px)}
.audience-circles{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.audience-circles i{position:absolute;left:7%;top:20px;width:200px;height:200px;border:1px solid #8b3dff80;border-radius:50%;background:#8b3dff15;transform:rotateY(25deg)}.audience-circles i:nth-child(2){left:auto;right:7%;top:60px;background:#ff2e9315;border-color:#ff2e9380;transform:rotateY(-25deg)}.audience-circles>b{position:relative;margin-top:10px;font:500 18px/1.4 var(--ff-display);text-align:center;max-width:140px;color:var(--text)}.knowledge-links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8b3dff55;stroke-width:1.5}.knowledge-core{position:absolute;left:calc(50% - 43px);top:calc(50% - 43px);width:86px;height:86px;display:grid;place-items:center;background:var(--grad);color:white;border-radius:25px;font:17px var(--ff-display);transform:rotate(-8deg)}.knowledge-labels{position:absolute;inset:0;pointer-events:none}.knowledge-labels>span{position:absolute;max-width:145px;border:1px solid var(--line-2);background:var(--surface-2);border-radius:9px;padding:13px;font-size:9px;line-height:1.6;transform:translateZ(35px)}.knowledge-labels>span:nth-child(1){top:0;left:0}.knowledge-labels>span:nth-child(2){right:0;top:27px}.knowledge-labels>span:nth-child(3){bottom:5px;left:25%}[data-composition=contentmap] .knowledge-labels>span{border-radius:30px}[data-composition=authority] .knowledge-core{border-radius:50%}[data-composition=community] .audience-circles i{border-style:dashed}
.editorial-page{position:absolute;inset:0 20px 0 12px;background:#eee4ed;color:#2c1832;padding:22px;border-radius:3px;transform:rotate(-4deg) translateZ(30px);box-shadow:12px 15px 0 -3px #8b3dff60;overflow:hidden}.editorial-masthead{display:flex;justify-content:space-between;font:9px var(--ff-display);border-bottom:1px solid #2c183225;padding-bottom:13px}.editorial-masthead small{font:6px var(--ff-body);letter-spacing:.1em}.editorial-page>b{display:block;font:25px/1.1 Georgia,serif;letter-spacing:-.035em;max-width:290px;margin-top:17px}.editorial-art{height:65px;position:relative;background:#8b3dff18;margin:15px 0;display:grid;place-items:center;overflow:hidden}.editorial-art>span{font:65px/1 var(--ff-display);color:#b72a7c;transform:rotate(-15deg)}.editorial-art>i{position:absolute;width:80px;height:80px;border:1px solid #8b3dff50;border-radius:50%;left:10%;top:-20px}.editorial-art>i:nth-child(2){left:auto;right:10%;top:15px}.editorial-sections{display:grid;gap:7px;margin-top:13px}.editorial-sections>span{font-size:8px;line-height:1.5;padding:7px 0;border-top:1px solid #2c183225}.editorial-lines{display:grid;gap:7px;margin:15px 0}.editorial-lines i{height:3px;background:#2c183225;width:90%}.editorial-lines i:nth-child(2){width:65%}.editorial-lines i:nth-child(3){width:80%}.answer-bubble{display:flex;align-items:center;gap:15px;border:1px solid #8b3dff40;background:#8b3dff10;padding:15px;margin-top:17px;border-radius:12px;font-size:10px}.answer-bubble .ico{width:25px;height:25px;color:#8b3dff}[data-composition=publication] .editorial-page{transform:rotate(3deg);box-shadow:-10px 13px 0 -3px #ff2e9340}[data-composition=adcopy] .editorial-page>b{font-family:var(--ff-display);font-size:36px}[data-composition=guide] .editorial-page{border-left:12px solid #8b3dff}[data-composition=presentation] .editorial-page{inset:35px 0 30px;transform:rotateY(-12deg)}
.people-cards{display:flex;align-items:center;gap:10px;padding:10px 0}.people-cards>div{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);padding:14px 10px;transform:rotate(-4deg) translateZ(15px)}.people-cards>div:nth-child(2){transform:translateY(25px) rotate(2deg) translateZ(30px)}.people-cards>div:nth-child(3){transform:translateY(5px) rotate(5deg)}.person-symbol{position:relative;height:95px;display:grid;place-items:center;background:#8b3dff18;border-radius:7px;margin-bottom:15px;overflow:hidden}.person-symbol i{width:30px;height:30px;border-radius:50%;background:#8b3dff40;position:absolute;top:15px}.person-symbol i::after{content:'';position:absolute;top:35px;left:-10px;width:50px;height:55px;background:#ff2e9340;border-radius:35px 35px 0 0}.person-symbol b{font-size:40px;z-index:1;color:var(--service-accent)}.people-cards small{font-size:6px;color:var(--muted-2);letter-spacing:.08em}.people-cards>div>b{font:500 11px/1.6 var(--ff-display);display:block;margin-top:10px}.person-rule{display:block;height:3px;background:var(--line-2);margin-top:20px;width:65%}[data-composition=decisionmap] .people-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}[data-composition=decisionmap] .people-cards>div{transform:none;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:14px}[data-composition=decisionmap] .people-cards>div:last-child{grid-column:1/-1}[data-composition=decisionmap] .person-symbol{height:45px;margin:0;grid-row:1/3}[data-composition=decisionmap] .people-cards small{align-self:end}[data-composition=decisionmap] .people-cards>div>b{margin:0;font-size:10px}[data-composition=decisionmap] .person-rule{display:none}[data-composition=roles] .person-symbol{border-radius:50%}
.production-steps{display:grid;gap:15px;padding:20px 10px}.production-steps>div{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:15px;min-height:65px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);padding:15px;transform:translateX(0)}.production-steps>div:nth-child(2){transform:translateX(10px)}.production-steps>div:nth-child(3){transform:translateX(20px)}.production-steps>div>span{font:23px var(--ff-display);color:var(--pink)}.production-steps b{font-size:11px;line-height:1.5;font-weight:500}.planner-calendar{position:absolute;left:0;top:0;width:55%;border:1px solid var(--line-2);background:var(--surface-2);border-radius:10px;overflow:hidden;transform:rotate(-7deg)}.planner-calendar>div:first-child{font-size:7px;padding:14px;border-bottom:1px solid var(--line);color:var(--muted)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);padding:10px;gap:4px}.calendar-days span{font-size:7px;display:grid;place-items:center;aspect-ratio:1;color:var(--muted-2);border-radius:3px}.calendar-days .has-event{background:#8b3dff;color:white}[data-composition=calendar] .production-steps{position:absolute;right:0;top:85px;left:30%;padding:0;gap:9px}[data-composition=calendar] .production-steps>div{min-height:53px;padding:12px;grid-template-columns:22px 1fr;gap:10px}[data-composition=calendar] .production-steps b{font-size:9px}[data-composition=calendar] .production-steps>div>span{font-size:17px}.launch-signal{position:absolute;inset:0 0 65px;display:grid;place-items:center}.launch-signal>span{font-size:165px;color:var(--pink);line-height:1;transform:rotate(-15deg)}.launch-signal>b{position:absolute;font:500 25px/1.1 var(--ff-display);max-width:160px;text-align:center;background:var(--bg);padding:12px}[data-composition=launch] .production-steps{position:absolute;bottom:0;left:0;right:0;display:flex;padding:0;gap:8px}[data-composition=launch] .production-steps>div{flex:1;min-width:0;display:block;transform:none;padding:11px;min-height:75px}[data-composition=launch] .production-steps b{font-size:8px;display:block;margin-top:9px}[data-composition=roadmap] .production-steps>div{border-radius:30px}[data-composition=curriculum] .production-steps>div{border-left:3px solid var(--purple);border-radius:0 10px 10px 0}
.film-contact-grid{display:flex;gap:12px;align-items:center;height:100%}.film-contact-grid>div{flex:1;min-width:0;transform:rotate(-5deg)}.film-contact-grid>div:nth-child(2){transform:translateY(-15px)}.film-contact-grid>div:nth-child(3){transform:rotate(5deg)}.contact-frame{position:relative;aspect-ratio:9/16;max-height:230px;display:grid;place-items:center;background:linear-gradient(150deg,#8b3dff,#96285f 70%,#ff6a2c);border:1px solid #ffffff40;border-radius:10px;overflow:hidden;color:white}.contact-frame>span{font:32px var(--ff-display);transform:rotate(-10deg);z-index:1}.contact-frame>i{position:absolute;width:85px;height:85px;border:1px solid #ffffff60;border-radius:25px;transform:rotate(35deg)}.contact-frame small{position:absolute;bottom:10px;left:10px;font-size:7px}.film-contact-grid>div>b{font:400 9px/1.6 var(--ff-body);display:block;margin-top:12px;color:var(--muted)}[data-composition=contactsheet] .film-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}[data-composition=contactsheet] .film-contact-grid>div{transform:none}[data-composition=contactsheet] .film-contact-grid>div:first-child{grid-row:1/3}[data-composition=contactsheet] .film-contact-grid>div:first-child .contact-frame{aspect-ratio:3/5}[data-composition=contactsheet] .contact-frame{aspect-ratio:16/9;max-height:100px}[data-composition=contactsheet] .film-contact-grid>div:first-child .contact-frame{max-height:none}[data-composition=creator] .film-contact-grid>div:first-child{flex:1.6}[data-composition=creator] .film-contact-grid>div:not(:first-child) .contact-frame{aspect-ratio:1;max-height:100px}.creator-seal{position:absolute;bottom:0;right:5px;font-size:8px;padding:10px 13px;background:var(--orange);color:#2c1832;border-radius:30px;transform:rotate(-5deg)}
.portrait-session{position:absolute;inset:0 45px;background:linear-gradient(145deg,#8b3dff20,#ff6a2c20);border:1px solid var(--line-2);padding:20px;overflow:hidden}.portrait-subject{position:absolute;inset:30px 0 25px;display:flex;justify-content:center}.portrait-subject i{position:absolute;top:5px;width:80px;height:90px;border-radius:45px 45px 35px 35px;background:linear-gradient(130deg,#f0bbac,#a64b75);box-shadow:inset 15px 8px 0 #441d45}.portrait-subject>span{position:absolute;bottom:-15px;width:190px;height:140px;border-radius:90px 90px 0 0;background:linear-gradient(120deg,#8b3dff,#552477)}.portrait-corner{position:absolute;width:30px;height:30px;border-color:var(--pink)}.corner-one{top:25px;left:25px;border-top:1px solid;border-left:1px solid}.corner-two{bottom:60px;right:25px;border-bottom:1px solid;border-right:1px solid}.portrait-caption{position:absolute;bottom:32px;left:15px;right:15px;z-index:1;padding:8px;background:var(--surface);font-size:8px;text-align:center}.portrait-session>small{position:absolute;bottom:12px;left:20px;font-size:6px;letter-spacing:.1em;color:var(--muted)}
.motion-keyframes{position:absolute;inset:0;display:grid;place-items:center}.motion-shape{font:180px/1 var(--ff-display);color:var(--pink);transform:rotate(-20deg);transition:transform .6s}.motion-keyframes>div:last-child{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px}.motion-keyframes>div>span{flex:1;text-align:center;border-top:1px solid var(--line-2);padding-top:8px}.motion-keyframes i{font-size:22px;color:var(--orange);display:block;font-style:normal}.motion-keyframes b{font-size:8px;font-weight:400;line-height:1.5;display:block;margin-top:6px}.journey-stage[data-step="1"] .motion-shape{transform:rotate(30deg) scale(.8)}.journey-stage[data-step="2"] .motion-shape{transform:rotate(75deg) scale(1.1)}
.social-nine{position:absolute;inset:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;transform:rotate(-4deg)}.social-nine>span{display:grid;place-items:center;aspect-ratio:1;background:#8b3dff22;border:1px solid var(--line-2);position:relative;overflow:hidden}.social-nine>span:nth-child(3n+2){background:#ff2e9333}.social-nine>span:nth-child(3n){background:#ff6a2c33}.social-nine b{font:22px var(--ff-display);color:var(--service-accent);z-index:1}.social-nine i{position:absolute;width:70px;height:70px;border:1px solid #ffffff20;border-radius:50%;left:-20px;bottom:-20px}
.test-variants{display:flex;gap:18px;padding:20px 8px;align-items:center}.test-variants>div{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);padding:18px;transform:rotate(-6deg)}.test-variants>div:nth-child(2){transform:translateY(20px) rotate(6deg);background:linear-gradient(145deg,#8b3dff15,#ff2e9310)}.test-variants small{font-size:7px;color:var(--muted);letter-spacing:.1em}.test-variants b{display:block;font:75px/1 var(--ff-display);color:var(--service-accent);margin:20px 0}.test-variants i{display:block;height:3px;background:var(--line-2);width:85%;margin-top:8px}.test-variants i:nth-of-type(2){width:50%}.test-variants>div>span{display:block;font-size:8px;line-height:1.6;margin-top:17px;color:var(--muted)}.test-question{position:absolute;bottom:0;left:10px;right:0;font-size:9px;color:var(--muted)}.opportunity-matrix{position:absolute;inset:15px 10px 15px 20px;border-left:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:linear-gradient(90deg,transparent 49.7%,var(--line) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,var(--line) 50%,transparent 50.3%)}.opportunity-matrix>span{position:absolute;font-size:8px;color:var(--muted)}.opportunity-matrix>span:first-child{left:0;top:-20px}.opportunity-matrix>span:nth-child(2){right:0;bottom:-20px}.opportunity-matrix b{position:absolute;left:calc(10% + var(--point)*22%);bottom:calc(12% + var(--point)*28%);padding:14px 12px;background:var(--surface-2);border:1px solid #8b3dff65;border-radius:25px;max-width:145px;font:9px/1.5 var(--ff-body);transform:translateZ(25px)}[data-composition=beforeafter] .test-variants>div:first-child{filter:grayscale(1);opacity:.6}[data-composition=experiment] .test-variants>div{border-radius:50px 12px 12px}
.workflow-diagram{position:absolute;inset:0}.workflow-diagram>svg{position:absolute;inset:0;fill:none;stroke:#8b3dff70;stroke-width:1.5;width:100%;height:100%;z-index:-1}.work-node{position:absolute;width:42%;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);padding:17px 13px;display:flex;gap:13px;align-items:center;transform:translateZ(30px)}.work-node .ico{width:22px;height:22px;color:var(--pink);flex-shrink:0}.work-node b{font:10px/1.6 var(--ff-body)}.work-node-0{left:0;top:5px}.work-node-1{left:29%;top:105px;transform:translateZ(60px);background:linear-gradient(130deg,#8b3dff35,var(--surface-2))}.work-node-2{right:0;bottom:10px}.attribution-caption{position:absolute;bottom:10px;left:0;max-width:160px;font-size:9px;color:var(--muted)}[data-composition=architecture] .work-node{border-radius:0;border-left:3px solid var(--purple)}[data-composition=wireflow] .work-node{height:130px;width:28%;display:block;top:25px;bottom:auto}[data-composition=wireflow] .work-node b{display:block;margin-top:14px;font-size:8px}[data-composition=wireflow] .work-node-1{left:36%;top:80px}[data-composition=wireflow] .work-node-2{top:135px}[data-composition=mailflow] .work-node{border-radius:25px 25px 25px 0}[data-composition=logistics] .work-node-1{background:#ff6a2c20}
.sales-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:15px}.sales-kanban>div{border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2);padding:12px 9px;min-height:230px}.sales-kanban>div>b{font-size:9px;font-weight:400;color:var(--muted);line-height:1.5;display:block;min-height:33px}.sales-kanban>div>span{display:block;position:relative;border:1px solid var(--line);background:var(--surface-2);padding:12px 10px;margin-top:10px;border-radius:6px;height:45px}.sales-kanban i{display:block;height:3px;background:var(--line-2);width:75%;margin-bottom:6px}.sales-kanban i:nth-child(2){width:45%}.sales-kanban small{position:absolute;bottom:5px;right:6px;color:var(--pink);font-size:9px}
.lighting-rig{position:absolute;inset:0;perspective:800px}.rig-floor{position:absolute;bottom:10px;left:10%;width:80%;height:110px;border:1px solid var(--line-2);border-radius:50%;transform:rotateX(65deg);background:#8b3dff10}.rig-product{position:absolute;bottom:45px;left:calc(50% - 45px);width:90px;height:125px;border:1px solid #ffffff40;background:var(--grad);border-radius:8px;display:grid;place-items:center;color:white;font:17px var(--ff-display);transform:rotate(-8deg);z-index:2}.rig-lamp{position:absolute;top:25px;width:58px;height:45px;background:var(--surface-2);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--pink);font-size:25px;z-index:3}.lamp-left{left:20px;transform:rotate(-15deg)}.lamp-right{right:20px;transform:rotate(15deg)}.light-cone{position:absolute;top:45px;width:140px;height:190px;background:linear-gradient(#ff6a2c30,transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.6}.cone-left{left:20px;transform:rotate(-30deg)}.cone-right{right:20px;transform:rotate(30deg)}.rig-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:9px;color:var(--muted)}
.true-funnel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.true-funnel>div{width:var(--funnel);padding:24px 18px;background:linear-gradient(100deg,#8b3dff30,#ff2e9320);border:1px solid var(--line-2);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);text-align:center}.true-funnel span{font-size:10px;line-height:1.6}.vital-dials{display:flex;gap:15px;align-items:center;height:100%}.vital-dials>div{flex:1;min-width:0;position:relative;text-align:center;display:grid;place-items:center;gap:12px}.vital-dials>div>span{width:100%;aspect-ratio:1;border:7px solid #8b3dff25;border-right-color:var(--pink);border-top-color:var(--purple);border-radius:50%;transform:rotate(-35deg)}.vital-dials b{position:absolute;top:35%;font:20px var(--ff-display)}.vital-dials small{font-size:9px;color:var(--muted)}.resource-waterfall{padding:30px 5px}.resource-waterfall>div{display:flex;gap:15px;align-items:center;margin-bottom:22px;background:repeating-linear-gradient(90deg,transparent 0 49px,var(--line) 50px 51px)}.resource-waterfall b{font:9px var(--ff-display);width:50px;color:var(--muted)}.resource-waterfall span{display:block;width:var(--length);margin-left:var(--start);height:18px;background:linear-gradient(90deg,#8b3dff80,#ff2e9360);border:1px solid #8b3dff80;border-radius:3px}.site-tree{padding:12px 0}.site-tree>span{display:block;max-width:250px;margin:0 auto 55px;border:1px solid #8b3dff70;background:#8b3dff20;border-radius:10px;padding:18px;font:13px/1.4 var(--ff-display);text-align:center}.site-tree>div{display:flex;gap:10px;border-top:1px solid var(--line-2);padding-top:20px}.site-tree b{flex:1;min-width:0;font:9px/1.6 var(--ff-body);border:1px solid var(--line-2);padding:15px 10px;border-radius:8px;background:var(--bg-2)}.audit-checks{padding:15px 0;display:grid;gap:13px}.audit-checks>div{display:flex;gap:15px;align-items:center;min-height:76px;border:1px solid var(--line-2);background:var(--bg-2);border-radius:10px;padding:17px}.audit-checks .ico{width:25px;height:25px;color:var(--purple)}.audit-checks b{font:11px/1.6 var(--ff-body);flex:1}.audit-checks i{font-style:normal;color:var(--pink);font-size:20px}
.journey-map{position:absolute;inset:10px 0;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2);overflow:hidden;transform:rotateX(20deg) rotateZ(-4deg)}.journey-map>svg{width:100%;height:100%;fill:none;stroke:var(--line-2);stroke-width:18}.map-marker{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:140px;transform:translateZ(30px)}.map-marker i{font:35px var(--ff-display);color:var(--pink);background:var(--surface);padding:3px 12px;border:1px solid #ff2e9350;border-radius:50%}.map-marker b{font:8px/1.5 var(--ff-body);background:var(--surface);padding:6px 9px;border:1px solid var(--line);border-radius:5px}.marker-0{top:15%;left:8%}.marker-1{top:5%;right:6%}.marker-2{bottom:10%;left:38%}[data-composition=flight] .journey-map{border-style:dashed;background:linear-gradient(145deg,#8b3dff09,#ff6a2c15);transform:rotateX(35deg) rotateZ(8deg)}[data-composition=floorplan] .journey-map>svg{stroke-width:30;stroke:#8b3dff25}[data-composition=branchmap] .marker-1 i{color:var(--orange)}
.business-card{position:absolute;inset:0 30px 0 10px;padding:15px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;transform:rotateY(-9deg) rotateZ(-2deg)}.business-cover{height:70px;background:linear-gradient(110deg,#8b3dff,#ff2e9370);border-radius:7px;display:grid;place-items:center;color:white;font:20px var(--ff-display)}.business-card>strong{display:block;font:16px/1.35 var(--ff-display);margin:17px 0 10px}.business-card p{font:9px/1.5 var(--ff-body);display:flex;gap:10px;align-items:center;margin:9px 0;border-top:1px solid var(--line);padding-top:9px}.business-card p>span{color:var(--pink)}.review-stars{font-size:16px;color:var(--orange);letter-spacing:.1em}[data-composition=reviews] .business-cover{height:45px}[data-composition=identitysheet] .business-card{transform:rotate(3deg);border-radius:3px}[data-composition=identitysheet] .business-cover{height:45px;background:var(--bg-2);color:var(--text);border-bottom:1px solid var(--line-2)}
.mini-store{padding:20px 0}.mini-store>span{font-size:8px;letter-spacing:.1em;color:var(--muted);display:block;border-bottom:1px solid var(--line);padding-bottom:17px}.mini-store>div{display:flex;gap:12px;margin-top:20px}.mini-store article{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:8px;padding:10px;background:var(--bg-2)}.store-object{display:grid;place-items:center;height:140px;background:linear-gradient(125deg,#8b3dff40,#ff2e9320);color:var(--service-accent);font:45px var(--ff-display);border-radius:7px}.store-object-1{border-radius:50%;background:linear-gradient(125deg,#ff2e9340,#ff6a2c20)}.store-object-2{clip-path:polygon(15% 5%,90% 20%,85% 90%,5% 80%)}.mini-store b{display:block;font:8px/1.6 var(--ff-body);margin-top:14px}[data-composition=retail] .mini-store>div{transform:rotateY(-12deg);border-bottom:7px solid var(--line-2);padding-bottom:20px}.package-cube{position:absolute;top:45px;left:calc(50% - 85px);width:170px;height:200px;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(-28deg);transition:transform .6s}.package-cube>span{position:absolute;display:grid;place-items:center;border:1px solid #ffffff60;color:white}.package-front{inset:0;background:linear-gradient(135deg,#8b3dff,#ff2e93);font:27px var(--ff-display);transform:translateZ(60px)}.package-side{width:120px;height:200px;right:-60px;top:0;background:#8b3dff;transform:rotateY(90deg)}.package-top{width:170px;height:120px;left:0;top:-60px;background:#ff6a2c;transform:rotateX(90deg)}.journey-stage[data-step="1"] .package-cube{transform:rotateX(-25deg) rotateY(10deg)}.journey-stage[data-step="2"] .package-cube{transform:rotateX(5deg) rotateY(-45deg)}
.lead-form-preview{position:absolute;inset:5px 35px 0 15px;border:1px solid var(--line-2);background:var(--surface-2);border-radius:11px;padding:22px;transform:rotate(-4deg) translateZ(20px)}.lead-form-preview>span:first-child{font-size:7px;letter-spacing:.08em;color:var(--muted)}.lead-form-preview>b{font:20px/1.2 var(--ff-display);display:block;max-width:230px;margin:16px 0 21px}.lead-form-preview>div{font-size:8px;margin:14px 0;color:var(--muted)}.lead-form-preview>div>i{display:block;border:1px solid var(--line-2);background:var(--bg-2);height:30px;border-radius:5px;margin-top:7px}.form-preview-cta{font-size:9px;display:block;background:var(--grad);color:white;text-align:center;padding:11px;border-radius:5px}.conversation-window{position:absolute;inset:10px 15px 5px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;padding:18px;transform:rotateY(-7deg)}.conversation-window>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;font:12px var(--ff-display)}.conversation-window>div>small{font:8px var(--ff-body);color:var(--muted)}.conversation-window>p{max-width:80%;font:10px/1.7 var(--ff-body);padding:14px;border:1px solid var(--line-2);border-radius:13px 13px 13px 0;margin-top:16px;background:var(--surface-2)}.conversation-window>p:nth-of-type(2){margin-left:auto;border-radius:13px 13px 0 13px;background:#8b3dff25}.conversation-window>p>span{float:right;margin-left:10px;color:var(--pink)}[data-composition=socialinbox] .conversation-window{border-radius:25px}[data-composition=socialinbox] .conversation-window>div{color:var(--pink)}.voice-console{position:absolute;inset:30px 0 20px;border:1px solid var(--line-2);background:var(--surface-2);border-radius:15px;padding:25px;text-align:center}.voice-console>span{font-size:7px;color:var(--muted);letter-spacing:.1em}.voice-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:140px}.voice-wave i{width:6px;height:var(--wave);background:var(--grad);border-radius:5px}.voice-console>b{font:12px/1.6 var(--ff-body)}.locale-stack{position:absolute;inset:10px 15px;display:grid;gap:15px}.locale-stack>span{border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);padding:17px;display:flex;gap:20px;align-items:center;transform:rotate(-3deg)}.locale-stack>span:nth-child(2){transform:rotate(3deg) translateX(10px)}.locale-stack b{font:25px var(--ff-display);color:var(--pink)}.locale-stack i{font:10px/1.6 var(--ff-body);color:var(--muted)}.journey-phone{position:absolute;top:0;bottom:0;left:calc(50% - 85px);width:170px;border:6px solid var(--line-2);background:var(--bg-2);border-radius:23px;padding:13px;transform:rotateY(-15deg) rotateZ(-5deg)}.journey-phone>span{display:block;width:35px;height:4px;background:var(--muted-2);border-radius:4px;margin:0 auto}.journey-phone>b{display:block;font:35px var(--ff-display);color:var(--pink);margin:28px 0 20px}.journey-phone>div{display:grid;gap:8px}.journey-phone i{font:8px/1.4 var(--ff-body);padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.journey-phone>small{position:absolute;bottom:12px;left:15px;font-size:7px;color:var(--muted)}[data-composition=mobilegrid] .journey-phone{transform:rotateY(15deg) rotateZ(4deg);border-radius:15px}[data-composition=mobilegrid] .journey-phone>div{grid-template-columns:1fr 1fr}[data-composition=mobilegrid] .journey-phone>div>i:last-child{grid-column:1/-1}
.palette-system{position:absolute;inset:20px 0;display:flex;gap:12px;align-items:center;transform:rotate(-5deg)}.palette-system>div{flex:1;min-width:0;align-self:stretch;padding-bottom:20px;display:flex;flex-direction:column}.palette-system i{display:block;background:var(--swatch);flex:1;min-height:170px;border:1px solid #ffffff40;border-radius:60px 60px 7px 7px}.palette-system b{font:9px/1.5 var(--ff-display);margin-top:13px;color:var(--muted);overflow-wrap:anywhere}.palette-system>span{position:absolute;bottom:-10px;left:0;right:0;font:9px var(--ff-body);color:var(--muted)}[data-composition=tokens] .palette-system i{border-radius:10px;height:110px;min-height:110px}[data-composition=tokens] .palette-system>div:nth-child(2){padding-top:45px}[data-composition=tokens] .palette-system>div:nth-child(3){padding-top:90px}.type-specimen{position:absolute;inset:0 15px;padding:25px;background:#eee3ed;color:#2c1832;transform:rotate(-5deg)}.type-specimen>b{display:block;font:100px/1 Georgia,serif;letter-spacing:-.08em}.type-specimen>b>span{font:60px var(--ff-display);color:#b82b7d;margin-left:20px}.type-specimen>i{display:block;font:20px var(--ff-display);font-style:normal;margin:16px 0;letter-spacing:.15em;border-top:1px solid #2c183230;padding-top:15px}.type-specimen>p{font-size:10px;line-height:1.6}.type-specimen>span{display:block;font-size:7px;letter-spacing:.1em;margin-top:15px}.monogram-system{position:absolute;inset:10px 15px;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg-2);transform:rotateY(-13deg)}.monogram-grid{position:absolute;inset:0;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25px 25px}.monogram-system>b{font:60px var(--ff-display);letter-spacing:-.08em;z-index:1}.monogram-system>b>span{color:var(--pink)}.monogram-system>div{position:absolute;bottom:25px;font-size:22px;color:var(--muted)}.monogram-system i{font-style:normal;color:var(--pink);margin:0 30px}.folded-paper{position:absolute;inset:25px 10px;display:flex;transform:rotateY(-15deg) rotateZ(-4deg)}.folded-paper>div{flex:1;min-width:0;background:#efe4ed;color:#2c1832;padding:18px 12px;display:flex;flex-direction:column;border:1px solid #2c183220;transform-origin:left}.folded-paper>div:nth-child(2){background:#dccde2;transform:skewY(-6deg)}.folded-paper>div:nth-child(3){background:#8b3dff;color:white;transform:skewY(4deg)}.folded-paper small{font-size:8px;opacity:.5}.folded-paper b{font:20px/1.2 Georgia,serif;margin-top:30px;overflow-wrap:anywhere}.folded-paper>div>span{font:10px var(--ff-display);margin-top:auto}.stationery-set{position:absolute;inset:0}.stationery-set>div:first-child{position:absolute;left:15%;top:0;width:62%;height:260px;background:#eee4ed;color:#2c1832;border:1px solid #ffffff60;padding:23px;transform:rotate(-9deg)}.stationery-set small{font:14px var(--ff-display)}.stationery-set i{display:block;height:3px;background:#2c183225;width:75%;margin-top:15px}.stationery-set i:nth-of-type(2){width:55%;margin-top:8px}.stationery-set b{display:block;font:14px/1.4 Georgia,serif;margin-top:28px}.stationery-set>div:last-child{position:absolute;bottom:5px;right:0;background:var(--grad);color:white;border:1px solid #ffffff40;width:62%;height:115px;padding:20px;transform:rotate(6deg) translateZ(45px);font:24px var(--ff-display)}.stationery-set>div:last-child>span{display:block;font:8px/1.5 var(--ff-body);margin-top:13px}.info-bars{display:flex;gap:20px;align-items:flex-end;height:100%;padding:0 20px 10px}.info-bars>div{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:15px}.info-bars>div>span{display:block;width:100%;height:var(--bar);background:var(--grad);border-radius:10px 10px 0 0;transform:rotateY(-25deg);opacity:.8}.info-bars b{font:9px/1.5 var(--ff-body);text-align:center;color:var(--muted);min-height:30px}.value-canvas{position:absolute;inset:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.value-canvas>span{border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);padding:20px}.value-canvas>span:first-child{grid-row:1/3;background:linear-gradient(145deg,#8b3dff30,#ff2e9315)}.value-canvas small{font:15px var(--ff-display);color:var(--pink)}.value-canvas b{display:block;font:15px/1.4 Georgia,serif;margin-top:20px}
.software-browser{position:absolute;inset:25px 0 35px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;overflow:hidden;transform:rotateY(-12deg) rotateX(5deg)}.software-browser>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px;font-size:7px;color:var(--muted-2)}.software-browser>div>span{font-size:8px}.software-browser>section{display:grid;grid-template-columns:45px 1fr;height:100%}.software-browser aside{background:var(--bg-2);padding:15px 10px}.software-browser aside>i{display:block;width:18px;height:3px;margin-bottom:17px;background:var(--line-2)}.software-browser article{padding:20px;min-width:0}.software-browser article>b{display:block;font:18px/1.2 var(--ff-display);letter-spacing:-.03em;max-width:250px;margin-bottom:20px}.software-browser article>span{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font:8px/1.5 var(--ff-body);color:var(--muted)}.software-browser article>span>i{width:12px;height:12px;background:#8b3dff30;border:1px solid #8b3dff50;border-radius:3px;flex-shrink:0}.software-phone{position:absolute;right:0;bottom:0;width:90px;height:165px;border:5px solid #281530;border-radius:17px;background:var(--grad);display:grid;place-items:center;transform:translateZ(65px) rotate(5deg);color:white}.software-phone>b{font:30px var(--ff-display)}.software-phone i{width:55%;height:3px;background:#fff6}.tenant-tabs{position:absolute;bottom:10px;left:60px;display:flex;gap:10px}.tenant-tabs>span{border:1px solid var(--line-2);background:var(--bg-2);border-radius:7px;padding:12px 25px;font:12px var(--ff-display);color:var(--pink)}.code-inspector{position:absolute;inset:20px 0;border:1px solid #ffffff30;background:#15101f;color:#f1e5ef;border-radius:10px;padding:18px;overflow:hidden;transform:rotateY(-8deg)}.code-inspector>div{display:flex;gap:20px;font-size:8px;color:#a698b6;border-bottom:1px solid #ffffff20;padding-bottom:16px}.code-inspector>div>span{font-size:7px}.code-inspector pre{font:10px/2.1 Consolas,monospace;color:#c5a5ef;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px}.code-inspector pre>span{color:#ff8dbb}.code-inspector small{font-size:7px;color:#897b98}
.physical-scene{position:absolute;inset:0;perspective:900px;transform-style:preserve-3d;transform:rotateX(-4deg) rotateY(-15deg)}.physical-floor{position:absolute;inset:70px -10px -30px;background:repeating-linear-gradient(90deg,transparent 0 34px,#8b3dff25 35px 36px),repeating-linear-gradient(0deg,transparent 0 34px,#8b3dff25 35px 36px);transform:rotateX(65deg) translateZ(-45px);mask-image:linear-gradient(transparent,#000)}.physical-wall{position:absolute;left:12%;top:25px;width:75%;height:175px;background:linear-gradient(125deg,#8b3dff,#b1277a);border:1px solid #ffffff50;padding:25px;transform:translateZ(20px);display:flex;align-items:center;justify-content:space-between;box-shadow:12px 20px 25px -20px #0008;color:white}.physical-wall>span{font:27px var(--ff-display)}.physical-wall>b{font:65px/1 var(--ff-display);font-weight:400}.physical-support{position:absolute;bottom:25px;left:30%;width:46%;height:75px;border-left:7px solid var(--line-2);border-right:7px solid var(--line-2);transform:translateZ(15px)}.physical-person{position:absolute;bottom:10px;left:6%;width:20px;height:90px;border-radius:20px 20px 8px 8px;background:var(--muted-2);transform:translateZ(60px)}.physical-person::before{content:'';position:absolute;top:-23px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted-2)}.physical-facade .physical-wall{height:235px;top:0;left:25%;width:62%;background:linear-gradient(90deg,#8b3dff66,#ff2e9366);border-width:6px;display:block}.physical-facade .physical-wall>b{font-size:100px;margin-top:40px}.physical-facade .physical-support{display:none}.physical-lightbox .physical-wall{box-shadow:0 0 40px -5px #ff2e9380,inset 0 0 40px #ff6a2c30;border:3px solid #ff8bc088;border-radius:12px;background:#291334}.physical-screens .physical-wall{background:#24102e}.physical-screens .physical-wall>i{position:absolute;top:0;bottom:0;left:33%;border-left:1px solid #ff8bc066}.physical-screens .physical-wall>i:nth-of-type(2){left:66%}.physical-screens .physical-wall>i:nth-of-type(3){left:0;right:0;top:50%;bottom:auto;border-top:1px solid #ff8bc066}.vehicle-body{position:absolute;left:5%;right:5%;top:115px;height:110px;background:linear-gradient(120deg,#8b3dff,#ff2e93);border:1px solid #ffffff50;border-radius:20px 35px 10px 10px;transform:translateZ(25px);padding:22px 28px;display:flex;align-items:center;overflow:hidden}.vehicle-body>span{color:white;font:32px var(--ff-display)}.vehicle-body i{position:absolute;right:20px;top:0;bottom:0;width:1px;background:#ffffff35}.vehicle-body i:nth-of-type(2){right:42%}.vehicle-window{position:absolute;top:70px;right:9%;height:60px;width:23%;background:linear-gradient(125deg,#8b3dff50,#ff2e9325);border:1px solid var(--line-2);border-radius:7px 30px 0 0;transform:translateZ(10px)}.vehicle-wheel{position:absolute;top:198px;width:55px;height:55px;background:var(--bg);border:9px solid var(--muted-2);border-radius:50%;transform:translateZ(40px);z-index:3}.wheel-a{left:16%}.wheel-b{right:14%}.stand-wall{position:absolute;left:20%;top:10px;width:65%;height:185px;background:linear-gradient(110deg,#8b3dff,#a02986);border:1px solid #ffffff50;color:white;font:35px var(--ff-display);padding:30px;transform:translateZ(-20px)}.stand-side{position:absolute;left:14%;top:10px;width:50px;height:185px;background:#6e2c9b;transform:rotateY(45deg)}.stand-desk{position:absolute;bottom:25px;right:12%;width:40%;height:85px;background:var(--grad);border:1px solid #ffffff60;transform:translateZ(80px) skewY(-6deg)}.physical-blueprint .stand-wall,.physical-blueprint .stand-side,.physical-blueprint .stand-desk{background:#8b3dff09;border:1px dashed var(--service-accent);color:var(--muted)}.window-panes{position:absolute;inset:10px 25px 40px;display:flex;gap:9px;transform:rotateY(-10deg)}.window-panes>span{flex:1;min-width:0;border:4px solid var(--line-2);background:linear-gradient(120deg,#8b3dff09,#ff2e9315);display:grid;place-items:center;color:var(--pink);font:20px var(--ff-display)}.window-panes>span:nth-child(2){background:linear-gradient(120deg,#8b3dff30,#ff2e9320)}.physical-interior .window-panes{transform:rotateY(25deg) rotateZ(3deg)}.standing-banner{position:absolute;top:0;bottom:25px;left:calc(50% - 75px);width:150px;background:var(--grad);border:1px solid #ffffff60;padding:20px;color:white;transform:rotateY(-20deg)}.standing-banner small{font:11px var(--ff-display)}.standing-banner>b{display:block;font:120px/1 var(--ff-display);font-weight:400;margin:15px 0}.standing-banner>span{font-size:9px;line-height:1.6;display:block}.banner-base{position:absolute;bottom:18px;left:calc(50% - 90px);width:180px;height:9px;border-radius:50%;background:var(--muted-2);transform:rotateY(-20deg)}.control-screens{position:absolute;inset:15px 0 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.control-screens>span{display:grid;place-items:center;border:1px solid #8b3dff70;background:linear-gradient(125deg,#8b3dff25,#ff2e9320);font-size:35px;color:var(--pink)}.control-desk{position:absolute;left:5%;right:5%;bottom:25px;height:65px;background:var(--surface-2);border:1px solid var(--line-2);transform:rotateX(45deg)}
.direction-compass{position:absolute;left:calc(50% - 110px);top:15px;width:220px;height:220px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;background:var(--bg-2);transform:rotateY(-15deg)}.direction-compass>i{position:absolute;inset:18px;border:1px dashed #8b3dff70;border-radius:50%}.direction-compass>i:nth-child(2){inset:38px;border-color:#ff2e9370;transform:rotateX(60deg)}.direction-compass>span{font:145px/1 var(--ff-display);color:var(--pink);transform:rotate(-20deg);transition:transform .5s}.direction-compass>b{position:absolute;padding:17px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line-2);font:17px var(--ff-display)}.compass-directions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px}.compass-directions>span{flex:1;min-width:0;font:8px/1.6 var(--ff-body);color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}.journey-stage[data-step="1"] .direction-compass>span{transform:rotate(25deg)}.journey-stage[data-step="2"] .direction-compass>span{transform:rotate(70deg)}
/* The scope is a working artifact, with seven purpose-built reading patterns. */
.tailored-scope{background:var(--bg-2);border-block:1px solid var(--line)}.tailored-scope-heading{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-bottom:55px}.tailored-scope-heading .studio-title{max-width:900px;font-size:clamp(34px,4.2vw,58px)}.scope-heading-mark{color:var(--service-accent);flex:0 0 70px;transform:rotate(-12deg)}.scope-heading-mark .ico{width:70px;height:70px;stroke-width:.8}.scope-composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.scope-package{min-width:0;position:relative}.scope-package-identity{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:25px}.package-number{font:48px/1 Georgia,serif;font-style:italic;color:var(--service-accent);opacity:.6}.package-symbol{margin-left:auto;color:var(--service-accent)}.package-symbol>.ico{width:24px;height:24px;stroke-width:1.2}.scope-package h3{font:500 24px/1.2 var(--ff-display);letter-spacing:-.035em;order:-1;margin-right:auto}.scope-package ul,.scope-workbench ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.scope-package li,.scope-workbench li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.8;color:var(--muted)}.scope-package li>span:first-child,.scope-workbench li>span:first-child{color:var(--service-accent);flex-shrink:0}.scope-layout-blueprint .scope-package{padding:30px 25px;border:1px solid var(--line-2);border-radius:5px;background:linear-gradient(135deg,#8b3dff06,transparent),var(--surface)}.scope-layout-blueprint .scope-package::before{content:'';position:absolute;inset:8px;border:1px dashed var(--line);pointer-events:none}.scope-layout-blueprint .scope-package-identity{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:25px;flex-wrap:wrap;gap:15px}.scope-layout-blueprint .scope-package h3{width:100%;order:2}.scope-layout-blueprint .package-number{font:12px var(--ff-display);font-style:normal}.scope-layout-blueprint .package-symbol{margin-left:auto}.scope-layout-blueprint .scope-package:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:40px;background:var(--bg-2);font-size:23px;color:var(--service-accent);z-index:1}
.scope-layout-journey .scope-composition{display:block;position:relative;max-width:1000px;margin:auto}.scope-layout-journey .scope-composition::before{content:'';position:absolute;left:50%;top:25px;bottom:25px;border-left:1px solid var(--line-2)}.scope-layout-journey .scope-package{width:48%;padding:25px 45px 35px 0;margin-bottom:20px}.scope-layout-journey .scope-package:nth-child(2){margin-left:auto;padding-left:45px;padding-right:0}.scope-layout-journey .scope-package::before{content:'';position:absolute;right:-25px;top:32px;width:12px;height:12px;border:1px solid var(--service-accent);background:var(--bg-2);border-radius:50%}.scope-layout-journey .scope-package:nth-child(2)::before{right:auto;left:-25px}.scope-layout-journey .scope-package h3{font-size:34px}.scope-layout-journey .package-number{font-size:55px}.scope-layout-journey .package-symbol{display:none}
.scope-spec-sheet{max-width:1040px;margin:auto;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);padding:0 35px}.spec-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line-2);padding:25px 0;font:20px var(--ff-display)}.spec-sheet-header>span:nth-child(2){font:9px var(--ff-body);color:var(--muted-2);letter-spacing:.08em}.spec-sheet-header>span:last-child{color:var(--service-accent)}.scope-spec-sheet details{border-bottom:1px solid var(--line)}.scope-spec-sheet details:last-child{border:0}.scope-spec-sheet summary{display:flex;gap:30px;align-items:center;min-height:90px;cursor:pointer;list-style:none}.scope-spec-sheet summary::-webkit-details-marker{display:none}.scope-spec-sheet summary>span{font:12px var(--ff-display);color:var(--muted-2)}.scope-spec-sheet summary>b{font:500 25px var(--ff-display);flex:1}.scope-spec-sheet summary>small{font-size:10px;color:var(--muted)}.scope-spec-sheet summary>i{font-style:normal;font-size:25px;color:var(--service-accent);transition:transform .2s}.scope-spec-sheet details[open] summary>i{transform:rotate(45deg)}.scope-spec-sheet ul{display:grid;grid-template-columns:1fr 1fr;gap:25px;list-style:none;margin:0;padding:0 0 30px 45px}.scope-spec-sheet li{display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:13px;line-height:1.8}.scope-spec-sheet .ico{width:17px;height:17px;flex-shrink:0;color:var(--service-accent);margin-top:4px}
.scope-layout-gallery .scope-package{padding:35px 25px;border:1px solid var(--line-2);border-radius:15px;background:var(--surface);overflow:hidden}.scope-layout-gallery .scope-package:nth-child(2){transform:translateY(30px)}.scope-layout-gallery .scope-package-identity{padding-top:120px;display:block}.scope-layout-gallery .package-symbol{position:absolute;left:0;right:0;top:0;height:95px;display:grid;place-items:center;background:linear-gradient(115deg,#8b3dff22,#ff2e9315);border:1px solid #8b3dff30;border-radius:40% 40% 5px 5px;transform:rotate(-5deg)}.scope-layout-gallery .scope-package:nth-child(2) .package-symbol{background:linear-gradient(115deg,#ff2e9322,#ff6a2c15);border-radius:50%;transform:rotate(5deg)}.scope-layout-gallery .scope-package:nth-child(3) .package-symbol{border-radius:5px;transform:rotate(-8deg)}.scope-layout-gallery .package-symbol>.ico{width:55px;height:55px;stroke-width:.8}.scope-layout-gallery .package-number{position:absolute;top:10px;right:12px;font-size:14px;z-index:1}.scope-layout-gallery .scope-package h3{margin:15px 0 25px}
.scope-workbench{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:280px 1fr;background:var(--surface)}.scope-workbench-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line-2);background:var(--bg-2);padding:15px}.scope-workbench-tabs button{display:flex;align-items:center;gap:17px;padding:23px 15px;font:16px var(--ff-display);text-align:left;border:1px solid transparent;border-radius:8px;background:none;color:var(--muted);cursor:pointer}.scope-workbench-tabs button>span{font-size:10px;color:var(--muted-2)}.scope-workbench-tabs button>i{margin-left:auto;color:var(--service-accent);font-style:normal}.scope-workbench-tabs button[aria-pressed=true]{border-color:#8b3dff50;background:#8b3dff12;color:var(--text)}.scope-workbench-panels{min-width:0}.scope-workbench-panels>section{display:flex;align-items:center;gap:40px;padding:45px;min-height:300px}.scope-workbench-panels>section>div{flex:1}.workbench-symbol{flex:0 0 100px;color:var(--service-accent)}.workbench-symbol>.ico{width:100px;height:100px;stroke-width:.8}.scope-workbench h3{font:500 36px var(--ff-display);letter-spacing:-.04em;margin:0 0 25px}.scope-workbench .eyebrow{font-size:8px;margin-bottom:15px}.scope-workbench li{font-size:14px}.scope-workbench-tabs button:focus-visible{outline:2px solid var(--pink);outline-offset:-3px}
.scope-layout-ledger .scope-composition{display:block}.scope-layout-ledger .scope-package{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:70px;padding:40px 0;border-bottom:1px solid var(--line-2)}.scope-layout-ledger .scope-package:first-child{border-top:1px solid var(--line-2)}.scope-layout-ledger .scope-package-identity{margin:0;gap:25px;justify-content:flex-start}.scope-layout-ledger .scope-package h3{order:0;margin:0;font-size:35px}.scope-layout-ledger .package-symbol{display:none}.scope-layout-ledger .package-number{font-size:65px;min-width:75px}.scope-layout-ledger .scope-package ul{grid-template-columns:1fr 1fr;gap:35px}
.scope-layout-constellation .scope-composition{grid-template-columns:1fr 1.2fr 1fr;gap:28px;align-items:center}.scope-core{grid-column:2;grid-row:1/3;border:1px solid #8b3dff50;border-radius:50%;aspect-ratio:1;background:radial-gradient(#8b3dff15,transparent 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:45px;text-align:center;min-width:0}.scope-core>span>.ico{width:60px;height:60px;color:var(--service-accent);stroke-width:.8}.scope-core b{font:500 24px/1.3 var(--ff-display);letter-spacing:-.03em}.scope-layout-constellation .scope-package{border:1px solid var(--line-2);padding:25px;border-radius:12px;background:var(--surface)}.scope-layout-constellation .scope-package-0{grid-column:1;grid-row:1}.scope-layout-constellation .scope-package-1{grid-column:3;grid-row:1}.scope-layout-constellation .scope-package-2{grid-column:3;grid-row:2}.scope-layout-constellation .package-number{font-size:20px}.scope-layout-constellation .package-symbol{display:none}.scope-layout-constellation .scope-package h3{font-size:22px}.scope-layout-constellation .scope-package li{font-size:11px}
@keyframes journey-arrive{from{opacity:0;transform:translateY(18px) rotateY(-12deg)}to{opacity:1}}
.journey-stage.scene-visible .journey-object{animation:journey-arrive .65s cubic-bezier(.2,.8,.2,1) backwards}
@media(max-width:1000px){.journey-stage{padding:20px}.journey-canvas{height:290px}.journey-focus strong{font-size:11px}.journey-stage .journey-choices button{font-size:8px;padding:9px 7px}.scope-workbench{grid-template-columns:220px 1fr}.scope-workbench-panels>section{gap:25px;padding:35px}.workbench-symbol{flex-basis:70px}.workbench-symbol>.ico{width:70px;height:70px}.scope-package li{font-size:12px}.scope-layout-constellation .scope-composition{gap:15px}.scope-core{padding:25px}.scope-core b{font-size:20px}.type-specimen>b{font-size:80px}.type-specimen>b>span{font-size:45px}.people-cards{gap:8px}.people-cards>div{padding:12px 9px}.physical-wall>span{font-size:22px}}
@media(max-width:760px){.journey-stage{max-width:490px;padding:20px}.journey-canvas{height:285px;margin-block:16px 8px}.journey-top{font-size:9px}.journey-top>span:last-child{font-size:6px;max-width:100px}.journey-stage .journey-choices>div{gap:6px}.journey-stage .journey-choices button{font-size:9px;min-height:67px;padding:10px 8px}.journey-stage .journey-focus{min-height:83px}.journey-focus strong{font-size:12px}.inventory-goal{padding:12px;margin:0 0 18px;gap:10px}.inventory-goal b{font-size:14px}.inventory-grid{gap:7px}.inventory-grid>span{padding:10px}.inventory-grid b{font-size:9px}.inventory-grid small{font-size:6px}.return-message{margin:25px 7px 0;padding:14px}.return-message b{font-size:13px}.return-message small{font-size:6px}.return-route{gap:12px}.return-page{width:115px}.return-basket{width:115px}.editorial-page{inset-inline:5px;padding:20px}.editorial-page>b{font-size:23px}.screening-screen{padding:18px}.screening-screen>b{font-size:24px}.screening-play{margin-top:17px}.screening-cuts{gap:6px;margin-top:15px}.screening-cuts>span{font-size:8px}.people-cards small{font-size:6px}.people-cards>div>b{font-size:10px}.contact-frame>span{font-size:25px}.film-contact-grid{gap:9px}.portrait-session{inset-inline:30px}.social-nine{inset-inline:20px}.social-nine b{font-size:20px}.test-variants{padding:15px 5px;gap:12px}.test-variants>div{padding:15px}.test-variants b{font-size:65px}.test-variants>div>span{font-size:8px}.work-node{padding:14px 10px;gap:10px;width:45%}.work-node b{font-size:9px}.work-node-1{left:26%;top:100px}.work-node-2{bottom:10px}.work-node .ico{width:19px;height:19px}.lead-form-preview{inset-inline:15px;padding:20px}.lead-form-preview>b{font-size:20px}.type-specimen{inset-inline:5px;padding:22px}.type-specimen>b{font-size:80px}.type-specimen>b>span{font-size:50px;margin-left:15px}.folded-paper{inset-inline:0}.folded-paper>div{padding:17px 10px}.folded-paper b{font-size:17px}.software-browser article{padding:16px}.software-browser article>b{font-size:17px}.software-browser article>span{font-size:8px}.physical-wall{left:8%;width:84%;padding:20px}.physical-wall>span{font-size:24px}.vehicle-body>span{font-size:27px}.direction-compass{width:210px;height:210px;left:calc(50% - 105px)}.journey-map{inset-inline:0}.knowledge-labels>span{max-width:120px;font-size:8px;padding:11px}.audience-circles i{width:170px;height:170px;left:4%;top:20px}.audience-circles i:nth-child(2){right:4%;top:65px}.audience-circles>b{font-size:16px;max-width:130px}.vital-dials{gap:10px}.vital-dials b{font-size:17px;top:33%}.vital-dials small{font-size:8px}.resource-waterfall>div{gap:9px}.resource-waterfall b{font-size:8px;width:45px}
.tailored-scope-heading{gap:25px;margin-bottom:35px;align-items:flex-start}.tailored-scope-heading .studio-title{font-size:35px;line-height:1.15}.scope-heading-mark{flex-basis:35px;margin-top:35px}.scope-heading-mark>.ico{width:35px;height:35px}.tailored-scope-heading .eyebrow{font-size:8px;line-height:1.8}.scope-composition{grid-template-columns:1fr;gap:20px}.scope-layout-blueprint .scope-package{padding:25px}.scope-layout-blueprint .scope-package:not(:last-child)::after{right:25px;top:auto;bottom:-25px;transform:rotate(90deg)}.scope-layout-blueprint .scope-package-identity{padding-bottom:18px;margin-bottom:20px}.scope-package h3{font-size:25px}.scope-package li{font-size:13px}.scope-layout-gallery .scope-package:nth-child(2){transform:none}.scope-layout-gallery .scope-package{padding:25px}.scope-layout-gallery .scope-package-identity{padding-top:0;padding-left:95px;min-height:85px;display:flex;margin-bottom:22px}.scope-layout-gallery .package-symbol{left:0;right:auto;width:75px;height:75px}.scope-layout-gallery .package-symbol>.ico{width:38px;height:38px}.scope-layout-gallery .package-number{right:0;top:0;font-size:11px}.scope-layout-gallery .scope-package h3{margin:0;font-size:28px}.scope-layout-journey .scope-composition::before{left:8px}.scope-layout-journey .scope-package,.scope-layout-journey .scope-package:nth-child(2){width:100%;margin:0;padding:20px 0 30px 38px}.scope-layout-journey .scope-package::before,.scope-layout-journey .scope-package:nth-child(2)::before{left:2px;right:auto;top:26px}.scope-layout-journey .scope-package h3{font-size:30px}.scope-layout-journey .package-number{font-size:40px}.scope-layout-journey .scope-package-identity{margin-bottom:17px}.scope-spec-sheet{padding-inline:20px}.spec-sheet-header{gap:15px;font-size:16px;padding-block:20px}.spec-sheet-header>span:nth-child(2){font-size:6px;max-width:130px;line-height:1.7}.scope-spec-sheet summary{gap:16px;min-height:85px}.scope-spec-sheet summary>b{font-size:24px}.scope-spec-sheet summary>small{font-size:9px}.scope-spec-sheet ul{padding-left:0;grid-template-columns:1fr;gap:18px}.scope-spec-sheet li{font-size:13px}.scope-workbench{grid-template-columns:1fr}.scope-workbench-tabs{flex-direction:row;border-right:0;border-bottom:1px solid var(--line-2);padding:9px;gap:3px}.scope-workbench-tabs button{flex:1;min-width:0;font-size:12px;gap:8px;padding:14px 8px;min-height:50px;flex-wrap:wrap}.scope-workbench-tabs button>span{font-size:8px}.scope-workbench-tabs button>i{display:none}.scope-workbench-panels>section{padding:28px;gap:20px;min-height:300px;display:block}.workbench-symbol{display:block;margin-bottom:20px}.workbench-symbol>.ico{width:45px;height:45px}.scope-workbench h3{font-size:31px;margin-bottom:20px}.scope-workbench li{font-size:13px}.scope-layout-ledger .scope-package{grid-template-columns:1fr;gap:23px;padding:28px 0}.scope-layout-ledger .scope-package ul{grid-template-columns:1fr;gap:17px;padding-left:65px}.scope-layout-ledger .scope-package h3{font-size:30px}.scope-layout-ledger .package-number{font-size:45px;min-width:45px}.scope-layout-ledger .scope-package-identity{gap:20px}.scope-layout-constellation .scope-composition{display:flex;flex-direction:column;gap:15px}.scope-core{width:210px;margin:0 auto 15px;padding:28px;gap:17px;align-self:center}.scope-core>span>.ico{width:40px;height:40px}.scope-core b{font-size:20px}.scope-layout-constellation .scope-package{width:100%;padding:25px}.scope-layout-constellation .scope-package li{font-size:13px}.scope-layout-constellation .scope-package h3{font-size:26px}.scope-layout-constellation .scope-package-identity{margin-bottom:18px}}
@media(max-width:380px){.journey-stage{padding:17px}.journey-canvas{height:275px}.journey-stage .journey-choices button{font-size:8px;padding:9px 7px}.inventory-grid>span{padding:8px}.inventory-grid b{font-size:8px}.inventory-grid small{font-size:6px}.inventory-goal b{font-size:13px}.journey-focus strong{font-size:11px}.audience-circles i{width:150px;height:150px}.knowledge-labels>span{max-width:110px}.type-specimen>b{font-size:70px}.type-specimen>b>span{font-size:45px}.screening-screen>b{font-size:22px}.folded-paper b{font-size:15px}.scope-workbench-tabs button{font-size:11px;gap:5px}.tailored-scope-heading .studio-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){.journey-stage *{animation:none!important;transition:none!important}.journey-object{transform:none}.scope-layout-gallery .scope-package:nth-child(2){transform:none}}