.tom-profile{position:relative;isolation:isolate;background:#faf9f6;overflow:hidden;color:#162b40}.tom-profile-inner{position:relative;min-height:716px;padding-top:35px;padding-bottom:40px}.tom-diagonal{position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,#1f4668,#112e4b 65%,#071c33);clip-path:polygon(91% 0,100% 0,100% 100%,21% 100%)}.tom-diagonal:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 60%,#ddb97155);clip-path:polygon(100% 45%,100% 100%,40% 100%)}.tom-breadcrumb{display:flex;gap:10px;color:#647281;font-size:12px;margin-bottom:35px}.tom-breadcrumb a{color:inherit}.tom-introduction{position:relative;z-index:3;width:39%;padding-bottom:28px}.tom-eyebrow{font-size:13px;font-weight:800;letter-spacing:.16em;color:#254d70;line-height:1.5;margin:0 0 27px}.tom-eyebrow>span{display:block;font-size:13px;letter-spacing:.14em;font-weight:500;color:#7c8792;margin-top:5px}.tom-introduction h1{font-size:clamp(64px,6.9vw,100px);font-weight:800;letter-spacing:-.065em;line-height:.92;color:#142f4a;margin:0 0 20px}.tom-introduction h1>span{display:block;font-size:17px;font-weight:500;line-height:1.6;letter-spacing:.15em;margin-top:24px;color:#7c6440}.tom-role{font-size:17px;color:#4d6071;line-height:1.6;margin:0 0 17px}.tom-credentials{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.tom-credentials span{font-size:11px;letter-spacing:.04em;background:#e7edf1;color:#2a4d68;padding:6px 10px;border-radius:30px;font-weight:700}.tom-summary{max-width:330px;font-size:15px;line-height:1.7;color:#526171;margin:0 0 10px}.tom-language{font-size:12px;color:#526171}.tom-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:23px}.tom-actions .button{font-size:13px;padding:14px 19px}.tom-text-link{font-size:12px;font-weight:700;color:#325774}.tom-portrait{position:absolute;z-index:2;bottom:0;left:43%;width:35%;max-width:450px;height:622px;margin:0;border-radius:230px 230px 0 0;overflow:hidden;box-shadow:0 12px 60px #07182826;background:#d2d2d0}.tom-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% top}.tom-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 22px;background:linear-gradient(transparent,#102c46e8);color:#fff}.tom-portrait figcaption strong{display:block;font-size:17px;letter-spacing:.16em}.tom-portrait figcaption span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:5px;color:#e5ca8e}.tom-profile-word{position:absolute;right:-40px;top:185px;z-index:1;color:#ffffff12;font-size:clamp(55px,7.3vw,115px);font-weight:850;line-height:.95;letter-spacing:-.045em;transform:rotate(-44deg);pointer-events:none}.tom-experience{position:absolute;right:0;bottom:92px;width:18%;color:#fff;text-align:center;z-index:2}.tom-experience>strong{font-size:88px;line-height:1;font-weight:600;letter-spacing:-.065em;display:block;color:#ebce91}.tom-experience>strong span{display:block;font-size:11px;font-weight:700;letter-spacing:.27em;margin:12px 0 20px}.tom-experience p{font-size:12px;line-height:1.65;color:#d3dee7;margin:0}.tom-services{position:relative;background:#102c46;color:#e7d5af;z-index:4;border-top:1px solid #ffffff16}.tom-services>.container{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px;gap:15px;text-align:center}.tom-services span{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:650;border-right:1px solid #ffffff25}.tom-services span:last-child{border:0}
@media(min-width:1500px){.tom-diagonal{clip-path:polygon(80% 0,100% 0,100% 100%,30% 100%)}}
@media(max-width:1000px) and (min-width:761px){.tom-profile-inner{min-height:740px}.tom-portrait{left:46%;width:37%;height:600px}.tom-experience{width:15%;right:0;bottom:100px}.tom-experience>strong{font-size:64px}.tom-introduction{width:43%}.tom-introduction h1{font-size:74px}.tom-profile-word{right:-80px;font-size:80px;top:170px}}
@media(max-width:760px){.tom-profile-inner{min-height:0;padding-top:24px;padding-bottom:0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.tom-breadcrumb{grid-column:1/-1;margin-bottom:26px}.tom-introduction{grid-column:1/-1;width:100%;padding:0 0 27px}.tom-eyebrow{margin-bottom:20px}.tom-introduction h1{font-size:68px;line-height:1}.tom-introduction h1 br{display:none}.tom-introduction h1 br:after{content:' '}.tom-introduction h1>span{font-size:14px;margin-top:14px}.tom-introduction h1{word-spacing:.12em}.tom-role{font-size:15px}.tom-summary{max-width:400px}.tom-diagonal{clip-path:polygon(100% 23%,100% 100%,0 100%,0 88%)}.tom-portrait{position:relative;left:auto;bottom:auto;grid-column:1;align-self:end;width:100%;height:auto;aspect-ratio:795/1024;border-radius:160px 160px 0 0;max-width:340px}.tom-portrait img{height:auto}.tom-portrait figcaption{padding:35px 13px 15px}.tom-portrait figcaption strong{font-size:12px}.tom-portrait figcaption span{font-size:8px;letter-spacing:.04em}.tom-experience{position:relative;right:auto;bottom:auto;align-self:center;grid-column:2;width:100%;margin-top:80px}.tom-experience>strong{font-size:78px}.tom-profile-word{top:auto;bottom:165px;right:-18px;font-size:51px;color:#ffffff12}.tom-services>.container{grid-template-columns:1fr 1fr;gap:19px 10px;padding-block:22px}.tom-services span{font-size:10px}.tom-services span:nth-child(2){border:0}.tom-actions{gap:14px}.tom-profile-inner>.tom-introduction h1{white-space:normal}.tom-profile-inner>.tom-introduction h1 br{display:inline}.tom-profile-inner>.tom-introduction h1 br:before{content:' '}}
@media(prefers-reduced-motion:no-preference){.tom-introduction{animation:tomEnter .45s ease-out both}.tom-portrait{animation:tomEnter .6s ease-out both}@keyframes tomEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

@media(max-width:760px){.tom-profile-inner>.tom-introduction h1 br{display:block}.tom-profile-inner>.tom-introduction h1 br:before,.tom-profile-inner>.tom-introduction h1 br:after{content:none}}

.tom-profile{padding-top:80px}
@media(max-width:760px){.tom-profile{padding-top:70px}.tom-profile-inner{padding-top:18px}.tom-profile-inner>.tom-introduction h1 br{display:none}.tom-introduction h1{font-size:56px;white-space:nowrap;margin-bottom:14px}.tom-introduction h1>span{margin-top:10px}.tom-eyebrow{margin-bottom:16px}.tom-role{font-size:14px;margin-bottom:12px}.tom-summary{font-size:14px}.tom-diagonal{top:auto;height:340px;bottom:0;clip-path:polygon(100% 0,100% 100%,0 100%,0 83%)}.tom-actions{margin-top:16px}.tom-breadcrumb{margin-bottom:20px}.tom-profile-word{bottom:145px}}
/* Isolated portrait layered directly over the angled navy field. */
.tom-portrait{left:39%;width:42%;max-width:540px;height:660px;border-radius:0;overflow:visible;box-shadow:none;background:transparent}
.tom-portrait img{height:100%;object-fit:contain;object-position:center bottom}
.tom-portrait figcaption{left:0;right:0;bottom:0;padding:44px 26px 22px;background:linear-gradient(transparent,#102c46d9);pointer-events:none}
@media(max-width:1000px) and (min-width:761px){.tom-portrait{left:43%;width:43%;height:620px}}
@media(max-width:760px){.tom-portrait{width:120%;max-width:360px;height:auto;aspect-ratio:1105/1423;border-radius:0;overflow:visible;box-shadow:none;background:transparent;margin-left:-8%}.tom-portrait img{height:auto;object-fit:contain;object-position:center bottom}.tom-portrait figcaption{left:0;right:-15%;padding:34px 13px 15px}}
/* Subtle color panel and silhouette shadow behind the isolated portrait. */
.tom-portrait{position:absolute;isolation:isolate}
.tom-portrait::before{content:"";position:absolute;z-index:0;left:9%;right:9%;bottom:0;height:43%;border-radius:48% 48% 0 0 / 24% 24% 0 0;background:linear-gradient(160deg,rgba(211,219,225,.88),rgba(130,146,159,.72) 62%,rgba(40,62,82,.34));box-shadow:0 14px 34px rgba(4,14,24,.2)}
.tom-portrait img{position:relative;z-index:1;filter:drop-shadow(0 9px 12px rgba(0,0,0,.38))}
.tom-portrait figcaption{z-index:2}
@media(max-width:760px){.tom-portrait::before{left:11%;right:11%;height:43%;border-radius:45% 45% 0 0 / 20% 20% 0 0}.tom-portrait img{filter:drop-shadow(0 7px 10px rgba(0,0,0,.4))}}
@media(max-width:760px){.tom-portrait{position:relative;left:auto;bottom:auto;grid-column:1;align-self:end}}
/* Align the portrait label with the person; keep the shadow on the cutout only. */
.tom-portrait::before{display:none}
.tom-portrait img{filter:drop-shadow(7px 5px 10px rgba(0,0,0,.34))}
.tom-portrait figcaption{text-align:center;left:0;right:0}
@media(max-width:760px){.tom-portrait img{filter:drop-shadow(5px 4px 8px rgba(0,0,0,.34))}.tom-portrait figcaption{left:0;right:0;text-align:center}}
/* Keep the angled field natural and the profile watermark upright. */
.tom-diagonal{inset:0;height:auto;top:0;bottom:0;clip-path:polygon(82% 0,100% 0,100% 100%,17% 100%)}
.tom-profile-word{right:4%;top:118px;transform:none;text-align:right;line-height:.92;letter-spacing:-.04em;font-size:clamp(34px,5vw,68px);white-space:normal;width:32%;color:#ffffff12}
@media(min-width:1500px){.tom-diagonal{clip-path:polygon(82% 0,100% 0,100% 100%,17% 100%)}}
@media(max-width:760px){.tom-diagonal{inset:0;height:auto;top:0;bottom:0;clip-path:polygon(82% 0,100% 0,100% 100%,17% 100%)}.tom-profile-word{display:block;top:50%;right:6%;bottom:auto;width:38%;transform:none;font-size:clamp(23px,5.8vw,34px);text-align:right;color:#ffffff14}}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-profile{padding-top:58px}.tom-profile-inner{min-height:590px;padding-top:18px;padding-bottom:24px}.tom-introduction{width:43%}.tom-introduction h1{font-size:clamp(54px,7vw,66px)}.tom-portrait{left:43%;width:40%;height:535px}.tom-experience{right:1%;width:17%;bottom:64px}.tom-experience>strong{font-size:58px}.tom-profile-word{top:105px;right:3%;width:33%;font-size:clamp(28px,4vw,44px)}.tom-diagonal{clip-path:polygon(87% 0,100% 0,100% 100%,10% 100%)}}
/* Mobile uses a shorter diagonal panel so portrait and landscape crops stay balanced. */
@media(max-width:760px){.tom-diagonal{inset:auto 0 0;height:540px;clip-path:polygon(100% 0,100% 100%,0 100%)}.tom-profile-word{top:auto;right:6%;bottom:300px;width:38%;font-size:clamp(23px,5.8vw,34px);transform:none;text-align:right}}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-diagonal{inset:auto 0 0;height:540px;clip-path:polygon(100% 0,100% 100%,0 100%)}.tom-profile-word{top:auto;right:3%;bottom:370px;width:30%;font-size:clamp(28px,4vw,42px);transform:none;text-align:right}}
/* The watermark follows the same rising angle as the blue diagonal. */
.tom-profile-word{display:block;top:245px;right:-30px;bottom:auto;width:420px;color:rgba(255,255,255,.78);font-size:clamp(48px,5vw,64px);line-height:.9;letter-spacing:-.035em;text-align:center;transform:rotate(-46deg);transform-origin:center center;white-space:normal}
@media(min-width:1500px){.tom-profile-word{transform:rotate(-36deg)}}
@media(max-width:1000px) and (min-width:761px) and (min-height:601px){.tom-profile-word{transform:rotate(-50deg)}}
@media(max-width:760px){.tom-profile-word{top:auto;right:-5%;bottom:300px;width:72%;font-size:clamp(25px,7vw,30px);line-height:.9;transform:rotate(-53deg);text-align:center}}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-profile-word{top:auto;right:-3%;bottom:370px;width:48%;font-size:clamp(32px,4.5vw,42px);line-height:.9;transform:rotate(-33deg);text-align:center}}
.tom-profile-word{z-index:4;pointer-events:none}
/* Keep the white slanted watermark above the diagonal background layer. */
.tom-profile-inner{z-index:0}
.tom-profile-word{top:165px;right:-90px;bottom:auto;z-index:1}
@media(max-width:760px){.tom-profile-word{top:auto;right:-20px;bottom:225px;width:78%;transform:rotate(-53deg)}}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-profile-word{top:auto;right:-25px;bottom:275px;width:48%;transform:rotate(-33deg)}}
/* Match the hand-drawn mobile diagonal and keep both watermark lines visible. */
@media(max-width:760px),(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-portrait figcaption{background:none}}
@media(max-width:760px){.tom-diagonal{inset:auto 0 0;height:min(700px,88vw);clip-path:polygon(100% 0,100% 100%,0 100%,0 49%)}.tom-diagonal:after{background:linear-gradient(140deg,rgba(130,132,119,.2),rgba(130,132,119,.3));clip-path:polygon(100% 37%,100% 100%,0 100%,0 86%)}.tom-profile-word{display:block;top:auto;right:-4%;bottom:22vw;width:64vw;font-size:clamp(44px,10.8vw,70px);line-height:.88;letter-spacing:-.035em;color:rgba(255,255,255,.64);text-align:center;white-space:normal;transform:rotate(-23.3deg);transform-origin:center center}}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-diagonal{height:510px;bottom:-45px;clip-path:polygon(100% 0,100% 100%,0 100%,0 54%)}.tom-diagonal:after{background:linear-gradient(140deg,rgba(130,132,119,.2),rgba(130,132,119,.3));clip-path:polygon(100% 35%,100% 100%,0 100%,0 89%)}.tom-portrait{left:35%;width:47%;max-width:620px;height:650px}.tom-profile-word{right:-4%;bottom:165px;width:53%;font-size:clamp(50px,7.5vw,68px);transform:rotate(-18deg);color:rgba(255,255,255,.8)}}

/* Final alignment pass from the profile screenshots. */
/* Tablet profile composition, separate from the approved phone layout. */
@media(min-width:761px) and (max-width:1366px) and (min-height:601px){.tom-profile{padding-top:128px}.tom-portrait{left:31.5%;width:53%;max-width:680px;height:840px}.tom-introduction{margin-left:8vw;width:35%;max-width:400px}.tom-breadcrumb{margin-left:8vw}.tom-text-link{background:#faf9f6;padding:5px 10px;margin-left:-10px;border-radius:5px}.tom-diagonal{inset:auto 0 0;height:min(62.5vw,640px);clip-path:polygon(100% 0,100% 100%,0 100%,0 90%)}.tom-diagonal:after{background:linear-gradient(140deg,rgba(130,132,119,.2),rgba(130,132,119,.3));clip-path:polygon(100% 43%,100% 100%,36.667% 100%)}.tom-profile-word{top:auto;bottom:220px;right:-3%;width:40%;font-size:clamp(46px,6vw,76px);transform:rotate(-29.4deg);color:rgba(255,255,255,.8)}}
@media(max-width:760px){.tom-profile-word{bottom:calc(22vw + 18px)}}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){.tom-portrait{left:31%}.tom-profile-word{bottom:180px}}

@media(min-width:1101px) and (max-width:1366px) and (min-height:601px){.tom-portrait{height:740px}.tom-profile-word{transform:rotate(-22.9deg)}}

/* Desktop composition: lower the diagonal and center the larger watermark in the navy field. */
@media(min-width:1367px){.tom-diagonal{clip-path:polygon(100% 0,100% 100%,23% 100%)}.tom-diagonal:after{clip-path:polygon(100% 46%,100% 100%,58% 100%)}.tom-profile-word{top:30%;right:-15%;bottom:auto;width:38%;font-size:clamp(84px,6vw,116px);line-height:.88;letter-spacing:-.035em;text-align:center;transform:rotate(-36deg);color:rgba(255,255,255,.9)}}
@media(min-width:1367px){.tom-portrait{left:34%;width:48%;max-width:620px;height:760px}}