/* V6 / Ääretön piha: stone, bronze, water and clear, native interfaces. */
:root{--night:#080f17;--ink:#f3f1ec;--gold:#d4ad79;--pavilion-line:#d9b88638;--pavilion-muted:#b9c1c9}
html,body{background:#080f17}body{color:var(--ink)}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
:is(a,button,input,textarea):focus-visible{outline:2px solid #f0ce96;outline-offset:5px}
.site-header,.arrival .site-header{padding:27px 4.5%;height:auto;align-items:center;gap:30px}
.site-header .wordmark{font-size:33px;letter-spacing:-1.8px}
.site-header .wordmark{min-height:44px;display:inline-flex;align-items:center}
.site-header nav,.arrival .site-header nav{gap:32px}
.site-header nav a,.arrival .site-header nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.site-header nav a{min-width:44px;justify-content:center}
.site-header nav a[aria-current=page]:after{background:#dcbb83;height:1px;bottom:4px}
.site-footer{border-top:1px solid var(--pavilion-line);padding:38px 4.5%;background:#080f17;color:#aeb7bf;gap:25px;min-height:115px}
.site-footer .wordmark{color:#f4f1eb}.site-footer a:last-child{min-height:44px;display:inline-flex;align-items:center}
.site-footer a:hover{color:#eed2a5}

/* One architectural space, with a composition for each screen shape. */
.courtyard.arrival{background:#050c15;height:100svh;min-height:680px}
.courtyard .site-header{background:linear-gradient(#05080bcc,transparent)}
.courtyard .atlas-scene{width:max(100cqw,calc(100cqh * var(--scene-ratio)));aspect-ratio:var(--scene-ratio)}
/* The homepage camera is fixed, including entry and pointer movement. */
.courtyard-home.page-enter{animation:none}
.courtyard-home .atlas-scene{translate:none;transition:none}
.courtyard-home .scene-sign>img,.courtyard-home .scene-sign>svg{padding:0}
.courtyard-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#04081022,transparent 42%,transparent 89%,#03080d88)}
.courtyard.arrival .atlas-heading{left:50%;top:12%;width:70%;max-width:860px;text-align:center;transform:translateX(-50%);margin:0}
.courtyard.arrival .atlas-kicker{font-size:9px;letter-spacing:.19em;margin-bottom:13px;color:#c6cdd5}
.courtyard.arrival .atlas-heading h1{font-size:clamp(46px,4.1vw,70px);font-weight:350;line-height:1.025;letter-spacing:-.045em;text-shadow:0 3px 28px #05102055}
.courtyard.arrival .atlas-heading h1 em{color:#f3f1ec;font-weight:350}
.courtyard.arrival .atlas-instruction{font-size:13px;line-height:1.65;max-width:none;margin:15px auto 0;color:#d1d8de;text-shadow:0 2px 12px #0008}
.courtyard-text-link{display:inline-flex;align-items:center;gap:15px;pointer-events:auto;font-size:11px;min-height:36px;margin-top:5px;color:#e5d1af;border-bottom:1px solid transparent}
.courtyard-text-link:hover{border-color:#d9b886}
.courtyard.arrival .city-caption{gap:8px;padding:9px 10px;min-height:44px;background:radial-gradient(ellipse,#040e1bbd,transparent 76%);border-radius:0;transform:translate(calc(-50% + var(--label-shift,0px)),0)}
.courtyard.arrival .city:hover .city-caption,.courtyard.arrival .city:focus-visible .city-caption{transform:translate(calc(-50% + var(--label-shift,0px)),-4px)}
.courtyard.arrival .city-caption strong{font-size:14px;font-weight:450}
.courtyard.arrival .city-caption>span>span{font-size:9px;margin-top:4px;color:#d1d6da;display:none}
.courtyard.arrival .city-caption:before{height:10px;opacity:.45}
.courtyard.arrival .city-enter{font-size:17px;margin-left:2px}
.courtyard.arrival .city-index{font-size:8px;padding-top:3px}
.courtyard .city-art image{filter:brightness(1.19) saturate(1.04)}
.courtyard .scene-sign{transition:filter .3s}
.courtyard .atlas-scene:has(.city-fiderol:hover) .scene-sign[data-brand=fiderol],.courtyard .atlas-scene:has(.city-bar-radar:hover) .scene-sign[data-brand=bar-radar],.courtyard .atlas-scene:has(.city-verkkopalvelu:hover) .scene-sign[data-brand=verkkopalvelu]{filter:brightness(1.22)}
.courtyard-enter{position:absolute;left:73%;top:82.5%;translate:-50% -50%;width:230px;z-index:4;display:flex;flex-direction:column;gap:10px;padding:19px 24px;color:#fff4e3;border:1px solid #d7ad6c88;background:linear-gradient(125deg,#17191ddd,#0b1016e8);box-shadow:0 8px 24px #0008,0 1px 12px #df9c3026,inset 0 1px #f7d6a126;transform:perspective(1000px) rotateY(-9deg) rotateX(2deg);transition:transform .35s,box-shadow .35s,border-color .35s}
.courtyard-enter-eyebrow{font-size:7px;letter-spacing:.16em;color:#c7b597;line-height:1.5}
.courtyard-enter>span:last-child{display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:18px;white-space:nowrap}
.courtyard-enter>span:last-child>span{font-size:24px;color:#e3bf87;transition:translate .3s}
.courtyard-enter:hover,.courtyard-enter:focus-visible{transform:perspective(1000px) rotateY(-5deg) rotateX(1deg) translateY(-6px);border-color:#f0c886;box-shadow:0 18px 40px #000b,0 0 28px #dca1524f}
.courtyard-enter:hover>span:last-child>span{translate:4px 0}
.courtyard-note{position:absolute;left:6%;top:77%;font-size:8px;line-height:1.8;letter-spacing:.18em;color:#ded4c3;text-shadow:0 1px 8px #000}
.courtyard-note span{display:block}.courtyard-note i{display:block;width:27px;height:1px;background:#d6b281;margin-top:18px}
.courtyard.arrival .atlas-bottom{left:4.5%;right:4.5%;bottom:19px;gap:20px}
.courtyard .atlas-bottom .motion-control{border-color:#d5b88333;background:#080e16bd;color:#cfccc5;min-height:44px;font-size:10px;border-radius:2px;padding:9px 12px}
.courtyard .atlas-bottom .atlas-own-link{font-size:10px;color:#d2cbc0;gap:12px}
.courtyard .atlas-bottom .arrival-link-line{background:#d4b17a;width:23px}
.courtyard .atlas-bottom .atlas-hint{font-size:10px;color:#bdc1c6}
.courtyard-references.arrival .atlas-heading h1{font-size:clamp(44px,4vw,69px)}

/* Floating information surfaces carry the materials of their project. */
.arrival-portal .portal-face{border-radius:1px;box-shadow:-12px 24px 75px #000a,inset 0 1px color-mix(in srgb,var(--project) 25%,transparent)}
.arrival-portal .atlas-type{font-size:10px;letter-spacing:.14em}
.arrival-portal .atlas-enter{border-radius:1px;transition:translate .25s,box-shadow .25s}
.arrival-portal .atlas-enter:hover{translate:0 -3px;box-shadow:0 12px 35px color-mix(in srgb,var(--project) 20%,transparent)}
.arrival-portal .portal-worlds{border-top:1px solid #c5b99d25;background:linear-gradient(0deg,#060c17dc,transparent)}

/* The studio's service and conversation terraces. */
.services-page,.terrace-page{background:#080f17}
.own-world{min-height:910px;height:100svh;max-height:1200px;background:#080f17}
.pavilion-environment{z-index:-3}.own-scene .pavilion-environment{z-index:0}
.own-scene:after{background:linear-gradient(90deg,#05080df0,transparent 57%),linear-gradient(0deg,#080f17,transparent 17%)}
.own-copy{width:440px;max-width:38%;margin-left:5%;padding-top:142px}
.own-copy h1{font-size:clamp(42px,4vw,64px);line-height:1.06;font-weight:350;margin:20px 0}
.own-copy .living-eyebrow,.terrace-heading .living-eyebrow{color:#d7b88c;font-size:9px;letter-spacing:.17em}
.own-copy>p:not(.living-eyebrow):not(.own-summary){max-width:400px;font-size:14px;color:#bbc3ca;line-height:1.8}
.own-copy legend{color:#c4b49c;font-size:10px;padding-bottom:12px}
.own-types{gap:0;border-top:1px solid #e0c59935!important;margin-top:30px!important}
.own-types button{background:linear-gradient(110deg,#202128,#10151ddd);border:0;border-bottom:1px solid #d0b07d30;border-radius:0;padding:16px 19px;min-height:59px;color:#f4eee3;transition:background .25s,translate .25s,box-shadow .25s}
.own-types button span:first-child{color:#a59377}.own-types button span:last-child{color:#d4ad79}
.own-types button:hover{translate:4px 0;background:#282a2e}
.own-types button[aria-pressed=true]{background:linear-gradient(110deg,#39352d,#151a20);box-shadow:inset 2px 0 #dfbd84}
.own-extras{gap:8px}.own-extras label{min-height:44px;background:#121921;border-color:#bda47e4d;border-radius:1px;font-size:11px;padding:9px 11px}
.own-extras input{accent-color:#d7b989}.own-summary{color:#c5b79f;font-size:11px;margin-top:18px}
.own-continue{border-radius:1px;background:#e0c49b;color:#161714;min-height:52px}
.own-continue:hover{background:#f1dabc}.own-skip{color:#b7bcc2;font-size:11px}
.studio-statement{position:absolute;left:63%;top:79%;width:300px;color:#ece5d8;text-shadow:0 2px 14px #0008}
.studio-statement>span{font-size:8px;letter-spacing:.17em;color:#d0bd9c}
.studio-statement p{font-size:31px;font-weight:350;line-height:1.15;letter-spacing:-.03em;margin:14px 0}
.studio-statement a{display:inline-flex;align-items:center;gap:25px;min-height:44px;font-size:11px;color:#d9bd92}
.own-world>.world-motion{border-color:#d0b38538;background:#0a111bdb!important;color:#cbbfa9;right:5%;border-radius:1px}
.service-offers{padding-top:25px}.service-offer{padding-block:85px;gap:8vw;border-color:#d0b3852a}
.service-jump a{color:#c7b697}.offer-copy h2{font-weight:350;line-height:1.09}
.offer-copy>p:not(.offer-index){color:#b6bfc8;font-size:17px}
.offer-proof{border-radius:1px;padding:25px;background:linear-gradient(130deg,#222b34,#0d151f);border-color:color-mix(in srgb,var(--project) 23%,#303238);box-shadow:8px 14px 40px #0006;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg)}
.offer-proof:hover{transform:perspective(1300px) rotateY(-2deg) translateY(-6px);box-shadow:8px 22px 50px #0008}
.offer-proof>img{border-radius:1px}.offer-proof-link{font-size:13px}
.service-process{border-color:#d0b3852a;padding-block:90px}.service-process h2{font-weight:350}
.service-process article>span{color:#c5a573}.service-process article p{color:#b2bbc4}
.service-process .button-primary{background:#d6b887;color:#141916;border-radius:1px}
.contact-terrace{grid-template-columns:minmax(0,1fr) minmax(350px,470px);gap:7vw;padding:135px 6vw 85px;min-height:970px;max-height:none;height:100svh;background:#080f17}
.contact-terrace>.pavilion-environment{z-index:0}.terrace-shading{z-index:1;background:linear-gradient(90deg,#060b10a6,transparent 65%),linear-gradient(0deg,#080f17,transparent 30%)}
.terrace-heading,.project-brief,.contact-terrace>.world-motion{z-index:2}.terrace-heading{position:relative;padding-top:65px}
.terrace-heading h1{font-size:clamp(46px,4.1vw,69px);line-height:1.06;max-width:690px;margin:22px 0 29px}
.terrace-heading>p:not(.living-eyebrow){font-size:16px;line-height:1.8;color:#bcc6cf}
.terrace-heading .terrace-call{display:block;border:0;font-size:28px;letter-spacing:-.03em;color:#eed7b1;margin-top:37px;max-width:330px;line-height:1.5}
.terrace-call>span:first-child{display:block;font-size:10px;letter-spacing:.06em;color:#c1b298;margin-bottom:8px}.terrace-call>span:last-child{margin-left:20px;font-size:22px}
.terrace-heading>a:not(.terrace-call){font-size:11px;color:#c0c5c9;margin-top:17px;border-color:#d9b88640}
.project-brief{background:linear-gradient(135deg,#262b31f5,#0d151ff7 65%);border:1px solid #d0b38555;border-radius:1px;box-shadow:-12px 24px 65px #0009;padding:35px}
.project-brief:after{content:'';position:absolute;left:100%;top:12px;bottom:-12px;width:10px;transform:skewY(45deg);transform-origin:left top;background:linear-gradient(#605341,#17202b);border-right:1px solid #c6aa7c55;pointer-events:none}
.project-brief .living-eyebrow{font-size:9px;color:#d0b78e}.project-brief h2{font-size:35px;font-weight:350}
.brief-context{color:#ccb68f;border-bottom:1px solid #d2b3862b;padding-bottom:20px;margin-bottom:20px}
.project-brief textarea,.project-brief input{background:#0b131c;border-color:#b4b3ac45;border-radius:1px;color:#eeeae2;font-size:14px}
.project-brief textarea::placeholder,.project-brief input::placeholder{color:#83909d}
.project-brief :is(input,textarea):focus{outline-color:#dec28f}
.project-brief .living-primary{border-radius:1px;background:#ddc096;color:#181c1e;min-height:52px}
.project-brief .living-primary:hover{background:#f0d4ac}
.brief-help{color:#b1b9c1}.brief-contact{border-color:#c9b18638}.brief-contact a{color:#ead7b7}
.contact-terrace>.world-motion{background:#0b111cdb!important;border-color:#c5aa8038;color:#cbbfa9;border-radius:1px}

/* Project worlds: real product imagery stands in front of its own environment. */
.case-page .living-world.case-hero{min-height:880px}
.case-page .world-intro{top:117px;width:35%;max-width:500px;left:5%}
.world-back{margin-bottom:15px;color:#d3c9b8;font-size:11px}
.world-identity,.world-bar-radar .world-identity{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0}
.world-identity .living-eyebrow{font-size:9px;letter-spacing:.13em}
.world-brand{width:116px;height:68px;object-position:left}.world-brand-fiderol{width:164px;height:52px}
.world-brand-vp{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:.01em;height:52px;white-space:nowrap}.world-brand-vp img{width:32px;height:32px}
.case-page .world-intro h1{font-size:clamp(44px,4vw,68px);line-height:1.05;margin:17px 0 22px;font-weight:350}
.case-page .world-intro-detail{font-size:14px;line-height:1.75;max-width:345px}
.world-story-link{font-size:10px;margin-top:18px}
.world-featured{position:absolute;right:5%;top:29%;width:47%;padding:0;text-align:left;border:1px solid var(--world-line);border-radius:2px;overflow:hidden;background:var(--world-ground);color:var(--world-ink);box-shadow:10px 27px 65px #0009;transform:perspective(1700px) rotateY(-7deg) rotateX(2deg);transition:transform .4s,box-shadow .4s;z-index:2}
.world-featured:hover{transform:perspective(1700px) rotateY(-3deg) translateY(-6px);box-shadow:12px 32px 75px #000a}
.world-featured-bar{display:flex;justify-content:space-between;padding:12px 17px;border-bottom:1px solid var(--world-line);font-size:10px;color:var(--world-muted);background:var(--world-surface)}
.world-featured>img{width:100%;height:auto;max-height:340px;object-fit:cover;object-position:top}
.world-featured-label{display:flex;justify-content:space-between;padding:15px 18px;font-size:11px;color:var(--world-muted)}
.world-featured-label>span{color:var(--project)}
.world-fiderol .yard-demo{left:5%;bottom:20%;width:385px;max-width:35%;border-radius:1px;padding:18px 21px;box-shadow:0 18px 40px #0007}
.yard-search{font-size:17px}.yard-path{display:none}
.world-verkkopalvelu .building-rooms{left:50%;right:5%;top:auto;bottom:17%;height:auto;gap:8px;z-index:3}
.building-room{min-height:96px;padding:20px 12px 12px;background:linear-gradient(150deg,var(--world-face),var(--world-ground));box-shadow:5px 8px 20px #0007;border-radius:1px}
.building-room strong{font-size:14px}.room-number{position:static;margin-bottom:8px;font-size:8px}.room-open{font-size:10px;margin-top:8px}
.world-verkkopalvelu .world-content-link{left:5%;right:auto;bottom:27%;font-size:11px;border-radius:1px;max-width:36%;background:var(--world-surface)}
.world-choice-row{border-radius:1px;bottom:91px;padding:4px;box-shadow:0 15px 35px #0006}
.world-choice-row button{border-radius:0;min-height:46px;font-size:11px;padding:12px 22px}
.case-page .world-bottom{left:5%;right:5%;font-size:10px;bottom:23px}
.case-page .world-motion{border-radius:1px;font-size:10px}
.case-page .world-shading{background:linear-gradient(90deg,color-mix(in srgb,var(--world-shade) 90%,transparent),transparent 65%),linear-gradient(0deg,var(--world-ground),transparent 34%)}
.world-bar-radar .street-product{right:17%;top:24%;width:240px}
.world-bar-radar .street-product:not([data-shape=wide]){right:8%;top:24%}
.street-browser{position:absolute;width:470px;right:160px;top:95px;border:1px solid #b995ae66;padding:0;background:#210f29;box-shadow:0 25px 70px #0009;transform:perspective(1600px) rotateY(-8deg) rotateZ(-1.5deg);overflow:hidden;border-radius:2px;text-align:left;transition:transform .3s}
.street-browser>span{display:flex;justify-content:space-between;padding:12px 16px;font-size:10px;color:#d7bdcf}.street-browser img{width:100%;height:290px;object-fit:cover;object-position:top}
.street-browser:hover{transform:perspective(1600px) rotateY(-3deg) translateY(-5px)}
.street-phone{z-index:1}.street-caption{position:relative;z-index:1}.street-product[data-shape=wide] .street-browser{display:none}
.world-verkkopalvelu .world-featured>img{max-height:285px}
.case-page .case-wayfinding{padding-block:18px;gap:24px}.case-wayfinding a{font-size:12px}
.case-page h2{font-weight:350;letter-spacing:-.04em}
.case-brief{padding-block:110px}.case-brief-columns{gap:9vw}.case-brief-columns p{font-size:18px;line-height:1.8}
.case-section-heading{margin-bottom:50px}.case-kicker{font-size:10px;letter-spacing:.16em}
.case-page .case-features{padding-block:110px}.case-feature-list article{padding-block:29px}.case-feature-list h3{font-size:22px}.case-feature-list p{font-size:16px}
.case-experience>figure{margin:0 4.5%;box-shadow:0 24px 75px #0005;transform:perspective(2000px) rotateX(1deg)}
.case-page .case-experience{padding-block:35px;background:linear-gradient(var(--world-ground),var(--world-surface))}
.case-experience figcaption{padding:20px 25px}.case-experience>figure>img{height:540px}
.proof-workbench{border-radius:1px;box-shadow:10px 22px 60px #0005;padding:29px;gap:30px}.proof-screen{border-radius:1px}.proof-tabs>button{border-radius:1px}
.proof-caption{background:none!important}.case-tools li{border-radius:1px;font-size:12px}
.case-page .case-making{background:linear-gradient(130deg,var(--world-surface),var(--world-ground));padding-block:105px;border-block:1px solid var(--world-line)}
.case-contact{position:relative;isolation:isolate;margin-top:35px;padding-block:100px}
.case-contact:before{content:'';position:absolute;inset:0 -10vw;z-index:-1;background:linear-gradient(0deg,var(--world-ground),color-mix(in srgb,var(--world-ground) 90%,transparent)),url('/assets/pavilion/studio-pavilion.webp') center 63%/cover}
.case-contact .case-primary{border-radius:1px}.case-next>a{padding-block:43px}.case-next-number{font-size:43px}.case-next strong{font-size:32px}
.case-conversion-dock{border-radius:1px;background:var(--world-ground)!important}.case-conversion-dock a{border-radius:1px}
.world-view-shell,.world-view-close,.world-view-external{border-radius:1px}.world-view-copy h2{font-weight:350}

@media(min-width:901px) and (max-height:800px){
 .courtyard.arrival .atlas-heading{top:13%}.courtyard.arrival .atlas-heading h1{font-size:49px}.courtyard.arrival .atlas-kicker{margin-bottom:9px}.courtyard.arrival .atlas-instruction{font-size:11px;margin-top:12px}.courtyard-text-link{min-height:28px;font-size:10px}
 .courtyard-enter{top:83%;padding:15px 21px;width:215px}.courtyard-enter>span:last-child{font-size:16px}
 .case-page .living-world.case-hero{height:880px}.own-world{height:940px;max-height:none}.contact-terrace{height:auto}
}
@media(max-width:1100px) and (min-width:901px){
 .case-page .world-intro h1{font-size:45px}.world-brand-vp{font-size:16px}.world-brand-vp img{width:27px}.world-fiderol .yard-demo{max-width:38%}.world-featured{top:32%;width:45%}.building-room strong{font-size:12px}.room-open{font-size:9px}.world-verkkopalvelu .building-rooms{left:49%}
 .own-copy{max-width:43%}.studio-statement{left:65%;width:250px}.studio-statement p{font-size:27px}
 .contact-terrace{gap:40px;padding-inline:5%}.terrace-heading h1{font-size:49px}
}
@media(max-aspect-ratio:113/100){
 .courtyard.arrival .atlas-heading{top:17%;width:90%;max-width:660px;left:50%}
 .courtyard.arrival .atlas-heading h1{font-size:clamp(43px,8.1vw,71px)}
 .courtyard.arrival .atlas-instruction{font-size:clamp(11px,1.8vw,14px);margin-top:20px}
 .courtyard.arrival .atlas-kicker{font-size:9px;margin-bottom:16px}
 .courtyard .courtyard-text-link{margin-top:9px;font-size:12px}
 .courtyard-enter{left:66%;top:84%;width:230px}
 .courtyard-note{top:77%;left:5%}.courtyard .atlas-bottom .atlas-hint{display:none}
}
@media(max-width:900px){
 .site-header,.arrival .site-header{padding:23px 25px;gap:15px}.site-header .wordmark{font-size:29px;letter-spacing:-1.5px}
 .site-header nav,.arrival .site-header nav{gap:20px}.site-header nav a,.arrival .site-header nav a{font-size:12px}
 .site-footer{padding:35px 25px;gap:18px;align-items:flex-start}.site-footer>span{line-height:1.6;font-size:11px}
 .own-world{height:auto;min-height:0;max-height:none;padding-bottom:82px;display:block}
 .own-scene{height:730px}.own-scene .pavilion-environment>img{object-position:68% center}.own-scene:after{background:linear-gradient(0deg,#080f17,transparent 46%),linear-gradient(90deg,#050b12ce,#050b1266)}
 .own-copy{max-width:none;width:auto;margin:0 25px;padding-top:125px}.own-copy h1{font-size:clamp(40px,7.6vw,60px);margin:18px 0 23px}.own-copy>p:not(.living-eyebrow):not(.own-summary){font-size:14px;max-width:430px}
 .own-types{margin-top:200px!important;max-width:570px}.own-extras,.own-summary,.own-continue{max-width:570px}.own-types button{background:#141c27e8}.own-types button[aria-pressed=true]{background:linear-gradient(110deg,#39352d,#151a20)}
 .own-world .studio-statement{display:none}.own-world>.world-motion{right:25px;bottom:23px;font-size:10px}
 .service-offer{padding-block:55px;gap:28px}.offer-proof{padding:19px;transform:none}.offer-proof:hover{transform:translateY(-4px)}
 .offer-copy h2{font-size:36px}.offer-copy>p:not(.offer-index){font-size:16px}.service-process{padding-block:65px}
 .contact-terrace{display:flex;min-height:0;height:auto;padding:132px 25px 92px;gap:47px;align-items:stretch}
 .contact-terrace>.pavilion-environment{height:730px}.contact-terrace>.pavilion-environment>img{object-position:66% center}
 .terrace-shading{background:linear-gradient(0deg,#080f17 20%,transparent 86%),linear-gradient(90deg,#050b12b3,#050b1244)}
 .terrace-heading{padding:0}.terrace-heading h1{font-size:clamp(40px,7.4vw,58px);margin:18px 0 24px}.terrace-heading>p:not(.living-eyebrow){font-size:14px}
 .terrace-heading .terrace-call{font-size:29px;margin-top:26px}.project-brief{padding:28px 25px;max-width:610px;width:100%}.project-brief h2{font-size:32px}.project-brief:after{width:6px}
 .contact-terrace>.world-motion{left:25px;bottom:28px;font-size:10px}
 .case-page .living-world.case-hero{height:auto;min-height:0;max-height:none;padding:0 0 25px;display:flex;flex-direction:column}
 .case-page .world-intro{position:relative;top:auto;left:auto;width:auto;max-width:none;margin:0 25px;padding-top:112px}
 .world-back{font-size:11px;margin-bottom:19px}.world-identity,.world-bar-radar .world-identity{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
 .world-brand{width:94px;height:57px}.world-brand-fiderol{width:136px;height:46px}.world-brand-vp{font-size:13px;gap:7px;height:45px}.world-brand-vp img{width:24px;height:24px}
 .world-identity .living-eyebrow{font-size:8px;max-width:135px}.case-page .world-intro h1{font-size:clamp(41px,7.8vw,63px);max-width:650px;margin:17px 0 18px}.case-page .world-intro-detail{font-size:13px;max-width:410px}
 .world-story-link{margin-top:14px;min-height:44px;font-size:10px}
 .world-featured{position:relative;right:auto;top:auto;width:calc(100% - 50px);margin:29px 25px 21px;transform:perspective(1500px) rotateY(-3deg);flex:none}
 .world-featured:hover{transform:none}.world-featured>img{max-height:340px;object-fit:contain;object-position:top;background:#071624}.world-featured-bar{padding:10px 13px;font-size:9px}.world-featured-label{padding:12px 14px;font-size:10px}
 .world-fiderol .yard-demo{position:relative;left:auto;bottom:auto;width:calc(100% - 50px);max-width:none;margin:14px 25px;padding:19px}
 .world-verkkopalvelu .building-rooms{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;margin:8px 25px 17px;gap:7px}
 .building-room{min-height:100px;padding:12px 9px}.building-room strong{font-size:12px}.room-open{font-size:9px}.room-number{font-size:8px}
 .world-verkkopalvelu .world-content-link{position:relative;left:auto;right:auto;bottom:auto;max-width:none;width:calc(100% - 50px);margin:0 25px 16px;justify-content:space-between;font-size:11px}
 .case-page .world-choice-row{position:relative;left:auto;bottom:auto;transform:none;max-width:none;width:calc(100% - 50px);margin:18px 25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
 .world-choice-row button{white-space:normal;padding:12px 9px;min-height:46px;font-size:11px}
 .world-bar-radar .street-product.case-hero-media{position:relative;right:auto;top:auto;width:205px;margin:24px auto 15px;flex:none;aspect-ratio:auto}
 .world-bar-radar .street-product:not([data-shape=wide]){right:auto;top:auto;width:178px}.street-browser{display:none}
 .world-bar-radar .street-product[data-shape=wide]{width:calc(100% - 50px);margin:27px 25px 15px}
 .street-phone{border-radius:28px}.street-phone img{border-radius:20px}.street-caption .living-eyebrow{font-size:8px}.street-caption strong{font-size:14px}
 .case-page .world-bottom{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex-wrap:wrap;margin:7px 25px 0;gap:5px 20px;font-size:10px}
 .world-bottom>a{flex:1 1 40%;min-height:44px}.world-bottom>.world-motion{margin-left:auto;font-size:9px}
 .case-page .living-environment{height:950px!important}.case-page .world-shading{background:linear-gradient(0deg,var(--world-ground),transparent 70%),linear-gradient(90deg,color-mix(in srgb,var(--world-shade) 78%,transparent),color-mix(in srgb,var(--world-shade) 25%,transparent))}
 .case-page .case-wayfinding{padding-block:16px;gap:7px 15px}.case-wayfinding a{font-size:10px}
 .case-brief{padding-block:66px}.case-section-heading{margin-bottom:32px}.case-brief-columns{gap:29px}.case-brief-columns p{font-size:16px;line-height:1.8}
 .case-page .case-experience{padding-block:15px}.case-experience>figure{margin:0 22px;transform:none}.case-experience>figure>img,.case-verkkopalvelu .case-experience>figure>img{height:280px}.case-experience figcaption{padding:16px;font-size:10px;gap:15px}
 .case-page .case-features{padding-block:68px;gap:32px}.case-feature-list h3{font-size:21px}.case-feature-list p{font-size:15px;line-height:1.75}
 .proof-workbench{padding:15px;gap:20px}.proof-tabs>button{font-size:12px}.case-page .case-making{padding-block:65px}.case-tools li{font-size:11px;padding:10px 12px}
 .case-contact{margin-top:0;padding-block:70px}.case-next>a{padding-block:30px;gap:23px}.case-next-number{font-size:29px}.case-next strong{font-size:26px}.case-next-arrow{font-size:31px}
}
@media(max-width:600px){
 .site-header,.arrival .site-header{padding:20px 21px;gap:14px}.site-header .wordmark{font-size:26px;letter-spacing:-1.3px}.site-header nav,.arrival .site-header nav{gap:15px}.site-header nav a,.arrival .site-header nav a{font-size:11px}
 .courtyard.arrival{min-height:740px}.courtyard.arrival .atlas-heading{top:19%;width:calc(100% - 38px)}
 .courtyard.arrival .atlas-heading h1{font-size:clamp(38px,9.7vw,54px);line-height:1.06;letter-spacing:-.045em}
 .courtyard.arrival .atlas-kicker{font-size:7px;letter-spacing:.13em;margin-bottom:17px}
 .courtyard.arrival .atlas-instruction{font-size:11px;line-height:1.65;margin-top:19px}
 .courtyard-text-link{font-size:11px!important;margin-top:11px!important;min-height:38px}
 .courtyard.arrival .city-caption{padding:10px 3px;gap:3px;min-height:44px}
 .courtyard.arrival .city-caption strong{font-size:10px}.courtyard.arrival .city-enter{display:none}.courtyard.arrival .city-index{font-size:6px;padding-top:2px}
 .courtyard.arrival .city-caption:before{height:5px}
 .courtyard-enter{left:66%;top:83.8%;width:177px;padding:14px 15px;gap:8px}.courtyard-enter-eyebrow{font-size:6px;letter-spacing:.09em}.courtyard-enter>span:last-child{font-size:14px;gap:15px}.courtyard-enter>span:last-child>span{font-size:20px}
 .courtyard-note{font-size:6px;left:6%;top:78%;letter-spacing:.1em;line-height:1.9}.courtyard-note i{width:18px;margin-top:10px}
 .courtyard.arrival .atlas-bottom{left:21px;right:21px;bottom:14px;gap:10px}.courtyard .atlas-bottom .atlas-own-link{font-size:8px;gap:8px}.courtyard .atlas-bottom .arrival-link-line{width:15px}
 .courtyard .atlas-bottom .motion-control{width:40px;min-width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.courtyard .motion-label{display:none}
 .world-brand-vp{font-size:11px;gap:6px}.world-brand-vp img{width:21px}.world-identity .living-eyebrow{font-size:7px}
 .project-brief{padding:25px 21px}.project-brief h2{font-size:30px}.terrace-heading h1{font-size:40px}
 .offer-copy h2{font-size:33px}.offer-proof-heading .vp-logo{font-size:11px}
}
@media(max-width:370px){
 .site-header,.arrival .site-header{padding-inline:17px;gap:10px}.site-header .wordmark{font-size:24px}.site-header nav,.arrival .site-header nav{gap:10px}.site-header nav a,.arrival .site-header nav a{font-size:10px}
 .courtyard.arrival .atlas-heading h1{font-size:36px}.courtyard.arrival .atlas-instruction{font-size:10px}.courtyard.arrival .atlas-heading{top:18%}.courtyard.arrival .city-caption strong{font-size:9px}
 .courtyard-enter{width:164px;left:67%}.courtyard-enter>span:last-child{font-size:13px}.courtyard .atlas-bottom .atlas-own-link{font-size:7px}
 .own-copy,.case-page .world-intro{margin-inline:20px}.own-copy h1,.case-page .world-intro h1{font-size:38px}.world-brand-vp{font-size:10px}.world-brand-vp img{width:18px}.world-brand-fiderol{width:115px}
 .contact-terrace{padding-inline:20px}.terrace-heading h1{font-size:36px}.project-brief{padding:24px 18px}
 .world-choice-row button{font-size:10px}.building-room strong{font-size:10px}.room-open{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .courtyard-enter:hover,.courtyard-enter:focus-visible,.offer-proof:hover,.world-featured:hover,.own-types button:hover{transform:none;translate:none}
 .courtyard .scene-sign{transition:none}
}
.motion-paused .courtyard-enter,.motion-paused .world-featured{transition:none}
.motion-paused .environment>canvas{transition:none}
/* The real link occupies the four corners of the photographed stone plinth. */
.courtyard .scene-surface.courtyard-enter{position:absolute;inset:auto!important;left:0!important;top:0!important;translate:none;width:auto;max-width:none;padding:12px 24px;transform-origin:0 0;justify-content:center;gap:8px;opacity:0;background:transparent;border:0;box-shadow:none;z-index:5;transition:background .3s,color .3s}
.courtyard .scene-surface[data-ready]{opacity:1}
.courtyard .scene-surface.courtyard-enter:hover,.courtyard .scene-surface.courtyard-enter:focus-visible{background:#e9b76b18;color:#fff;box-shadow:inset 0 0 0 1px #e5ba7188,0 0 20px #e2b46b33}
.courtyard .scene-surface.courtyard-enter>span:last-child{font-size:clamp(14px,1.6vw,23px)}
.courtyard .scene-surface.courtyard-enter>span{width:min(100%,var(--surface-content-width,100%))}
.courtyard .scene-surface.courtyard-enter .courtyard-enter-eyebrow{font-size:clamp(6px,.55vw,8px);letter-spacing:.12em}
.courtyard[data-variant=tablet].arrival .atlas-heading{top:16%}
.courtyard[data-variant=tablet].arrival .atlas-heading h1{font-size:clamp(44px,7.3vw,62px)}
@media(max-width:900px){.courtyard .scene-surface.courtyard-enter{padding:8px 15px;gap:6px}.courtyard .scene-surface.courtyard-enter>span:last-child{font-size:14px}.courtyard .scene-surface.courtyard-enter>span:last-child>span{font-size:19px}}