/* Reference-led composition: quiet dark chapters, rounded paper, immersive motion. */
.agency-home{--bg:#09080b;--ink:#f8f5f1;--muted:#a9a4a6;--ivory:#faf9f8;--paper-ink:#242127;--paper-muted:#6d6970;--paper-gold:#766963;background:var(--bg)}
.agency-home .site-header{top:24px;width:max-content;max-width:calc(100% - 32px);padding:7px 8px 7px 14px;border-radius:9px;gap:38px;background:#2520227d;border-color:#f6d8c41c;backdrop-filter:blur(16px)}
.agency-home .brand{gap:7px}.agency-home .brand img{width:27px;height:27px}.agency-home .brand>span{font-size:16px;letter-spacing:.12em}.agency-home .brand-sub{display:none}
.agency-home .site-header nav{gap:25px;font-size:14px}.agency-home .nav-apply{font-size:14px;border-radius:5px;padding:10px 15px;gap:14px;background:#f5f0ec}
.agency-home .hero{height:100svh;min-height:800px;max-height:1100px;padding:160px 24px 150px;align-items:flex-start}
.agency-home .hero-content{margin-top:120px;max-width:760px}
.agency-home .hero h1{font-size:clamp(3.8rem,5.8vw,5.3rem);font-weight:450;letter-spacing:-.065em;line-height:1.03;margin-bottom:24px}
.agency-home h1 em,.agency-home h2 em{font-style:normal;font-weight:400;font-size:1.13em;letter-spacing:-.06em;color:#d0c1b8;line-height:1.12}
.agency-home .hero .eyebrow{font-size:12px;letter-spacing:.11em;margin-bottom:20px;color:#e2ccc1}
.agency-home .hero-description{font-weight:400;font-size:16px;line-height:1.75;max-width:490px;margin-bottom:26px;color:#d3c5bd}
.agency-home .hero .button-gold{background:#f0e8df;border-radius:5px;padding:13px 20px;gap:30px}
.agency-home .hero-bottom{bottom:42px;font-size:12px}
.agency-home .sunrise-world{--sun-x:50%;background:#141016}
.agency-home .sunrise-sun{width:clamp(270px,24vw,360px);top:-7%;left:50%}
.agency-home .sunrise-glow{background:radial-gradient(ellipse at 50% 12%,#c38f7540 0%,#80544815 35%,transparent 60%),linear-gradient(#130e13,#20161b 62%,#18131b)}
.agency-home .sunrise-light{background:radial-gradient(ellipse at 50% 40%,#efba9226,transparent 52%)}
.agency-home .sunrise-dunes{object-position:center 52%}
.agency-home .hero:after{background:linear-gradient(180deg,transparent 25%,#09080b0a 50%,#09080b 100%)}
.agency-home .hero h1{text-shadow:0 2px 22px #130e1380}
.agency-home .dark-chapter{position:relative;background:#09080b;padding-bottom:30px}
.agency-home .dark-chapter .intro{padding-top:80px;padding-bottom:90px;max-width:790px}
.agency-home .intro h2{font-size:clamp(2.5rem,3.7vw,3.7rem)}
.agency-home .intro>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#aaa4a7;max-width:535px}
.agency-home .dark-chapter .approach{max-width:1140px;padding:20px 44px 110px}
.agency-home .section-heading{display:block;text-align:center;margin-bottom:50px}
.agency-home .section-heading h2{font-size:clamp(2.5rem,3.5vw,3.6rem)}
.agency-home .section-heading>p{margin:20px auto 0;color:#a29a9c;font-size:16px}
.agency-home .eyebrow{font-size:12px;letter-spacing:.12em;color:#b8a69b}
.agency-home .pillars{gap:16px}
.agency-home .pillars article{display:flex;flex-direction:column;border-color:#fff1;border-radius:14px;padding:26px 23px 0;background:linear-gradient(#19151a99,#100e13);min-height:440px;overflow:hidden}
.agency-home .pillars article:hover{border-color:#ddc7b84d;background:#19151a}
.agency-home .pillars .index{font-size:12px;color:#c5b7af;letter-spacing:.08em}
.agency-home .pillars h3{font-size:26px;margin:27px 0 15px}
.agency-home .pillars p{font-size:16px;line-height:1.75;margin:0 0 25px;color:#a29ba3}
.agency-home .card-foot{font-size:13px;color:#b9afb1;border-color:#fff1;margin-top:auto}
.service-visual{height:95px;display:flex;align-items:center;justify-content:center;gap:10px;margin:auto 0 20px;color:#c2aba0;font-size:10px;letter-spacing:.04em}
.service-visual span{display:grid;place-items:center;border:1px solid #c9ad982b;border-radius:6px;height:40px;padding:0 8px;background:#f7d1b809}
.service-visual i{display:block;width:20px;height:1px;background:#d9c6b96b}
.direction-visual span:first-child{border-radius:50%;width:49px;height:49px;background:#e1bda326;box-shadow:0 0 25px #e1bda313}
.agency-home .values{display:block;max-width:none;margin:0;background:var(--ivory);color:var(--paper-ink);border-radius:clamp(40px,6vw,90px);padding:110px max(44px,calc((100% - 1050px)/2)) 105px;overflow:hidden}
.agency-home .values-intro{text-align:center;max-width:740px;margin:0 auto 50px}
.agency-home .values-intro:before,.agency-home .values-list:before{display:none}
.agency-home .values .eyebrow{color:#7a6c66}.agency-home .values h2{font-size:clamp(2.5rem,3.5vw,3.6rem)}.agency-home .values h2 em{color:#877970}
.agency-home .values-intro>p:not(.eyebrow){max-width:530px;margin:0 auto;color:#6b6467}.agency-home .values-intro .text-link{color:#554b45;border-color:#b7a9a0;margin-top:22px}
.agency-home .values-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0}
.agency-home .values-list article,.agency-home .values-list article:first-child,.agency-home .values-list article:last-child{display:block;padding:28px;border:0;border-radius:18px;background:#efedef}
.agency-home .values-list article>span{display:block;color:#9c8a7e;margin-bottom:23px;font-size:13px}.agency-home .values-list h3{font-size:21px;letter-spacing:-.03em}.agency-home .values-list p{color:#746e73;font-size:16px;line-height:1.8}
.particle-chapter{position:relative;isolation:isolate;height:760px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#09080b 0%,#211516 80%,#09080b 100%);margin-top:-45px;padding:100px 24px 90px}
.particle-chapter .particle-copy{text-align:center;max-width:780px;position:relative;z-index:1;text-shadow:0 0 28px #000}
.agency-home .particle-copy h2{font-size:clamp(3rem,4.5vw,4.7rem);margin:0;line-height:1.1}
.particle-chapter .particle-field{mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);opacity:1}
.agency-home .values{z-index:2}
.agency-home .apply-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;text-align:left;align-items:center;margin-top:-45px;padding:85px max(44px,calc((100% - 1050px)/2));border-radius:clamp(40px,6vw,90px);background:#faf9f8;z-index:2}
.agency-home .apply-section h2{font-size:clamp(2.7rem,4vw,4.1rem);margin-bottom:22px}
.agency-home .apply-section h2 em{color:#81746c}
.apply-invitation>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#746b68;margin-bottom:25px}
.agency-home .apply-section .button-gold{background:#211e21;color:#f7f3ee;padding:13px 20px;border-radius:5px}
.apply-details{background:#efedef;border-radius:24px;padding:38px}.apply-details .index{font-size:12px;color:#82776f}.apply-details h3{font-size:28px;line-height:1.3;margin:28px 0 18px}.apply-details p{font-size:16px;line-height:1.9;color:#746e73}.apply-details .text-link{font-size:14px;margin-top:12px;border-color:#b0a39a;color:#514941}
.agency-home .desert-footer{min-height:780px;padding:310px 28px 30px;gap:30px;margin-top:-70px;background:#100c11}
.agency-home .desert-footer .footer-scene{background:linear-gradient(#110d13,#21161a 65%,#15101a)}
.footer-glow{background:radial-gradient(ellipse at 50% 38%,#c08c6b38,transparent 65%)}
.footer-sun{width:320px;top:10%}.footer-dunes{object-position:center}
.agency-home .footer-wordmark{width:100%;font-size:clamp(6rem,26.6vw,30rem);font-weight:400;letter-spacing:-.065em;line-height:.9;color:#f8f6f3;text-shadow:none}
.agency-home .desert-footer .footer-wordmark{padding:.03em 0;line-height:1}
.agency-home .desert-footer>div:last-child{max-width:none;font-size:12px;color:#c7bfbe}.agency-home .desert-footer>div:last-child>span:first-child{font-size:12px}
.footer-motion-toggle{top:110px;font-size:12px;border-color:#fff2;background:#21191c4d}
.agency-home .reveal-group .headline-line{filter:blur(8px);transform:translateY(18px);transition:filter 1s ease,opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1)}
.agency-home .reveal-group.is-visible .headline-line{filter:blur(0);transform:none}
.agency-home .hero-content>h1{animation:reference-title 1.5s .6s both}
@keyframes reference-title{from{filter:blur(12px);opacity:0;transform:translateY(18px)}to{filter:blur(0);opacity:1;transform:none}}
@media(max-width:800px){
 .agency-home .site-header{width:calc(100% - 32px);max-width:480px;gap:14px;padding:10px 12px;top:16px}.agency-home .brand>span{font-size:15px}.agency-home .nav-apply{padding:10px 12px;font-size:12px}.agency-home .site-header nav{gap:0}
 .agency-home .hero{min-height:780px;max-height:1000px;padding:160px 24px 120px}.agency-home .hero-content{margin-top:90px}.agency-home .hero h1{font-size:clamp(2.75rem,8.7vw,4rem);line-height:1.08}.agency-home .hero-description{font-size:16px}.agency-home .sunrise-sun{top:-1%;width:250px}.agency-home .hero .eyebrow{font-size:10px;letter-spacing:.08em}.agency-home .hero .eyebrow>span{display:none}
 .agency-home .hero-bottom{bottom:25px;left:24px;right:24px}.agency-home .hero-bottom a{font-size:12px}
 .agency-home .dark-chapter .intro{padding:60px 24px 65px}.agency-home .intro h2{font-size:2.55rem}.agency-home .dark-chapter .approach{padding:15px 24px 75px}
 .agency-home .section-heading h2{font-size:2.6rem}.agency-home .pillars article{min-height:0;padding:28px 24px 0}.service-visual{margin:8px 0 15px;height:75px}
 .agency-home .values{padding:75px 24px}.agency-home .values h2{font-size:2.55rem}.agency-home .values-list{grid-template-columns:1fr}.agency-home .values-list article{padding:26px}.agency-home .values-intro{margin-bottom:35px}
 .particle-chapter{height:640px}.agency-home .particle-copy h2{font-size:2.8rem}.particle-chapter .particle-field{opacity:.9}
 .agency-home .apply-section{padding:65px 24px;grid-template-columns:1fr;gap:35px}.agency-home .apply-section h2{font-size:2.8rem}.apply-details{padding:28px}.apply-details h3{font-size:25px}
 .agency-home .desert-footer{min-height:600px;padding:280px 20px 25px;gap:40px}.footer-sun{width:230px;top:14%}.agency-home .footer-wordmark{font-size:26vw}.footer-motion-toggle{top:95px;right:20px}
 .agency-home .desert-footer>div:last-child{gap:16px}.agency-home .desert-footer>div:last-child>span:first-child{font-size:11px}
}
@media(max-width:390px){.agency-home .intro h2,.agency-home .values h2{font-size:2.25rem}.agency-home .hero{padding-left:20px;padding-right:20px}.agency-home .hero h1{font-size:2.6rem}.agency-home .particle-copy h2{font-size:2.5rem}.agency-home .hero .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.agency-home .reveal-group .headline-line{filter:none;transform:none}.agency-home .hero-content>h1{animation:none}}
.agency-home .sunrise-glow{background:radial-gradient(ellipse 12% 55% at 50% 22%,#da9e7855,transparent 85%),radial-gradient(ellipse at 50% 12%,#a3775c28,transparent 65%),linear-gradient(#130e13,#20161b 62%,#18131b)}
.agency-home .sunrise-dunes,.agency-home .footer-dunes{filter:brightness(.7) saturate(.65)}
.agency-home .footer-glow{background:radial-gradient(ellipse 10% 45% at 50% 44%,#cfa28b4a,transparent 90%),radial-gradient(ellipse at 50% 30%,#b2826220,transparent 65%)}
.particle-copy:before{content:'';position:absolute;inset:-90px -60px;background:radial-gradient(ellipse,#09080bbf 10%,#09080b60 40%,transparent 72%);z-index:-1;pointer-events:none}
.service-visual{font-size:12px;letter-spacing:0}.service-visual i{width:14px;flex-shrink:0}
@media(max-width:390px){.service-visual{gap:6px}.service-visual span{padding:0 6px}.service-visual i{width:10px}}
