/* Talentus editorial direction: slate, amber and warm white. */
.home-page .header{position:absolute;inset:0 0 auto;height:108px;background:transparent;border-color:#ffffff25;color:var(--paper);gap:30px}
.header .brand{background:transparent}.home-page .brand{padding:13px 18px}.home-page .brand img{width:150px}
.home-page .header nav a{color:var(--paper)}.home-page .header nav a:hover{color:#f5bf84}.home-page .contact-link{border-color:#ffffff70}.home-page .language{border-color:#ffffff50}
.home-page .hero-editorial{height:100svh;min-height:900px;max-height:1200px;background:var(--slate)}
.hero-scene{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:65% center;max-width:none}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,#17262c50,transparent 70%),linear-gradient(0deg,#17262c88,transparent 45%)}
.hero-orbits{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fbfbf538;stroke-width:1;pointer-events:none}.hero-orbits path:nth-child(2){stroke:#c87a2a99}
.hero-editorial-content{position:relative;padding-top:clamp(170px,25vh,310px)}
.hero-kicker{font-size:11px;letter-spacing:.23em;color:var(--paper);margin-bottom:28px}
.hero-wordmark{position:relative;width:min(100%,1080px);line-height:0}
.hero-wordmark img{display:block;width:100%;height:auto}
.hero-message{margin-top:30px;max-width:540px}.home-page .hero h1{font-size:clamp(32px,3.2vw,49px);line-height:1.16;margin-bottom:14px;font-weight:400;letter-spacing:-.025em}.hero-message>p{font-size:17px;color:#f2f1e8;margin-bottom:0}.hero-message .actions{margin-top:27px}.hero-message .button{padding:13px 20px;font-size:14px;gap:24px}.hero .button.secondary{background:#17262c40}
.home-page .hero-bottom{padding-block:22px}.hero-bottom .scroll-cue{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.15em}.scroll-cue span{font-size:26px}
.home-page #philosophy{padding-top:130px;padding-bottom:120px;position:relative}.home-page .section-heading{margin-bottom:65px}.home-page h2{font-size:clamp(38px,4.4vw,64px);line-height:1.13}.home-page .section-heading>p{border-left:2px solid var(--amber);padding-left:25px}.home-page .pillars{border-top:0}.home-page .pillars article{padding-top:45px;padding-bottom:45px}.home-page .pillar-icon{font-size:58px}.home-page .pillar-top{margin-bottom:42px}
.home-page .trust{padding-block:55px;background:#eeeee7}.home-page .section:has(.service-grid){padding-block:120px}.home-page .service-card{padding:45px;position:relative;overflow:hidden}.home-page .service-card:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--amber);transform:scaleY(0);transform-origin:bottom;transition:transform .4s}.home-page .service-card:hover:before{transform:scaleY(1)}.home-page .card-top{margin-bottom:45px}.home-page .service-card h3{font-size:34px}.home-page .faq-home{padding-block:100px}.home-page .cta{padding-block:110px}.home-page .cta-star{font-size:140px}.home-page .cta h2{font-size:clamp(40px,4.6vw,66px)}
@media(min-width:1600px){.hero-editorial-content{padding-top:25vh}}
@media(max-width:1150px){.home-page .header{gap:20px}.home-page .brand{padding:10px 12px}.home-page .brand img{width:130px}.hero-wordmark{font-size:15vw}.hero-message{max-width:480px}}
@media(max-width:850px){.home-page .header{height:90px}.home-page .menu-toggle{color:var(--paper)}.home-page .header nav{top:90px;background:var(--paper)}.home-page .header nav a{color:var(--ink)}.home-page .hero-editorial{min-height:820px;max-height:none}.hero-editorial-content{padding-top:230px}.hero-message{margin-top:35px}.home-page .hero h1{font-size:39px}.hero-scene{object-position:62% center}.home-page #philosophy,.home-page .section:has(.service-grid){padding-block:85px}.home-page .section-heading{margin-bottom:42px}.home-page .service-card{padding:30px}.home-page .service-card h3{font-size:29px}}
@media(max-width:600px){.home-page .header{padding-inline:20px;gap:12px}.home-page .brand{padding:9px 11px}.home-page .brand img{width:120px}.home-page .hero-editorial{height:100svh;min-height:790px}.hero-scene{height:65%;object-position:65% center}.hero-veil{background:linear-gradient(0deg,#263841 1%,#263841 30%,#26384100 66%),linear-gradient(90deg,#17262c35,transparent)}.hero-editorial-content{padding-top:185px}.hero-kicker{font-size:9px;letter-spacing:.15em;margin-bottom:20px}.hero-wordmark{font-size:14.6vw;letter-spacing:.025em}.hero-message{margin-top:215px}.home-page .hero h1{font-size:32px;margin-bottom:12px}.hero-message>p{font-size:15px}.hero-message .actions{flex-direction:row;gap:10px;margin-top:22px}.hero-message .button{min-width:0;font-size:12px;padding:11px 12px;gap:10px;flex:1}.home-page .hero-bottom{font-size:8px;padding-block:17px}.hero-bottom>span:nth-child(2){display:none}.home-page #philosophy,.home-page .section:has(.service-grid),.home-page .faq-home{padding-block:65px}.home-page h2{font-size:37px}.home-page .section-heading>p{margin-top:28px}.home-page .pillars article{padding-block:30px}.home-page .pillar-top{margin-bottom:24px}.home-page .trust{padding-block:35px}.home-page .cta{padding-block:65px}.home-page .cta-star{font-size:60px}.home-page .cta h2{font-size:34px}.hero-orbits{opacity:.5}html[lang=zh-Hant] .home-page .hero h1{font-size:31px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-wordmark,.hero-orbits{transform:none!important}}

/* Image-led principles, layered across a slate and warm-white field. */
.home-page #philosophy.difference{padding-block:100px 110px;background:linear-gradient(180deg,#40535f 0,#3b505d 110px,#394e5c 240px);isolation:isolate;overflow:hidden}
.difference-backdrop{position:absolute;z-index:-1;top:65px;right:0;bottom:65px;width:46%;background:#eeede7}
.difference-inner{position:relative}
.home-page .difference-heading{align-items:center;gap:10%;margin-bottom:60px}
.home-page .difference-heading>div{width:56%}
.home-page .difference-heading h2{font-size:clamp(34px,3.5vw,50px);color:var(--paper);line-height:1.18}
.home-page .difference-heading .eyebrow{color:var(--paper);display:flex;align-items:center;gap:15px}
.difference-heading .eyebrow:before{content:'';width:22px;height:2px;background:var(--amber);flex-shrink:0}
.home-page .difference-heading>p{max-width:300px;color:var(--muted);font-size:17px;margin:0}
.difference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.difference-card{background:var(--paper);display:flex;flex-direction:column;min-width:0}
.difference-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:#d6dadd}
.difference-photo img{position:absolute;top:50%;transform:translateY(-50%);height:auto;width:300%;max-width:none;display:block}
.difference-photo-0 img{left:0}.difference-photo-1 img{left:-100%}.difference-photo-2 img{left:-200%}
.difference-copy{position:relative;padding:32px 32px 38px;flex:1;border-right:1px solid #deded5}
.difference-card:last-child .difference-copy{border-right:0}
.difference-number{font-size:11px;letter-spacing:.16em;color:var(--amber);display:block;margin-bottom:16px}
.home-page .difference-copy h3{font-size:29px;letter-spacing:-.02em;color:#536b7b;margin-bottom:17px}
.difference-copy p{font-size:16px;line-height:1.8;margin:0}
@media(max-width:1000px){.home-page .difference-heading{gap:7%}.home-page .difference-heading>div{width:55%}.home-page .difference-heading h2{font-size:37px}.difference-copy{padding:26px 22px 30px}.home-page .difference-copy h3{font-size:25px}}
@media(max-width:700px){.home-page #philosophy.difference{padding-block:65px}.difference-backdrop{top:235px;bottom:30px;width:36%}.home-page .difference-heading{display:block;margin-bottom:35px}.home-page .difference-heading>div{width:100%}.home-page .difference-heading h2{font-size:35px}.home-page .difference-heading>p{max-width:100%;margin-top:25px;color:#e1e6e8;padding-left:18px;font-size:16px}.difference-cards{grid-template-columns:1fr;gap:24px}.difference-photo{aspect-ratio:1.2/1}.difference-copy{padding:26px;border-right:0}.home-page .difference-copy h3{font-size:28px}.difference-number{margin-bottom:12px}}

/* One continuous amber field from the room into the principles section. */
.home-page{--hero-field:#c87a2a}
.home-page .hero-editorial{background:var(--hero-field)}
.home-page .hero-veil{background:linear-gradient(0deg,var(--hero-field) 0%,transparent 32%)}
.home-page #philosophy.difference{background:var(--hero-field)}
.home-page .hero-message .button:not(.secondary){background:var(--navy);border-color:var(--navy)}
.home-page .hero-message .button:not(.secondary):hover{background:#304652;border-color:#304652}
.home-page .hero-orbits{stroke:#ffffff70}
.home-page .hero-orbits path:nth-child(2){stroke:#708090b3}
.home-page .difference-heading .eyebrow:before{background:var(--paper)}
@media(max-width:700px){.home-page .difference-heading>p{color:var(--paper);border-color:var(--paper)}}
@media(max-width:600px){.home-page .hero-veil{background:linear-gradient(0deg,var(--hero-field) 0%,var(--hero-field) 32%,transparent 65%)}}
@media(max-width:600px){.hero-scene.hero-portrait{top:75px;height:430px;object-position:80% center;mask-image:linear-gradient(#000 60%,transparent 100%)}}
/* Light secondary CTA contrasts with the amber hero. */
.home-page .hero-message .button.secondary{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.home-page .hero-message .button.secondary:hover{background:#e8ecee;border-color:#e8ecee;color:var(--navy)}
.home-page .hero-message .button:focus-visible{outline-color:var(--navy);outline-offset:4px}

/* Self-hosted transparent brand artwork, in four seamless alternating rows. */
.trust-marquee{overflow:hidden}
.trust-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.trust-heading .eyebrow{margin:0!important}


.marquee-row{overflow-x:auto;scrollbar-width:thin;border-top:1px solid #dbded5}
.marquee-row:last-child{border-bottom:1px solid #dbded5}
.marquee-track{display:flex;width:max-content}
.marquee-group{list-style:none;display:flex;flex-shrink:0;gap:0;padding:0;margin:0}
.brand-tile{width:190px;height:105px;display:flex;align-items:center;justify-content:center;padding:18px 25px;flex-shrink:0}
.brand-tile img{width:140px;height:65px;object-fit:contain;filter:grayscale(1);opacity:.72}
.trust-marquee.marquee-ready .marquee-row{overflow:hidden}
.marquee-ready .marquee-track{animation:talentus-marquee 90s linear infinite;will-change:transform}
.marquee-ready .marquee-reverse .marquee-track{animation-direction:reverse;animation-duration:100s}
.trust-marquee.is-offscreen .marquee-track, .marquee-rows:hover .marquee-track{animation-play-state:paused}






@keyframes talentus-marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){.trust-heading{gap:12px}.trust-heading .eyebrow{font-size:9px;letter-spacing:.1em}.brand-tile{width:160px;height:90px;padding:15px 20px}.brand-tile img{width:120px;height:58px}}
@media(prefers-reduced-motion:reduce){.marquee-ready .marquee-track{animation:none;transform:none;will-change:auto;width:100%}.marquee-group[aria-hidden=true]{display:none}.marquee-group{width:100%;justify-content:center;flex-wrap:wrap}.brand-tile{width:160px}}

.trust-marquee img:is([src*="/goyard.svg"],[src*="/qeelin.svg"],[src*="/cookware-company.svg"],[src*="/weave-living.svg"],[src*="/schaltbau.svg"]){filter:grayscale(1) brightness(0)}


/* Editorial expertise: photographic tiles overlap a slate field. */
.section.expertise,.home-page .section.expertise{position:relative;isolation:isolate;padding:100px 0 110px;background:#eeede7}
.expertise-field{position:absolute;z-index:-1;inset:0 0 auto;height:510px;background:#637887;overflow:hidden}
.expertise-field:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#354b59,transparent 75%)}
.expertise-field svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fbfbf525;stroke-width:1.2}
.expertise-field path:nth-child(2){stroke:#dba46f70}
.expertise .expertise-heading{align-items:flex-end;margin-bottom:64px;gap:35px}
.expertise-heading .eyebrow{color:#f1c394;display:flex;gap:16px;align-items:center}
.expertise-heading .eyebrow:before{content:'';height:2px;width:22px;background:var(--amber)}
.expertise-heading h2{color:var(--paper);font-size:clamp(36px,4.1vw,60px);line-height:1.15}
.expertise-heading .button.secondary{color:var(--paper);border-color:#ffffff70;background:transparent;margin-bottom:6px}
.expertise-heading .button.secondary:hover{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.expertise .expertise-grid{border:0;gap:1px;background:#deded5;align-items:stretch}
.expertise .expertise-card,.home-page .expertise .expertise-card{display:flex;flex-direction:column;padding:0;border:0;background:#fff;overflow:hidden;color:var(--ink)}
.home-page .expertise-card:before{display:none}
.expertise-photo{position:relative;aspect-ratio:1.8;overflow:hidden;background:#d5dcd9}
.expertise-photo-frame{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.expertise-photo img{position:absolute;display:block;width:200%;max-width:none;height:auto;left:0;top:0}
.expertise-photo-1 img,.expertise-photo-3 img{left:-100%}
.expertise-photo-2 img,.expertise-photo-3 img{top:auto;bottom:0}
.expertise-card:hover .expertise-photo-frame{transform:scale(1.035)}
.expertise-copy{padding:30px 34px 34px;flex:1}
.expertise-label{display:flex;gap:15px;align-items:baseline;margin-bottom:20px;color:#647887;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.expertise-label>span:first-child{color:var(--amber);flex-shrink:0;font-weight:600}
.expertise-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.expertise .expertise-card h3,.home-page .expertise .expertise-card h3{font-size:clamp(25px,2.4vw,34px);color:#526d7e;max-width:470px;margin:0 0 18px;line-height:1.2}
.expertise-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:var(--amber);color:#fff;font-size:20px;line-height:1;margin-top:4px;transition:background .25s,transform .25s}
.expertise-card:hover .expertise-arrow{background:var(--navy);transform:translate(2px,-2px)}
.expertise .expertise-card p{max-width:100%;font-size:15px;line-height:1.75;margin:0;color:#657176}
.expertise-card:focus-visible{outline-offset:-4px;outline:3px solid var(--amber)}
@media(max-width:850px){.section.expertise,.home-page .section.expertise{padding:70px 0}.expertise .expertise-heading{margin-bottom:45px;align-items:flex-start}.expertise-field{height:430px}.expertise-copy{padding:25px}.expertise-label{font-size:10px;letter-spacing:.08em}.expertise-heading .button{font-size:13px;padding:12px 16px;gap:15px}.expertise .expertise-card h3,.home-page .expertise .expertise-card h3{font-size:26px}.expertise-arrow{width:24px;height:24px;font-size:17px}}
@media(max-width:600px){.expertise .expertise-heading{display:block;margin-bottom:35px}.expertise-heading h2,.home-page .expertise-heading h2{font-size:36px}.expertise-field{height:450px}.expertise .expertise-grid{gap:24px;background:transparent}.expertise-photo{aspect-ratio:1.6}.expertise-copy{padding:25px 23px 28px}.expertise-label{margin-bottom:16px}.expertise .expertise-card p{font-size:14px}.expertise .expertise-card h3,.home-page .expertise .expertise-card h3{font-size:26px}.expertise-heading .button.secondary{margin-top:25px}.expertise-card-title{gap:15px}}
@media(prefers-reduced-motion:reduce){.expertise-photo-frame,.expertise-arrow{transition:none}.expertise-card:hover .expertise-photo-frame,.expertise-card:hover .expertise-arrow{transform:none}}

/* Viewport-fixed strings, clipped separately behind each section's content. */
.string-section{position:relative;isolation:isolate}
.section-strings{position:absolute;inset:0;z-index:0;overflow:hidden;clip-path:inset(0);pointer-events:none}
.section-strings svg{position:fixed;inset:0;width:100vw;height:100vh;fill:none;stroke:#8a9eaa;stroke-opacity:.55;stroke-width:1.4;pointer-events:none}
.section-strings path:nth-child(2){stroke:#c87a2a;stroke-opacity:.55}
.section-strings path:nth-child(3){stroke:#647e8f;stroke-opacity:.5}
.string-section>:not(.section-strings):not(.hero-scene):not(.hero-veil):not(.difference-backdrop):not(.expertise-field):not(.human-watermark):not(.mission-art){position:relative;z-index:1}
.hero.string-section .hero-scene{z-index:-2}
.hero.string-section .hero-veil{z-index:-1}
.hero.string-section .hero-bottom{position:absolute}
:is(.hero,.difference,.cta,.page-hero)>.section-strings svg{stroke:#fbfbf5;stroke-opacity:.55}
:is(.hero,.difference,.cta,.page-hero)>.section-strings path:nth-child(2){stroke:#708090;stroke-opacity:.85}
:is(.hero,.difference,.cta,.page-hero)>.section-strings path:nth-child(3){stroke:#f4dcc4;stroke-opacity:.65}
.expertise>.section-strings svg{stroke:#cbd4d8;stroke-opacity:.6}
@media(max-width:600px){.section-strings svg{width:160vw;left:-60vw;stroke-width:1.2}}

/* Give the Difference introduction more presence within its cream panel. */
@media(min-width:701px){
  .home-page .difference-heading{display:grid;grid-template-columns:56% minmax(0,1fr);gap:4%}
  .home-page .difference-heading>div{width:auto}
  .home-page .difference-heading>p{max-width:420px;font-size:clamp(20px,1.65vw,24px);line-height:1.55;padding-left:24px}
}
@media(max-width:700px){.home-page .difference-heading>p{font-size:19px;line-height:1.6}}

/* A doorway to possibility: abstract architecture for the mission. */
.home-page .mission{position:relative;isolation:isolate;overflow:hidden;background:#405b6b;padding:105px 0 120px;min-height:850px;color:var(--paper)}
.mission>.mission-art{object-fit:cover;object-position:center;position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-1;pointer-events:none}
.mission .eyebrow{color:var(--paper);display:flex;align-items:center;gap:16px;letter-spacing:.23em;margin-bottom:70px}
.mission .eyebrow:before{content:'';width:23px;height:2px;background:#e2a363}
.mission-copy{width:51%;margin-left:auto;max-width:650px}
.home-page .mission h2{font-size:clamp(40px,4.5vw,65px);line-height:1.3;font-weight:400;letter-spacing:-.025em;margin-bottom:35px}
.mission h2 span{color:#f1c99f}
.mission-copy>p{color:#e3e9ea;font-size:18px;line-height:1.9;max-width:530px;margin-bottom:35px}
.mission .button.secondary{background:var(--paper);color:#425b6b;border-color:var(--paper);min-width:250px;padding:16px 26px}
.mission .button.secondary:hover{background:#e6c39c;border-color:#e6c39c;color:var(--navy)}
.mission>.section-strings svg{stroke:#e5eef1;stroke-opacity:.5}
.mission>.section-strings path:nth-child(2){stroke:#e4ad75;stroke-opacity:.65}
.mission>.section-strings path:nth-child(3){stroke:#aebec6;stroke-opacity:.6}
@media(max-width:850px){.home-page .mission{padding:75px 0 85px;min-height:740px}.mission-copy{width:53%}.home-page .mission h2{font-size:43px}.mission-copy>p{font-size:16px}.mission .eyebrow{margin-bottom:55px}}
@media(max-width:600px){.home-page .mission{padding:60px 0 65px;min-height:0}.mission.string-section>.mission-art{width:950px;height:594px;left:-105px;top:-55px}.mission .eyebrow{margin-bottom:320px;font-size:10px}.mission-copy{width:100%;max-width:none}.home-page .mission h2{font-size:39px;line-height:1.35;margin-bottom:25px}.mission-copy>p{font-size:16px;line-height:1.85}.mission .button.secondary{min-width:230px}.mission-inner{position:relative}}

@media(max-width:600px){.mission.string-section>.mission-art{width:850px;height:567px;left:-75px;top:-35px;object-fit:cover;mask-image:linear-gradient(#000 65%,transparent 100%)}}

/* Let the complete mission artwork breathe into the next slate section. */
.home-page .mission{--mission-seam:#3b5468;min-height:max(900px,66.6667vw);padding-top:125px;padding-bottom:150px;background:var(--mission-seam)}
.mission.string-section>.mission-art{inset:0 auto auto 0;width:100%;height:auto;object-fit:contain;object-position:top;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}
.home-page .mission + .expertise .expertise-field{background:linear-gradient(180deg,#3b5468 0%,#526c7e 65%,#637887 100%)}
.home-page .mission + .expertise .expertise-field:before{display:none}
@media(min-width:1600px){.home-page .mission{padding-top:9vw}.mission .eyebrow{margin-bottom:6vw}}
@media(min-width:601px) and (max-width:850px){.home-page .mission{padding-top:80px;min-height:850px}}
@media(max-width:600px){.home-page .mission{padding:55px 0 95px;min-height:0}.mission.string-section>.mission-art{top:110px;left:0;width:100%;height:auto;mask-image:linear-gradient(#000 76%,transparent 100%)}.mission .eyebrow{margin-bottom:calc(66.6667vw + 85px)}}

/* Catalogue map confined to the Difference backdrop. */
.difference-backdrop{background:#eeede7 url('../images/talentus/catalogue-network-map.webp') 30% center/cover no-repeat}
.difference-backdrop:before{content:'';position:absolute;inset:0;background:rgba(238,237,231,.62)}

@media(max-width:700px){.difference-backdrop{display:none}}