/* Experience is presented as editorial case studies, distinct from the product gallery. */
.case-study-grid{display:flex;flex-direction:column;gap:34px}
.case-study,.case-study.case-wide{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"story visual";padding:0;min-height:450px;background:#cfaa58;color:var(--charcoal);border:1px solid #bd913d;border-radius:5px;box-shadow:none;transform:none}
.case-study:nth-child(even){grid-template-areas:"visual story";grid-template-columns:1fr 1.1fr}
.case-study:before,.case-study:after{display:none}
.case-study:hover,.case-study:focus-visible{box-shadow:0 15px 35px #3f351c0d}
.case-visual-panel{grid-area:visual;position:relative;isolation:isolate;background:linear-gradient(145deg,var(--case-base),var(--case-deep));min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.case-visual-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--spot-x,45%) var(--spot-y,40%),#ffffff17,transparent 65%);pointer-events:none}
.case-visual-panel .case-study-top{position:absolute;top:25px;inset-inline:28px}
.case-visual-panel .case-art{height:350px;margin:65px 25px 10px;flex-shrink:0}
.case-study .case-study-copy{grid-area:story;justify-content:center;padding:46px 48px 38px;min-width:0;background:linear-gradient(135deg,#e0c27c 0%,#cfaa58 50%,#c39845 100%)}
.case-story-label{font-size:13px;line-height:1.7;letter-spacing:0;color:#3f3019;margin-bottom:10px}
.case-study .case-study-copy h3.case-client-title{font-size:clamp(29px,2.8vw,43px);line-height:1.6;letter-spacing:-1px;color:#2d2519;margin:0 0 20px;max-width:100%;text-wrap:balance}
.case-project-line{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:22px;width:100%;border-bottom:1px solid #59452240}
.case-project-line>span{font-size:13px;color:#3f3019}
.case-project-line h4{font-size:25px;line-height:1.5;color:#352918;font-weight:600}
.case-study .case-study-summary{font-size:17px;color:#3f3019;max-width:600px;line-height:2;margin-bottom:25px}
.case-study .case-study-bottom{border-color:#59452240;gap:20px;padding-top:21px;margin-top:auto;align-items:center;flex-direction:row}
.case-study .case-work-tags{color:#3f3019;font-size:12px;max-width:55%}
.case-study .case-work-tags span+span{border-color:#59452255}
.case-study .case-read{color:#352918;width:auto;font-size:14px}
.case-risks .case-study-summary{margin-top:10px}
.case-risks .case-study-bottom{justify-content:flex-end}
.case-visual-panel .case-architecture{top:55px}
.case-visual-panel .case-device{height:120%;top:-10%}
.case-visual-panel .case-monument{top:20%;width:190px;height:190px}
.case-visual-panel .case-monument img{width:110px;height:110px}
.language-switch{display:flex;align-items:center;justify-content:center;min-height:42px;min-width:65px;border:1px solid #c5a45b66;border-radius:30px;font-size:13px;padding:8px 14px;white-space:nowrap;transition:background .3s}
.language-switch:hover{background:#c3902722}
.view-top .language-switch,.menu-top .language-switch{margin-inline-start:auto;margin-inline-end:24px;font-size:13px;min-width:65px;height:auto}
.view-top .language-switch{color:#886c39}
html[lang="en"] #view-back>span{display:inline-block;transform:rotate(180deg)}
html[lang="en"] body{font-family:Plex,Arial,sans-serif}
html[lang="en"] .section-heading h2,html[lang="en"] .story-step h2,html[lang="en"] .story-step h3{letter-spacing:-1.8px;line-height:1.2}
html[lang="en"] .section-heading h2{font-size:clamp(48px,6.5vw,96px)}
html[lang="en"] .story-step h2,html[lang="en"] .story-step h3{font-size:clamp(38px,4.4vw,68px)}
html[lang="en"] .hero-copy h1,html[lang="en"].immersive-ready .hero-copy h1{font-size:clamp(56px,5.3vw,84px);letter-spacing:-2px;line-height:1.13}
html[lang="en"] .hero-description{font-size:16px;line-height:1.75}
html[lang="en"] .hero-second h2{font-size:clamp(50px,5.5vw,88px);line-height:1.2;letter-spacing:-2px}
html[lang="en"] .hero-portal strong{letter-spacing:-18px;font-size:clamp(160px,29vw,430px)}
html[lang="en"] .story-visual>strong{font-size:58px;letter-spacing:-2px}
html[lang="en"] .solution-copy h3{font-size:36px;letter-spacing:-1px;line-height:1.2}
html[lang="en"] .solution-elite .solution-copy h3{font-size:60px}
html[lang="en"] .solution-copy>p{font-size:15px;line-height:1.7}
html[lang="en"] .solution-elite .solution-copy{margin-inline-start:auto}
html[lang="en"] .solution-cloud-hotel .solution-copy,html[lang="en"] .solution-eat-up .solution-copy{margin-inline-start:auto}
html[lang="en"] .press-copy h3{font-size:clamp(24px,2.1vw,33px);line-height:1.4;letter-spacing:-.6px}
html[lang="en"] .press-copy>p{line-height:1.8}
html[lang="en"] .case-study .case-study-copy h3.case-client-title{font-size:clamp(28px,2.6vw,40px);line-height:1.3;letter-spacing:-.7px}
html[lang="en"] .case-project-line h4{font-size:23px}
html[lang="en"] .case-study-summary{line-height:1.8}
html[lang="en"] .contact-chapter h2{font-size:clamp(55px,7vw,108px);letter-spacing:-3px;line-height:1.15}
html[lang="en"] .contact-chapter .contact-start{left:auto;right:4%}
html[lang="en"] .contact-method i{margin-right:0;margin-left:auto}
html[lang="en"] .contact-chapter .contact-content>p{max-width:760px}
html[lang="en"] .contact-chapter .contact-information>p,html[lang="en"] .contact-address p{line-height:1.75}
html[lang="en"] .view-main h1{line-height:1.25;letter-spacing:-1.8px}
html[lang="en"] .experience-page-intro p,html[lang="en"] .article-body{line-height:1.8}
html[lang="en"] .experience-page-actions>a:last-child{margin-inline-start:auto}
html[lang="en"] .menu-links a{font-size:24px;line-height:1.5}
html[lang="en"] .chapter-kicker{font-size:20px}
@media(max-width:1100px){.case-study,.case-study.case-wide,.case-study:nth-child(even){grid-template-columns:1fr 1fr;min-height:450px}.case-study .case-study-copy{padding:35px 30px}.case-study .case-study-copy h3.case-client-title{font-size:29px}.case-project-line h4{font-size:23px}.case-study .case-study-summary{font-size:16px}.case-study .case-study-bottom{flex-direction:column;align-items:stretch}.case-study .case-work-tags{max-width:100%}.case-study .case-read{justify-content:space-between}.case-visual-panel .case-art{height:310px;margin-inline:13px}.case-visual-panel .case-architecture{top:32px}.header .nav{gap:17px}html[lang="en"] .header .nav{font-size:11px;gap:14px}html[lang="en"] .case-study .case-study-copy h3.case-client-title{font-size:28px}}
@media(max-width:800px){.case-study,.case-study.case-wide,.case-study:nth-child(even){grid-template-columns:1fr;grid-template-areas:"visual" "story";min-height:0}.case-visual-panel{min-height:360px}.case-visual-panel .case-art{height:310px;margin:62px 25px 0}.case-study .case-study-copy{padding:32px}.case-study .case-study-copy h3.case-client-title{font-size:33px}.case-project-line h4{font-size:25px}.case-study .case-study-bottom{flex-direction:row;align-items:center}.case-study .case-work-tags{max-width:55%}.case-visual-panel .case-architecture{top:35px}.header{gap:15px}.language-switch{margin-inline-start:auto;font-size:12px;min-width:62px;padding:7px 12px}.index-toggle{margin-inline-start:0}html[lang="en"] .hero-copy h1{font-size:clamp(36px,6.6vw,56px)}html[lang="en"] .hero-description{font-size:13px;line-height:1.7}html[lang="en"] .hero-second h2{font-size:clamp(36px,6.8vw,56px)}html[lang="en"] .section-heading h2{font-size:clamp(43px,7.8vw,65px)}html[lang="en"] .story-step h2,html[lang="en"] .story-step h3{font-size:clamp(34px,6.5vw,50px)}html[lang="en"] .solution-copy h3{font-size:34px}html[lang="en"] .solution-elite .solution-copy h3{font-size:50px}html[lang="en"] .hero-portal strong{font-size:35vw;letter-spacing:-10px}html[lang="en"] .contact-chapter .contact-start{right:auto;margin-inline-start:auto;margin-inline-end:0}html[lang="en"] .contact-chapter h2{font-size:clamp(43px,7.5vw,66px)}html[lang="en"] .case-study .case-study-copy h3.case-client-title{font-size:32px}html[lang="en"] .menu-links a{font-size:20px}}
@media(max-width:520px){.case-study-grid{gap:25px}.case-visual-panel{min-height:300px}.case-visual-panel .case-study-top{inset-inline:23px;top:22px}.case-visual-panel .case-art{height:235px;margin:60px 12px 5px}.case-study .case-study-copy{padding:27px 24px}.case-story-label{font-size:12px}.case-study .case-study-copy h3.case-client-title{font-size:29px;line-height:1.6;margin-bottom:17px}.case-project-line{gap:12px;margin-bottom:18px;padding-bottom:18px}.case-project-line h4{font-size:23px}.case-study .case-study-summary{font-size:15px;margin-bottom:22px}.case-study .case-study-bottom{flex-direction:column;align-items:stretch;gap:15px}.case-study .case-work-tags{max-width:100%;font-size:11px}.case-study .case-read{font-size:13px;justify-content:space-between}.case-visual-panel .case-architecture{top:15px}.case-visual-panel .case-monument{top:13%;width:165px;height:165px}.case-visual-panel .case-monument img{width:100px;height:100px}.header .official-logo{width:125px}.header{gap:12px}.language-switch{min-width:58px;padding:7px 10px;font-size:12px}.index-toggle{font-size:11px}html[lang="en"] .hero-copy h1{font-size:36px;letter-spacing:-1.3px}html[lang="en"] .hero-description{font-size:12px}html[lang="en"] .hero-second h2{font-size:36px}html[lang="en"] .section-heading h2{font-size:44px;letter-spacing:-1.4px}html[lang="en"] .story-step h2,html[lang="en"] .story-step h3{font-size:36px;letter-spacing:-1px}html[lang="en"] .case-study .case-study-copy h3.case-client-title{font-size:29px;line-height:1.3}html[lang="en"] .case-project-line h4{font-size:21px}html[lang="en"] .contact-chapter h2{font-size:44px}html[lang="en"] .solution-copy h3{font-size:34px}html[lang="en"] .solution-elite .solution-copy h3{font-size:46px}html[lang="en"] .press-copy h3{font-size:25px}html[lang="en"] .menu-links a{font-size:19px}html[lang="en"] .view-main h1{font-size:34px}}

/* The inquiry form leads the contact chapter; direct contact methods live in the footer. */
.contact-chapter .contact-grid{display:block;border-top:0;padding-top:0;margin:0 auto 88px;max-width:1180px}
.contact-chapter #contact-form{margin:0;padding:clamp(28px,4vw,58px);background:linear-gradient(135deg,#f9f4e8,#f0e3c8);border:1px solid #b5935566;border-radius:6px;box-shadow:0 24px 70px #5b421112}
.contact-chapter .field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.contact-chapter #contact-form label{min-width:0;font-size:20px;font-weight:500;color:#574326;margin-bottom:35px}
.contact-chapter #contact-form input,.contact-chapter #contact-form textarea{font-size:22px;min-height:56px;border-color:#9b7b4980;transition:border-color .2s,box-shadow .2s}
.contact-chapter #contact-form textarea{min-height:150px}
.contact-chapter #contact-form input:focus-visible,.contact-chapter #contact-form textarea:focus-visible{border-color:#7e5d22;box-shadow:0 2px #7e5d22}
.contact-chapter .send-button{min-height:68px;padding:22px 28px;font-size:21px}
.contact-chapter footer.contact-footer{display:block;margin-bottom:0;padding:35px 0 44px;border-top:3px solid #594322;color:#46351e}
.footer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}
.contact-footer .footer-heading>span{font:12px Arial,sans-serif;letter-spacing:1.4px;color:#6e5734}
.footer-contact-links{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(25px,4vw,70px)}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:8px 0 15px}
.footer-contact-label{font-size:17px;line-height:1.6;color:#755a31}
.footer-contact strong{font-size:clamp(19px,1.65vw,26px);font-weight:600;line-height:1.6;overflow-wrap:anywhere;color:#3f301d;transition:color .25s}
.footer-contact-detail{font-size:18px;line-height:1.8;color:#604a2a}
.footer-contact i{display:inline-block;margin-inline-start:12px;font:24px Arial;transition:transform .3s}
.footer-contact:hover strong{color:#785316}
.footer-contact:hover i{transform:translate(3px,-3px)}
.footer-contact:focus-visible{outline:2px solid #755a31;outline-offset:8px;border-radius:2px}
@media(max-width:1100px){.contact-chapter .field-row{gap:24px}.footer-contact-links{gap:28px;grid-template-columns:1.2fr 1fr 1fr}.footer-contact strong{font-size:20px}.footer-contact-detail{font-size:17px}}
@media(max-width:800px){.contact-chapter .contact-grid{margin-bottom:65px}.contact-chapter .field-row{grid-template-columns:1fr 1fr}.contact-chapter .field-row>label:last-child{grid-column:1/-1}.contact-chapter #contact-form{padding:32px}.footer-contact-links{grid-template-columns:1fr 1fr;gap:26px 35px}.footer-location{grid-column:1/-1}.footer-contact strong{font-size:23px}.footer-contact-detail{font-size:18px}}
@media(max-width:520px){.contact-chapter #contact-form{padding:26px 22px}.contact-chapter .field-row{grid-template-columns:1fr;gap:0}.contact-chapter #contact-form label{font-size:19px;margin-bottom:28px}.contact-chapter #contact-form input,.contact-chapter #contact-form textarea{font-size:20px}.contact-chapter .send-button{font-size:18px;padding:20px}.contact-chapter footer.contact-footer{padding:30px 0 35px}.footer-heading{margin-bottom:26px}.footer-contact-links{grid-template-columns:1fr;gap:15px}.footer-contact{padding:16px 0 22px;border-bottom:1px solid #a27c3533}.footer-contact:last-child{border-bottom:0;padding-bottom:0}.footer-contact strong{font-size:24px}.footer-contact-label{font-size:17px}.footer-contact-detail{font-size:18px}}
@media(prefers-reduced-motion:reduce){.footer-contact i,.footer-contact strong{transition:none}}