/* VYFU: shared navigation and editorial pages. */
body{--page-ink:#232027;--muted:#635c6c;--line:#ded9e4}
.header{gap:24px}.nav{gap:clamp(15px,2.1vw,30px)}.nav>a{font-size:14px;font-weight:700;white-space:nowrap;position:relative;padding-block:12px}.nav>a[aria-current=page]:not(.button)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#9870c5;border-radius:2px}.nav .nav-hello{font-size:14px;gap:12px;padding:11px 20px}.nav .nav-hello[aria-current=page]{background:#d6c3ef;color:#30253b}.nav-hello svg{width:17px;height:17px}.menu{align-items:center;gap:12px;color:#7653a3;-webkit-tap-highlight-color:transparent}.menu-bars{position:relative;width:17px;height:12px;color:#9e7cc7}.menu-bars::before,.menu-bars::after{content:"";position:absolute;height:1.5px;background:currentColor;width:100%;left:0;transition:transform .2s,top .2s}.menu-bars::before{top:3px}.menu-bars::after{top:9px}.menu[aria-expanded=true] .menu-bars::before{top:6px;transform:rotate(45deg)}.menu[aria-expanded=true] .menu-bars::after{top:6px;transform:rotate(-45deg)}
.footer-links{gap:22px;flex-wrap:wrap;justify-content:flex-end;color:#645b6c}.footer-links a:hover,.footer-bottom a:hover{color:#7653a3}.footer-bottom{font-size:14px;line-height:1.6;color:#73697c}.footer-bottom a{display:inline-flex;align-items:center;gap:8px}.footer .vyfu-brand>span{font-size:36px}.footer{padding-top:44px}.skip:focus{position:fixed;z-index:60}.subpage main:focus{outline:none}
.subpage .eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:#67547c;margin:0 0 22px;text-transform:uppercase}.subpage h1,.subpage h2,.subpage h3{color:var(--page-ink);text-wrap:balance}.subpage h1{font-size:clamp(48px,6.1vw,88px);line-height:1.08;letter-spacing:-.065em;font-weight:700;margin:0 0 28px}.subpage h1 span,.editorial-grid h2 span{color:#967bab}.subpage h2{font-size:clamp(32px,3.6vw,49px);line-height:1.17;letter-spacing:-.045em;margin:0 0 26px}.subpage h3{line-height:1.3;letter-spacing:-.035em;font-weight:700}.subpage p{font-size:16px;line-height:1.85}.subpage .page-lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:660px;margin:0}.subpage .button,.subpage .text-link{font-size:15px}.subpage .button{padding:15px 24px;min-height:52px}.subpage .nav .button{padding:11px 20px;min-height:44px;font-size:14px}.page-intro{padding:88px 0 76px}.page-intro .intro-heading>.text-link,.page-intro .intro-heading>.button{margin-top:32px}.intro-heading{min-width:0}.page-section{padding-block:90px}.compact-top{padding-top:0}.small-number{font-size:12px;letter-spacing:.1em;color:#776885;font-weight:700}.editorial-band{background:#fff;padding:82px 0;scroll-margin-top:100px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.reading-copy p{color:var(--muted);margin:0 0 22px}.reading-copy p.large-copy{font-size:25px;line-height:1.55;color:var(--page-ink);letter-spacing:-.03em}.subpage .section-head>p{max-width:430px;font-size:16px;color:var(--muted)}.subpage .section-head h2{margin:0}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.value-card{background:white;border:1px solid #e9e5ed;border-radius:24px;padding:32px}.value-card h3{font-size:26px;margin:37px 0 16px}.value-card p{color:var(--muted);margin:0}.page-cta{background:#e7ddf3;padding:72px 0;margin-top:28px}.page-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:36px}.page-cta h2{font-size:clamp(37px,4.6vw,64px);letter-spacing:-.055em;line-height:1.12;margin:0 0 22px}.page-cta h2 span{color:#856697}.page-cta p:not(.eyebrow){color:#65586f;max-width:620px;margin:0}.page-cta .button{flex-shrink:0}
.about-hero{display:grid;grid-template-columns:1.18fr 1fr;gap:5%;align-items:center;padding-bottom:88px}.about-bird{margin:0;position:relative;isolation:isolate;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:370px}.bird-disc{position:absolute;width:83%;aspect-ratio:1;top:40%;left:10%;transform:translateY(-50%);border-radius:50%;background:#e3d6f3;z-index:-1}.about-bird img{width:100%;margin:20px auto;object-fit:contain}.about-bird figcaption{text-align:center;color:#67547c;font-size:13px;margin-top:8px}.identity-feature{background:#e6ddf1;border-radius:30px;padding:54px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.identity-feature p:not(.eyebrow){color:#6d5d77;max-width:520px;margin-bottom:28px}.identity-feature h2{font-size:42px}.identity-word{font-size:clamp(110px,17vw,240px);font-weight:700;letter-spacing:-.085em;line-height:1;text-align:center;padding-bottom:20px}.identity-word span{color:#9674bb}
.service-intro{padding-bottom:70px}.service-intro .intro-heading{position:relative}.service-intro h1{max-width:840px}.service-intro .page-lead{max-width:700px}.intro-note{position:absolute;right:0;bottom:10px;display:flex;flex-direction:column;gap:10px;padding-left:28px;border-left:1px solid #d7cedf}.intro-note strong{font-size:37px;line-height:1.2;letter-spacing:-.05em;color:#967bab}.intro-note span{font-size:14px;line-height:1.65;color:var(--muted)}.service-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:62px;align-items:start;padding-bottom:80px}.service-sidebar{position:sticky;top:125px;padding-top:27px}.service-jump{display:flex;flex-direction:column;gap:6px}.service-jump a{display:flex;align-items:center;gap:15px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.4;color:#6f6579;transition:background .2s,color .2s}.service-jump a span{font-size:12px;color:#67547c}.service-jump a:hover,.service-jump a[aria-current=location]{background:#e6dcf1;color:#31253b}.service-detail{display:grid;grid-template-columns:.9fr 1.2fr;gap:42px;padding:44px 0 52px;border-top:1px solid var(--line);scroll-margin-top:112px}.service-title h2{font-size:31px;line-height:1.22;margin:19px 0}.service-title .service-line{color:#72539a;font-size:17px;line-height:1.6;max-width:270px}.service-description>p{margin:0 0 22px;color:var(--muted)}.service-description h3{font-size:14px;letter-spacing:0;margin:28px 0 8px}.service-description ul{margin:0;padding:0;list-style:none}.service-description li{padding:11px 0 11px 18px;border-bottom:1px solid #e3dde8;font-size:16px;line-height:1.55;position:relative}.service-description li::before{content:"";position:absolute;left:0;top:21px;width:5px;height:5px;border:1px solid #b3a0c4;transform:rotate(45deg)}.service-outcome{background:#eee7f5;border-radius:16px;padding:20px 22px;margin:28px 0 24px}.service-outcome>span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#72539a}.service-outcome p{font-size:16px;margin:8px 0 0;line-height:1.7;color:#63546e}
.process-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:12%;align-items:start;padding-top:15px;padding-bottom:25px;scroll-margin-top:110px}.process-aside{position:sticky;top:128px;padding-top:20px}.process-aside h2{font-size:43px}.process-aside>p:not(.eyebrow){max-width:325px;color:var(--muted)}.process-signature{margin-top:35px;display:flex;flex-direction:column}.process-signature strong{font-size:115px;letter-spacing:-.075em;color:#8a67b4;line-height:1.2}.process-signature span{font-size:13px;color:#67547c}.process-timeline{list-style:none;margin:0;padding:0}.timeline-step{display:grid;grid-template-columns:48px 1fr;gap:26px;position:relative;padding:20px 0 46px}.timeline-step:not(:last-child)::before{content:"";position:absolute;left:23px;top:66px;bottom:-18px;width:1px;background:#d8cbdf}.step-badge{display:grid;place-items:center;width:48px;height:48px;background:#e6dbf2;border:1px solid #d4c1e8;border-radius:50%;font-size:14px;color:#715087;position:relative;z-index:1}.subpage .timeline-step .eyebrow{margin:1px 0 12px}.timeline-step h3{font-size:30px;margin:0 0 20px}.timeline-step p:not(.eyebrow){color:var(--muted);margin:0}.step-delivery{background:white;border:1px solid #ebe5f0;border-radius:16px;padding:19px 23px;display:flex;flex-direction:column;gap:7px;margin-top:24px}.step-delivery strong{font-size:14px;color:#715282}.step-delivery span{font-size:16px;color:#716577;line-height:1.6}.process-faq{display:grid;grid-template-columns:.8fr 1.3fr;gap:12%;border-top:1px solid var(--line)}.process-faq h2{font-size:40px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;font-size:17px;font-weight:700;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:400;color:#856c97;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0 0 25px;color:var(--muted)}
.work-section{padding-bottom:85px}.work-art{position:relative;aspect-ratio:1.85;overflow:hidden;border-radius:28px;background:#eee9f3}.work-art img{width:100%;height:100%;object-fit:cover;object-position:50% 59%;mix-blend-mode:multiply}.work-art-label{position:absolute;left:30px;right:30px;top:26px;display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#67547c}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:32px 0 47px}.subpage .work-caption .eyebrow{margin-bottom:10px}.work-caption h2{font-size:38px;margin:0 0 10px}.work-caption p:not(.eyebrow){color:var(--muted);margin:0}.work-caption .button{flex-shrink:0}.work-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);padding:40px 0 70px}.work-story h3{font-size:24px;line-height:1.35;margin:22px 0 16px}.work-story p{color:var(--muted);margin:0}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-tile{display:flex;flex-direction:column;min-height:425px;border-radius:25px;padding:34px;transition:transform .25s,box-shadow .25s}.work-tile:hover{transform:translateY(-5px);box-shadow:0 16px 35px #2920320c}.lilac-tile{background:#e1d2f0}.dark-tile{background:#232027;color:white}.subpage .dark-tile .eyebrow{color:#c8b7d6}.tile-word{font-size:clamp(100px,14vw,195px);font-weight:700;line-height:1.15;letter-spacing:-.09em;text-align:center;margin:4px 0 38px}.tile-word>span{color:#9473b7}.tile-type{font-size:clamp(50px,5.5vw,75px);font-weight:700;line-height:1.08;letter-spacing:-.065em;margin:15px 0 45px}.tile-type>span{color:#c5aff2}.tile-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:auto}.tile-bottom h3{font-size:24px;margin:0}.dark-tile h3{color:#fff}.circle-link{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bfa6d2;border-radius:50%;flex:none}.dark-tile .circle-link{border-color:#635471}
.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reason-card{background:white;padding:38px;border:1px solid #e7e2ec;border-radius:26px;display:flex;flex-direction:column}.reason-card:nth-child(2){background:#e7ddf3}.reason-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.subpage .reason-top .eyebrow{margin:0}.reason-number{font-size:50px;line-height:1;color:#8a67b4;letter-spacing:-.05em}.reason-card h2{font-size:36px;max-width:410px;margin-bottom:22px}.reason-card>p{color:var(--muted);margin:0 0 33px}.reason-result{margin-top:auto;border-top:1px solid #dbd2e4;padding-top:21px;display:flex;flex-direction:column;gap:8px}.reason-result>span{font-size:12px;color:#72539a;letter-spacing:.03em}.reason-result strong{font-size:16px;line-height:1.6;font-weight:400}.working-promise{background:#232027;padding:59px;border-radius:30px}.subpage .working-promise .eyebrow{color:#c1a9d7}.working-promise h2{color:#fff;font-size:clamp(38px,4.6vw,62px)}.working-promise h2>span{color:#c5aff2}.promise-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-top:35px}.promise-bottom p{color:#c0b6c9;max-width:530px;margin:0}.promise-bottom .button{flex-shrink:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:8%;align-items:start;padding-block:78px 90px}.contact-intro h1{font-size:clamp(45px,4.8vw,68px)}.contact-intro .page-lead{font-size:17px;max-width:475px}.contact-email{display:inline-flex;align-items:center;gap:14px;font-size:clamp(17px,1.8vw,23px);font-weight:700;letter-spacing:-.025em;margin-top:36px;text-underline-offset:6px;overflow-wrap:anywhere}.contact-email:hover{text-decoration:underline}.contact-email .icon{flex:none}.subpage .contact-location{font-size:14px;color:#67547c;margin:12px 0 0}.contact-next{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.subpage .contact-next .eyebrow{margin-bottom:15px}.contact-next ol{padding-left:21px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}.contact-next li{padding:5px 0 5px 7px}.contact-next li::marker{color:#9876b3;font-size:13px}.contact-bird{width:185px;height:auto;object-fit:contain;margin:30px 0 0}.brief-panel{background:white;border:1px solid #e6e0eb;border-radius:28px;padding:35px}.brief-heading h2{font-size:29px;margin:0 0 12px}.brief-heading>p:not(.eyebrow){color:var(--muted);font-size:16px;margin:0 0 30px}.subpage .brief-heading .eyebrow{margin-bottom:16px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.brief-form .full{grid-column:1/-1}.brief-form label{display:block;font-size:14px;font-weight:700;line-height:1.6;margin-bottom:9px}.brief-form label>span:not(.optional){color:#8b69a7}.optional{font-weight:400;color:#67547c;font-size:12px}.brief-form input,.brief-form select,.brief-form textarea{width:100%;min-width:0;min-height:51px;background:#f8f6fa;color:#232027;border:1px solid #ded7e5;border-radius:11px;padding:12px 14px;font:16px/1.6 Manrope,Arial,sans-serif;transition:border-color .2s,background .2s}.brief-form input:focus,.brief-form select:focus,.brief-form textarea:focus{background:white;border-color:#ae8bcd}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a194aa;font-size:14px}.brief-form textarea{resize:vertical;min-height:140px;max-height:400px}.brief-form .button{width:100%}.subpage .brief-note{font-size:13px;line-height:1.7;color:#817389;margin:16px 0 0}.brief-form .status:empty{display:none}.subpage .brief-form .status{font-size:14px;padding:14px 16px;border-radius:10px;background:#eee6f6;line-height:1.7;margin-bottom:0;color:#655173}
.identity-board{display:grid;grid-template-columns:1fr 1fr;gap:22px}.identity-logo{position:relative;display:flex;align-items:center;justify-content:center;min-height:285px;border-radius:24px;padding:36px}.identity-logo>.eyebrow{position:absolute;top:25px;left:30px}.identity-logo .vyfu-brand>span{font-size:86px;letter-spacing:-.065em}.identity-logo .vyfu-brand>img{width:104px;height:91px}.light-logo{background:white}.dark-logo{background:#232027;color:white}.subpage .dark-logo .eyebrow{color:#bda6cd}.identity-mascot{background:#e6dbf1;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:center}.identity-mascot img{width:78%;height:auto;max-height:295px;object-fit:contain;margin:auto}.identity-voice{background:white;border-radius:24px;padding:38px;display:flex;flex-direction:column;justify-content:center}.identity-voice h2{font-size:40px;line-height:1.22}.identity-voice>p:not(.eyebrow){color:var(--muted);margin:0}.identity-palette{display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;overflow:hidden;border:1px solid #e0dbe6;margin-top:25px}.identity-palette>div{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;min-height:165px;padding:24px;font-size:14px}.identity-palette strong{font-size:13px;font-weight:400;opacity:.75}.identity-type{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:76px;padding-bottom:35px}.identity-type h2{font-size:43px}.identity-type h2>span{display:block;font-size:115px;color:#c2aad7;line-height:1.3;letter-spacing:-.07em;margin-top:10px}.not-found{padding:120px 0;text-align:center}.not-found>p{color:var(--muted)}.not-found .hero-actions{justify-content:center}
@media(max-width:1200px){.intro-note{position:static;flex-direction:row;align-items:center;margin-top:30px;gap:22px;padding-left:0;border:0}.service-layout{gap:34px;grid-template-columns:210px minmax(0,1fr)}.service-detail{gap:25px}.service-title h2{font-size:28px}.contact-layout{gap:5%}.brief-panel{padding:29px}.footer-links{gap:16px}.identity-feature{padding:40px;gap:25px}.identity-feature h2{font-size:36px}.promise-bottom{gap:35px}}
@media(max-width:1040px){.header{height:78px}.menu{display:inline-flex}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#faf9fc;backdrop-filter:blur(18px);padding:24px 5% 30px;flex-direction:column;align-items:stretch;gap:2px;border-bottom:1px solid #ded5e6;box-shadow:0 20px 25px #28202e07;max-height:calc(100dvh - 78px);overflow:auto}.nav.open{display:flex}.nav>a{font-size:18px;padding:15px 0}.nav>a[aria-current=page]:not(.button)::after{display:none}.nav>a[aria-current=page]:not(.button){padding-left:14px;background:#eee6f6;border-radius:9px}.nav .nav-hello{margin-top:15px;align-self:flex-start;padding:13px 21px}.footer-top{align-items:flex-start}.footer-links{max-width:550px;row-gap:14px}.about-hero{grid-template-columns:1.2fr .9fr;gap:3%}.about-hero h1{font-size:clamp(46px,5.5vw,64px)}.about-bird{min-height:300px}.value-grid{gap:16px}.value-card{padding:26px}.value-card h3{font-size:24px}.service-layout{grid-template-columns:1fr;gap:22px}.service-sidebar{position:static;padding-top:0}.subpage .service-sidebar>.eyebrow{display:none}.service-jump{flex-direction:row;flex-wrap:wrap;gap:8px;padding-bottom:25px}.service-jump a{padding:10px 13px;background:#eee8f4;border:1px solid #e0d6e9}.service-jump a span{display:none}.service-detail{grid-template-columns:.9fr 1.2fr;gap:9%;padding:40px 0}.service-title h2{font-size:32px}.process-layout,.process-faq{gap:6%}.process-aside h2{font-size:35px}.timeline-step{gap:20px}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:4%}.brief-form{grid-template-columns:1fr;gap:20px}.brief-panel{padding:28px}.brief-heading h2{font-size:27px}.contact-intro h1{font-size:48px}.reason-card{padding:30px}.reason-card h2{font-size:32px}.working-promise{padding:43px}.promise-bottom{align-items:flex-start;flex-direction:column;gap:28px}.identity-voice h2{font-size:32px}}
@media(max-width:760px){.header{height:72px}.nav{top:71px;max-height:calc(100dvh - 72px);padding-inline:6%}.nav .nav-hello{font-size:15px}.footer-top{flex-direction:column;gap:30px}.footer-links{justify-content:flex-start;gap:16px 22px}.footer-bottom{font-size:13px}.subpage h1{font-size:clamp(42px,8.9vw,64px);letter-spacing:-.055em;line-height:1.13;margin-bottom:23px}.subpage h2{font-size:34px;line-height:1.22}.subpage .page-lead{font-size:17px;line-height:1.8}.page-intro{padding:49px 0 46px}.subpage .eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:22px}.page-section{padding-block:60px}.compact-top{padding-top:0}.page-cta{padding:55px 0;margin-top:0}.page-cta>.wrap{flex-direction:column;align-items:flex-start;gap:30px}.subpage .page-cta h2{font-size:clamp(36px,8.5vw,48px)}.editorial-band{padding:54px 0}.editorial-grid{grid-template-columns:1fr;gap:17px}.editorial-grid h2{margin-bottom:13px}.reading-copy p.large-copy{font-size:23px}.value-grid{grid-template-columns:1fr;gap:14px}.value-card{padding:28px}.value-card h3{margin:18px 0 14px;font-size:26px}.about-hero{grid-template-columns:1fr;gap:22px;padding-bottom:47px}.about-hero h1{font-size:clamp(43px,9.4vw,65px)}.about-bird{width:min(410px,100%);margin:10px auto 0;min-height:0}.about-bird img{width:92%;margin:0 auto}.about-bird figcaption{margin-top:18px;font-size:12px}.bird-disc{width:74%;left:14%;top:42%}.identity-feature{grid-template-columns:1fr;padding:29px;gap:24px;border-radius:24px}.identity-feature h2{font-size:32px}.identity-word{font-size:145px;padding:0 0 20px}.intro-note{margin-top:26px}.intro-note strong{font-size:31px}.service-intro{padding-bottom:38px}.service-layout{gap:8px;padding-bottom:35px}.service-jump{flex-wrap:nowrap;overflow:auto;overscroll-behavior-x:contain;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#cab7dc transparent}.service-jump a{white-space:nowrap;flex:none;font-size:14px}.service-detail{grid-template-columns:1fr;gap:7px;padding:34px 0 40px;scroll-margin-top:95px}.service-title h2{font-size:29px;margin:16px 0 13px}.service-title .service-line{max-width:none;font-size:18px;margin:0 0 20px}.service-description li{font-size:16px}.service-description>p{margin-bottom:20px}.service-outcome{padding:20px}.service-description .text-link{font-size:15px}.process-layout{grid-template-columns:1fr;gap:32px;padding-top:0;padding-bottom:15px}.process-aside{position:static;padding:0;display:grid;grid-template-columns:1fr auto;gap:0 25px}.process-aside>.eyebrow{grid-column:1/-1}.process-aside h2{font-size:33px;margin:0 0 18px}.process-aside>p:not(.eyebrow){grid-column:1;max-width:100%;margin:0}.process-signature{grid-column:2;grid-row:2/4;margin:0;justify-content:center;text-align:right}.process-signature strong{font-size:77px}.process-signature span{font-size:12px;max-width:82px}.timeline-step{grid-template-columns:39px 1fr;gap:18px;padding:18px 0 35px}.step-badge{width:39px;height:39px;font-size:13px}.timeline-step:not(:last-child)::before{left:19px;top:58px;bottom:-18px}.timeline-step h3{font-size:26px;margin-bottom:15px}.step-delivery{padding:16px 18px}.process-faq{grid-template-columns:1fr;gap:8px}.process-faq h2{font-size:33px}.faq-list summary{font-size:16px}.work-section{padding-bottom:55px}.work-art{aspect-ratio:1.2;border-radius:20px}.work-art img{object-position:52% 50%}.work-art-label{top:18px;left:20px;right:20px;font-size:12px;letter-spacing:0;gap:10px}.work-art-label>span:first-child{max-width:210px}.work-caption{flex-direction:column;align-items:flex-start;gap:22px;padding:25px 0 32px}.work-caption h2{font-size:32px}.work-story{grid-template-columns:1fr;gap:28px;padding:30px 0 40px}.work-story h3{font-size:24px;margin:13px 0}.work-pair{grid-template-columns:1fr;gap:18px}.work-tile{min-height:375px;padding:29px}.tile-word{font-size:155px;margin-bottom:24px}.tile-type{font-size:63px;margin:10px 0 30px}.tile-bottom h3{font-size:24px}.reason-grid{grid-template-columns:1fr;gap:16px}.reason-card{padding:29px}.reason-top{margin-bottom:24px}.reason-card h2{font-size:31px}.reason-card>p{margin-bottom:26px}.working-promise{padding:30px;border-radius:24px}.working-promise h2{font-size:34px}.promise-bottom{margin-top:22px}.promise-bottom .button{white-space:normal;text-align:center}.contact-layout{grid-template-columns:1fr;gap:35px;padding-block:48px 58px}.contact-intro h1{font-size:clamp(44px,9.3vw,64px)}.contact-intro .page-lead{max-width:100%}.contact-email{font-size:22px;margin-top:27px}.contact-next{margin-top:26px;padding-top:25px}.contact-bird{display:none}.brief-panel{padding:27px;border-radius:24px}.brief-heading h2{font-size:27px}.brief-form{grid-template-columns:1fr}.brief-form .button{font-size:14px;padding-inline:17px}.identity-board{grid-template-columns:1fr;gap:16px}.identity-logo{min-height:250px;padding:30px}.identity-logo .vyfu-brand>span{font-size:80px}.identity-logo .vyfu-brand>img{width:85px;height:76px}.identity-mascot{padding:26px;min-height:285px}.identity-mascot img{width:82%}.identity-voice{padding:30px}.identity-voice h2{font-size:33px}.identity-palette{grid-template-columns:1fr 1fr;margin-top:20px}.identity-palette>div{min-height:130px;padding:22px}.identity-type{grid-template-columns:1fr;gap:22px;padding-top:48px;padding-bottom:0}.identity-type h2{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;font-size:35px}.identity-type h2>span{font-size:83px;margin:0}.not-found{padding:75px 0}.not-found .hero-actions{gap:25px}}
@media(max-width:380px){.subpage h1{font-size:40px}.about-hero h1,.contact-intro h1{font-size:42px}.contact-email{font-size:19px}.brief-panel{padding:22px}.identity-feature{padding:25px}.process-aside{display:block}.process-signature{display:none}.timeline-step{gap:13px}.timeline-step h3{font-size:24px}.subpage .page-cta h2{font-size:33px}.identity-voice h2{font-size:29px}.identity-logo .vyfu-brand>span{font-size:70px}.reason-card{padding:25px}.reason-card h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.work-tile:hover,.button:hover{transform:none}.menu-bars::before,.menu-bars::after{transition:none}}

/* Web3Forms bot tuzagi: insanlar gormez, botlar doldurur */
.brief-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Hakkimizda: ekip kartlari (isim + unvan, ustte lila cizgi) */
.team-card{border-top:3px solid #c5aff2}
.team-card h3{margin:0 0 12px;font-size:clamp(23px,2.1vw,27px)}
.team-card p{color:#76538b;line-height:1.6}

/* Altbilgi: logo gorseli, daha kompakt dikey bosluklar */
.footer{padding:34px 0 22px}
.footer-logo{display:block;height:38px;width:auto}
.footer-bottom{margin-top:24px;padding-top:16px}
@media(max-width:760px){
  .footer{padding:28px 0 20px}
  .footer-top{gap:18px}
  .footer-logo{height:34px}
  .footer-bottom{margin-top:18px;padding-top:14px;gap:6px}
}

/* Ust menu: kus + logo yazisi gorseli */
/* eski "vyfu." yazisinin mureccep yuksekligiyle ayni: 38px (dar ekranda 34px) */
.header .vyfu-brand>img.brand-word{width:auto;height:38px;object-fit:contain}
@media(max-width:760px){.header .vyfu-brand>img.brand-word{height:34px}}

/* Duzeltme: tek sutuna dusen izgaralarda 1fr icerige gore genisleyip sayfayi yana tasiriyordu */
@media(max-width:1040px){.service-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
  .service-detail,.work-pair{grid-template-columns:minmax(0,1fr)}
  .work-tile{min-width:0;overflow:hidden}
  .tile-word{font-size:clamp(72px,30vw,155px)}
  .tile-type{font-size:clamp(40px,12vw,64px)}
}

/* ================= MOBIL ================= */
/* Dokunma vurgusu: tarayicinin mavi kutusu yerine lila */
*{-webkit-tap-highlight-color:rgba(152,112,197,.22)}
html{overflow-x:clip}
@media(max-width:1040px){
  .nav>a:active{background:#eee6f6;border-radius:9px}
  .menu:active{background:#eee6f6}
}
@media(max-width:760px){
  /* hero kusu ekran kenarina tam oturur, tasmaz */
  .bird-art{width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

  /* Hizmet kartlari: tek sutun, kompakt satir; acilan kart tam genislik ve ustunde kusa yer */
  .expertise-grid{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .expertise-card summary{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:16px 18px}
  .expertise-card .card-top{display:contents}
  .expertise-card .card-top .number{display:none}
  .expertise-card .card-top svg{grid-column:1;grid-row:1;width:24px;height:24px}
  .expertise-card h3{grid-column:2;grid-row:1;margin:0;font-size:18px;line-height:1.3}
  .expertise-card .card-more{grid-column:3;grid-row:1;margin:0;font-size:0;gap:0}
  .expertise-card .service-body{padding:0 18px 20px;font-size:15px}
  .expertise-card .service-body p{margin-bottom:12px}
  .expertise-card[open]{margin-top:70px;transition:margin-top .25s}
  .section-head:has(+ .expertise-grid){margin-bottom:28px}
}
/* Hizmetler: mobil akordeon (app.js .services-collapsed ekler) */
.service-toggle{display:none}
@media(max-width:760px){
  .services-collapsed .service-detail:not(.is-open) .service-description{display:none}
  .services-collapsed .service-detail{padding:26px 0}
  .services-collapsed .service-title h2{margin:0 0 8px}
  .services-collapsed .service-title .service-line{max-width:none;margin:0}
  .service-toggle{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 16px;border:1px solid #d9c9ec;border-radius:999px;
    background:#f5f0fa;color:#4d3b61;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
  .service-toggle .sign{position:relative;width:12px;height:12px}
  .service-toggle .sign::before,.service-toggle .sign::after{content:"";position:absolute;left:0;top:5px;width:12px;height:2px;border-radius:1px;background:currentColor;transition:transform .2s}
  .service-toggle .sign::after{transform:rotate(90deg)}
  .service-toggle[aria-expanded=true] .sign::after{transform:rotate(0)}
  .service-detail.is-open .service-description{padding-top:18px}
}
/* Mobil ince ayarlar: dengeli basliklar, iOS yakinlastirmasin diye 16px form alanlari, daha sik kartlar */
h1,h2,h3{text-wrap:balance}
@media(max-width:760px){
  .brief-form input,.brief-form select,.brief-form textarea{font-size:16px}
  .cta h2{font-size:clamp(44px,13vw,60px)}
  .value-card,.reason-card,.journey-card{padding:24px 22px}
  .value-card h3{margin:18px 0 10px}
  .journey-card h3{margin:16px 0 10px}
  .journey-num{font-size:40px}
}

/* ================= MOBIL: hero + hizmet kartlari ================= */
@media(max-width:760px){
  /* hero biraz yukari: kus kaidesiyle birlikte ilk ekranda gorunsun */
  .bird-hero{padding-top:22px}
  .bird-copy h1{margin:16px 0 14px}
  .hero-actions{margin-top:22px}
  .bird-art{margin-top:-34px}  /* gorselin ust %12'si zaten maskeyle saydam */

  /* kus alani aninda acilir: kayan bosluk kusu kartin ustunde oynatiyordu */
  .expertise-card[open]{transition:none}
  .expertise-card[open] .service-body{animation:kart-ac .28s ease-out both}
  .expertise-card .service-body .text-link{padding:10px 16px;margin-top:2px;border-radius:99px;background:#f0eaf8;font-size:14px}
  .expertise-card .service-body .text-link::after{content:"→"}
}
@keyframes kart-ac{from{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.expertise-card[open] .service-body{animation:none}}

/* ================= Manifesto: "Hafif bir dokunus. Guclu bir karakter." =================
   Kusun etrafinda lila hale (ortasi bos: gozler koyu kalir), ayak altinda koyu golge (bacaklar haleyle kaybolmasin), ince cerceve. Kus gorseli/videosu 'lighten' ile
   karisir: koyu zemini (#232027) haleyi kapatmaz, beyaz kus oldugu gibi kalir. */
.manifesto{--gx:70%;--gy:48%;--lx:72%;--fy:81%;position:relative;isolation:isolate;
  background:
    radial-gradient(ellipse 9% 8% at var(--lx) var(--fy),#232027 55%,rgba(35,32,39,0) 100%),
    radial-gradient(circle at var(--gx) var(--gy),transparent 9%,rgba(197,175,242,.26) 19%,rgba(152,112,197,.12) 28%,transparent 46%),
    radial-gradient(ellipse at 0 100%,rgba(152,112,197,.16),transparent 45%),
    #232027;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 40px 70px -40px rgba(42,31,58,.55)}
.manifesto>img,.manifesto>.mark-live{mix-blend-mode:lighten}
.manifesto h2 span{background:linear-gradient(95deg,#c5aff2 10%,#eee4ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.manifesto .button.light svg{transition:transform .2s}
.manifesto .button.light:hover{background:#e5daf5}
.manifesto .button.light:hover svg{transform:translate(2px,-2px)}
@media(max-width:760px){
  .manifesto{--gx:40%;--gy:78%;--lx:37%;--fy:95.5%;padding:38px 28px 20px}
  .manifesto{background:
    radial-gradient(ellipse 22% 4.5% at var(--lx) var(--fy),#232027 55%,rgba(35,32,39,0) 100%),
    radial-gradient(circle at var(--gx) var(--gy),transparent 8%,rgba(197,175,242,.18) 22%,rgba(152,112,197,.09) 34%,transparent 56%),
    radial-gradient(ellipse at 100% 0,rgba(152,112,197,.14),transparent 50%),
    #232027}
}

/* Manifesto (mobil): tek ekrana sigar. Hale/golge yok, kus gorselinin kenari zemine erir:
   telefonda video rengi zeminden az farkli cikabiliyor, kare kutu gorunmesin. */
@media(max-width:760px){
  .manifesto{padding:28px 24px 16px;gap:6px;
    background:radial-gradient(ellipse at 100% 0,rgba(152,112,197,.18),transparent 55%),#232027}
  .manifesto h2{font-size:34px;margin:14px 0 12px}
  .manifesto p:not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 18px}
  .manifesto .button{min-height:44px;padding:11px 20px}
  .manifesto>img,.manifesto>.mark-live{mix-blend-mode:normal;width:auto;max-width:100%;height:190px;max-height:none;margin:0 auto;justify-self:center;object-fit:contain;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent);
    -webkit-mask-composite:source-in;mask-composite:intersect}
}

/* Masaustu: hero'nun grisi bir sonraki bolume yumusakca akar, beyazla sert kesilmez */
@media(min-width:761px){
  .intro{background:linear-gradient(#f5f5f7,#fff 90px)}  /* baslik bandi duz beyaz kalir */
}

/* Sabit dugmeler (app.js): sagda ince lila daire icinde yukari ok, solda lila WhatsApp */
.to-top{position:fixed;right:22px;bottom:22px;z-index:40;width:46px;height:46px;border-radius:50%;border:1.5px solid #9e7cc7;background:#f8f6fbd9;backdrop-filter:blur(10px);color:#7653a3;display:grid;place-items:center;padding:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility 0s .25s,background .2s}
.to-top.on{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s,background .2s}
.to-top:hover{background:#eee6f6}
.to-top svg{width:20px;height:20px}
.wa-float{position:fixed;left:22px;bottom:22px;z-index:40;width:52px;height:52px;border-radius:50%;background:#9e7cc7;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -10px #4a336c88;transition:background .2s,transform .2s}
.wa-float:hover{background:#7653a3;transform:translateY(-2px)}
.wa-float svg{width:26px;height:26px}
@media(max-width:760px){.to-top{right:16px;bottom:16px;width:44px;height:44px}.wa-float{left:16px;bottom:16px;width:50px;height:50px}}
@media print{.to-top,.wa-float{display:none}}

/* KVKK ve gizlilik metni */
.legal{padding-bottom:100px}
.legal>*{max-width:780px}
.legal-date{font-size:13px!important;color:#8d7f99;margin:0 0 10px}
.legal h2{font-size:24px!important;line-height:1.3!important;letter-spacing:-.03em;margin:42px 0 14px}
.legal p,.legal li{color:#5f566a;font-size:16px;line-height:1.85}
.legal ul{padding-left:20px;margin:0 0 16px;display:grid;gap:8px}
.legal a{color:#7653a3;text-decoration:underline;text-underline-offset:3px}
.legal strong{color:#2d2238}
/* Formdaki aydinlatma onayi */
.brief-form .consent-label{display:flex;align-items:flex-start;gap:11px;margin:0;font-size:13.5px;font-weight:400;line-height:1.6;color:#5f566a;cursor:pointer}
.brief-form .consent-label input{flex:none;width:19px;height:19px;min-height:0;margin:2px 0 0;padding:0;accent-color:#7653a3;cursor:pointer}
.brief-form .consent-label>span{color:#5f566a}
.brief-form .consent-label a{color:#7653a3;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.footer-bottom a{text-decoration:none}
/* 404 */
.nf{display:flex;flex-direction:column;align-items:center}
.nf-bird{width:220px;height:auto;margin-bottom:26px;animation:nf-bob 3.5s ease-in-out infinite}
@keyframes nf-bob{50%{transform:translateY(-8px) rotate(-2deg)}}
.nf h1 span{color:#9a7ab8}
.nf .page-lead{margin:0 auto 30px}
@media(prefers-reduced-motion:reduce){.nf-bird{animation:none}}
@media(max-width:760px){.legal{padding-bottom:70px}.legal h2{font-size:21px!important;margin-top:34px}.nf-bird{width:170px}}