/* Presentation only: all existing content and application behavior remain intact. */
:root{--ink:#111111;--lime:#ffffff;--paper:#ffffff;--stone:#ebebeb;--muted:#727272;--line:#dfdfdf}
body{background:var(--paper);font-family:Arial,Helvetica,sans-serif}
::selection{background:#dadada;color:#232323}
.wrap{width:min(1320px,calc(100% - 112px))}
.dark{background:#232323;color:#f4f4f4}
header.dark{position:absolute;top:22px;left:0;right:0;z-index:30;background:transparent}
.nav{height:76px;padding:0 26px;border:1px solid #e3e3e326;border-radius:14px;background:#2f2f2fc7;backdrop-filter:blur(18px)}
.logo{font-size:32px}.nav-links{gap:30px;color:#dfdfdf;font-size:12px}.nav .button{border-radius:8px;padding:12px 18px;border-color:#9a9a9a}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 30%,#434343 0,transparent 52%),#232323;padding-top:135px}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#e9e9e908 50%,transparent 50.1%);background-size:160px 100%}
.hero>.wrap{position:relative}.hero-grid{grid-template-columns:1.12fr .88fr;gap:50px;padding-top:12px;align-items:center;min-height:620px}
.hero .eyebrow{letter-spacing:1.4px;color:#d0d0d0;font-size:9px}.hero .location{padding-left:20px;border-left:1px solid #a9a9a94d}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(85px,9.7vw,144px);font-weight:400;letter-spacing:-7px;line-height:.92;margin:38px 0 32px}
.hero h1>span:nth-of-type(2){color:#dadada}.hero-intro{font-size:clamp(20px,2vw,27px);letter-spacing:-.7px;line-height:1.45;max-width:590px}
.hero-description{max-width:500px;font-size:14px;line-height:1.9;color:#bbbbbb!important;margin-top:24px}.hero-description .desktop{display:none}
.button{border-radius:8px;padding:16px 23px;font-size:12px;gap:32px;min-height:52px;transition:background .3s,transform .3s,box-shadow .3s}.primary:hover{background:#eaeaea;box-shadow:0 8px 28px #d1d1d122}.button:hover{transform:translateY(-2px)}
.actions{margin-top:32px}.hero .outline{border-color:#8a8a8a;color:#f0f0f0}.portrait{height:600px;max-height:600px;width:100%;border-radius:180px 180px 12px 12px;border:1px solid #9191914d;align-self:center;background:#313131}
.portrait img{object-position:center 25%;filter:saturate(.83);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.portrait:hover img{transform:scale(1.025)}
.portrait:after{background:linear-gradient(0deg,#232323c4,transparent 27%),linear-gradient(90deg,#2323232a,transparent 30%)}
.hero-bottom{margin-top:48px;padding:27px 0 32px;border-color:#bebebe2b;color:#e1e1e1}.hero-bottom strong{font-size:16px;letter-spacing:-.3px}.hero-bottom .eyebrow{font-size:8px}.hero-bottom>div{gap:32px}
.section{padding:112px 0;border-color:var(--line)}.offwhite{background:var(--paper)}.section-label{font-size:9px;letter-spacing:1.65px;color:#787878;margin-bottom:28px}.section-label:before{width:30px;background:#929292}
h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.7vw,68px);font-weight:400;line-height:1.07;letter-spacing:-2.2px}.section-heading{margin-bottom:48px;gap:40px}.section-heading>p{font-size:14px;line-height:1.8;max-width:380px}
.about-grid{gap:18px;grid-template-columns:1.25fr 1fr 1fr}.about-grid article{padding:34px;border-radius:16px}.human{background:#e4e4e4;min-height:510px}.human .eyebrow{font-size:8px;letter-spacing:1.1px}.human h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:47px;letter-spacing:-1.8px;line-height:1.07;margin:49px 0 25px}.human>p:not(.eyebrow){color:#5e5e5e;line-height:1.85;font-size:13px}.card-bottom{font-size:11px;border-top:1px solid #9a9a9a47;padding-top:22px}
.practice{background:#ececec;border:1px solid #dddddd}.innovation{background:#303030}.practice h3,.innovation h3{font-size:25px;letter-spacing:-.8px;font-weight:500}.about-grid .icon{margin:34px 0 24px;width:38px;height:38px}.about-grid .eyebrow{letter-spacing:1px;font-size:8px}.leadership{padding-top:26px!important;padding-bottom:26px!important;background:#fcfcfc}.leadership h3{font-size:27px;letter-spacing:-.7px;font-weight:500}.leadership svg{width:80px;color:#989898}.about-grid article>p:last-child{line-height:1.85}
#xtremity{background:#eaeaea;position:relative;overflow:hidden}.two-col{gap:95px}.wordmark{font-family:Arial,Helvetica,sans-serif;font-size:clamp(60px,7.7vw,112px);letter-spacing:-6px;line-height:1.1;margin:34px 0 15px}.wordmark span{color:#919191}.brand-subtitle{font-size:9px;letter-spacing:2px;margin-bottom:32px}.personalized{font-size:12px}.personalized span{color:#797979;font-size:38px;vertical-align:-6px}.founder-heading{font-family:Georgia,'Times New Roman',serif;font-size:40px;font-weight:400;letter-spacing:-1.4px;line-height:1.18;margin-bottom:26px}.body-copy{font-size:14px;line-height:1.9}.tags{gap:8px;margin:30px 0}.tags span{padding:8px 14px;border-radius:30px;border-color:#c7c7c7;font-size:9px;background:#ffffff30}.text-link{font-size:12px;border-bottom:1px solid #989898;padding:12px 0;gap:32px}.text-link:hover{text-decoration:none;color:#6b6b6b}
.expertise-grid{grid-template-columns:1fr 1.25fr;gap:110px}.expertise-grid .body-copy{margin-top:30px;max-width:370px}.expertise-list details{border-color:#d3d3d3;padding:4px 0;transition:background .3s}.expertise-list details[open]{background:#eeeeee;border-radius:10px;padding-left:20px;padding-right:20px}.expertise-list summary{min-height:84px;font-size:17px;letter-spacing:-.4px;font-weight:500;gap:28px}.expertise-list summary>span{font-size:10px;color:#8e8e8e}.expertise-list summary i{border:1px solid #d6d6d6;border-radius:100%;width:35px;height:35px;display:grid;place-items:center;font-size:17px}.expertise-list details>p{line-height:1.8;padding-bottom:22px}
.experience{background:#ffffff}.timeline{position:relative}.timeline article{grid-template-columns:230px 1fr auto;padding:34px 0;position:relative;transition:background .3s}.timeline h3{font-size:22px;font-weight:500;letter-spacing:-.6px}.timeline time{font-size:11px;letter-spacing:.3px}.timeline p{font-size:12px;margin-top:9px}.timeline article>span{font-size:10px;padding:5px 11px;border-radius:20px;border:1px solid #e1e1e1;height:fit-content}.timeline article:hover{background:#f7f7f7}
.qualifications{border-top:1px solid var(--line);padding-top:45px;margin-top:70px}.qualifications h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:31px;letter-spacing:-1px;margin-bottom:26px}.qualifications p{line-height:1.7}.profile-download{display:inline-flex;align-items:center;gap:16px;padding:18px 22px;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:12px;min-width:250px;transition:transform .3s,background .3s}.profile-download:hover{transform:translateY(-3px);background:#eaeaea}.profile-download-icon{display:grid;place-items:center;width:40px;height:40px;background:#e3e3e3;border-radius:50%}.profile-download-copy strong{display:block;font-size:12px;font-weight:500}.profile-download-copy small{display:block;font-size:9px;color:#868686;margin-top:4px}.profile-download-arrow{margin-left:auto}
.credential-section{background:#f4f4f4}.credential-intro{padding:112px 0 65px}.credential-scroll{background:#232323}.credential-stage{background:#232323;padding-top:35px;padding-bottom:28px}.credential-panel{background:#232323}.credential-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,4.6vw,70px);letter-spacing:-2px}.credential-kind{color:#dadada}.credential-detail h4{font-size:18px;line-height:1.5}.credential-counter{color:#dadada}.credential-art:before{border-radius:16px;border-color:#bababa1c;background:radial-gradient(ellipse,#4e4e4e80,transparent 70%)}.credential-art img{box-shadow:0 20px 70px #00000055}.credential-resource-links a{padding:26px 0}.credential-resources{padding:72px 0 100px}.credential-resources h3{font-family:Georgia,'Times New Roman',serif;font-size:38px}
#consultation{background:#e6e6e6;border:0}.contact{background:radial-gradient(ellipse at 95% 100%,#414141,transparent 60%),#232323;padding-bottom:0}.contact h2{font-size:clamp(64px,7.4vw,108px);font-weight:400;line-height:1;letter-spacing:-3px}.contact-grid{margin:45px 0 80px}.contact .body-copy{color:#bbbbbb}.contact-links{min-width:300px}.contact-links>a{font-size:19px;border-color:#7e7e7e;padding-bottom:20px}.contact-links .linkedin{font-size:12px;padding:20px 0;border:0;align-items:center}.contact .section-label{color:#b7b7b7}footer{padding:30px 0 38px;border-color:#8e8e8e34;font-size:10px}
.premium-reveal{transition:opacity .85s ease,translate .85s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}.premium-reveal.is-waiting{opacity:0;translate:0 30px}.premium-reveal.is-visible{opacity:1;translate:0 0}
/* Shared booking, account and appointment pages. */
.topbar{margin:22px auto 0;max-width:1320px;border-radius:14px;background:#232323;padding:22px 30px}.topbar .brand{letter-spacing:-1.8px}.topbar nav{font-size:12px}.shell{max-width:1280px;padding-top:78px}.shell h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5.5vw,76px);letter-spacing:-2.5px}.shell h2{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.7px}.shell h3{font-weight:500}.page-head{margin-bottom:52px}.shell .panel{border-radius:16px;border-color:#dfdfdf;padding:32px;box-shadow:0 12px 40px #30303004}.service-card{border-radius:12px;padding:25px;transition:background .25s,border-color .25s,box-shadow .25s}.service-card:hover{border-color:#b4b4b4;box-shadow:0 8px 25px #2f2f2f08}.service-card.selected{background:#eeeeee;border-color:#a6a6a6!important}.shell .btn{border-radius:8px;padding:14px 20px;transition:background .25s,transform .25s}.shell .btn:hover:not(:disabled){transform:translateY(-2px)}.shell input:not([type=checkbox]):not([type=radio]),.shell select,.shell textarea{border-radius:8px;padding:13px;background:#fdfdfd}.shell .summary{background:#ececec;top:25px}.step-title>span{background:#f6f6f6;border-color:#e0e0e0}.notice,.error{border-radius:10px;padding:20px 25px}.slot{border-radius:7px}.badge{font-size:10px;letter-spacing:.2px}.site-footer{max-width:1232px;padding:28px 24px}
@media(min-width:1600px){.wrap{width:1320px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:clamp(76px,9vw,104px);letter-spacing:-5px}.hero-grid{gap:30px;min-height:560px}.portrait{height:520px}.about-grid article{padding:26px}.human h3{font-size:39px}.expertise-grid{gap:55px}.two-col{gap:50px}.founder-heading{font-size:34px}.nav-links{gap:20px}.topbar{margin-left:24px;margin-right:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header.dark{top:14px}.nav{height:66px;padding:0 18px;border-radius:10px}.menu-toggle{display:flex;border-radius:7px;border-color:#767676}.nav-links{display:none;position:absolute;flex-direction:column;align-items:stretch;top:65px;left:0;right:0;border-radius:0 0 12px 12px;background:#2f2f2f;padding:25px;gap:20px}.nav-links.open{display:flex}.hero{padding-top:118px}.hero-grid{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:0}.hero h1{font-size:clamp(78px,15vw,112px);letter-spacing:-4px;margin:32px 0 28px}.hero-intro{font-size:23px;max-width:450px}.hero-description{font-size:13px;max-width:400px}.hero .location{margin-left:10px;padding-left:10px}.hero .eyebrow{font-size:8px;letter-spacing:.6px}.portrait{height:460px;max-width:430px;border-radius:160px 160px 10px 10px}.hero-bottom{margin-top:32px;gap:22px}.hero-bottom>div{gap:10px 20px}.hero-bottom strong{font-size:13px}.hero-bottom>a{font-size:10px}.actions .button{padding:14px 18px;gap:24px;font-size:11px}.section{padding:75px 0}h2{font-size:45px;letter-spacing:-1.6px}.section-heading{margin-bottom:34px;align-items:start;flex-direction:column}.section-heading>p{font-size:13px}.about-grid{grid-template-columns:1fr 1fr}.human{grid-column:1/-1;min-height:375px}.human h3{font-size:45px;margin:35px 0 24px}.human h3 br{display:none}.about-grid article{padding:25px}.practice h3,.innovation h3{font-size:23px}.leadership{grid-column:1/-1}.leadership h3{font-size:24px}.two-col,.expertise-grid{grid-template-columns:1fr;gap:40px}.wordmark{font-size:82px;margin:20px 0 15px;letter-spacing:-4px}.founder-heading{font-size:33px}.expertise-grid .body-copy{max-width:100%}.expertise-list summary{font-size:15px;gap:18px;min-height:80px}.timeline article{grid-template-columns:1fr auto;padding:27px 0;gap:12px}.timeline time{grid-column:1/-1}.timeline h3{font-size:19px}.timeline article>span{font-size:8px}.qualifications{margin-top:45px;padding-top:35px;gap:30px}.credential-intro{padding:75px 0 45px}.credential-stage{padding:22px 22px 16px}.credential-copy h3{font-size:30px;letter-spacing:-1px;margin-bottom:10px}.credential-detail h4{font-size:14px;line-height:1.3}.credential-resources h3{font-size:30px}.credential-resources{padding:50px 0 65px}.contact h2{font-size:63px;letter-spacing:-2.5px}.contact-grid{align-items:start;flex-direction:column;gap:30px;margin:35px 0 55px}.contact-links{min-width:0;width:100%}.contact-links>a{font-size:18px;max-width:380px}.contact{padding-bottom:0}.topbar{margin:14px 14px 0;padding:20px;border-radius:10px}.topbar nav{gap:12px;font-size:10px}.shell{padding:48px 20px 60px}.shell .panel{padding:24px}.shell h1{font-size:48px}.site-footer{font-size:10px}}
@media(max-width:420px){.hero h1{font-size:80px}.hero .eyebrow{font-size:7px}.portrait{height:400px}.about-grid{grid-template-columns:1fr}.practice,.innovation,.leadership{grid-column:1}.human h3{font-size:40px}.contact h2{font-size:55px}.shell h1{font-size:41px}.credential-kind{margin-bottom:8px}.credential-copy h3{font-size:28px}.topbar nav{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.premium-reveal,.premium-reveal.is-waiting{opacity:1;translate:none;transition:none}.portrait img{transition:none}}
@media print{header.dark{position:static}.hero{padding-top:0;background:#ffffff}.hero:before{display:none}.hero h1{font-size:60px}.portrait{height:280px;border-radius:0}.section{padding:30px 0}.premium-reveal.is-waiting{opacity:1;translate:none}.topbar{margin:0}}

/* Monochrome palette for inherited portfolio and booking components. */
body{color:#171717;background:#fff}
.hero h1>span:nth-of-type(2){color:#fff}
.primary{background:#111;color:#fff}.dark .primary{background:#fff;color:#111}.primary:hover{background:#333;color:#fff}.dark .primary:hover{background:#e8e8e8;color:#111}
.human{background:#f1f1f1}.practice{background:#fafafa}.innovation{background:#171717}.innovation p,.dark .body-copy,.dark .muted{color:#bbb}
.hero .eyebrow,.nav-links{color:#ddd}.eyebrow,.section-label{color:#777}.dark .eyebrow{color:#bbb}
.logo span,.contact h2 span,.lime{color:inherit}.human .card-bottom,.practice p{color:#666}
.credential-stage{color:#f5f5f5}.credential-top{color:#ccc}.credential-issuer,.credential-detail p{color:#bbb}.credential-detail small,.credential-art-caption,.credential-scroll-hint,.credential-footer-label{color:#aaa}
.credential-document{color:#fff;border-color:#888}.credential-document:hover,.credential-scroll-hint span{color:#fff}.credential-counter span{color:#888}.credential-dots button{color:#999;border-color:#555}.credential-dots button[aria-current=true]{color:#fff;border-color:#fff}
.credential-resources p:not(.section-label),.credential-resource-links a small{color:#666}.credential-resource-links,.credential-resource-links a{border-color:#ddd}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.credential-dots button:focus-visible,.credential-document:focus-visible{outline-color:#888}
.shell h1 em{color:#555}.shell input[type=radio],.shell input[type=checkbox]{accent-color:#111}.shell .btn.primary{background:#111;color:#fff}.shell .notice{background:#f3f3f3;border-color:#ccc;color:#333}.shell .slot.selected{background:#111;color:#fff;border-color:#111!important}.shell .badge{background:#eee;color:#333;border-color:#ddd}.shell input,.shell select,.shell textarea{border-color:#ccc}.topbar .brand span{color:#fff}

.dark,.credential-scroll,.credential-stage,.credential-panel,.topbar{background:#111}.hero,.contact{background:radial-gradient(ellipse at 80% 30%,#292929 0,transparent 52%),#111}.credential-section{background:#fff}

/* Quiet, tactile motion: entrance movement is separate from hover transforms. */
.about-grid>article,.timeline>article,.expertise-list>details,.shell .panel,.service-card,.profile-download,.credential-resource-links>a,.qualifications>div,.portrait{transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease,border-color .35s ease,background .35s ease,opacity .85s ease,translate .85s cubic-bezier(.2,.75,.2,1);transition-delay:0ms}
.premium-reveal.is-waiting{transition-delay:var(--reveal-delay,0ms)}
.about-grid .icon,.leadership svg,.card-bottom>span,.profile-download-icon,.profile-download-arrow,.button>span,.btn>span,.credential-resource-links>a>span:last-child,.text-link>span{transition:transform .5s cubic-bezier(.2,.75,.2,1)}
.button,.shell .btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .4s cubic-bezier(.2,.75,.2,1),box-shadow .4s ease,background .3s ease}
.button:after,.shell .btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff24 50%,transparent 75%);transform:translateX(-150%);transition:transform .7s ease;z-index:-1}
@media(hover:hover) and (pointer:fine){
.about-grid>article:hover{transform:translateY(-7px);box-shadow:0 20px 45px #00000012}.about-grid>.innovation:hover{box-shadow:0 22px 50px #00000025}
.about-grid>article:hover .icon{transform:translateY(-3px) rotate(-5deg)}.leadership:hover svg{transform:rotate(9deg)}.human:hover .card-bottom>span{transform:translate(3px,-3px)}
.timeline>article:hover,.credential-resource-links>a:hover{transform:translateX(6px)}.expertise-list>details:hover{transform:translateX(4px);background:#f4f4f4}
.shell .panel:hover{transform:translateY(-3px);box-shadow:0 18px 45px #0000000b}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #00000010;border-color:#999}
.profile-download:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000000c}.profile-download:hover .profile-download-icon{transform:translateY(3px)}.profile-download:hover .profile-download-arrow,.button:hover>span,.text-link:hover>span,.credential-resource-links>a:hover>span:last-child{transform:translate(3px,-3px)}
.button:hover,.shell .btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 24px #00000015}.button:hover:after,.shell .btn:hover:not(:disabled):after{transform:translateX(150%)}
.credential-art img{transition:scale .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s ease}.credential-art img:hover{scale:1.025;box-shadow:0 28px 80px #0008}
.tags>span{transition:transform .35s ease,background .35s ease}.tags>span:hover{transform:translateY(-3px);background:#fff}
}
.button:active,.shell .btn:active:not(:disabled){transform:translateY(0) scale(.98)}
@media(prefers-reduced-motion:reduce){.premium-reveal,.premium-reveal.is-waiting{opacity:1;translate:none;transition:none!important}.about-grid>article,.timeline>article,.expertise-list>details,.shell .panel,.service-card,.profile-download,.credential-resource-links>a,.portrait,.button,.shell .btn,.credential-art img,.tags>span{transform:none!important;scale:1!important;transition:none!important}.button:after,.shell .btn:after{display:none}}

/* Editorial portrait: a full-height photograph with a fine offset frame. */
.hero .portrait{display:block;position:relative;width:calc(100% - 38px);max-width:480px;height:560px;max-height:none;justify-self:center;align-self:center;border-radius:6px;padding:12px;background:#252525;border:1px solid #ffffff38;overflow:visible;transform:rotate(2deg);box-shadow:0 28px 70px #0005;isolation:isolate}
.hero .portrait:before{content:"";position:absolute;inset:-17px;border:1px solid #ffffff30;border-radius:6px;transform:rotate(-4deg);z-index:-1;pointer-events:none;transition:transform .8s cubic-bezier(.2,.75,.2,1),border-color .8s ease}
.hero .portrait picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:3px;background:#161616}
.hero .portrait img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(1) contrast(1.04);transform:none;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.hero .portrait:after{inset:12px;border-radius:3px;background:linear-gradient(0deg,#0005,transparent 28%);pointer-events:none}
@media(hover:hover) and (pointer:fine){.hero .portrait:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 35px 80px #0007}.hero .portrait:hover:before{transform:rotate(0deg);border-color:#ffffff60}.hero .portrait:hover img{transform:scale(1.035)}}
@media(max-width:1100px){.hero .portrait{height:490px;max-width:420px}}
@media(max-width:760px){.hero .portrait{width:calc(100% - 36px);max-width:390px;height:470px;margin:15px auto 12px;padding:10px}.hero .portrait:before{inset:-12px}.hero .portrait:after{inset:10px}}
@media(max-width:420px){.hero .portrait{height:395px}}
@media(prefers-reduced-motion:reduce){.hero .portrait,.hero .portrait:hover,.hero .portrait:before{transform:none!important;transition:none}.hero .portrait:hover img{transform:none}}
@media print{.hero .portrait{height:280px;transform:none;width:100%;padding:0;border:0;box-shadow:none}.hero .portrait:before,.hero .portrait:after{display:none}}

/* Slightly larger navigation labels. */
.nav-links{font-size:14px}.nav .button{font-size:14px}.topbar nav{font-size:14px}
@media(max-width:760px){.nav-links,.nav .button{font-size:14px}.topbar nav{font-size:12px}}
@media(max-width:420px){.topbar nav{font-size:11px}}

/* Original brand artwork, India link and the digital studio. */
.hero-brand-logo{width:170px;height:auto;object-fit:contain}.xtremity-logo-heading{margin:32px 0 22px;padding:30px;background:#111;border-radius:12px;max-width:470px}.xtremity-logo-heading img{display:block;width:100%;height:auto}.xtremity-websites{display:flex;flex-wrap:wrap;gap:28px}
.credential-auto{height:auto!important}.credential-auto .credential-stage{position:relative;min-height:650px;height:100svh;max-height:1000px}.credential-auto .credential-panel{visibility:visible;opacity:0;transform:translateX(55px) scale(.97);pointer-events:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.credential-auto .credential-panel.is-current{opacity:1;transform:none;pointer-events:auto;z-index:2}
.credential-play{padding:9px 0;border:0;background:none;color:#ddd;font-size:10px;letter-spacing:.5px}.credential-play:hover{color:#fff}.studio-section{background:#fafafa}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-copy .body-copy{max-width:480px}.studio-subtitle{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:28px 0 20px}.studio-process{display:flex;flex-wrap:wrap;gap:20px;margin:35px 0;font-size:10px;letter-spacing:1.4px;color:#777}.studio-art{position:relative;background:radial-gradient(ellipse at 50% 35%,#333,#111 75%);border:1px solid #444;border-radius:16px;overflow:hidden;aspect-ratio:1.08;box-shadow:0 18px 45px #0001}.studio-art svg{position:relative;width:100%;height:100%;z-index:1}.studio-grid-floor{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000)}.studio-object{animation:studio-float 7s ease-in-out infinite;transform-origin:center}.studio-scan-line{animation:studio-scan 5s ease-in-out infinite;opacity:.35}.studio-art{transition:transform .6s ease,box-shadow .6s ease}@keyframes studio-float{0%,100%{transform:translateY(6px)}50%{transform:translateY(-8px)}}@keyframes studio-scan{0%,100%{transform:translateY(-70px);opacity:0}25%,75%{opacity:.35}50%{transform:translateY(180px)}}
@media(hover:hover) and (pointer:fine){.studio-art:hover{transform:translateY(-5px);box-shadow:0 24px 55px #0002}}
@media(max-width:760px){.hero-brand-logo{width:135px}.studio-grid{grid-template-columns:1fr;gap:35px}.xtremity-logo-heading{padding:24px}.credential-auto .credential-stage{min-height:710px;height:100svh;max-height:none}.studio-process{gap:14px}.credential-auto .credential-art img{max-height:calc(100svh - 330px);min-height:0}}
@media(prefers-reduced-motion:reduce){.studio-object,.studio-scan-line{animation:none}.studio-art:hover{transform:none}.credential-play{display:none}}
@media print{.credential-auto .credential-stage{height:auto;max-height:none}.studio-object,.studio-scan-line{animation:none}}

/* An editorial image collection, moving at a calm reading pace. */
.studio-grid{grid-template-columns:.85fr 1.15fr;gap:65px}.studio-feature{margin:0;border:1px solid #ddd;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 55px #0000000b}.studio-feature img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover}.studio-feature figcaption{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;font-size:10px;color:#777;letter-spacing:1px}.studio-feature figcaption span:last-child{color:#222;letter-spacing:0;font-size:12px}.studio-gallery{margin-top:65px}.studio-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:10px;letter-spacing:1.4px;color:#777}.studio-gallery-pause{display:inline-flex;gap:18px;align-items:center;background:none;border:1px solid #ccc;border-radius:30px;padding:11px 17px;color:#333;font-size:11px;letter-spacing:0;cursor:pointer}.studio-gallery-pause:hover{background:#eee}.studio-gallery-pause:focus-visible{outline:2px solid #111;outline-offset:4px}.studio-gallery-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.studio-gallery-track{display:flex;width:max-content;animation:studio-gallery-drift 110s linear infinite;will-change:transform}.studio-gallery-group{display:flex;gap:24px;padding-right:24px}.studio-gallery-card{width:360px;margin:0}.studio-gallery-image{height:280px;background:#fff;border:1px solid #e4e4e4;border-radius:10px;overflow:hidden}.studio-gallery-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s ease}.studio-gallery-card:hover img{transform:scale(1.035)}.studio-gallery-card figcaption{display:flex;gap:16px;align-items:center;padding:18px 2px;font-size:12px;color:#333}.studio-gallery-card figcaption span{font-size:10px;color:#999}.studio-gallery:hover .studio-gallery-track,.studio-gallery:focus-within .studio-gallery-track,.studio-gallery.is-paused .studio-gallery-track,.studio-gallery.is-offscreen .studio-gallery-track{animation-play-state:paused}@keyframes studio-gallery-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.studio-grid{grid-template-columns:1fr;gap:36px}.studio-gallery{margin-top:40px}.studio-gallery-card{width:280px}.studio-gallery-image{height:230px}.studio-gallery-group{gap:16px;padding-right:16px}.studio-gallery-toolbar{font-size:8px;letter-spacing:1px}.studio-gallery-pause{padding:10px 13px;font-size:10px}.studio-feature figcaption{padding:16px}}
@media(prefers-reduced-motion:reduce){.studio-gallery-track{animation:none;transform:none;will-change:auto}.studio-gallery-window{overflow-x:auto;mask-image:none}.studio-gallery-group[aria-hidden]{display:none}.studio-gallery-pause{display:none}.studio-gallery-card:hover img{transform:none}}
@media print{.studio-gallery-window{overflow:visible;mask-image:none}.studio-gallery-track{animation:none;width:auto;display:block;transform:none}.studio-gallery-group{display:grid;grid-template-columns:repeat(3,1fr)}.studio-gallery-group[aria-hidden],.studio-gallery-pause{display:none}.studio-gallery-card{width:auto;break-inside:avoid}.studio-gallery-image{height:160px}}


/* Product image viewer. */
.product-zoom-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.product-zoom-trigger:focus-visible{outline:3px solid #111;outline-offset:-4px}.product-zoom-hint{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#111;border:1px solid #ddd;border-radius:50%;font-size:19px;box-shadow:0 3px 12px #0002}.studio-feature .product-zoom-trigger{height:auto}.studio-gallery.is-viewing .studio-gallery-track{animation-play-state:paused}.product-zoom-dialog{width:min(1200px,94vw);height:min(900px,92svh);max-width:none;max-height:none;padding:0;border:1px solid #444;border-radius:16px;background:#111;color:#fff;overflow:hidden}.product-zoom-dialog[open]{display:flex;flex-direction:column}.product-zoom-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.product-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #ffffff25}.product-zoom-title{margin:0;font-size:14px}.product-zoom-header button,.product-zoom-controls button{display:grid;place-items:center;border:1px solid #555;border-radius:7px;background:#222;color:#fff;min-width:40px;min-height:40px;padding:8px 12px;cursor:pointer}.product-zoom-header button:hover,.product-zoom-controls button:hover{background:#444}.product-zoom-controls button:disabled{opacity:.35;cursor:default}.product-zoom-dialog button:focus-visible{outline:2px solid #fff;outline-offset:3px}.product-zoom-stage{display:flex;flex:1;min-height:0;overflow:auto;background:#eaeaea;position:relative;overscroll-behavior:contain}.product-zoom-canvas{margin:auto;flex-shrink:0}.product-zoom-canvas img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none}.product-zoom-stage.is-zoomed{cursor:grab;touch-action:none}.product-zoom-stage.is-zoomed:active{cursor:grabbing}.product-zoom-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid #ffffff25}.product-zoom-controls output{min-width:52px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.product-zoom-controls>span{font-size:11px;color:#aaa;margin-left:12px}@media(max-width:600px){.product-zoom-dialog{width:96vw;height:90svh;border-radius:10px}.product-zoom-header{padding:12px}.product-zoom-title{font-size:12px}.product-zoom-controls{gap:8px;padding:12px}.product-zoom-controls>span{display:none}}@media print{.product-zoom-dialog,.product-zoom-hint{display:none}}