/* LOV Agency — an editorial, motion-led experience. Original artwork keeps its colours. */
:root{--x34-ink:#f1efe8;--x34-muted:#aeaea7;--x34-line:#ffffff26;--x34-space:clamp(24px,5.2vw,96px)}
html:has(.x34-page){background:#080808;scroll-padding-top:100px}
body.x34-page{background:#080808!important;color:var(--x34-ink)!important}
.x34-page{--paper:#080808;--ink:#f1efe8;--muted:#aeaea7;--line:#ffffff26}
.x34-page main{overflow:clip}
.x34-page a,.x34-page button{touch-action:manipulation}
.x34-page [hidden]{display:none!important}
.x34-page :focus-visible{outline:2px solid #e7ddc6;outline-offset:6px}
.x34-page .v30-reveal{opacity:1!important;transform:none!important}
.x34-page .v30-header{position:absolute;top:0;left:0;transform:none;max-width:none;width:100%;padding:32px var(--x34-space);background:transparent!important;border:0!important;border-bottom:1px solid #ffffff29!important;border-radius:0;box-shadow:none;backdrop-filter:none;min-height:105px;gap:28px}
.x34-page .v30-logo img{width:164px;height:auto;background:none!important;border:0!important;filter:none!important;padding:0!important}
.x34-page .v30-nav{gap:clamp(16px,2vw,32px)}
.x34-page .v30-nav a{font-family:var(--label);font-size:10px;letter-spacing:.025em}
.x34-page .v30-nav .v30-nav-cta{border:1px solid #ffffff80;background:transparent;color:#fff;padding:12px 18px}
.x34-page .v30-nav .v30-nav-cta:hover{background:#f3f0e9;color:#111}
.x34-page .v30-menu-shade{background:#0009}
.x34-wrap{padding:clamp(85px,10vw,165px) var(--x34-space)}
.x34-label{font-family:var(--label)!important;font-weight:300;font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1.8;margin:0 0 24px;color:#c2c1b9}
.x34-caption{font-size:12px!important;line-height:1.7;color:var(--x34-muted)!important;max-width:680px}
.x34-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.x34-text-link{display:inline-flex;gap:28px;align-items:center;min-height:48px;font-size:14px;text-decoration:none;border-bottom:1px solid #ffffff60;padding:7px 0;color:inherit}
.x34-text-link svg{transition:transform .35s}
.x34-text-link:hover svg{transform:translateX(7px)}
.x34-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #ffffff70;border-radius:60px;padding:18px 26px;text-decoration:none;min-height:58px;font-size:14px;transition:background .25s,color .25s}
.x34-pill:hover{background:#f1efe8;color:#111}
.x34-circle{width:50px;height:50px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.x34-page h1 em,.x34-page h2 em,.x34-page h3 em{font-weight:300}
.x34-home .v30-hero{height:100svh;min-height:700px;max-height:1350px;background:#141412}
.x34-home .v30-hero-media{inset:-3%;transform:scale(1.01);will-change:transform}
.x34-home .v30-hero-media video,.x34-home .v30-hero-media img{width:100%;height:100%;object-fit:cover}
.x34-home .v30-hero-shade{background:linear-gradient(180deg,#0005,#0001 32%,#0005 70%,#000a)!important}
.x34-home .v30-hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:145px var(--x34-space) 120px;height:100%;max-width:none}
.x34-home .v30-hero-content>.v30-kicker{font-size:10px;margin:0 0 24px;letter-spacing:.12em;color:#f1efe8}
.x34-home .v30-hero h1{font-size:clamp(95px,12.5vw,195px);line-height:.86;letter-spacing:-.065em;margin-bottom:30px;max-width:none;text-shadow:0 2px 30px #0002}
.x34-home .v30-hero h1 em{white-space:nowrap}
.x34-home .v30-hero-bottom{display:block;position:static;width:auto;margin:0;max-width:550px}
.x34-home .v30-hero-intro{font-size:15px;line-height:1.5;margin:0 auto 22px;max-width:430px;color:#fff}
.x34-home .v30-hero .v30-button{background:transparent!important;color:#fff!important;border:1px solid #fff8!important;padding:14px 22px;min-height:50px;font-size:13px}
.x34-home .v30-hero .v30-button:hover{background:#fff!important;color:#111!important}
.x34-home .v30-atmosphere{position:absolute;right:var(--x34-space);bottom:30px}
.x34-hero-caption{position:absolute;bottom:45px;left:var(--x34-space);font-size:11px;letter-spacing:.025em}
.x34-scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;text-decoration:none;font-size:11px;min-height:48px}
.x34-scroll-cue svg{height:26px;animation:x34-breathe 3s ease-in-out infinite}
@keyframes x34-breathe{50%{transform:translateY(5px)}}
.x34-chapters{display:flex;justify-content:center;gap:clamp(25px,5vw,100px);position:sticky;top:0;z-index:40;padding:19px 24px;background:#090909ee;backdrop-filter:blur(20px);border-bottom:1px solid var(--x34-line)}
.x34-chapters a{display:flex;gap:15px;align-items:center;color:#aaa99f;text-decoration:none;font-size:12px;min-height:26px;transition:color .3s}
.x34-chapters a span{font-family:var(--label);font-size:9px;color:#85847c}
.x34-chapters a[aria-current],.x34-chapters a:hover{color:#fff}
.x34-chapters a[aria-current] span{color:#e7ddc6}
.x34-manifesto{padding-top:150px;padding-bottom:150px}
.x34-manifesto h2{font-size:clamp(44px,6.1vw,100px);line-height:1.08;letter-spacing:-.045em;max-width:1200px;margin:55px 0 65px}
.x34-manifesto h2 span{color:#777870;transition:color .3s}
.x34-manifesto h2 span.is-lit{color:#f0eee7}
.x34-manifesto-foot{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:50px;align-items:start;padding-top:35px;border-top:1px solid var(--x34-line)}
.x34-manifesto-foot>span{font-size:13px;color:#c0bfb7}
.x34-manifesto-foot p{max-width:360px;margin:0;line-height:1.65;font-size:16px}
.x34-manifesto-foot>a{justify-self:end}
.x34-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;padding-top:30px;padding-bottom:65px}
.x34-section-intro>.x34-label{grid-column:1/-1;margin-bottom:20px}
.x34-section-intro h2{font-size:clamp(58px,7.8vw,124px);line-height:.98}
.x34-section-intro>a,.x34-section-intro>p:not(.x34-label){justify-self:end;align-self:end}
.x34-project{margin:0;background:#080808;color:#f1efe8}
.x34-project-cover{display:block;position:relative;min-height:760px;height:90svh;max-height:1100px;isolation:isolate;overflow:hidden;background:#1e2923;color:inherit;text-decoration:none}
.x34-project-top{position:absolute;top:32px;left:var(--x34-space);right:var(--x34-space);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:5;font-family:var(--label);font-size:10px;letter-spacing:.025em}
.x34-project-heading{position:absolute;top:135px;left:var(--x34-space);z-index:2;max-width:45%;transition:transform .7s}
.x34-project-heading>p{font-size:12px;margin:0 0 18px;font-family:var(--label)}
.x34-project-heading h3{font-family:var(--serif);font-size:clamp(52px,6.4vw,98px);line-height:1;letter-spacing:-.055em}
.x34-project-ui{position:absolute;left:35%;width:69%;top:27%;transform-origin:50% 70%;transform:translateY(var(--depth,0px)) rotate(-3deg);box-shadow:0 40px 80px #0004;transition:transform .65s cubic-bezier(.2,.7,.2,1);background:#121a16}
.x34-project-ui img{display:block;width:100%;height:auto;max-width:none}
.x34-project-link{position:absolute;left:var(--x34-space);bottom:40px;display:flex;align-items:center;gap:26px;font-size:13px;z-index:4;border-bottom:1px solid #ffffff60;min-height:44px}
.x34-project-cover::after{content:'';position:absolute;inset:auto 0 0;height:12%;background:linear-gradient(transparent,#0002);pointer-events:none;z-index:-1}
.x34-project--rdv .x34-project-cover{background:#e4ddd0;color:#22231d}
.x34-project--rdv .x34-project-ui{transform:translateY(var(--depth,0px)) rotate(3deg);left:32%;top:33%;width:72%}
.x34-project--rdv .x34-project-link{border-color:#2228}
.x34-project--angels .x34-project-cover{background:#12241c;color:#eeeade}
.x34-project--angels .x34-project-ui{left:38%;top:22%;width:64%;transform:translateY(var(--depth,0px)) rotate(-2deg)}
.x34-project--vivo .x34-project-cover{background:#142630}
.x34-project--vivo .x34-project-ui{left:34%;top:30%;width:70%;transform:translateY(var(--depth,0px)) rotate(2deg)}
.x34-project-meta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px var(--x34-space) 60px}
.x34-project-meta h3{font-family:var(--sans);font-size:19px;font-weight:400;letter-spacing:-.02em}
.x34-project-meta a{text-decoration:none}
.x34-project-meta p{font-size:12px;color:#bbb9b0;margin:0;text-align:right}
.x34-project-cover:hover .x34-circle{background:#f1efe8;color:#111;transform:rotate(-35deg)}
.x34-circle{transition:background .3s,color .3s,transform .5s}
.x34-project-cover:hover .x34-project-ui{transform:translateY(-15px) rotate(0deg)}
.x34-expertise{padding-top:100px}
.x34-solution-lab{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;margin-top:40px;align-items:start}
.x34-solution-choices{display:flex;flex-direction:column}
.x34-solution-choices button{padding:29px 4px;border:0;border-top:1px solid #ffffff35;background:none;color:#aaa99f;display:flex;align-items:center;gap:22px;text-align:left;font-size:clamp(17px,1.7vw,26px);min-height:86px;transition:padding .4s,color .3s}
.x34-solution-choices button:last-child{border-bottom:1px solid #ffffff35}
.x34-solution-choices button>span{font-family:var(--label);font-size:10px}
.x34-solution-choices button>svg{margin-left:auto;width:26px}
.x34-solution-choices button[aria-selected=true]{color:#fff;padding-left:14px}
.x34-solution-stage{position:relative;padding:0;isolation:isolate;overflow:hidden}
.x34-solution-visual{height:260px;position:relative;display:flex;align-items:center;justify-content:center;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38;overflow:hidden}
.x34-solution-visual>span:first-child{font-family:var(--serif);font-style:italic;font-size:clamp(76px,9vw,145px);letter-spacing:-.06em;position:relative;z-index:1}
.x34-visual-index{position:absolute;bottom:17px;right:0;font-family:var(--label);font-size:9px;color:#bbb}
.x34-orbit{position:absolute;top:0;left:10%;width:80%;height:260px;z-index:-1;opacity:.4}
.x34-orbit i{position:absolute;inset:24px 0;border:1px solid #a69e82;border-radius:50%;transform:rotate(-22deg)}
.x34-orbit i+ i{inset:0 45px;transform:rotate(35deg)}
.x34-solution-copy{padding:32px 0 0}
.x34-solution-copy>.x34-label{margin-bottom:13px}
.x34-solution-copy h3{font-family:var(--serif);font-size:clamp(36px,3.4vw,55px);line-height:1.05}
.x34-solution-copy>p:not(.x34-label){font-size:15px;max-width:420px;color:#b9b8af;line-height:1.65;margin:22px 0 25px}
.x34-changing{animation:x34-change .45s ease both}
@keyframes x34-change{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
.x34-home .v30-journey{border-top:1px solid var(--x34-line);padding-top:95px;background:#080808!important}
.x34-home .v30-chapter-title{font-size:clamp(64px,8vw,120px);margin:35px 0 55px}
.x34-home .v30-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.x34-home .v30-world figure{border-radius:0;aspect-ratio:.67;overflow:hidden;position:relative}
.x34-home .v30-world figure img{height:100%;width:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.2,1)}
.x34-home .v30-world:hover img{transform:scale(1.06)}
.x34-home .v30-world .v30-round{background:#0a0a0a88!important;backdrop-filter:blur(10px);color:#fff;border:1px solid #fff9}
.x34-home .v30-world-title{font-size:16px;padding-top:20px;gap:12px}
.x34-home .v30-world-title small{font-family:var(--label);font-size:9px}
.x34-home .v30-stages{gap:25px}
.x34-home .v30-stages button{font-size:11px;color:#c3c1b8;white-space:nowrap}
.x34-home .v30-stages button[disabled]{color:#86867f}
.x34-home .v30-journey-top{align-items:center}
.x34-home .v30-recommendation h3{font-size:clamp(48px,5.8vw,88px)}
.x34-home .v30-recommendation-image{border-radius:0!important}
.x34-hospitality{position:relative;min-height:850px;height:110svh;max-height:1300px;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;overflow:hidden}
.x34-hospitality-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.x34-hospitality-photo img{width:100%;height:112%;object-fit:cover;object-position:center 54%;transform:translateY(var(--depth,0px))}
.x34-hospitality:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,#0004 40%,#0009);z-index:-1}
.x34-hospitality-copy{grid-column:2;padding:100px var(--x34-space) 100px 2vw;align-self:center;color:#fff}
.x34-hospitality-copy h2{font-size:clamp(65px,7.5vw,116px);line-height:.96;letter-spacing:-.06em}
.x34-hospitality-copy>p:not(.x34-label){font-size:15px;max-width:350px;line-height:1.8;margin:35px 0}
.x34-hospitality-copy>.x34-caption{display:block;margin-top:36px;color:#fff!important}
.x34-approach,.x34-case-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.x34-approach h2,.x34-case-story h2{font-size:clamp(48px,5vw,80px)}
.x34-approach details,.x34-case-story details{border-top:1px solid #ffffff40}
.x34-approach details:last-child,.x34-case-story details:last-child{border-bottom:1px solid #ffffff40}
.x34-approach summary,.x34-case-story summary{list-style:none;display:flex;align-items:center;gap:24px;padding:30px 0;font-size:20px;cursor:pointer}
.x34-approach summary::-webkit-details-marker,.x34-case-story summary::-webkit-details-marker{display:none}
.x34-approach summary>span,.x34-case-story summary>span{font-size:10px;color:#aaa;font-family:var(--label)}
.x34-approach summary i,.x34-case-story summary i{font-style:normal;margin-left:auto;font-size:24px;font-weight:300}
.x34-approach details[open] summary i,.x34-case-story details[open] summary i{transform:rotate(45deg)}
.x34-approach details>p,.x34-case-story details>p{margin:0;padding:0 35px 30px 45px;font-size:15px;color:#bdbcb3;line-height:1.8}
/* Work index */
.x34-work-intro{padding-top:210px;padding-bottom:80px}
.x34-work-intro h1{font-size:clamp(60px,8vw,122px);line-height:1;max-width:1200px}
.x34-work-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:55px}
.x34-work-intro-bottom p{color:#b6b5ad;font-size:15px;line-height:1.7;margin:0}
.x34-filters{display:flex;gap:20px;flex-wrap:wrap}
.x34-filters button{border:0;border-bottom:1px solid transparent;padding:10px 0;background:none;color:#aaa;font-size:12px;min-height:44px}
.x34-filters button[aria-pressed=true]{color:#fff;border-bottom-color:#fff}
.x34-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.x34-project-grid>.x34-project:first-child{grid-column:1/-1}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-cover{height:740px;min-height:620px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-top{left:30px;right:30px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-heading{top:110px;left:30px;max-width:90%}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-heading h3{font-size:clamp(50px,5vw,78px)}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-ui{width:105%;top:46%;left:10%}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-link{left:30px;bottom:25px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-meta{padding:25px 30px 55px;display:block}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-meta p{text-align:left;margin-top:10px}
.x34-project-grid>.x34-project:last-child{grid-column:1/-1}
.x34-project-grid>.x34-project:last-child .x34-project-ui{left:36%;top:26%;width:68%}
.x34-project-grid>.x34-project:last-child .x34-project-heading{top:120px;max-width:50%;left:var(--x34-space)}
.x34-further{padding-top:55px}
.x34-archive-link{display:grid;grid-template-columns:1fr 1fr 40px;gap:25px;align-items:center;min-height:105px;border-top:1px solid var(--x34-line);text-decoration:none;padding:22px 0;transition:padding .35s}
.x34-archive-link:hover{padding-left:16px}
.x34-archive-link>span{font-family:var(--serif);font-size:36px;letter-spacing:-.025em}
.x34-archive-link small{color:#b0b0a8;font-size:12px}
.x34-archive-link:last-of-type{border-bottom:1px solid var(--x34-line)}
.x34-endnote{text-align:center;padding-top:10px;padding-bottom:130px}
.x34-endnote h2{font-size:clamp(80px,11vw,160px);margin:30px 0 45px}
/* Individual project stories */
.x34-case-intro{padding-top:175px;padding-bottom:65px}
.x34-back{font-size:12px;color:#bdbcb3;text-decoration:none;display:inline-block;padding:12px 0;margin-bottom:55px}
.x34-case-title{display:flex;justify-content:space-between;align-items:end;gap:50px}
.x34-case-title h1{font-size:clamp(70px,11vw,165px);line-height:1;letter-spacing:-.06em}
.x34-case-title>.x34-label{margin-bottom:15px}
.x34-case-title>p{max-width:230px;font-size:16px;color:#c0bfb6;line-height:1.6;margin-bottom:10px}
.x34-case-lead{margin:0;background:#111713;padding:55px var(--x34-space);perspective:2000px}
.x34-case-lead img{display:block;width:100%;height:auto;max-width:1500px;margin:auto;box-shadow:0 20px 70px #0003;transform:translateY(var(--depth,0px))}
.x34-case--rdv .x34-case-lead,.x34-case--atelier .x34-case-lead{background:#e1dbcf}
.x34-case--vivo .x34-case-lead,.x34-case--platform .x34-case-lead{background:#182b32}
.x34-case--agency .x34-case-lead{background:#c5beb0}
.x34-case-brief{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw}
.x34-case-brief h2{font-size:clamp(42px,4.6vw,72px);line-height:1.08}
.x34-case-description{font-size:19px;line-height:1.7;margin:0 0 35px;color:#cbc9bf}
.x34-case-role{border-top:1px solid var(--x34-line);padding-top:25px;margin-bottom:35px}
.x34-case-role p{font-size:14px;line-height:1.8}
.x34-case-role .x34-label{margin:0}
.x34-case-brief .x34-caption{margin-top:24px}
.x34-demo{padding-top:15px}
.x34-demo h2,.x34-interface h2{font-size:clamp(46px,5.5vw,84px)}
.x34-demo>div:first-child>p:not(.x34-label){color:#bbb9af;margin-top:25px;font-size:14px}
.x34-demo-controls{display:flex;gap:35px;margin:45px 0 24px;border-top:1px solid var(--x34-line);border-bottom:1px solid var(--x34-line)}
.x34-demo-controls button{display:flex;align-items:center;gap:18px;border:0;background:none;color:#aaa;font-size:10px;font-family:var(--label);padding:22px 0;min-height:65px}
.x34-demo-controls button>span{font-family:var(--sans);font-size:14px}
.x34-demo-controls button[aria-selected=true]{color:#fff}
.x34-demo figure{margin:0}
.x34-demo figure>img{width:100%;height:auto;display:block}
.x34-demo figcaption{font-size:12px;color:#b6b5ac;padding:20px 0}
.x34-interface{padding-top:50px}
.x34-interface-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}
.x34-view-switch{display:flex;border:1px solid #fff5;border-radius:40px;padding:4px}
.x34-view-switch button{border:0;background:none;color:#ddd9cd;padding:12px 22px;border-radius:30px;font-size:12px;min-height:44px}
.x34-view-switch button[aria-selected=true]{background:#f2efe6;color:#111}
.x34-interface-canvas{display:grid;place-items:start center;background:#141512;padding:45px;max-height:800px;overflow:auto;scrollbar-width:thin;scrollbar-color:#777 #151515;transition:background .4s}
.x34-interface-canvas img{width:100%;height:auto;max-width:1400px;display:block;transition:width .5s}
.x34-interface-canvas.is-mobile{background:#d1cab9;max-height:850px;padding:55px}
.x34-interface-canvas.is-mobile img{width:min(100%,330px);border:6px solid #181917;border-radius:35px;box-shadow:0 25px 60px #0003}
.x34-case-story{padding-top:30px}
.x34-case-story summary{font-size:18px;line-height:1.5}
.x34-next-project{border-top:1px solid var(--x34-line);display:grid;grid-template-columns:1fr 60px;gap:35px;text-decoration:none;padding-top:70px;padding-bottom:90px;align-items:center}
.x34-next-project>.x34-label{grid-column:1/-1;margin:0}
.x34-next-project>span:not(.x34-label){font-family:var(--serif);font-size:clamp(60px,9vw,135px);letter-spacing:-.06em;line-height:1.1}
.x34-next-project>svg{width:50px;height:50px;transition:transform .4s}
.x34-next-project:hover>svg{transform:translateX(10px)}
/* Shared continuity across expertise, consultancy, pricing, contact and editorial pages. */
.x34-page .v30-page-intro{padding-top:200px}
.x34-page .v30-service-layout{gap:7vw}
.x34-page .v30-service-image{overflow:hidden;border-radius:0!important}
.x34-page .v30-service-image img{transition:transform .9s}
.x34-page .v30-service-image:hover img{transform:scale(1.035)}
.x34-page .v30-chapter-tabs [role=tab]{transition:padding .35s,color .3s;background:none}
.x34-page .v30-chapter-tabs [role=tab][aria-selected=true]{padding-left:18px}
.x34-page .v30-panel-enter{animation:x34-change .4s ease both}
.x34-page .v30-footer{background:#11120f!important;border-top:1px solid #ffffff20;padding-top:100px;color:#f1efe8!important}
.x34-page .v30-footer-top{gap:8vw}
.x34-page .v30-footer h2{font-size:clamp(66px,8.8vw,135px);line-height:.98;max-width:850px}
.x34-page .v30-footer-top .v30-button{margin-top:35px;background:transparent!important;border-color:#fff7!important;color:#f1efe8!important}
.x34-page .v30-footer-top .v30-button:hover{background:#f1efe8!important;color:#111!important}
.x34-page .v30-footer-links a{transition:transform .3s;min-height:40px}
.x34-page .v30-footer-links a:hover{transform:translateX(7px)}
.x34-page .v30-footer-middle{padding-top:75px;padding-bottom:30px;border-top:0}
.x34-page .v30-footer-middle .v30-logo img{width:clamp(180px,27vw,430px);height:auto}
.x34-page .v30-footer-email{font-size:14px}
.x34-progress{position:fixed;z-index:1000;left:0;top:0;width:100%;height:2px;transform:scaleX(var(--page-progress,0));transform-origin:left;background:#e0d4b8;pointer-events:none}
.x34-page .st30-intro{padding-top:170px}
.x34-page .st30-intro-image{overflow:hidden}
.x34-page .st30-intro-image img{transform:scale(1.02);transition:transform 1.2s}
.x34-page .st30-intro-image:hover img{transform:scale(1.07)}
.x34-page .st30-package-choices button,.x34-page .st30-steps button{transition:padding .3s,background .3s,color .3s}
.x34-page .st30-package-choices button[aria-selected=true]{padding-left:25px}
.x34-page .st30-direction{position:relative;overflow:hidden}
.x34-page .st30-direction:before{content:'';width:70vw;height:70vw;position:absolute;border:1px solid #ffffff14;border-radius:50%;left:15%;top:10%;transform:rotateX(65deg);pointer-events:none}
@media(min-width:1800px){.x34-project-ui{top:22%;width:62%;left:38%}.x34-project-heading{top:150px}}
@media(max-width:1050px){
.x34-page .v30-header{padding:25px 28px;gap:20px;min-height:90px}
.x34-page .v30-logo img{width:140px}
.x34-page .v30-nav{gap:16px}.x34-page .v30-nav a{font-size:9px}
.x34-page .v30-nav .v30-nav-cta{gap:10px;padding:11px 12px}
.x34-manifesto-foot{grid-template-columns:1fr 1.5fr;gap:30px}.x34-manifesto-foot>a{grid-column:2;justify-self:start}
.x34-project-heading{max-width:65%}.x34-project-ui{left:23%;top:40%;width:88%}
.x34-project--rdv .x34-project-ui,.x34-project--angels .x34-project-ui,.x34-project--vivo .x34-project-ui{left:23%;top:40%;width:88%}
.x34-solution-lab{gap:40px}.x34-solution-choices button{font-size:19px;gap:15px}
.x34-home .v30-worlds{gap:13px}.x34-home .v30-world-title{font-size:14px}
.x34-case-title{display:block}.x34-case-title>p{margin-top:30px;max-width:500px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-ui{top:50%;width:115%;left:8%}
.x34-project-grid>.x34-project:last-child .x34-project-ui{top:40%;left:25%;width:85%}
}
@media(max-width:760px){
:root{--x34-space:24px}
html:has(.x34-page){scroll-padding-top:70px}
.x34-page .v30-header{padding:23px 24px;min-height:85px;z-index:100}
.x34-page .v30-logo img{width:145px}
.x34-page .v30-menu{display:flex;align-items:center;gap:14px;font-family:var(--label);font-size:10px;padding:10px 0 10px 12px;min-height:44px}
.x34-page .v30-nav{position:absolute;top:85px;left:0;right:0;width:100%;padding:32px 24px 45px;background:#10110f!important;border-radius:0;border-bottom:1px solid #ffffff4d;display:none;box-shadow:0 20px 40px #0006;max-height:calc(100svh - 85px);overflow:auto}
.x34-page .v30-nav.is-open{display:flex}
.x34-page .v30-nav a{font-family:var(--serif);font-size:32px;letter-spacing:-.03em;white-space:normal;min-height:50px;padding:8px 0;width:100%}
.x34-page .v30-nav .v30-nav-cta{font-family:var(--sans);font-size:15px;margin-top:20px;padding:18px 24px}
.x34-page .v30-header.is-open{background:#10110f!important}
.x34-page .v30-menu-shade.is-open{display:block;position:fixed;inset:0;z-index:90}
.x34-home .v30-hero{min-height:700px;max-height:1100px;height:100svh}
.x34-home .v30-hero h1{font-size:clamp(81px,20vw,135px);line-height:.92;letter-spacing:-.065em;margin-bottom:27px}
.x34-home .v30-hero-content{padding:140px 20px 125px}
.x34-home .v30-hero-content>.v30-kicker{font-size:8px;letter-spacing:.05em;margin-bottom:35px}
.x34-home .v30-hero-intro{font-size:14px;line-height:1.65;max-width:290px}
.x34-home .v30-atmosphere{right:24px;bottom:22px}
.x34-hero-caption{display:none}.x34-scroll-cue{left:24px;transform:none;bottom:22px;font-size:10px}
.x34-chapters{padding:15px 18px;gap:22px;justify-content:space-between;overflow:auto;scrollbar-width:none}
.x34-chapters a{font-size:10px;gap:7px;white-space:nowrap}.x34-chapters a span{font-size:8px}
.x34-manifesto{padding-top:85px;padding-bottom:85px}
.x34-manifesto h2{font-size:clamp(39px,9.5vw,65px);line-height:1.12;margin:36px 0}
.x34-manifesto-foot{grid-template-columns:1fr;gap:25px;padding-top:28px}
.x34-manifesto-foot>span{font-size:12px}.x34-manifesto-foot p{font-size:15px;max-width:450px}
.x34-manifesto-foot>a{grid-column:1}
.x34-section-intro{display:block;padding-top:20px;padding-bottom:40px}
.x34-section-intro h2{font-size:clamp(53px,12vw,85px);margin-bottom:25px}
.x34-section-intro>a{margin-top:10px}
.x34-project-cover{min-height:650px;height:90svh;max-height:850px}
.x34-project-top{top:24px;left:24px;right:24px;font-size:8px;gap:12px}
.x34-circle{width:42px;height:42px}
.x34-project-heading{top:115px;left:24px;max-width:90%}
.x34-project-heading>p{font-size:10px;margin-bottom:18px}
.x34-project-heading h3{font-size:clamp(48px,12vw,75px);line-height:1.03}
.x34-project-ui,.x34-project--rdv .x34-project-ui,.x34-project--angels .x34-project-ui,.x34-project--vivo .x34-project-ui{top:48%;left:6%;width:115%;transform:rotate(-3deg);box-shadow:0 20px 50px #0004}
.x34-project--rdv .x34-project-ui,.x34-project--vivo .x34-project-ui{transform:rotate(3deg)}
.x34-project-link{left:24px;bottom:22px;font-size:12px}
.x34-project-meta{padding:22px 24px 42px;display:block}
.x34-project-meta h3{font-size:18px}.x34-project-meta p{text-align:left;font-size:11px;margin-top:10px}
.x34-expertise{padding-top:55px;padding-bottom:70px}
.x34-section-intro>p:not(.x34-label){font-size:14px;margin-top:30px;color:#bbb9af}
.x34-solution-lab{display:block;margin-top:15px}
.x34-solution-choices{display:flex;flex-direction:row;gap:24px;overflow:auto;padding-bottom:18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#777 transparent}
.x34-solution-choices button{flex:0 0 auto;scroll-snap-align:start;font-size:14px;gap:10px;padding:16px 0;border-top:0;border-bottom:1px solid #ffffff40;min-height:55px}
.x34-solution-choices button:last-child{border-bottom:1px solid #ffffff40}
.x34-solution-choices button[aria-selected=true]{padding-left:0;border-bottom-color:#fff}
.x34-solution-choices button>svg{width:18px}.x34-solution-choices button>span{font-size:8px}
.x34-solution-stage{margin-top:20px}.x34-solution-visual{height:220px}.x34-orbit{height:220px}
.x34-solution-visual>span:first-child{font-size:clamp(75px,20vw,120px)}
.x34-solution-copy h3{font-size:41px}.x34-solution-copy>p:not(.x34-label){font-size:14px}
.x34-home .v30-journey{padding-top:65px;padding-bottom:65px}
.x34-home .v30-journey-top{display:block}
.x34-home .v30-stages{margin-top:25px;gap:20px;overflow:auto;padding-bottom:10px}
.x34-home .v30-stages button{font-size:10px;gap:7px;flex-shrink:0}
.x34-home .v30-chapter-title{font-size:60px;margin:35px 0}
.x34-home .v30-worlds{grid-template-columns:1fr 1fr;gap:30px 15px}
.x34-home .v30-world figure{aspect-ratio:.7}
.x34-home .v30-world-title{font-size:13px;line-height:1.4;padding-top:14px;align-items:start}
.x34-home .v30-world-title small{display:none}.x34-home .v30-world .v30-round{width:36px;height:36px;bottom:10px;right:10px}
.x34-home .v30-world .v30-round svg{width:18px}
.x34-home .v30-recommendation h3{font-size:45px}
.x34-hospitality{min-height:760px;height:100svh;display:block;max-height:1050px}
.x34-hospitality:after{background:linear-gradient(180deg,#0002,#0009 65%,#000b)}
.x34-hospitality-photo img{object-position:40% 50%}
.x34-hospitality-copy{position:relative;padding:200px 24px 60px}
.x34-hospitality-copy h2{font-size:clamp(68px,17vw,95px)}
.x34-hospitality-copy>p:not(.x34-label){font-size:14px;margin:25px 0;max-width:340px}
.x34-hospitality .x34-pill{font-size:12px;gap:20px;padding:16px 20px}
.x34-hospitality-copy>.x34-caption{margin-top:25px}
.x34-approach,.x34-case-story{display:block;padding-top:75px;padding-bottom:75px}
.x34-approach h2,.x34-case-story h2{font-size:52px;margin-bottom:45px}
.x34-approach summary,.x34-case-story summary{font-size:17px;gap:18px;padding:25px 0}
.x34-approach details>p,.x34-case-story details>p{padding:0 0 25px 33px;font-size:14px}
.x34-work-intro{padding-top:150px;padding-bottom:55px}
.x34-work-intro h1{font-size:clamp(48px,11vw,78px);line-height:1.05}
.x34-work-intro-bottom{display:block;margin-top:35px}
.x34-work-intro-bottom p{font-size:14px}
.x34-filters{gap:20px;margin-top:30px}.x34-filters button{font-size:11px}
.x34-project-grid{display:block}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-cover{height:90svh;min-height:650px;max-height:850px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-heading,.x34-project-grid>.x34-project:last-child .x34-project-heading{left:24px;top:115px;max-width:90%}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-heading h3{font-size:clamp(48px,12vw,75px)}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-top{left:24px;right:24px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-ui,.x34-project-grid>.x34-project:last-child .x34-project-ui{left:6%;top:48%;width:115%}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-link{left:24px}
.x34-project-grid>.x34-project:not(:first-child) .x34-project-meta{padding:22px 24px 42px}
.x34-further{padding-top:30px;padding-bottom:65px}
.x34-archive-link{grid-template-columns:1fr 30px;gap:15px;min-height:100px}
.x34-archive-link>span{font-size:28px}.x34-archive-link small{grid-column:1;font-size:11px}
.x34-archive-link>svg{grid-column:2;grid-row:1/3}
.x34-endnote{padding-bottom:85px}.x34-endnote h2{font-size:85px}
.x34-case-intro{padding-top:125px;padding-bottom:40px}.x34-back{margin-bottom:35px}
.x34-case-title h1{font-size:clamp(60px,15vw,95px);overflow-wrap:anywhere}
.x34-case-title>.x34-label{font-size:8px}.x34-case-title>p{font-size:14px;margin-top:25px}
.x34-case-lead{padding:25px 15px}.x34-case-brief{display:block;padding-top:65px;padding-bottom:65px}
.x34-case-brief h2{font-size:43px;margin-bottom:35px}.x34-case-description{font-size:16px;line-height:1.8}
.x34-demo{padding-top:10px;padding-bottom:70px}.x34-demo h2,.x34-interface h2{font-size:46px}
.x34-demo-controls{gap:20px;margin-top:35px;justify-content:space-between}.x34-demo-controls button{gap:6px;font-size:8px;padding:16px 0}
.x34-demo-controls button>span{font-size:11px}.x34-demo figure{margin:0 -24px}
.x34-demo figcaption{padding:18px 24px}.x34-demo>.x34-text-link{font-size:13px}
.x34-interface{padding-top:0;padding-bottom:65px}.x34-interface-head{display:block;margin-bottom:30px}.x34-view-switch{width:max-content;margin-top:30px}
.x34-interface-canvas{padding:14px;margin:0 -10px;max-height:650px}.x34-interface-canvas.is-mobile{padding:30px 25px;max-height:700px}
.x34-interface-canvas.is-mobile img{max-width:280px;border-width:5px;border-radius:28px}
.x34-case-story{padding-top:0}.x34-next-project{padding-top:45px;padding-bottom:60px;grid-template-columns:1fr 30px;gap:25px}
.x34-next-project>span:not(.x34-label){font-size:48px}.x34-next-project>svg{width:28px}
.x34-page .v30-footer{padding:75px 24px 30px}.x34-page .v30-footer h2{font-size:67px}
.x34-page .v30-footer-top{display:block}.x34-page .v30-footer-links{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.x34-page .v30-footer-links a{font-size:13px;line-height:1.5}
.x34-page .v30-footer-top .v30-button{font-size:12px;gap:20px;padding:16px 20px;margin-top:28px}
.x34-page .v30-footer-middle{padding-top:55px;align-items:start;gap:30px;display:flex;flex-direction:column}
.x34-page .v30-footer-middle .v30-logo img{width:220px}
.x34-page .v30-footer-email{font-size:13px}.x34-page .v30-footer-bottom{display:block;font-size:10px}
.x34-page .v30-footer-bottom>div{margin-top:20px;flex-wrap:wrap;gap:20px}
.x34-page .v30-page-intro{padding-top:155px}.x34-page .st30-intro{padding-top:145px}
}
@media(max-width:360px){.x34-home .v30-hero h1{font-size:76px}.x34-chapters{gap:16px}.x34-chapters a{font-size:9px}.x34-chapters a span{display:none}.x34-project-cover{min-height:620px}.x34-project-ui{top:50%!important}.x34-home .v30-chapter-title{font-size:53px}.x34-home .v30-stages{gap:16px}.x34-home .v30-stages button{font-size:9px}.x34-case-title h1{font-size:55px}.x34-page .v30-footer h2{font-size:59px}.x34-hospitality-copy{padding-top:170px}.x34-hospitality-copy h2{font-size:65px}}
@media(prefers-reduced-motion:reduce){html:has(.x34-page){scroll-behavior:auto}.x34-page *,.x34-page *:before,.x34-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.x34-page [data-depth]{transform:none!important}.x34-manifesto h2 span{color:#f1efe8!important}}
body.x34-menu-open{overflow:hidden!important}
/* Three project worlds, each composed around its own material. */
.x34-home .x34-project--vhouse .x34-project-cover{background:#18251e url('/assets/work-v34/vhouse-residence.webp') center/cover}
.x34-home .x34-project--vhouse .x34-project-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0003 75%),linear-gradient(180deg,#0004,transparent 60%,#0008);z-index:-1}
.x34-home .x34-project--vhouse .x34-project-heading{max-width:48%;text-shadow:0 1px 30px #0005}
.x34-home .x34-project--vhouse .x34-project-ui{width:64%;left:38%;top:33%;transform:translateY(var(--depth,0px)) rotate(-2deg);box-shadow:0 30px 90px #0008}
.x34-home .x34-project--rdv .x34-project-heading{left:var(--x34-space);top:105px;max-width:70%}
.x34-home .x34-project--rdv .x34-project-heading h3{font-size:clamp(48px,5.7vw,84px)}
.x34-home .x34-project--rdv .x34-project-ui{width:76%;left:20%;top:40%;transform:translateY(var(--depth,0px)) rotate(2deg)}
.x34-home .x34-project--angels .x34-project-heading{max-width:50%;top:110px}
.x34-home .x34-project--angels .x34-project-ui{left:42%;top:15%;width:56%;transform:translateY(var(--depth,0px)) rotate(0);box-shadow:none}
.x34-cover-preview{padding:20px var(--x34-space);background:#1a231d;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff30}
.x34-cover-preview>span{font-family:var(--label);font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.x34-cover-preview>div{display:flex;gap:25px}
.x34-cover-preview button{font-size:12px;background:transparent;border:0;border-bottom:1px solid transparent;color:#c2c4b8;padding:9px 0;min-height:44px}
.x34-cover-preview button[aria-pressed=true]{border-bottom-color:#f1efe8;color:#fff}
.x34-project-meta small{font-size:10px;display:inline-block;margin-top:6px;color:#b8b6ad}
.x34-live-trigger{background:none;color:inherit;margin:20px 30px 20px 0;cursor:pointer}
.x34-live-dialog{width:calc(100% - 40px);height:calc(100svh - 40px);max-width:1600px;max-height:1100px;padding:0;border:1px solid #ffffff50;background:#101510;color:#f1efe8;overflow:hidden}
.x34-live-dialog::backdrop{background:#000c;backdrop-filter:blur(16px)}
.x34-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 25px;border-bottom:1px solid #ffffff30}
.x34-live-toolbar .x34-label{font-size:8px;margin:0 0 8px}.x34-live-toolbar h2{font-family:var(--serif);font-size:30px}
.x34-live-toolbar>a{font-size:12px;margin-left:auto}.x34-live-toolbar>button{width:46px;height:46px;font-size:30px;background:none;border:1px solid #ffffff80;border-radius:50%;color:inherit}
.x34-live-note{margin:0;padding:12px 25px;font-size:11px;color:#c6c6bb}
.x34-live-dialog [data-live-frame]{height:calc(100% - 145px)}
.x34-live-dialog iframe{width:100%;height:100%;border:0;background:#19221b}
@media(max-width:760px){
.x34-home .x34-project--vhouse .x34-project-heading{max-width:92%;top:110px}
.x34-home .x34-project--vhouse .x34-project-ui{left:8%;top:48%;width:108%}
.x34-home .x34-project--rdv .x34-project-heading{left:24px;top:110px;max-width:90%}
.x34-home .x34-project--rdv .x34-project-heading h3{font-size:clamp(48px,12vw,75px)}
.x34-home .x34-project--rdv .x34-project-ui{left:6%;top:48%;width:112%}
.x34-home .x34-project--angels .x34-project-heading{max-width:90%;top:110px}
.x34-home .x34-project--angels .x34-project-ui{left:16%;top:46%;width:88%;box-shadow:0 20px 50px #0003}
.x34-cover-preview{display:block;padding:17px 24px}.x34-cover-preview>div{margin-top:8px;gap:25px}.x34-cover-preview>span{font-size:8px}
.x34-live-dialog{width:100%;height:100svh;max-height:none;border:0;margin:0;max-width:none}
.x34-live-toolbar{gap:15px;padding:20px 15px}.x34-live-toolbar h2{font-size:24px}.x34-live-toolbar>a{max-width:75px;font-size:10px;line-height:1.6}.x34-live-toolbar>button{width:40px;height:40px;flex-shrink:0}
.x34-live-note{padding:10px 15px;font-size:10px}.x34-live-dialog [data-live-frame]{height:calc(100% - 145px)}
}
.x34-page .x34-expertise-intro,.x34-page .x34-consultancy-intro{position:relative;isolation:isolate;overflow:hidden;min-height:780px;min-height:95svh;display:flex;flex-direction:column;justify-content:center;padding-top:175px;padding-bottom:90px;color:#fff;background:none!important}
.x34-page .x34-expertise-intro:before,.x34-page .x34-consultancy-intro:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/branding-v25/escape.webp') 50% 45%/cover;transform:scale(1.03)}
.x34-page .x34-expertise-intro:after,.x34-page .x34-consultancy-intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000a,#0003 90%),linear-gradient(180deg,#0003,transparent 45%,#0006)}
.x34-page .x34-consultancy-intro:before{background-image:url('/assets/visuals-v32/resort-dusk.webp');background-position:50% 52%}
.x34-page .x34-expertise-intro h1,.x34-page .x34-consultancy-intro h1{font-size:clamp(66px,8vw,125px);line-height:.98;max-width:1100px}
.x34-page .x34-expertise-intro>p:not(.v30-kicker),.x34-page .x34-consultancy-intro>p:not(.v30-kicker){color:#fff;max-width:460px;font-size:16px;line-height:1.7;margin:35px 0}
.x34-page .x34-expertise-intro>.x34-text-link{align-self:start}
.x34-page .x34-consultancy-intro>.v30-button{align-self:start;background:transparent!important;border-color:#fff8;color:#fff!important}
@media(max-width:760px){.x34-page .x34-expertise-intro,.x34-page .x34-consultancy-intro{min-height:760px;min-height:95svh;padding-top:175px;padding-bottom:80px}.x34-page .x34-expertise-intro h1,.x34-page .x34-consultancy-intro h1{font-size:clamp(52px,12.3vw,85px);line-height:1.04}.x34-page .x34-expertise-intro>p:not(.v30-kicker),.x34-page .x34-consultancy-intro>p:not(.v30-kicker){font-size:14px;line-height:1.8}.x34-page .x34-expertise-intro:before{background-position:40% 45%}.x34-page .x34-consultancy-intro:before{background-position:42% 50%}}
@media(max-width:760px){.x34-home .v30-hero h1{font-size:clamp(48px,15.5vw,115px);max-width:100%;letter-spacing:-.065em;line-height:1.03}.x34-home .v30-hero h1 em{font-size:clamp(47px,14vw,82px);margin-top:12px;line-height:1.05}.x34-home .v30-hero-content>.v30-kicker{font-size:8px;letter-spacing:0}}
.x34-project--vhouse .x34-project-cover{background:#18251e url('/assets/work-v34/vhouse-residence.webp') center/cover}
.x34-project--vhouse .x34-project-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0003 75%),linear-gradient(180deg,#0004,transparent 60%,#0008);z-index:-1}
@media(max-width:760px){.x34-work-intro{padding-top:140px;padding-bottom:40px}.x34-work-intro h1{font-size:clamp(44px,10.8vw,75px)}.x34-work-intro-bottom{margin-top:28px}.x34-filters{margin-top:20px}.x34-project-heading{max-width:92%}}
.x34-home .v30-header{background:linear-gradient(180deg,#0008,transparent)!important}
.x34-home .v30-hero h1{text-shadow:0 2px 30px #0006}
@media(max-width:760px){.x34-home .v30-header.is-open{background:#10110f!important}}
/* Keep the identity legible through the lightest frames of the opening film. */
.x34-home .v30-header{background:linear-gradient(180deg,#000b,#0003)!important;text-shadow:0 1px 12px #0008}
.x34-home .v30-hero-shade{background:linear-gradient(180deg,#0006,#0005 32%,#0007 70%,#000a)!important}
.x34-home .v30-hero-content>.v30-kicker{color:#fff;text-shadow:0 1px 4px #000,0 2px 18px #000b}
@media(max-width:760px){.x34-home .v30-hero-content>.v30-kicker{font-size:10px;max-width:300px;line-height:1.8;letter-spacing:.025em;margin-bottom:28px}.x34-home .v30-header.is-open{background:#10110f!important}}
@media(max-width:760px){.x34-home .v30-hero .v30-button{font-size:10px;gap:22px;padding:16px 20px;min-height:50px;white-space:nowrap}}

@keyframes x34-arrive{from{opacity:.45}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.x34-page main{animation:x34-arrive .3s ease-out}}