.portal-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .7s}.portal-stage.is-ready .portal-canvas{opacity:1}.portal-stage.is-ready .portal-fallback{opacity:0}.portal-fallback{transition:opacity .7s}.experience-shell{border:1px solid #e9e1e5;border-radius:14px;background:#fff;box-shadow:0 12px 50px #3c092104;overflow:hidden}.experience-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-inline:34px;gap:25px}.experience-tab{position:relative;padding:25px 16px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:11px;color:#8b7e85;font-size:13px;font-weight:500}.experience-tab>span{font-size:9px;color:#af9ba5}.experience-tab svg{width:15px;height:15px;stroke-width:1.6}.experience-tab[aria-selected=true]{color:var(--wine)}.experience-tab[aria-selected=true]>span{color:#9d5c70}.tab-line{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--wine)}.experience-panel{min-height:400px;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:43px 60px}.experience-panel-copy{max-width:335px}.experience-panel-copy .eyebrow{font-size:9px;letter-spacing:.12em}.experience-panel h3{font-size:34px;line-height:1.22;letter-spacing:-.045em;margin-top:19px}.experience-panel-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:18px}.experience-panel-copy .text-link{margin-top:24px;font-size:12px}.experience-visual{height:325px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#faf4f6 0%,#fff 68%)}.visual-circles{position:absolute;inset:4% 6%;border:1px solid #f0e6eb;border-radius:50%;transform:rotate(-20deg)}.visual-circles:after{content:'';position:absolute;inset:25% -10%;border:1px solid #eee2e7;border-radius:50%;transform:rotate(-8deg)}.project-sheet{position:relative;border:1px solid #e6d9df;border-radius:7px;background:#fff;width:240px;padding:22px 25px 20px;transform:rotate(-6deg);box-shadow:9px 13px 0 #f1e6ea,9px 13px 0 1px #e9d7df,0 16px 38px #57091c09}.sheet-meta{display:flex;justify-content:space-between;align-items:center;color:#9d7e8a;font-size:7px;letter-spacing:.07em}.sheet-meta img{width:65px;height:auto}.project-sheet h4{font:500 28px/1.15 var(--heading);letter-spacing:-.045em;color:var(--wine);margin:29px 0 20px}.sheet-lines{display:flex;flex-direction:column;gap:7px}.sheet-lines i{height:4px;background:#f0e8eb;border-radius:2px;width:88%}.sheet-lines i:nth-child(2){width:72%}.sheet-lines i:nth-child(3){width:80%}.sheet-footer{margin-top:26px;border-top:1px solid #f0e7eb;padding-top:15px;font-size:7px;letter-spacing:.08em;color:#aa8c98;display:flex;justify-content:space-between;align-items:center}.sheet-footer svg{width:17px;height:17px;color:var(--wine)}.project-chip{position:absolute;right:2%;bottom:30px;transform:rotate(6deg);border:1px solid #e4c5d0;background:#fcf7f9;color:var(--wine);font-size:10px;padding:9px 14px;display:flex;gap:9px;align-items:center;border-radius:5px;box-shadow:0 5px 14px #780d2707}.project-chip svg{width:14px;height:14px}.perspective-tile{position:absolute;border:1px solid #eadfe4;border-radius:9px;width:230px;height:127px;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px;font:500 25px/1.2 var(--heading);letter-spacing:-.035em;background:#fcfafb;box-shadow:0 9px 30px #780d2706;color:var(--wine);top:24px;left:20px;transform:rotate(-7deg)}.perspective-tile svg{width:20px;height:20px;stroke-width:1.25}.perspective-tile:nth-of-type(3){background:var(--wine);color:var(--cream);left:auto;top:auto;bottom:28px;right:10px;transform:rotate(6deg);border-color:var(--wine)}.perspective-connector{position:absolute;left:45%;top:46%;z-index:2;background:#fff;border:1px solid #e3cdd6;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;box-shadow:0 4px 12px #780d270b}.perspective-connector svg{width:16px;height:16px;color:var(--wine)}.network-art{width:290px;height:295px;transform:rotate(-9deg)}.network-label{position:absolute;background:#fff;border:1px solid #eee2e7;color:#8d6f7b;padding:7px 13px;font-size:9px;border-radius:5px;box-shadow:0 5px 12px #780d2704}.network-label.design{top:35px;right:24px;transform:rotate(5deg)}.network-label.dev{top:73px;left:1px;transform:rotate(-5deg)}.network-label.business{bottom:8px;right:4px;transform:rotate(4deg)}.network-label.creation{bottom:20px;left:16px;transform:rotate(-5deg)}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{transition:none!important;animation:none!important}
@media(max-width:1100px){.experience-panel{padding:33px 43px;gap:22px}.experience-panel h3{font-size:31px}.experience-visual{height:320px}.experience-tabs{padding-inline:24px}.project-chip{right:-10px}.perspective-tile{width:200px;left:4px}.perspective-tile:nth-of-type(3){right:0}.network-label{font-size:8px}}
@media(max-width:820px){.experience-panel{padding:30px;gap:23px}.experience-panel h3{font-size:28px}.experience-panel-copy>p:not(.eyebrow){font-size:12px}.experience-visual{height:290px}.project-sheet{width:205px;padding:18px 20px}.project-sheet h4{font-size:25px}.project-chip{bottom:17px;right:-10px;font-size:8px}.perspective-tile{width:178px;height:117px;font-size:20px;padding:18px}.network-label.dev{left:-7px}.network-label.creation{left:2px}.experience-tab{padding-inline:4px}}
@media(max-width:560px){.experience-tabs{gap:8px;padding-inline:16px}.experience-tab{padding:19px 0;font-size:10px;gap:6px}.experience-tab>span{font-size:7px}.experience-tab svg{display:none}.experience-panel{grid-template-columns:1fr;padding:29px 24px 27px;gap:18px;min-height:575px;align-content:start}.experience-panel-copy{max-width:none}.experience-panel-copy .eyebrow{font-size:8px}.experience-panel h3{font-size:28px;margin-top:14px;max-width:260px}.experience-panel-copy>p:not(.eyebrow){font-size:12px;margin-top:14px}.experience-panel-copy .text-link{font-size:11px;margin-top:16px}.experience-visual{height:280px;width:100%;max-width:325px;margin:auto}.project-sheet{width:205px;padding:18px 22px}.project-sheet h4{margin-top:24px}.project-chip{right:0;bottom:16px}.perspective-tile{left:0;top:20px;width:195px}.perspective-tile:nth-of-type(3){bottom:20px;right:0}.network-art{width:258px;height:268px}.network-label.design{right:0;top:25px}.network-label.dev{top:60px;left:-5px}.network-label.business{bottom:6px;right:0}.network-label.creation{bottom:14px;left:0}}
@media(max-width:360px){.experience-panel{padding-inline:19px;min-height:590px}.experience-tab{font-size:9px}.experience-panel h3{font-size:25px}.perspective-tile{width:178px}.project-chip{right:-5px}.experience-panel-copy .eyebrow{font-size:7px}}
/* Scroll accents remain decorative; native scrolling stays untouched. */
.header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--wine);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
.steps li:after{content:'';position:absolute;top:28px;left:55px;right:-31px;height:1px;background:#a86177;transform:scaleX(var(--step-progress,0));transform-origin:left;pointer-events:none}
.steps li:last-child:after{right:0}
@media(max-width:560px){.steps li:after{left:18px;top:68px;bottom:4px;right:auto;width:1px;height:auto;transform:scaleY(var(--step-progress,0));transform-origin:top}.steps li:last-child:after{display:none}}