/* THE ATTENTION ROOM. Typography, one material study and one deliberate interaction. */
.home-page{--attention-bg:#0b0b0f;--attention-paper:#f3efe9;--attention-pink:#f04c83;--attention-muted:#b7b1bd;background:var(--attention-paper)}
.home-page .site-header{height:100px;padding-inline:4.5vw;background:#0b0b0f;border-bottom:1px solid #ffffff23;color:#f3efe9}
.home-page .desktop-nav{font-size:17px;gap:27px;font-weight:500}
.home-page .header-cta{font-size:17px;border-color:#ffffff50;padding:13px 20px;gap:22px;border-radius:0}
.home-page .brand-top{font-size:24px}.home-page .brand-room{font-size:39px}.home-page .brand-by{font-size:8px}
.home-page .header-cta:hover{background:#ed4880;border-color:#ed4880;color:white}
.home-page .mobile-nav{background:#111116;color:#f3efe9}.home-page .mobile-nav a{border-color:#ffffff25}.home-page .menu-toggle span{background:#f3efe9}
.attention-hero{--pointer-x:0;--pointer-y:0;position:relative;isolation:isolate;background:var(--attention-bg);color:var(--attention-paper);overflow:hidden;min-height:900px;min-height:max(840px,calc(100svh - 100px));padding:68px 5.4vw 132px;display:flex;align-items:center}
.attention-grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.attention-art{position:absolute;left:-8%;top:0;bottom:0;width:65%;z-index:-1;pointer-events:none;isolation:isolate}
.attention-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0b0b0f 100%);pointer-events:none;z-index:3}
.attention-type{position:absolute;left:12%;top:8%;font:700 clamp(95px,12vw,230px)/1 var(--body);letter-spacing:-.07em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #f3efe922;z-index:-1;animation:attention-word 18s ease-in-out infinite}
.sculpture-depth{position:absolute;inset:2% -2% 18%;transform:translate3d(calc(var(--pointer-x) * 13px),calc(var(--pointer-y) * 10px),0) rotate(calc(var(--pointer-x) * -1deg));transition:transform .8s ease-out}
.pause-sculpture{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(transparent,#000 9%,#000 83%,transparent);animation:attention-breathe 10s ease-in-out infinite;transform-origin:50% 58%;filter:saturate(.85)}
.attention-scan{position:absolute;inset:11% 10% 15%;z-index:2;mix-blend-mode:screen;background:linear-gradient(110deg,transparent 25%,#fdcedb00 40%,#fc9bb611 49%,#ffdeea1a 50%,transparent 60%);background-size:300% 100%;animation:attention-light 14s ease-in-out infinite;mask-image:radial-gradient(ellipse,#000,transparent 67%)}
.attention-copy{width:58%;position:relative;z-index:5;margin-left:auto;max-width:1100px}
.attention-eyebrow{font-size:18px;font-weight:500;display:flex;align-items:center;gap:15px;color:#c8c2ca;margin-bottom:38px;line-height:1.6}
.attention-line{height:1px;width:45px;background:#f04c83;flex-shrink:0}
.attention-copy h1{font:800 1em/1 var(--body);letter-spacing:-.055em;margin:0 0 24px;color:var(--attention-paper)}
.attention-question{display:block;font-size:clamp(62px,6.55vw,132px);font-weight:500;line-height:1.1;letter-spacing:-.065em}
.attention-stop{display:block;font-size:clamp(120px,12.2vw,240px);font-weight:800;line-height:.98;letter-spacing:-.065em;color:var(--attention-pink);margin-top:8px}
.question-mark{color:var(--attention-paper);display:inline-block;font-weight:400;margin-inline-start:.02em}
.attention-lead{font-size:clamp(24px,2.05vw,37px);line-height:1.5;font-weight:500;margin:28px 0 15px;max-width:690px;letter-spacing:-.5px}
.attention-description{font-size:clamp(20px,1.62vw,30px);line-height:1.75;color:var(--attention-muted);max-width:680px;margin:0 0 30px}
.attention-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}
.attention-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:68px;padding:16px 24px;border:1px solid #f3efe9;background:#f3efe9;color:#101015;font-size:20px;font-weight:600;transition:background .25s,color .25s,border-color .25s}
.attention-cta>span:last-child{font:32px/1 Arial;transition:transform .25s}
.attention-cta:hover{background:#f04c83;border-color:#f04c83;color:#0b0b0f}.attention-cta:hover>span:last-child{transform:translate(-4px,-4px)}
.attention-work{font-size:19px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff58;padding:12px 0}
.attention-work:hover{color:#ff95b7;border-color:#ff95b7}
.attention-quality{font-size:19px;line-height:1.65;color:#c8c2ca;margin-top:27px;display:flex;align-items:flex-start;gap:11px}
.attention-quality>span{width:6px;height:6px;border-radius:50%;background:#f04c83;margin-top:.65em;flex-shrink:0}
.attention-experiment{position:absolute;left:7.2%;bottom:145px;z-index:6;display:flex;direction:ltr;align-items:center;gap:24px;max-width:38%}
#attention-toggle{display:flex;align-items:center;gap:14px;color:#f3efe9;background:transparent;font-size:20px;white-space:nowrap;padding:0;direction:rtl;text-align:right}
.attention-control-icon{width:66px;height:66px;border:1px solid #f3efe960;border-radius:50%;display:grid;place-items:center;font:25px Arial;transition:background .25s,border-color .25s;flex-shrink:0}
#attention-toggle:hover .attention-control-icon,#attention-toggle[aria-pressed=true] .attention-control-icon{background:#f04c83;color:#0b0b0f;border-color:#f04c83}
.attention-response{font-size:18px;line-height:1.5;direction:rtl;border-inline-start:1px solid #ffffff35;padding-inline-start:20px;color:#aaa4af;max-width:245px}.attention-response strong{font-weight:500;color:#f3efe9}
.attention-bottom{position:absolute;left:5.4vw;right:5.4vw;bottom:0;min-height:85px;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#ada6b2;font-size:15px;z-index:6}
.attention-bottom>a{font-size:18px;display:flex;align-items:center;gap:16px}.attention-bottom>a>span{font:29px Arial;color:#f04c83;animation:attention-arrow 3s ease-in-out infinite}.attention-bottom>span{letter-spacing:1px}
.attention-ticker{background:#0b0b0f;color:#e5dfe7;border-bottom:1px solid #ffffff20;padding:18px 0 24px;overflow:hidden;direction:ltr;user-select:none}
.attention-ticker>div{display:flex;gap:55px;width:max-content;animation:attention-ticker 32s linear infinite;font:600 clamp(38px,5.2vw,92px)/1.1 var(--body);letter-spacing:-.045em;white-space:nowrap}
.attention-ticker span{flex-shrink:0}.attention-ticker .ticker-outline{color:transparent;-webkit-text-stroke:1px #827782}
.home-page .home-intro{padding:90px 5.4vw 75px;gap:0 9%;background:#f3efe9}
.home-page .home-intro>.section-kicker{font-size:15px;letter-spacing:1.5px;margin-bottom:35px;color:#805d70}
.home-page .home-intro h2{font-size:clamp(46px,4.5vw,78px);font-weight:600;line-height:1.15;letter-spacing:-2.5px}
.home-page .home-intro p{font-size:24px;line-height:1.8}.home-page .home-intro p+p{font-size:21px;color:#6e6570;margin-top:18px}
.home-page .quality-craft{margin-top:43px;padding-top:32px;column-gap:50px}
.home-page .quality-craft h3{font-size:29px;font-weight:600}.home-page .quality-craft article>span{font-size:14px;letter-spacing:.5px;margin-bottom:18px}
.home-page .quality-craft article p{font-size:20px;line-height:1.8}.home-page .quality-craft>.text-link{font-size:18px;margin-top:33px}
.home-page .services{padding:75px 5.4vw 90px;background:#e6dfda}.home-page .services .section-heading{margin-bottom:40px}.home-page .services .section-heading h2{font-size:60px;font-weight:600;letter-spacing:-2px}
.home-page .services .section-heading>p{font-size:22px;line-height:1.8}.home-page .services .section-kicker{font-size:15px;letter-spacing:.5px;margin-bottom:27px}
.home-page .service-visual{aspect-ratio:1.45;border-radius:0}.home-page .service-tag{font-size:13px}.home-page .service-card-body h3{font-size:34px;line-height:1.25;font-weight:600;letter-spacing:-1px}
.home-page .service-card-body p{font-size:20px;line-height:1.8}.home-page .service-more{font-size:17px;margin-top:20px}
.home-page .package-teaser{padding:50px 5.4vw;background:#cab1be;gap:30px}.home-page .package-teaser h2{font-size:46px;font-weight:600}.home-page .package-teaser p{font-size:20px;max-width:500px}.home-page .package-teaser .section-kicker{font-size:14px}.home-page .package-teaser .button{font-size:18px;max-width:none;border-radius:0}
.home-page .package-teaser-counts>span{transform:none!important;border-radius:0;background:transparent;border-color:#54374a60;box-shadow:none;width:68px;height:87px}
.home-page .room-doors{background:#15151e}.home-page .room-door{min-height:420px;padding:40px}.home-page .room-door h2{font-size:49px;line-height:1.1;font-weight:600}.home-page .room-door p{font-size:20px;line-height:1.6}.home-page .room-door>div>span{font-size:18px}.home-page .door-label{font-size:14px;letter-spacing:.5px}.home-page .door-orbit{opacity:.35}
.home-page .home-reading{padding:45px 5.4vw}.home-page .home-reading h2{font-size:32px}.home-page .home-reading p{font-size:21px;line-height:1.7}.home-page .home-reading>.text-link{font-size:18px}
.home-page .page-cta{padding:65px 5.4vw}.home-page .page-cta h2{font-size:64px;font-weight:600;letter-spacing:-2px}.home-page .page-cta p{font-size:22px}.home-page .page-cta .button{font-size:19px;border-radius:0}
.attention-hero[data-motion=paused] .sculpture-depth{transform:none}.attention-hero[data-motion=paused] .attention-type{color:#f3efe90a;-webkit-text-stroke:1px #f3efe92b}
.attention-out-of-view .attention-hero *{animation-play-state:paused!important}
@keyframes attention-breathe{0%,100%{transform:translateY(9px) rotate(-1deg) scale(1.015)}50%{transform:translateY(-14px) rotate(1.2deg) scale(1.055)}}
@keyframes attention-light{0%,100%{background-position:100% 0;opacity:.5}50%{background-position:0 0;opacity:1}}
@keyframes attention-word{0%,100%{transform:translateX(-20px)}50%{transform:translateX(20px)}}
@keyframes attention-arrow{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@keyframes attention-ticker{to{transform:translateX(calc(-50% - var(--ticker-half-gap,27.5px)))}}
@media(min-width:1900px){.attention-hero{padding-top:75px;padding-bottom:150px;min-height:max(1000px,calc(100svh - 100px))}.attention-art{width:63%;left:-7%}.attention-experiment{bottom:170px;gap:30px}.attention-response{font-size:23px;max-width:300px}#attention-toggle{font-size:23px}.attention-control-icon{width:80px;height:80px}.attention-quality{font-size:22px}.attention-eyebrow{font-size:21px}.attention-cta{font-size:24px;min-height:80px}.attention-work{font-size:23px}.attention-bottom{font-size:17px;min-height:100px}.attention-bottom>a{font-size:21px}}
@media(max-width:1350px){.home-page .desktop-nav{display:none}.home-page .menu-toggle{display:block}.home-page .header-cta{margin-right:auto}.home-page .mobile-nav:not([hidden]){display:grid;position:absolute;top:100px;left:0;right:0;z-index:50;grid-template-columns:1fr 1fr;padding:22px 5vw;gap:0 30px}.home-page .mobile-nav a{font-size:18px;padding:15px 0}.attention-hero{min-height:830px}.attention-copy{width:60%}.attention-question{font-size:6.4vw}.attention-stop{font-size:12.7vw}.attention-lead{font-size:25px}.attention-description{font-size:21px}.attention-cta{font-size:18px;padding:15px 20px;gap:21px}.attention-work{font-size:17px}.attention-actions{gap:22px}.attention-quality{font-size:17px}.attention-eyebrow{font-size:16px;margin-bottom:32px}.attention-art{left:-12%;width:67%}.attention-experiment{left:5.4%;max-width:34%;bottom:140px;gap:17px}.attention-response{display:none}#attention-toggle{font-size:19px}.attention-bottom>span{font-size:13px}.home-page .package-teaser{grid-template-columns:1fr auto}.home-page .package-teaser-counts{grid-column:2;grid-row:1}.home-page .package-teaser>.button{grid-column:2;grid-row:2;margin-top:-25px}}
@media(max-width:960px) and (min-width:761px){.attention-hero{min-height:800px;padding-top:65px}.attention-copy{width:63%}.attention-eyebrow{font-size:15px}.attention-question{font-size:6.6vw}.attention-stop{font-size:14vw}.attention-lead{font-size:23px}.attention-description{font-size:19px}.attention-quality{font-size:17px}.attention-cta{font-size:16px;padding:13px 16px;gap:15px;min-height:59px}.attention-work{font-size:16px}.attention-actions{gap:20px}.attention-art{width:70%;left:-20%;top:40px}.attention-bottom>span{display:none}.home-page .home-intro p{font-size:21px}.home-page .home-intro p+p{font-size:19px}.home-page .quality-craft{column-gap:27px}.home-page .quality-craft article p{font-size:18px}.home-page .quality-craft h3{font-size:25px}.home-page .room-door{padding:27px}.home-page .room-door h2{font-size:38px}}
@media(max-width:760px){.home-page .site-header{height:84px;padding-inline:24px}.home-page .site-header .brand-top{font-size:21px}.home-page .site-header .brand-room{font-size:34px}.home-page .site-header .brand-by{font-size:7px}.home-page .header-cta{display:none}.home-page .mobile-nav:not([hidden]){top:84px;padding:15px 25px 25px;gap:0 24px}.home-page .mobile-nav a{font-size:17px}.attention-hero{min-height:0;padding:42px 25px 0;display:block}.attention-copy{width:100%;max-width:600px;margin:0 auto}.attention-eyebrow{font-size:15px;margin-bottom:30px;gap:12px}.attention-line{width:27px}.attention-question{font-size:11vw;letter-spacing:-.055em;white-space:nowrap}.attention-stop{font-size:24vw;line-height:1.04;margin-top:2px;letter-spacing:-.055em}.attention-copy h1{margin-bottom:22px}.attention-lead{font-size:23px;line-height:1.5;margin-top:22px}.attention-description{font-size:19px;line-height:1.8;margin-bottom:25px}.attention-actions{gap:22px;flex-wrap:wrap}.attention-cta{width:100%;font-size:18px;min-height:64px;padding:16px 19px;gap:20px}.attention-work{font-size:18px;margin-top:0;padding:6px 0}.attention-quality{font-size:17px;line-height:1.7;margin-top:22px;max-width:350px}.attention-art{position:relative;top:auto;left:auto;bottom:auto;height:390px;width:calc(100% + 50px);margin:10px -25px 0;z-index:1;max-width:650px;justify-self:center}.attention-art:after{background:linear-gradient(transparent 65%,#0b0b0f)}.sculpture-depth{inset:-14% -3% -3%;transform:none}.pause-sculpture{mask-image:linear-gradient(transparent,#000 10%,#000 83%,transparent)}.attention-type{font-size:23vw;left:6%;top:14%;opacity:.8}.attention-experiment{position:relative;left:auto;bottom:auto;max-width:none;display:flex;gap:20px;justify-content:space-between;margin:-25px 0 35px;z-index:6}#attention-toggle{font-size:18px;gap:12px}.attention-control-icon{width:54px;height:54px;font-size:22px}.attention-response{display:block;font-size:16px;line-height:1.6;padding-inline-start:15px;max-width:175px}.attention-bottom{position:relative;inset:auto;min-height:78px;gap:15px}.attention-bottom>a{font-size:16px;gap:15px}.attention-bottom>span{display:none}.attention-ticker{padding:17px 0}.attention-ticker>div{font-size:37px;gap:30px}.home-page .home-intro{padding:55px 25px 45px;grid-template-columns:1fr;gap:25px}.home-page .home-intro>.section-kicker{font-size:12px;letter-spacing:1px;margin:0}.home-page .home-intro h2{font-size:42px;letter-spacing:-1.6px;line-height:1.2}.home-page .home-intro p{font-size:21px;line-height:1.8}.home-page .home-intro p+p{font-size:19px;margin-top:18px}.home-page .quality-craft{margin-top:0;padding-top:25px;gap:27px}.home-page .quality-craft article>span{font-size:13px;margin-bottom:12px}.home-page .quality-craft h3{font-size:27px}.home-page .quality-craft article p{font-size:19px}.home-page .quality-craft>.text-link{font-size:18px;margin-top:0}.home-page .services{padding:50px 25px}.home-page .services .section-heading h2{font-size:40px;letter-spacing:-1.5px}.home-page .services .section-heading>p{font-size:20px}.home-page .services .section-kicker{font-size:12px;letter-spacing:.5px}.home-page .service-visual{aspect-ratio:1.4}.home-page .service-grid{gap:40px}.home-page .service-card-body h3{font-size:31px}.home-page .service-card-body p{font-size:19px}.home-page .service-more{font-size:17px}.home-page .service-tag{font-size:12px}.home-page .package-teaser{padding:40px 25px;grid-template-columns:1fr;gap:25px}.home-page .package-teaser h2{font-size:39px}.home-page .package-teaser p{font-size:19px}.home-page .package-teaser-counts{grid-column:auto;grid-row:auto}.home-page .package-teaser-counts>span{width:59px;height:73px}.home-page .package-teaser>.button{grid-column:auto;grid-row:auto;margin-top:0;font-size:17px}.home-page .room-door{min-height:340px;padding:29px 25px}.home-page .room-door h2{font-size:41px}.home-page .room-door p{font-size:18px;max-width:225px}.home-page .door-label{font-size:12px}.home-page .room-door>div>span{font-size:17px}.home-page .home-reading{padding:35px 25px}.home-page .home-reading h2{font-size:30px}.home-page .home-reading p{font-size:19px}.home-page .page-cta{padding:45px 25px}.home-page .page-cta h2{font-size:43px;letter-spacing:-1.5px}.home-page .page-cta p{font-size:20px}.home-page .page-cta .button{font-size:18px}}
@media(min-width:480px) and (max-width:760px){.attention-hero{padding-inline:35px}.attention-question{font-size:10.5vw}.attention-stop{font-size:22vw}.attention-art{height:550px;width:100%;margin-inline:0}.attention-actions{flex-wrap:nowrap}.attention-cta{width:auto}.attention-lead{font-size:27px}.attention-description{font-size:22px}.attention-quality{font-size:20px;max-width:none}.attention-response{max-width:250px;font-size:18px}}
@media(max-width:360px){.attention-hero{padding-inline:20px}.attention-eyebrow{font-size:14px;gap:10px}.attention-lead{font-size:21px}.attention-description{font-size:18px}.attention-cta{font-size:16px}.attention-quality{font-size:16px}.attention-art{width:calc(100% + 40px);margin-inline:-20px;height:350px}.attention-experiment{gap:12px}.attention-control-icon{width:46px;height:46px}#attention-toggle{font-size:16px;gap:9px}.attention-response{font-size:15px;max-width:150px;padding-inline-start:12px}}
@media(prefers-reduced-motion:reduce){.attention-hero *,.attention-ticker>div{animation:none!important;transition:none!important}.sculpture-depth{transform:none!important}}
/* Mobile follows the question with the sculpture; all reading and action copy stays legible. */
@media(max-width:760px){.attention-hero{display:grid;grid-template-columns:minmax(0,1fr)}.attention-copy{display:contents}.attention-eyebrow{grid-row:1}.attention-copy h1{grid-row:2;margin-bottom:0}.attention-art{grid-row:3;grid-column:1;height:330px;margin-top:-5px;margin-bottom:2px}.attention-lead{grid-row:4;margin-top:10px}.attention-description{grid-row:5}.attention-actions{grid-row:6}.attention-quality{grid-row:7}.attention-experiment{grid-row:8;margin:30px 0}.attention-bottom{grid-row:9}.attention-ticker{--ticker-half-gap:15px}.sculpture-depth{inset:-12% -2% -10%}.attention-type{top:20%}}
@media(min-width:480px) and (max-width:760px){.attention-art{height:450px}.attention-copy h1,.attention-eyebrow,.attention-lead,.attention-description,.attention-actions,.attention-quality{max-width:600px;width:100%;margin-inline:auto}}
@media(max-width:760px){.attention-copy h1{position:relative;z-index:5}.attention-art{margin-top:12px;overflow:hidden}.sculpture-depth{inset:0 -2% -4%}}
#attention-toggle:disabled{cursor:default;opacity:1}
@media(min-width:1900px){.home-page .desktop-nav{font-size:20px;gap:36px}.home-page .header-cta{font-size:20px}}