/* Page-specific stories within WTM Studio's shared visual language. */
.story-page .service-hero{min-height:0;display:block;padding:104px 0 92px;border-bottom:0;background:#111211}
.story-page .service-hero::after{display:none}
.story-page .hero h1{font-size:clamp(62px,7vw,106px);max-width:15ch;font-weight:450;line-height:1.03;letter-spacing:-.065em}
.story-page .hero-sub{max-width:51ch;font-size:19px;line-height:1.7}
.story-page .hero-note{font-size:11px;margin-top:28px;max-width:58ch}
.story-page .studios-hero-badge{margin-bottom:36px}
.family-medspa.story-page .hero-content{text-align:center}
.family-medspa.story-page .hero-content>h1,.family-medspa.story-page .hero-sub,.family-medspa.story-page .hero-note{margin-left:auto;margin-right:auto}
.family-medspa.story-page .cta-row{justify-content:center}
.family-law.story-page .hero-content{display:grid;grid-template-columns:1.3fr .8fr;column-gap:8%;align-items:start}
.family-law.story-page .studios-hero-badge{grid-column:1/-1}
.family-law.story-page .hero-content>h1{grid-column:1;grid-row:2/5;margin-bottom:0}
.family-law.story-page .hero-sub,.family-law.story-page .cta-row,.family-law.story-page .hero-note{grid-column:2}
.family-law.story-page .hero-sub{font-size:17px;margin-top:8px}
.industry-story{color:#f2f2eb;background:#111211;font-family:Manrope,Arial,sans-serif;padding:82px 0 110px;overflow:clip;border-top:1px solid #30342e}
.industry-story *{box-sizing:border-box}
.story-wrap{max-width:1440px;padding:0 clamp(24px,5vw,76px);margin:0 auto}
.story-heading{margin-bottom:70px;max-width:850px}
.story-heading .story-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a5ada2;margin:0 0 28px}
.story-heading h2{font:450 clamp(45px,5vw,74px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-.058em;color:#f2f2eb;margin:0 0 28px;text-wrap:balance}
.story-heading>p:last-child{max-width:48ch;font-size:18px;line-height:1.7;color:#b6beb1;margin:0}
.story-copy h3{font:450 clamp(29px,3vw,44px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.045em;color:#f2f2eb;margin:0 0 24px;text-wrap:balance}
.story-copy p{font:400 17px/1.8 Manrope,Arial,sans-serif;letter-spacing:-.015em;color:#b6beb1;max-width:47ch;margin:0;text-wrap:pretty}
.story-photo{margin:0;overflow:hidden;background:#1e231c;min-width:0}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.story-photo:hover img{transform:scale(1.025)}
.story-finish{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:100px;padding-top:70px;border-top:1px solid #333a30}
.care-spread{display:grid;grid-template-columns:1.1fr .8fr;gap:11%;align-items:center}
.care-spread .story-photo{aspect-ratio:4/4.7}
.care-spread .story-photo img{object-position:69% 50%}
.care-notes .story-copy+.story-copy{margin-top:72px}
.story-care .story-heading{margin-left:auto;text-align:right;max-width:880px}
.story-care .story-heading>p:last-child{margin-left:auto}
.care-local-spread{display:grid;grid-template-columns:.8fr 1.15fr;gap:12%;align-items:center}
.care-local-spread .story-photo{aspect-ratio:1.3}
.care-local-spread .story-copy+.story-copy{margin-top:70px}
.story-care-local .story-finish{grid-template-columns:1.25fr .8fr;gap:15%}
.counsel-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:12%;align-items:start}
.counsel-layout .story-photo{aspect-ratio:2/3;margin-top:40px}
.counsel-main>.counsel-line{font-size:clamp(44px,5vw,76px);line-height:1.15;letter-spacing:-.055em;color:#aeb5a7;margin:85px 0}
.counsel-reach{max-width:820px;margin:90px 0 0 auto;padding:62px 0 0;border-top:1px solid #3a4036}
.counsel-reach .story-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.counsel-local-layout{display:grid;grid-template-columns:.75fr 1fr;gap:13%;align-items:center}
.counsel-local-layout .story-photo{aspect-ratio:4/4.6}
.counsel-local-layout .story-copy+.story-copy{margin-top:76px}
.story-counsel-local .story-heading{max-width:none;text-align:center;margin-bottom:90px}
.story-counsel-local .story-heading>p:last-child{margin-inline:auto}
.story-dining .story-heading{max-width:none;text-align:center}
.story-dining .story-heading>p:last-child{margin-inline:auto}
.dining-panorama{aspect-ratio:2.1;margin-left:calc(-1 * clamp(24px,5vw,76px));margin-right:calc(-1 * clamp(24px,5vw,76px))}
.dining-story{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding:90px 0 55px;align-items:start}
.dining-menu{margin-top:100px}
.dining-menu h3{font-size:clamp(42px,4.6vw,64px)}
.dining-close{display:grid;grid-template-columns:1fr 1fr;gap:14%;margin-top:30px;padding-top:75px;border-top:1px solid #34392f}
.story-dining{background:#141310}
.medspa-stage{position:relative;max-width:1110px;margin:0 auto;padding:40px 8% 95px 0;perspective:1600px}
.story-laptop{margin:0;position:relative;transform:rotateY(-6deg)}
.story-laptop-screen{position:relative;background:#0a0c09;border:1px solid #818a7b;border-radius:16px 16px 3px 3px;padding:17px 9px 9px;box-shadow:inset 0 0 0 2px #30382d,0 30px 55px #0005}
.story-laptop-screen img{width:100%;display:block;aspect-ratio:8/5;object-fit:cover;border-radius:3px}
.story-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;background:#172824;border-radius:50%}
.story-laptop-base{height:19px;background:linear-gradient(#a5ada2,#6d7468 20%,#292e25 65%,#626a59);margin:0 -4%;border-radius:1px 1px 30% 30%/1px 1px 70% 70%;border-top:1px solid #aab3a2}
.story-laptop figcaption{font-size:10px;color:#9da797;margin:28px 0 0;text-align:center}
.story-phone{width:230px;margin:0;position:relative;flex:none;transform:rotate(-7deg);transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.story-phone-rim{position:relative;background:#10160f;border:2px solid #8c9784;padding:28px 6px 15px;border-radius:39px;box-shadow:inset 0 0 0 3px #414c39,10px 30px 55px #0005;overflow:hidden}
.story-phone img{display:block;width:100%;height:auto;aspect-ratio:786/1704;object-fit:cover;border-radius:9px 9px 21px 21px}
.story-island{position:absolute;top:8px;width:31%;height:11px;left:34.5%;border-radius:20px;background:#030703}
.story-island::after{content:'';position:absolute;right:6px;top:4px;width:3px;height:3px;border-radius:50%;background:#18362d}
.story-home{position:absolute;bottom:7px;left:35%;width:30%;height:3px;background:#a0aa98;border-radius:2px}
.medspa-stage>.story-phone{position:absolute;right:0;bottom:15px;width:22%;transform:rotate(8deg)}
.story-credit{font-size:11px!important;line-height:1.9!important;color:#a6ae9f!important;margin:28px 0 0!important;text-align:center;max-width:none!important}
.story-credit a{display:inline-flex;align-items:center;min-height:44px;color:#e3e8dd;text-decoration:none;border-bottom:1px solid #67765d;margin-top:5px}
.medspa-narrative{display:grid;grid-template-columns:1fr 1fr;gap:13%;margin-top:100px}
.medspa-booking{padding:75px 8%;background:#1c231a;margin-top:80px}
.medspa-booking .story-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.medspa-vertical-layout{display:grid;grid-template-columns:.8fr 1.1fr;gap:10%;align-items:center}
.medspa-vertical-layout .story-copy+.story-copy{margin-top:66px}
.medspa-pair{position:relative;min-height:680px;perspective:1400px}
.medspa-pair .story-phone{position:absolute;left:6%;top:0;transform:rotate(-8deg);width:230px}
.medspa-pair .story-phone+.story-phone{left:48%;top:130px;transform:rotate(9deg)}
.medspa-editorial-layout{display:grid;grid-template-columns:.7fr 1fr;gap:15%;align-items:center}
.medspa-single{padding:40px 0 60px;background:#211e1b;display:flex;justify-content:center}
.medspa-single .story-phone{width:240px;transform:rotate(-5deg)}
.medspa-editorial-layout .story-copy+.story-copy{margin-top:70px}
.medspa-bottom{padding-top:65px;border-top:1px solid #343b2e;margin-top:90px}
.medspa-bottom .story-copy{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.dental-arrival{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}
.dental-arrival .story-photo{aspect-ratio:1}
.dental-arrival .story-copy+.story-copy{margin-top:70px}
.dental-local-discovery{margin:80px 0 0 auto;max-width:850px;padding:65px 0 0;border-top:1px solid #384032}
.dental-local-discovery .story-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.redesign-direction{display:grid;grid-template-columns:.8fr 1.25fr;gap:9%;align-items:start}
.redesign-direction .story-copy+.story-copy{margin-top:66px}
.redesign-mobile{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:85px;padding-top:65px;border-top:1px solid #3b4235}
.redesign-poster{background:#242c22;padding:clamp(32px,5vw,80px);font-size:clamp(50px,5.4vw,80px);line-height:1.05;letter-spacing:-.06em;color:#bcc6b4;min-height:490px;display:flex;align-items:center}
.redesign-poster span{color:#f2f2eb;display:block}
.dental-proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.dental-proof-layout .story-phone{width:265px;margin:30px auto}
.dental-proof-copy h3{font-size:clamp(80px,10vw,140px);letter-spacing:-.07em;margin-bottom:10px}
.dental-proof-copy .result-label{font-size:24px;color:#e5eadf;line-height:1.4;margin:0 0 32px}
.dental-proof-copy p{font-size:15px;line-height:1.8;color:#b7bfaf}
.dental-proof-copy .result-source{font-size:11px;line-height:1.8;margin-top:24px}
.dental-proof-copy a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #829078}
.dental-discovery{border-top:1px solid #34402f;padding-top:60px;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:12%}
.dental-discovery p{font-size:16px;line-height:1.85;color:#b7bfaf}
.direction-overview{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:60px}
.direction-type{font-size:clamp(60px,7vw,104px);line-height:1.04;letter-spacing:-.065em;color:#aab5a1;max-width:9ch}
.direction-type strong{font-weight:450;color:#f2f2eb}
.direction-prose .story-copy+.story-copy{margin-top:52px}
@media(max-width:1100px){.medspa-pair .story-phone{width:195px}.medspa-pair .story-phone+.story-phone{left:42%}.medspa-pair{min-height:590px}.counsel-reach .story-copy,.dental-local-discovery .story-copy{gap:35px}.story-copy p{font-size:16px}}
@media(max-width:950px){.family-law.story-page .hero-content{display:block}.family-law.story-page .hero-content>h1{margin-bottom:30px}.family-law.story-page .hero-sub{font-size:18px}.medspa-vertical-layout{grid-template-columns:1fr;row-gap:50px}.medspa-pair{max-width:520px;width:100%;margin:auto;min-height:660px}.medspa-pair .story-phone{width:230px}.medspa-pair .story-phone+.story-phone{left:48%}.medspa-vertical-layout>.story-copy{max-width:50ch}.counsel-reach .story-copy,.dental-local-discovery .story-copy{display:block}.medspa-editorial-layout{gap:10%}}
@media(max-width:700px){
 .story-page .service-hero{padding:66px 0 70px}.story-page .hero h1{font-size:clamp(46px,12.6vw,70px);line-height:1.045;max-width:16ch}.story-page .hero-sub{font-size:17px;line-height:1.8}.story-page .studios-hero-badge{margin-bottom:30px}.story-page .hero-note{font-size:11px;line-height:1.8;margin-top:24px}.family-medspa.story-page .hero-content{text-align:left}.family-medspa.story-page .cta-row{justify-content:flex-start}
 .industry-story{padding:66px 0 72px}.story-heading{margin-bottom:42px}.story-heading .story-kicker{font-size:10px;margin-bottom:24px}.story-heading h2{font-size:clamp(36px,10.5vw,48px);letter-spacing:-.05em;line-height:1.13}.story-heading>p:last-child{font-size:16px;line-height:1.8}.story-copy h3{font-size:31px;line-height:1.15;margin-bottom:22px}.story-copy p{font-size:16px;line-height:1.8}.story-care .story-heading{text-align:left}.story-care .story-heading>p:last-child{margin-left:0}
 .care-spread,.care-local-spread,.counsel-layout,.counsel-local-layout,.dental-arrival,.medspa-editorial-layout,.dental-proof-layout,.direction-overview,.redesign-direction{grid-template-columns:1fr;gap:44px}.care-spread .story-photo{aspect-ratio:1.17}.care-notes .story-copy+.story-copy,.care-local-note .story-copy+.story-copy,.counsel-local-layout .story-copy+.story-copy,.dental-arrival .story-copy+.story-copy{margin-top:44px}.care-local-spread .story-photo{aspect-ratio:1.1;order:-1}.care-local-spread .story-copy+.story-copy{margin-top:44px}.story-finish,.story-care-local .story-finish{grid-template-columns:1fr;gap:44px;margin-top:52px;padding-top:48px}.counsel-layout .story-photo{aspect-ratio:1.35;margin-top:0;order:-1;object-position:50% 70%}.counsel-main>.counsel-line{font-size:45px;margin:50px 0}.counsel-reach{margin-top:50px;padding-top:48px}.counsel-local-layout .story-photo{aspect-ratio:1.1}.story-counsel-local .story-heading{margin-bottom:44px;text-align:left}.counsel-local-layout .story-photo img{object-position:50% 75%}.dining-panorama{aspect-ratio:1.15}.dining-story,.dining-close{grid-template-columns:1fr;gap:44px;padding-top:48px}.dining-menu{margin-top:0}.dining-menu h3{font-size:39px}.dining-close{margin-top:10px}.story-dining .story-heading{text-align:left}
 .medspa-stage{padding:10px 10% 60px 0;margin-right:0}.story-laptop-screen{padding:9px 4px 4px;border-radius:8px 8px 2px 2px}.story-laptop-base{height:10px}.story-camera{width:3px;height:3px;top:3px}.story-laptop figcaption{font-size:9px;margin-top:15px;max-width:23ch;line-height:1.7}.medspa-stage>.story-phone{width:30%;bottom:0;right:0}.medspa-stage .story-phone-rim{border-width:1px;border-radius:19px;padding:13px 3px 8px;box-shadow:inset 0 0 0 1px #65745a,5px 12px 24px #0006}.medspa-stage .story-phone img{border-radius:4px 4px 9px 9px}.medspa-stage .story-island{top:4px;height:5px}.medspa-stage .story-island::after{display:none}.medspa-stage .story-home{bottom:4px;height:1px}.story-credit{font-size:10px!important;margin-top:24px!important}.medspa-narrative{grid-template-columns:1fr;gap:44px;margin-top:58px}.medspa-booking{padding:42px 26px;margin:52px -24px 0}.medspa-booking .story-copy{display:block}.medspa-pair{min-height:495px;width:327px;max-width:100%}.medspa-pair .story-phone{width:168px;left:3%}.medspa-pair .story-phone+.story-phone{left:44%;top:95px}.medspa-pair .story-phone-rim{border-radius:31px;padding-top:24px}.medspa-vertical-layout .story-copy+.story-copy{margin-top:44px}.medspa-single{padding:32px 0}.medspa-single .story-phone{width:210px}.medspa-editorial-layout .story-copy+.story-copy{margin-top:44px}.medspa-bottom{margin-top:54px;padding-top:44px}.medspa-bottom .story-copy{display:block}.dental-arrival .story-photo{aspect-ratio:1.1}.dental-local-discovery{margin-top:54px;padding-top:44px}.redesign-poster{min-height:315px;font-size:57px;padding:38px}.redesign-direction .story-copy+.story-copy{margin-top:44px}.redesign-mobile{grid-template-columns:1fr;gap:44px;padding-top:44px;margin-top:52px}.dental-proof-layout .story-phone{width:210px;margin:0 auto 14px}.dental-proof-copy h3{font-size:100px}.dental-discovery{grid-template-columns:1fr;gap:24px;margin-top:44px;padding-top:44px}.direction-overview{gap:44px}.direction-type{font-size:62px;max-width:10ch}.direction-prose .story-copy+.story-copy{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){.industry-story *{transition:none!important;animation:none!important}}
.law-preview{margin:0;min-width:0;perspective:1200px}
.law-preview>div{padding:10px;background:#252b29;border:1px solid #616c65;border-radius:7px;box-shadow:0 35px 70px #0005;transform:rotateY(-7deg)}
.law-preview img{display:block;width:100%;height:auto;border-radius:2px}
.law-preview figcaption{font-size:10px;line-height:1.8;color:#a8b1a4;margin-top:28px;text-align:center}
.story-counsel .counsel-layout{grid-template-columns:1fr 1.2fr;gap:9%;align-items:center}
.story-counsel .counsel-line{font-size:clamp(42px,4.6vw,64px);margin:64px 0}
.story-counsel-local .counsel-local-layout{grid-template-columns:1.3fr .8fr;gap:9%}
.story-counsel-local .law-preview>div{transform:rotateY(6deg)}
.dental-project-phone{padding:35px 0 25px;display:flex;flex-direction:column;align-items:center;background:#22291e}
.dental-project-phone .story-phone{width:235px;margin:0 0 15px;transform:rotate(-5deg)}
@media(max-width:950px){.story-counsel .counsel-layout,.story-counsel-local .counsel-local-layout{grid-template-columns:1fr;gap:55px}.law-preview{order:-1;max-width:760px;margin-inline:auto}}
@media(max-width:700px){.law-preview>div{padding:5px}.law-preview figcaption{font-size:9px;margin-top:19px}.story-counsel .counsel-line{font-size:45px;margin:46px 0}.dental-project-phone .story-phone{width:205px}}