/* A real project, shown through three connected perspectives. */
.wpv-section{--wpv-orange:#ff6000;--wpv-ink:#101719;--wpv-muted:#5e6971;position:relative;isolation:isolate;padding:62px 0 54px;scroll-margin-top:96px;background:#f8f5ef;overflow:hidden}
.wpv-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 77%,#e6d5bd4d,transparent 51%),radial-gradient(ellipse at 86% 67%,#fffaf3b3,transparent 49%);mask-image:linear-gradient(transparent,#000 14%,#000 77%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 77%,transparent)}
.wpv-atmosphere:before{content:"";position:absolute;inset:12% 28% 0 -10%;background:url('../web-mobile/mobile-ivory-atmosphere.webp') left center/cover no-repeat;opacity:.26;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,#000 10%,transparent 70%)}
.wpv-atmosphere i{position:absolute;left:-20%;top:25%;width:65%;height:90px;transform:rotate(-20deg);background:linear-gradient(180deg,transparent,#fff8,transparent);filter:blur(24px);opacity:0}
.wpv-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:4%;margin-bottom:32px}
.we-page .wpv-heading .sp-eyebrow{color:#ae3e00;font-size:11px;letter-spacing:.16em;margin:0 0 25px}
.we-page .wpv-heading h2{font-size:clamp(38px,3.35vw,64px);font-weight:820;line-height:1.06;letter-spacing:-.055em;max-width:none}
.wpv-heading h2>span{color:#ef5900}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.wpv-heading h2>span{background:linear-gradient(155deg,#f6741e,#f55b00 44%,#ec4b00);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.we-page .wpv-intro{font-size:clamp(17px,1.13vw,21px);line-height:1.5;color:var(--wpv-muted);max-width:590px;margin:0 0 4px}
.wpv-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);column-gap:5%;align-items:start}
.wpv-visual{grid-column:1;grid-row:1;min-width:0;outline-offset:8px}
.wpv-controls{grid-column:2;grid-row:1;min-width:0;padding-top:10px}
.wpv-figure{margin:0;position:relative}
.wpv-stage{aspect-ratio:1.75;position:relative}
.wpv-dots{position:absolute;inset:5% -1% 1% 8%;background-image:radial-gradient(#cab7a1 1px,transparent 1px);background-size:22px 22px;opacity:.35;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}
.wpv-layer{--wpv-pitch:12deg;--wpv-yaw:13deg;--wpv-roll:1.8deg;--wpv-skew:6deg;--wpv-lift:0px;--wpv-scale:1;position:absolute;border:1px solid #d3c6b6;border-radius:10px;background:linear-gradient(145deg,#fffdf9ed,#f5eee5e0);transition:transform .85s cubic-bezier(.2,.75,.2,1),box-shadow .75s,border-color .55s,opacity .55s;will-change:auto;transform-origin:50% 65%;transform:perspective(1600px) translateY(var(--wpv-lift)) rotateX(var(--wpv-pitch)) rotateY(var(--wpv-yaw)) rotateZ(var(--wpv-roll)) skewX(var(--wpv-skew)) scale(var(--wpv-scale));overflow:hidden}
.wpv-browser{z-index:3;width:83%;left:15%;top:2%;background:#fff;box-shadow:2px 5px 0 -2px #bfb5a5,6px 20px 25px -15px #30251c8c,0 36px 45px -25px #30251c57}
.wpv-browser-bar{height:31px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 13px;background:linear-gradient(#fffcf7,#f0efec);border-bottom:1px solid #dedbd6}
.wpv-traffic{display:flex;gap:6px;flex:none}.wpv-traffic i{width:8px;height:8px;border-radius:50%;background:#fa625c}.wpv-traffic i:nth-child(2){background:#e9b74a}.wpv-traffic i:nth-child(3){background:#78af83}
.wpv-address{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;width:59%;max-width:430px;background:#e8e8e680;border-radius:5px;color:#485259;font-size:11px;line-height:20px}
.wpv-address svg{width:9px;height:11px;stroke:currentColor;stroke-width:1.25;flex:none}.wpv-refresh{color:#92989b;font-size:16px}
.wpv-screen{position:relative;overflow:hidden}
.wpv-site-image{display:block;width:100.8%;max-width:none;height:auto;aspect-ratio:1905/842;object-fit:cover;object-position:top}
.wpv-site-focus{position:absolute;top:21.26%;height:7.13%;left:0;right:0;border:1px solid #ff7a22;box-shadow:0 0 18px #ff6a002e;opacity:0;transition:opacity .6s;pointer-events:none}
.wpv-layer-structure{z-index:2;left:12%;top:54%;width:82%;height:30%;--wpv-pitch:18deg;--wpv-yaw:10deg;--wpv-roll:1.4deg;--wpv-skew:7deg;box-shadow:1px 4px 0 -2px #c9bbaa,3px 20px 24px -17px #43312270;display:flex;align-items:flex-end;padding:0 3% 1.8%}
.wpv-structure-strip{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.5%}
.wpv-code-lines{width:13%;flex:none}.wpv-code-lines i{height:5px;background:#b8bbc0;border-radius:3px;display:block;margin:6px 0}.wpv-code-lines i:nth-child(2){width:83%}.wpv-code-lines i:nth-child(3){width:66%}
.wpv-structure-node{border:1px solid #c7c4be;border-radius:5px;background:#ffffff5e;padding:12px 6px;min-width:0;flex:1;text-align:center;font-size:clamp(8px,.7vw,12px);white-space:nowrap;color:#35434d;box-shadow:0 3px 8px #5d514208}
.wpv-structure-arrow{font-size:15px;font-style:normal;color:#59656a}
.wpv-layer-facts{z-index:1;left:11%;top:67%;width:84%;height:30%;--wpv-pitch:18deg;--wpv-yaw:10deg;--wpv-roll:1.4deg;--wpv-skew:7deg;--wpv-lift:7px;display:flex;align-items:flex-end;padding:0 3% 1.5%;border-color:#ff9c47;box-shadow:0 3px 0 -1px #e9b78399,0 24px 29px -14px #b9783f59,0 0 20px #ff8d1726}
.wpv-facts-strip{display:flex;align-items:center;gap:3%;width:100%}
.wpv-mini-photo{width:20%;height:60px;flex:none;border-radius:2px;background:url('../web-perspectives/balticbud-desktop.png') 70% 35%/auto 240% no-repeat;filter:saturate(.6);opacity:.8}
.wpv-fact{flex:1;min-width:0;align-self:center}.wpv-fact b{display:block;font-size:clamp(8px,.72vw,12px);font-weight:650;line-height:1.2;color:#32414b;margin-bottom:9px}
.wpv-fact i{display:block;height:4px;background:#bec1c6;border-radius:3px;margin-top:6px;width:90%}.wpv-fact i:nth-child(3){width:72%}.wpv-fact i:nth-child(4){width:82%}
.wpv-layer-shine{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 23%,#ffbd6c26 43%,#ffdeaf80 50%,#ffbd6c26 57%,transparent 77%);background-size:230% 100%;background-position:200% 0}
.wpv-callout{position:absolute;left:-4%;display:flex;align-items:flex-start;z-index:5;color:#2a353c;font-size:clamp(10px,.74vw,13px);line-height:1.3;font-weight:500;pointer-events:none;transition:color .5s,transform .7s}
.wpv-callout>span{width:126px;text-align:right;padding-top:1px}.wpv-callout svg{width:60px;height:44px;overflow:visible;flex:none;stroke:var(--wpv-orange);stroke-width:1.2}
.wpv-callout circle{fill:var(--wpv-orange);stroke:var(--wpv-orange);transform-box:fill-box;transform-origin:center}
.wpv-callout-human{top:16%}.wpv-callout-search{top:66%;left:-6%}.wpv-callout-ai{top:86%;left:-6.5%}
.wpv-callout path{stroke-dasharray:1;stroke-dashoffset:0}
.we-page .wpv-figure figcaption{margin:20px 0 0 13%;font-size:12px;color:#667078;line-height:1.4}
.wpv-figure figcaption a{color:inherit;text-decoration:none;text-underline-offset:4px}.wpv-figure figcaption a:hover{color:#ac4100;text-decoration:underline}
.wpv-detail{margin:13px 0 0 13%;min-height:42px;max-width:660px}
.we-page .wpv-example{margin:0;font-size:13px;color:#5f6a70;line-height:1.5;padding-left:13px;border-left:1px solid #e3b18b;max-width:610px}
.wpv-mobile-description,.wpv-tab-short{display:none}
.wpv-tabs{display:flex;flex-direction:column;gap:9px}
.we-page .wpv-tab{display:grid;grid-template-columns:68px minmax(0,1fr) 16px;gap:21px;width:100%;text-align:left;align-items:start;padding:19px 20px 19px 23px;color:var(--wpv-ink);border:0;border-left:2px solid transparent;border-radius:12px;background:transparent;position:relative;transition:background .4s,border-color .4s,transform .4s}
.wpv-tab:not(:last-child):after{content:"";position:absolute;height:1px;bottom:-5px;left:26px;right:22px;background:#ded8cf;transition:opacity .3s}
.we-page .wpv-tab[aria-selected=true]{background:linear-gradient(115deg,#fff0dede,#fff7ed59);border-left-color:#ff7c1f}
.wpv-tab[aria-selected=true]:after{opacity:0}
.we-page .wpv-tab:hover{background-color:#fff6e68c}
.wpv-tab-icon{display:block;width:68px;height:68px;margin-top:3px;transition:transform .55s}
.wpv-tab-icon>svg{width:100%;height:100%;overflow:visible}.wpv-icon-cutout{fill:#faf7f1}.wpv-tab[aria-selected=true] .wpv-icon-cutout{fill:#fff3e5}.wpv-accent{stroke:var(--wpv-orange)}
.wpv-tab[aria-selected=true] .wpv-tab-icon{transform:translateY(-2px)}
.wpv-tab-label{display:block;text-transform:uppercase;font-size:clamp(12px,.78vw,15px);line-height:1.35;font-weight:750;letter-spacing:.065em;color:#b74400;margin-bottom:5px}
.wpv-tab-tag{display:block;font-size:12px;color:#606c73;line-height:1.3;margin-bottom:10px;font-weight:450;letter-spacing:0}
.wpv-tab-description{display:block;font-size:clamp(18px,1.17vw,22px);line-height:1.33;letter-spacing:-.018em;font-weight:450}
.wpv-chevron{width:13px;height:21px;stroke:#59676f;stroke-width:1.3;align-self:center;transition:transform .4s,stroke .4s}
.wpv-tab[aria-selected=true] .wpv-chevron{stroke:#f60;transform:translateX(2px)}
.we-page .wpv-hint{display:flex;align-items:center;gap:12px;margin:19px 0 0 23px;font-size:13px;line-height:1.4;color:#626e75;max-width:390px}
.wpv-hint svg{width:29px;flex:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.wpv-section[data-perspective=human] .wpv-browser{--wpv-lift:-10px;border-color:#ff8b35;box-shadow:2px 5px 0 -2px #cbab8d,6px 24px 31px -16px #58351d73,0 0 20px #ff9d3426}
.wpv-section[data-perspective=human] .wpv-site-focus{opacity:1}
.wpv-section[data-perspective=human] .wpv-layer-structure{--wpv-lift:8px;opacity:.65}
.wpv-section[data-perspective=human] .wpv-layer-facts{--wpv-lift:7px;opacity:.5;border-color:#d3c6b6;box-shadow:0 15px 25px -20px #4331226b}
.wpv-section[data-perspective=search] .wpv-browser{--wpv-lift:-20px;--wpv-scale:.985;opacity:.96}
.wpv-section[data-perspective=search] .wpv-layer-structure{--wpv-lift:-2px;border-color:#ff8b35;box-shadow:1px 4px 0 -2px #d7ad81,3px 22px 29px -16px #8c51216b,0 0 18px #ff9d3426}
.wpv-section[data-perspective=search] .wpv-structure-node{border-color:#d3a47a;background:#fffcf6}
.wpv-section[data-perspective=search] .wpv-structure-arrow{color:#d94f00}
.wpv-section[data-perspective=search] .wpv-layer-facts{--wpv-lift:11px;opacity:.6;border-color:#d3c6b6;box-shadow:0 15px 25px -20px #4331226b}
.wpv-section[data-perspective=human] .wpv-callout-human,.wpv-section[data-perspective=search] .wpv-callout-search,.wpv-section[data-perspective=ai] .wpv-callout-ai{color:#ad4000;font-weight:700;transform:translateY(-2px)}
.wpv-switching[data-perspective=human] .wpv-browser>.wpv-layer-shine,.wpv-switching[data-perspective=search] .wpv-layer-structure>.wpv-layer-shine,.wpv-switching[data-perspective=ai] .wpv-layer-facts>.wpv-layer-shine{animation:wpv-shine 1.3s ease-out both}
.wpv-ready [data-wpv-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.75,.2,1);transition-delay:var(--wpv-delay,0ms)}
.wpv-ready [data-wpv-reveal].is-revealed{opacity:1;transform:translateY(0)}
.wpv-ready:not(.wpv-in-view) .wpv-callout path{stroke-dashoffset:1}
.wpv-in-view .wpv-callout path{animation:wpv-draw 1.35s .25s both}
.wpv-in-view .wpv-layer-facts{animation:wpv-layer-arrive 1.3s ease-out backwards}
.wpv-in-view .wpv-layer-structure{animation:wpv-layer-arrive 1.1s ease-out backwards}
.wpv-in-view .wpv-atmosphere i{animation:wpv-light 3s ease-out both}
@keyframes wpv-shine{0%{opacity:0;background-position:180% 0}25%{opacity:1}100%{opacity:0;background-position:-40% 0}}
@keyframes wpv-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes wpv-layer-arrive{from{translate:0 -24px;opacity:0}to{translate:0 0}}
@keyframes wpv-light{0%{opacity:0;translate:-10% 0}40%{opacity:.7}100%{opacity:0;translate:55% 0}}
@media(min-width:1800px){.wpv-section{padding-top:66px}.wpv-heading{margin-bottom:34px}.we-page .wpv-tab{padding-block:21px}}
@media(max-width:1250px) and (min-width:901px){
 .wpv-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:3%}.wpv-heading{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:4%}
 .we-page .wpv-tab{grid-template-columns:47px minmax(0,1fr) 10px;gap:13px;padding:15px 12px}.wpv-tab-icon{width:47px;height:47px}.wpv-tab-description{font-size:17px}.wpv-tab-label{font-size:11px;letter-spacing:.035em}.wpv-tab-tag{font-size:10px;margin-bottom:10px}
 .wpv-stage{aspect-ratio:1.36}.wpv-browser{top:5%;left:15%;width:83%}.wpv-layer-structure{top:43%;height:30%}.wpv-layer-facts{top:63%;height:30%}
 .wpv-callout>span{width:87px}.wpv-callout svg{width:38px;height:35px}.wpv-callout{font-size:9px;left:-5%}.wpv-callout-search{top:57%}.wpv-callout-ai{top:80%}
 .wpv-mini-photo{height:57px}.wpv-code-lines i{height:3px;margin-block:4px}.wpv-fact b{font-size:8px}.wpv-fact i{height:3px;margin-top:4px}.wpv-structure-node{padding:9px 2px;font-size:7px}.wpv-structure-arrow{font-size:10px}
 .we-page .wpv-hint{font-size:11px;margin-left:12px}.wpv-controls{padding-top:5px}.wpv-heading{margin-bottom:35px}.we-page .wpv-example{font-size:12px}
}
@media(max-width:900px){
 .wpv-section{padding:55px 0 48px}.wpv-heading{grid-template-columns:1fr;gap:23px;margin-bottom:29px}.we-page .wpv-heading h2{font-size:clamp(34px,5.5vw,48px);max-width:760px}.we-page .wpv-intro{font-size:18px;max-width:650px}
 .wpv-layout{display:flex;flex-direction:column;gap:18px}.wpv-controls,.wpv-visual{width:100%;padding:0}.wpv-controls{order:0}.wpv-visual{order:1}
 .wpv-tabs{flex-direction:row;gap:8px}.we-page .wpv-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex:1;width:auto;padding:16px 8px;border-left:0;border-bottom:2px solid transparent;border-radius:9px}
 .we-page .wpv-tab[aria-selected=true]{border-bottom-color:#ff7b1b}.wpv-tab:after,.wpv-chevron,.wpv-tab-label,.wpv-tab-description,.wpv-hint{display:none!important}
 .wpv-tab-copy{text-align:center}.wpv-tab-short{display:block;font-size:16px;line-height:1.3;font-weight:700;margin-bottom:5px}.wpv-tab-tag{font-size:11px;margin:0}.wpv-tab-icon{width:43px;height:43px;margin:0}
 .wpv-stage{aspect-ratio:1.57;max-width:740px;margin:6px auto 0}.wpv-callout{font-size:11px;left:-1%}.wpv-callout>span{width:105px}.wpv-callout svg{width:45px;height:38px}.wpv-callout-search{left:-2%}.wpv-callout-ai{left:-2%}
 .wpv-structure-node{font-size:9px;padding:10px 4px}.wpv-fact b{font-size:9px;margin-bottom:7px}.wpv-fact i{height:3px;margin-top:4px}.wpv-mini-photo{height:44px}.wpv-code-lines i{height:4px}
 .we-page .wpv-figure figcaption{font-size:11px;margin-top:18px}.wpv-detail{margin-top:18px;max-width:none;min-height:0}
 .we-page .wpv-mobile-description{display:block;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin:0 0 13px;max-width:620px}
 .we-page .wpv-example{font-size:15px;max-width:630px}
}
@media(max-width:600px){
 .wpv-section{padding:45px 0 43px}.we-page .wpv-section>.shell{width:calc(100% - 40px)}
 .we-page .wpv-heading .sp-eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:19px}.we-page .wpv-heading h2{font-size:clamp(32px,8.4vw,46px);line-height:1.07;letter-spacing:-.05em}.we-page .wpv-intro{font-size:16px;line-height:1.5}
 .wpv-heading{gap:19px;margin-bottom:22px}.wpv-tabs{gap:5px}.we-page .wpv-tab{padding:13px 3px;gap:7px}.wpv-tab-short{font-size:12px}.wpv-tab-tag{font-size:9px}.wpv-tab-icon{width:36px;height:36px}
 .wpv-layout{gap:20px}.wpv-stage{aspect-ratio:1.22;margin-top:0}.wpv-browser{left:11%;width:87%;top:3%;border-radius:6px}.wpv-browser-bar{height:20px;padding-inline:7px;gap:8px}.wpv-address{font-size:7px;line-height:14px;width:69%;gap:4px}.wpv-address svg{width:6px;height:8px}.wpv-traffic{gap:3px}.wpv-traffic i{width:4px;height:4px}.wpv-refresh{font-size:10px}
 .wpv-layer-structure{left:10%;width:87%;top:42%;height:32%;border-radius:6px;padding:0 3% 4%}.wpv-layer-facts{left:8%;width:88%;top:61%;height:33%;border-radius:6px;padding-bottom:4%}
 .wpv-structure-node{font-size:6px;padding:8px 2px;border-radius:3px}.wpv-structure-arrow{font-size:9px}.wpv-code-lines{width:10%}.wpv-code-lines i{height:3px;margin-block:4px}
 .wpv-mini-photo{height:47px;width:18%}.wpv-fact b{font-size:6.3px;margin-bottom:5px}.wpv-fact i{height:2px;margin-top:4px}.wpv-facts-strip{gap:3%}
 .wpv-callout{font-size:8px;left:-3%;line-height:1.2;top:16%;max-width:100%;opacity:0;transition:opacity .4s,color .4s}.wpv-callout>span{width:48px;text-align:left}.wpv-callout svg{width:27px;height:27px;margin-left:0}
 .wpv-callout-search{top:59%;left:-3%}.wpv-callout-ai{top:79%;left:-3%}
 .wpv-section[data-perspective=human] .wpv-callout-human,.wpv-section[data-perspective=search] .wpv-callout-search,.wpv-section[data-perspective=ai] .wpv-callout-ai{opacity:1}
 .we-page .wpv-figure figcaption{font-size:10px;margin:9px 0 0 8%}.wpv-detail{margin:18px 0 0}
 .we-page .wpv-mobile-description{font-size:18px;line-height:1.4;margin-bottom:12px}.we-page .wpv-example{font-size:14px;line-height:1.5;padding-left:12px}
 .wpv-section[data-perspective=search] .wpv-browser{--wpv-lift:-9px}
}
@media(prefers-reduced-motion:reduce){
 .wpv-section *,.wpv-section *:before,.wpv-section *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .wpv-ready [data-wpv-reveal]{opacity:1;transform:none}.wpv-callout path{stroke-dashoffset:0!important}.wpv-atmosphere i,.wpv-layer-shine{display:none}
}
@media(forced-colors:active){
 .wpv-heading h2>span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.wpv-layer{background:Canvas;border-color:CanvasText}.wpv-tab[aria-selected=true]{outline:2px solid Highlight}.wpv-atmosphere,.wpv-dots,.wpv-layer-shine{display:none}
}
@media print{
 .wpv-section{break-inside:avoid;overflow:visible}.wpv-ready [data-wpv-reveal]{opacity:1;transform:none}.wpv-section *{animation:none!important;transition:none!important}.wpv-callout path{stroke-dashoffset:0}.wpv-hint{display:none}
}