/* The same art-directed hero is rendered in each live demo and its thumbnail. */
.scene{position:relative;aspect-ratio:1.5;overflow:hidden;container-type:inline-size;isolation:isolate;background:#f4efe5;color:#3c3027;font-family:'DM Sans',DM,Arial,sans-serif}.scene *{box-sizing:border-box}.scene a{color:inherit;text-decoration:none}.scene p,.scene h1,.scene h3{margin:0}.scene-nav{position:absolute;top:0;left:0;width:100%;z-index:5;padding:4.5% 6%;display:flex;align-items:center;justify-content:space-between;gap:3%}.scene-logo{font:400 2.7cqw/1 Georgia,serif;letter-spacing:-.045em;white-space:nowrap}.scene-logo span{color:#b15b35;margin-left:.15em}.scene-nav nav{display:flex;gap:2cqw;font-size:.8cqw;white-space:nowrap}.scene-nav-label{font-size:.65cqw;letter-spacing:.07em;white-space:nowrap}.scene-composition{position:absolute;inset:0}.scene-copy{position:absolute;z-index:3;left:6%;top:26%;max-width:56%;width:56%}.scene-kicker{font:500 .7cqw/1.5 'DM Sans',DM,Arial,sans-serif!important;letter-spacing:.15em;color:inherit!important;margin-bottom:2.2cqw!important}.scene-title{font:400 6.2cqw/.99 Georgia,serif!important;letter-spacing:-.055em!important;color:inherit!important;max-width:100%}.scene-lead{font:400 1.02cqw/1.65 'DM Sans',DM,Arial,sans-serif!important;color:inherit!important;margin-top:2cqw!important;max-width:30cqw}.scene-button{display:inline-flex;align-items:center;gap:3cqw;margin-top:2.3cqw;border-bottom:1px solid currentColor;padding-bottom:.65cqw;font:600 .65cqw/1.5 'DM Sans',DM,Arial,sans-serif;letter-spacing:.06em;max-width:100%}.scene-button>span{font-size:1.5cqw}.scene-photo{position:absolute;right:0;top:20%;width:43%;height:80%;object-fit:cover;display:block}.scene-stamp{position:absolute;z-index:4;right:37%;bottom:7%;width:9cqw;height:9cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;background:#f4efe5;font:500 .65cqw/1.7 'DM Sans',DM,Arial,sans-serif;text-align:center;letter-spacing:.08em;transform:rotate(-12deg)}.scene-index{position:absolute;left:6%;bottom:4%;font-size:.62cqw;letter-spacing:.1em;z-index:4}.scene-preview .scene-copy{pointer-events:none}.scene-full{height:clamp(640px,57vw,850px);aspect-ratio:auto}.scene-full .scene-nav a:hover{text-decoration:underline;text-underline-offset:6px}.scene-full .scene-button{font-size:10px;min-height:36px}.scene-full .scene-lead{font-size:clamp(13px,1.03cqw,17px)}.scene-full .scene-kicker{font-size:10px!important}.scene-full .scene-index{font-size:9px}.scene-full .scene-nav nav{font-size:11px}.scene-full .scene-stamp{font-size:9px}.scene-full :focus-visible{outline:3px solid currentColor;outline-offset:6px}
.scene-craft{background:#f2ece1;color:#342820}.scene-craft .scene-logo{text-transform:uppercase;font-size:2.1cqw;letter-spacing:.06em}.scene-craft .scene-title{font-size:7cqw!important}.scene-craft .scene-photo{top:18%;width:43%;height:82%}.scene-craft .scene-copy{top:23%;width:57%;max-width:57%}.scene-craft .scene-stamp{background:#713b29;color:#fff8ec;border:0}.scene-craft .scene-index{bottom:3%}
.scene-estate{background:#665d50;color:#fffaf1}.scene-estate .scene-photo{inset:0;width:100%;height:100%;filter:brightness(.64)}.scene-estate:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#201a1555,transparent 75%);z-index:1;pointer-events:none}.scene-estate .scene-copy{top:auto;bottom:13%;left:7%;width:80%;max-width:80%}.scene-estate .scene-title{font-size:8.3cqw!important;line-height:1.02!important}.scene-estate .scene-logo{font-size:1.7cqw;letter-spacing:.2em}.scene-estate .scene-kicker{margin-bottom:2cqw!important}.scene-estate .scene-lead{max-width:37cqw}.scene-estate .scene-button{border:1px solid #fff8eaa6;padding:.8cqw 1.2cqw;gap:3cqw}.scene-estate .scene-stamp{right:7%;bottom:12%;background:transparent;border-color:#ffffff70;color:white}.scene-estate .scene-index{left:7%;color:#fff9e0}.scene-estate .scene-logo span{color:#f5c7a5}
.scene-consult{background:#253ade;color:#fff}.scene-consult .scene-logo{font:700 4cqw/.9 Manrope,Arial,sans-serif;letter-spacing:-.08em}.scene-consult .scene-logo span{color:#ddf786}.scene-consult .scene-copy{top:25%;max-width:61%;width:61%}.scene-consult .scene-title{font-family:Manrope,Arial,sans-serif!important;font-weight:700!important;font-size:6.1cqw!important;line-height:1.07!important;letter-spacing:-.065em!important}.scene-consult .scene-kicker{color:#dce6ff!important}.scene-consult .scene-button{background:#e0fa83;color:#17274b;border:0;padding:1cqw 1.3cqw;gap:2cqw}.scene-consult .scene-stamp{display:none}.scene-art{position:absolute;right:1%;top:23%;width:41%;height:66%}.orbit-one{position:absolute;inset:4% 3%;border:1px solid #e0fa8390;border-radius:50%}.orbit-two{position:absolute;inset:4% 3%;border:1px solid #d9e6ff;border-radius:50%;transform:rotate(42deg) scaleX(.5)}.orbit-core{position:absolute;left:25%;top:25%;width:50%;aspect-ratio:1;background:#e0fa83;color:#2436c1;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 9cqw/1 Manrope,Arial,sans-serif;letter-spacing:-.1em;padding-bottom:1cqw}.orbit-core>span{position:absolute;left:0;right:0;text-align:center;font:.8cqw 'DM Sans',DM,Arial,sans-serif;letter-spacing:.04em;bottom:14%}.orbit-label{position:absolute;left:9%;right:0;bottom:3%;text-align:center;font-size:.6cqw;letter-spacing:.1em}.scene-consult .scene-index{color:#dce6ff}
.scene-sport{background:#183e2e;color:#fffbeb}.scene-sport .scene-photo{inset:0;width:100%;height:100%;filter:brightness(.56)}.scene-sport:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102b3266,transparent);z-index:1;pointer-events:none}.scene-sport .scene-logo{font-family:Manrope,Arial,sans-serif;font-size:1.8cqw;font-weight:700;letter-spacing:.03em}.scene-sport .scene-logo span{color:#dced9c}.scene-sport .scene-copy{top:auto;bottom:15%;width:85%;max-width:85%}.scene-sport .scene-title{font-size:7.6cqw!important;line-height:1.06!important}.scene-sport .scene-button{background:#d6e7aa;color:#173a2b;border:0;padding:1cqw 1.3cqw}.scene-sport .scene-stamp{background:transparent;color:#f7ffd6;right:7%;bottom:15%;border-color:#f7ffd655}.scene-sport .scene-index{color:#edf4db}
.scene-flowers{background:#f1dadd;color:#64233e}.scene-flowers .scene-logo{font-size:3.1cqw;font-style:italic}.scene-flowers .scene-copy{top:26%;left:7%;max-width:57%;width:57%}.scene-flowers .scene-title{font-size:8.1cqw!important;font-style:italic!important;line-height:1.02!important}.scene-flowers .scene-photo{right:6%;top:20%;width:33%;height:74%;border-radius:48% 48% 0 0}.scene-flowers .scene-stamp{background:#64233e;color:#f9d9e5;border:0;right:28%;bottom:5%;width:10cqw;height:10cqw}.scene-flowers .scene-button{border-color:#64233e80}.scene-flowers .scene-lead{max-width:28cqw}
.scene-service{background:#edf4ef;color:#194c48}.scene-service .scene-logo{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:2.6cqw}.scene-service .scene-copy{top:24%;width:61%;max-width:61%}.scene-service .scene-title{font-family:Manrope,Arial,sans-serif!important;font-size:6.1cqw!important;font-weight:700!important;letter-spacing:-.07em!important;line-height:1.08!important}.scene-service .scene-photo{right:6%;top:24%;width:32%;height:67%;object-position:center;border-radius:2px}.scene-service .scene-stamp{background:#d1e3c7;border:0;right:26%;bottom:8%}.scene-service .scene-button{background:#194c48;color:#f4f9ed;border:0;padding:1cqw 1.3cqw}.scene-service .scene-index{bottom:3%}
.scene-association{background:#f4d24d;color:#272c28}.scene-association .scene-logo{font:700 3cqw/1 Manrope,Arial,sans-serif;letter-spacing:-.065em}.scene-association .scene-logo span{color:#444841}.scene-association .scene-copy{top:22%;max-width:60%;width:60%}.scene-association .scene-title{font:700 9cqw/.98 Manrope,Arial,sans-serif!important;letter-spacing:-.08em!important}.scene-association .scene-photo{right:6%;top:31%;width:35%;height:57%;transform:rotate(5deg);border-radius:42% 2px 35% 2px}.scene-association .scene-stamp{right:5%;top:13%;bottom:auto;background:#f8f7ed;border:0;transform:rotate(10deg)}.scene-association .scene-lead{max-width:29cqw}.scene-association .scene-button{background:#292e28;color:white;padding:.9cqw 1.3cqw;border:0}.scene-association .scene-index{bottom:3%}
.scene-wellness{background:#f6f2eb;color:#615045}.scene-wellness .scene-logo{font-size:2.8cqw}.scene-wellness .scene-photo{top:0;right:0;width:45%;height:100%}.scene-wellness .scene-nav nav,.scene-wellness .scene-nav-label{background:#f6f2ebdf;padding:.7cqw 1cqw}.scene-wellness .scene-copy{top:28%;left:5%;max-width:50%;width:50%;text-align:center}.scene-wellness .scene-title{font-size:5.6cqw!important;font-style:italic!important;line-height:1.1!important}.scene-wellness .scene-lead{max-width:31cqw;margin-inline:auto!important}.scene-wellness .scene-stamp{background:#f6f2eb;border-color:#a18d7d;right:39%;bottom:10%}.scene-wellness .scene-index{left:8%}
/* Portfolio thumbnails are compositions of the actual demo heroes. */
.work-visual .scene{aspect-ratio:1.38;box-shadow:0 20px 35px #18263d20;transition:transform .55s}.work-visual:hover .scene{transform:translateY(-7px) rotate(-.8deg)}.hero-main-window .scene{aspect-ratio:1.4}.hero-tablet .scene{aspect-ratio:1.18}.hero-tablet .scene-art{top:40%;right:0;width:43%;height:54%;opacity:.85}.hero-tablet .scene-copy{width:90%;max-width:90%;top:24%}.hero-tablet .scene-title{font-size:7.1cqw!important}.hero-tablet .scene-kicker{font-size:1.6cqw!important}.hero-tablet .scene-lead{font-size:2cqw!important;max-width:70cqw}.hero-tablet .scene-button{font-size:1.6cqw;padding:2cqw;gap:3cqw}.hero-tablet .scene-logo{font-size:6cqw}.hero-tablet .scene-nav-label{font-size:1.2cqw}.hero-tablet .scene-index,.hero-tablet .orbit-label{display:none}.hero h1{font-size:clamp(55px,5.45vw,83px);letter-spacing:-.065em}.hero-main-window .scene-estate .scene-copy{bottom:12%}.hero-main-window .scene-estate .scene-title{font-size:8cqw!important}
@media(max-width:800px){.scene-full{height:650px}.scene-full .scene-title{font-size:7cqw!important}.scene-full .scene-lead{font-size:14px!important;max-width:39cqw}.scene-full .scene-kicker{font-size:9px!important}.scene-full .scene-logo{font-size:24px}.scene-full .scene-nav nav{font-size:10px}.scene-full .scene-stamp{width:85px;height:85px;font-size:8px}.hero h1{font-size:clamp(53px,8vw,73px)}}
@media(max-width:560px){.scene-full{height:auto;min-height:0;aspect-ratio:auto;overflow:hidden}.scene-full .scene-nav{padding:25px 24px;gap:15px}.scene-full .scene-logo{font-size:24px;letter-spacing:-.04em}.scene-full.scene-estate .scene-logo,.scene-full.scene-sport .scene-logo{font-size:16px;letter-spacing:.07em}.scene-full .scene-nav nav{font-size:10px;gap:17px}.scene-full .scene-nav nav a:first-child{display:none}.scene-full .scene-composition{position:relative;inset:auto;display:flex;flex-direction:column;gap:29px;padding:108px 24px 29px}.scene-full .scene-copy{position:relative;inset:auto;width:100%;max-width:100%;text-align:left}.scene-full .scene-title{font-size:52px!important;line-height:1.04!important;letter-spacing:-.06em!important}.scene-full .scene-kicker{font-size:9px!important;margin-bottom:24px!important;letter-spacing:.12em}.scene-full .scene-lead{font-size:14px!important;max-width:100%;margin-top:24px!important;line-height:1.75!important}.scene-full .scene-button{font-size:10px;padding:12px 0;margin-top:20px;gap:25px;line-height:1.6}.scene-full .scene-button>span{font-size:20px}.scene-full .scene-photo{position:relative;inset:auto;width:100%;height:340px;order:2;border-radius:0;transform:none}.scene-full .scene-stamp{position:absolute;right:37px;top:auto;bottom:46px;width:85px;height:85px;font-size:8px;order:3}.scene-full .scene-index{position:relative;inset:auto;font-size:8px;order:4;letter-spacing:.08em}.scene-full .scene-art{position:relative;inset:auto;width:100%;height:290px;order:2}.scene-full .orbit-core{font-size:104px}.scene-full .orbit-core>span{font-size:10px;bottom:15%}.scene-full .orbit-label{font-size:8px}.scene-full.scene-consult .scene-button,.scene-full.scene-service .scene-button,.scene-full.scene-association .scene-button{padding:13px 18px}.scene-full.scene-flowers .scene-photo{width:87%;margin-left:auto;border-radius:48% 48% 0 0;height:380px}.scene-full.scene-flowers .scene-stamp{right:auto;left:22px;bottom:70px;width:105px;height:105px}.scene-full.scene-association .scene-title{font-size:64px!important}.scene-full.scene-association .scene-photo{border-radius:35% 0 35% 0;transform:rotate(2deg);height:300px}.scene-full.scene-association .scene-stamp{top:auto;right:31px;bottom:265px}.scene-full.scene-wellness .scene-copy{text-align:center}.scene-full.scene-wellness .scene-lead{max-width:100%;margin-inline:auto!important}.scene-full.scene-wellness .scene-nav nav{padding:0;background:none}.scene-full.scene-wellness .scene-photo{height:380px}.scene-full.scene-estate,.scene-full.scene-sport{height:730px}.scene-full.scene-estate .scene-composition,.scene-full.scene-sport .scene-composition{height:100%;justify-content:flex-end;padding-bottom:35px;gap:30px}.scene-full.scene-estate .scene-photo,.scene-full.scene-sport .scene-photo{position:absolute;inset:0;width:100%;height:100%;z-index:0;filter:brightness(.56)}.scene-full.scene-estate .scene-copy,.scene-full.scene-sport .scene-copy{z-index:3}.scene-full.scene-estate .scene-title,.scene-full.scene-sport .scene-title{font-size:55px!important}.scene-full.scene-estate .scene-stamp,.scene-full.scene-sport .scene-stamp{display:none}.scene-full.scene-estate .scene-button,.scene-full.scene-sport .scene-button{padding:13px 17px}.scene-full.scene-estate .scene-index,.scene-full.scene-sport .scene-index{z-index:3}.hero h1{font-size:clamp(49px,12.6vw,65px);line-height:1.08}.hero .hero-description{margin-top:28px}.hero-tablet .scene-title{font-size:7cqw!important}}
@media(max-width:365px){.scene-full .scene-nav{padding-inline:20px}.scene-full .scene-logo{font-size:22px}.scene-full .scene-nav nav{font-size:9px;gap:12px}.scene-full .scene-composition{padding-inline:20px}.scene-full .scene-title{font-size:47px!important}.scene-full.scene-estate .scene-title,.scene-full.scene-sport .scene-title{font-size:49px!important}.scene-full.scene-association .scene-title{font-size:59px!important}.hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.scene *{transition:none!important}}

.hero-main-window .scene-estate .scene-copy{top:24%;bottom:auto;width:80%;max-width:80%}.hero-main-window .scene-estate .scene-title{font-size:7.2cqw!important}.hero-main-window .scene-estate .scene-lead,.hero-main-window .scene-estate .scene-button,.hero-main-window .scene-estate .scene-stamp{display:none}

.phone-screen h3{font-size:17cqw}