:root{--navy:#2d3250;--mid:#424769;--soft:#676f9d;--peach:#f9b17a;--white:#fff;--ink:#22263e;--line:#dfe1eb;--max:1180px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Raleway,Arial,sans-serif;color:var(--white);background:var(--navy);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{height:80px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - var(--max))/2));background:rgba(45,50,80,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.01em}.brand span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--peach);border-radius:50%;color:var(--peach);font-size:.78rem}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav>a:not(.button){font-size:.9rem;color:#e7e8ee}.menu-toggle{display:none;background:none;color:#fff;border:1px solid var(--soft);border-radius:99px;padding:8px 14px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--peach);color:var(--ink);border:0;border-radius:10px;padding:15px 22px;font-weight:700;cursor:pointer;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(249,177,122,.22)}.button-small{padding:10px 16px;font-size:.85rem}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;padding-block:74px 90px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--peach);margin:0 0 20px}.eyebrow.dark{color:var(--mid)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em;margin-bottom:30px}h1 em,.contact h2 em{color:var(--peach);font-style:normal}.lead{font-size:1.18rem;max-width:620px;color:#d9dbe5}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:36px}.text-link{font-weight:600}.text-link span{color:var(--peach);margin-left:7px}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px;color:#c9cbd7;font-size:.78rem}.trust span::before{content:'✓';color:var(--peach);margin-right:7px}.hero-art{position:relative;min-height:500px;display:grid;place-items:center}.hero-art::before{content:'';position:absolute;inset:8% 7%;border-radius:50%;background:var(--mid);filter:blur(70px);opacity:.55}.hero-art img{position:relative;width:112%;max-width:none;height:auto;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 55px rgba(6,9,26,.38);overflow:hidden}.art-label{position:absolute;right:0;bottom:45px;z-index:2;padding:10px 14px;background:var(--white);color:var(--navy);border-radius:8px;font-size:.72rem;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.2)}.section{padding:115px 0}.light{background:var(--white);color:var(--ink)}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:60px}.section-head h2,.about h2,.contact h2{font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.04;letter-spacing:-.04em;margin:0}.section-head>p{color:#62677c;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:.2s transform,.2s border-color}.service-grid article:hover{transform:translateY(-5px);border-color:var(--peach)}.service-grid article>span{color:var(--peach);font-size:.8rem;font-weight:700}.service-grid h3{font-size:1.4rem;line-height:1.2;margin:32px 0 15px}.service-grid p{color:#64687a}.service-grid ul{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.service-grid li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.87rem}.service-grid li::before{content:'—';color:var(--peach);margin-right:8px}.bundle{margin-top:24px;background:var(--mid);color:var(--white);border-radius:var(--radius);padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.bundle h3{font-size:1.8rem;margin-bottom:6px}.bundle p{margin-bottom:0;color:#e3e4eb}.projects{background:var(--navy)}.inverted>p{color:#c5c7d2}.project-list{display:grid;gap:32px}.project-card{display:grid;grid-template-columns:1.45fr .55fr;background:var(--mid);border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden}.project-card.reverse{grid-template-columns:.55fr 1.45fr}.project-card.reverse .project-preview{order:2}.project-copy{padding:46px;align-self:center}.project-copy>span{color:var(--peach);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.project-copy h3{font-size:2.2rem;line-height:1.1;margin:14px 0 18px}.project-copy p{color:#d0d2dc}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags i{font-style:normal;border:1px solid var(--soft);border-radius:99px;padding:5px 10px;font-size:.72rem}.project-preview{min-height:440px;position:relative;overflow:hidden;padding:42px;color:var(--ink)}.browser-bar{position:absolute;top:24px;left:28px;display:flex;gap:7px}.browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--soft)}.browser-bar i:nth-child(2){background:var(--peach)}.psychology{background:#eef0f6;padding-top:70px}.psy-grid{height:100%;border-radius:16px;background:#fff;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;box-shadow:0 22px 45px rgba(35,39,66,.15)}.psy-grid>div:first-child{padding:46px 36px}.psy-grid small{font-size:.58rem;letter-spacing:.12em;color:var(--soft)}.psy-grid strong{display:block;font-size:1.8rem;line-height:1.12;margin:18px 0}.psy-grid b{display:block;width:85%;height:8px;background:#e5e6ed;margin:10px 0;border-radius:9px}.psy-grid b:nth-of-type(2){width:62%}.psy-grid button{margin-top:20px;border:0;background:var(--peach);padding:10px 14px;border-radius:6px}.portrait-shape{background:linear-gradient(145deg,#676f9d,#2d3250);position:relative}.portrait-shape::after{content:'';position:absolute;width:55%;height:65%;border-radius:45% 45% 8% 8%;background:#f9b17a;left:22%;bottom:0;opacity:.8}.barber{background:#11131a;display:grid;place-items:center}.phone{width:230px;height:370px;border-radius:30px;background:#1c2025;color:#fff;padding:28px 22px;box-shadow:0 20px 50px #000;position:relative;z-index:2}.phone-top{width:50px;height:5px;border-radius:5px;background:#343941;margin:0 auto 22px}.phone strong{font-size:1.7rem;line-height:.9}.phone strong em{color:#b8ff62;font-style:normal}.phone p{font-size:.72rem;color:#aeb3ba;margin:10px 0 18px}.appointments{display:grid;gap:7px}.appointments span{font-size:.65rem;color:#b8ff62}.appointments b{font-size:.68rem;background:#282d34;border-radius:7px;padding:9px}.phone button{position:absolute;bottom:20px;left:22px;right:22px;border:0;border-radius:8px;background:#b8ff62;padding:10px;font-weight:700}.barber-panel{position:absolute;right:8%;top:22%;background:#b8ff62;color:#111;padding:20px;border-radius:14px;transform:rotate(5deg);display:grid;box-shadow:0 15px 30px #000}.barber-panel span,.barber-panel small{font-size:.65rem}.barber-panel strong{font-size:2rem;line-height:1}.working{background:#eef0f6;display:flex;padding:38px}.work-sidebar{width:80px;background:var(--navy);border-radius:14px 0 0 14px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:22px;color:#fff}.work-sidebar strong{color:var(--peach)}.work-sidebar i{width:30px;height:5px;background:var(--soft);border-radius:8px}.work-main{flex:1;background:#fff;border-radius:0 14px 14px 0;padding:34px}.work-main small{color:var(--soft);font-size:.6rem}.work-main h4{font-size:1.5rem;margin:8px 0 25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats b{background:#f1f2f7;border-radius:8px;padding:12px;color:var(--mid);font-size:1.2rem}.stats small{display:block;font-weight:400}.chart{height:130px;margin-top:22px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line)}.chart i{flex:1;background:var(--soft);height:45%;border-radius:7px 7px 0 0}.chart i:nth-child(2){height:70%;background:var(--peach)}.chart i:nth-child(3){height:58%}.chart i:nth-child(4){height:90%;background:var(--mid)}.chart i:nth-child(5){height:75%;background:var(--peach)}.method ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.method li{padding:28px 26px 0 0;border-right:1px solid var(--line);min-height:190px}.method li+li{padding-left:26px}.method li:last-child{border:0}.method li span{font-size:.72rem;color:var(--soft);font-weight:700}.method li h3{font-size:1.35rem;margin:34px 0 8px}.method li p{font-size:.9rem;color:#696d7e}.about{background:var(--mid)}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.monogram{aspect-ratio:1;border:1px solid var(--soft);border-radius:50%;display:grid;place-items:center;position:relative;background:var(--navy);max-width:420px}.monogram span{font-size:7rem;font-weight:600;letter-spacing:-.08em;color:var(--peach)}.monogram small{position:absolute;bottom:17%;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.about p:not(.eyebrow){color:#dedfe6}.contact{padding:120px 0;background:var(--navy)}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:start}.contact-grid>div>p:last-child{color:#d0d2dc;max-width:560px}.contact form{background:var(--white);color:var(--ink);border-radius:var(--radius);padding:34px;display:grid;gap:18px}.contact label{display:grid;gap:6px;font-size:.75rem;font-weight:700}.contact input,.contact select,.contact textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 13px;color:var(--ink);background:#fff}.contact textarea{resize:vertical}.contact form small{color:#717589}footer{border-top:1px solid rgba(255,255,255,.1);padding:30px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.78rem}footer p{margin:0;color:#b8bac7}footer>a{color:var(--peach)}
@media(max-width:900px){.site-header{height:70px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--soft)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-block:60px}.hero-art{min-height:380px}.hero-art img{width:100%}.section{padding:80px 0}.section-head,.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:1fr}.project-card,.project-card.reverse{grid-template-columns:1fr}.project-card.reverse .project-preview{order:0}.method ol{grid-template-columns:1fr 1fr}.method li:nth-child(2){border-right:0}.bundle{align-items:flex-start;flex-direction:column}.monogram{width:min(75vw,360px);margin:auto}}
@media(max-width:560px){.wrap{width:min(calc(100% - 28px),var(--max))}h1{font-size:3.15rem}.hero{padding-top:45px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:280px}.art-label{bottom:10px}.trust{gap:10px}.section{padding:65px 0}.section-head h2,.about h2,.contact h2{font-size:2.5rem}.project-preview{min-height:340px;padding:24px}.project-copy{padding:30px}.psy-grid>div:first-child{padding:30px 20px}.psy-grid strong{font-size:1.2rem}.phone{transform:scale(.83)}.barber-panel{right:2%}.working{padding:24px 14px}.work-sidebar{width:55px;padding:16px 10px}.work-main{padding:24px 14px}.stats{gap:5px}.stats b{padding:8px;font-size:1rem}.method ol{grid-template-columns:1fr}.method li,.method li+li{border-right:0;border-bottom:1px solid var(--line);padding:24px 0;min-height:auto}.method li h3{margin:12px 0 5px}.monogram span{font-size:5rem}.contact form{padding:24px}footer .wrap{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.project-preview.live-preview{padding:0;background:#fff;display:block;position:relative;min-height:440px}.live-preview iframe{display:block;width:100%;height:440px;border:0;pointer-events:none;background:#fff}.live-badge{position:absolute;z-index:3;top:16px;right:16px;padding:7px 11px;border-radius:999px;background:rgba(45,50,80,.9);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.2)}@media(max-width:560px){.project-preview.live-preview,.live-preview iframe{min-height:360px;height:360px}}
.project-preview.real-shot{padding:0;background:#fff;display:block;position:relative;min-height:440px}.real-shot img{display:block;width:100%;height:440px;object-fit:cover;object-position:top center}.project-link{display:inline-flex;margin-top:26px;color:var(--peach);font-weight:700;border-bottom:1px solid rgba(249,177,122,.45);padding-bottom:3px}.project-link:hover{border-color:var(--peach)}@media(max-width:560px){.project-preview.real-shot,.real-shot img{min-height:360px;height:360px}}
.project-preview.project-motion{padding:0;background:#fff;display:block;position:relative;min-height:440px;overflow:hidden}.project-video{display:block;width:100%;height:440px;object-fit:cover;object-position:top center;background:#fff}.video-toggle{position:absolute;z-index:4;right:16px;bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(45,50,80,.88);color:#fff;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}.video-toggle:hover,.video-toggle:focus-visible{background:#2d3250;outline:2px solid #f9b17a;outline-offset:2px}@media(max-width:560px){.project-preview.project-motion,.project-video{min-height:360px;height:360px}}
.method-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.method-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.method-card summary{list-style:none;cursor:pointer;padding:30px 26px 24px;border-radius:var(--radius)}
.method-card summary::-webkit-details-marker{display:none}
.method-card summary:focus-visible{outline:3px solid var(--mid);outline-offset:5px}
.method-number{display:block;color:#a65423;font-size:.875rem;font-weight:700}
.method-card h3{font-size:1.4rem;margin:30px 0 12px;line-height:1.3}
.method-card summary p{font-size:1rem;color:#696d7e;margin:0;min-height:3.2em}
.method-action{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:26px;padding-top:18px;color:var(--navy);font-size:.875rem;font-weight:600}
.method-plus{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;background:var(--peach);color:var(--navy);border-radius:50%;font-size:1.25rem;transition:transform .2s ease}
.method-less{display:none}
.method-card[open]{border-color:var(--peach);box-shadow:0 12px 30px rgba(45,50,80,.08)}
.method-card[open] .method-more{display:none}.method-card[open] .method-less{display:inline}.method-card[open] .method-plus{transform:rotate(45deg)}
.method-detail{padding:0 26px 26px;font-size:1rem;color:#696d7e}.method-detail p{margin:0 0 20px}.method-detail .method-outcome{border-top:1px solid var(--line);padding-top:18px;margin-bottom:0}.method-outcome strong{display:block;color:var(--navy);margin-bottom:6px}
@media(hover:hover){.method-card:hover{transform:translateY(-5px);border-color:var(--peach);box-shadow:0 16px 34px rgba(45,50,80,.09)}}
@media(max-width:1000px){.method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.method-cards{grid-template-columns:1fr;gap:16px}.method-card summary{padding:26px 24px 22px}.method-card h3{margin-top:20px}.method-card summary p{min-height:0}.method-detail{padding:0 24px 24px}}
@media(prefers-reduced-motion:reduce){.method-card,.method-plus{transition:none}.method-card:hover{transform:none}}
.hero-person{display:flex;align-items:center;gap:14px;margin-bottom:24px;font-weight:700}.hero-person img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid var(--peach)}.hero-person span span{display:block;font-size:.875rem;font-weight:400;color:#dfe1eb;margin-top:2px}
.about-portrait{position:relative;margin:0;max-width:440px;width:100%;border-radius:var(--radius);overflow:hidden;background:var(--mid)}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.about-portrait figcaption{position:absolute;bottom:0;left:0;width:100%;padding:54px 24px 24px;background:linear-gradient(transparent,rgba(25,29,48,.95));font-size:1.25rem;font-weight:700}.about-portrait figcaption span{display:block;font-size:.875rem;font-weight:400;color:#fff;margin-top:4px}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:12px 18px;background:var(--peach);color:var(--navy);border-radius:8px}.skip-link:focus{top:12px}section[id]{scroll-margin-top:96px}
@media(max-width:800px){.about-portrait{margin:auto;max-width:400px}}