/* Personal cinema: screenshot-based photography in fluid, accessible layouts. */
.personal-page { --section-paper:#f0f6f8; --section-ink:#0c1215; --section-muted:#677078; }
.personal-page [hidden] { display:none !important; }
.personal-page .section-dark { background:#080d0f; color:#f5f5f2; }
.personal-page .section-light { background:#f0f6f8; color:#0c1215; }
.personal-page .section-title { font-size:clamp(1.85rem,3.4vw,3.6rem); font-weight:400; line-height:1.14; letter-spacing:-.035em; text-transform:uppercase; text-wrap:pretty; }
.personal-page .section-intro { max-width:980px; margin:12px 0 24px; color:#566069; font-size:clamp(1rem,1.38vw,1.35rem); line-height:1.55; }
.personal-page h3 { margin:0; font-size:clamp(1.05rem,1.55vw,1.6rem); line-height:1.35; font-weight:500; }
.personal-page .image-crop { width:100%; border-radius:5px; }
.personal-page .section-button { font-size:clamp(.875rem,1vw,1rem); }
.personal-page .section-button--gold { background:linear-gradient(120deg,#ffe7b9,#eab974); border-color:#e5be82; }
.personal-hero { padding-top:var(--header-h); }
.personal-hero__scene { position:relative; isolation:isolate; min-height:clamp(620px,48vw,790px); overflow:hidden; }
.personal-hero__visual { position:absolute; z-index:-2; inset:0 0 0 27%; }
.personal-hero__visual .image-crop { width:100%; height:100%; aspect-ratio:auto; border-radius:0; }
.personal-hero__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#080d0f 0%,#080d0ff0 10%,#080d0fa8 26%,transparent 60%); }
.personal-hero__container { min-height:inherit; }
.personal-hero__content { width:min(49%,660px); padding-block:clamp(30px,3vw,50px) clamp(58px,5vw,86px); }
.personal-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px 12px; margin-bottom:clamp(36px,4vw,70px); color:#bfc4c6; font-size:.875rem; }
.personal-breadcrumbs a:hover { color:#edca8b; }
.personal-hero .eyebrow { margin-bottom:20px; color:#f0d399; font-size:clamp(.8125rem,1vw,1rem); letter-spacing:.015em; }
.personal-hero .eyebrow::before { display:none; }
.personal-hero h1 { font-size:clamp(2.35rem,4.2vw,4.4rem); line-height:1.05; letter-spacing:-.038em; font-weight:400; text-transform:uppercase; }
.personal-hero h1 span { display:block; color:#efc985; }
.personal-hero h1 small { display:block; margin-top:5px; font-size:.76em; font-weight:400; letter-spacing:-.02em; text-transform:none; }
.personal-hero__lead { max-width:620px; margin-top:28px; font-size:clamp(1rem,1.35vw,1.4rem); line-height:1.65; }
.personal-hero__actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:30px; }
.personal-experiences { border-block:1px solid #ffffff2b; padding-block:34px; }
.personal-experiences ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; padding:0; margin:0; }
.personal-experiences li { display:flex; align-items:center; justify-content:center; gap:18px; min-width:0; padding-inline:12px; font-size:clamp(.8125rem,1.25vw,1.2rem); line-height:1.35; }
.personal-experiences li + li { border-left:1px solid #ffffff35; }
.personal-experiences svg { width:clamp(30px,3.3vw,54px); height:clamp(30px,3.3vw,54px); flex:none; color:#f0c775; }
.personal-discovery { padding-block:clamp(46px,5vw,82px); }
.personal-discovery__layout { display:grid; grid-template-columns:1.12fr 1fr 1fr; gap:clamp(28px,4vw,60px); }
.personal-discovery .section-title { font-size:clamp(1.75rem,3.05vw,3.2rem); }
.personal-discovery .section-title span { color:#eac583; }
.personal-discovery article { padding-left:clamp(20px,3vw,48px); border-left:1px solid #ffffff3c; }
.personal-discovery article svg { display:block; width:clamp(44px,4vw,66px); height:clamp(44px,4vw,66px); margin-bottom:22px; color:#f0c775; }
.personal-discovery article p { font-size:clamp(.9375rem,1.23vw,1.18rem); line-height:1.62; }
.personal-project { padding-block:clamp(50px,5.5vw,95px); }
.personal-project__layout { display:grid; grid-template-columns:1.45fr 1fr; gap:clamp(34px,4.5vw,74px); align-items:center; }
.personal-project__layout > * { min-width:0; }
.personal-project .image-crop { margin-top:28px; }
.personal-project__steps { list-style:none; padding:0; margin:0; }
.personal-project__steps li { display:grid; grid-template-columns:68px 1fr; gap:22px; align-items:start; padding-block:24px; }
.personal-project__steps li + li { border-top:1px solid #c5ced2; }
.personal-project__steps li > span { display:grid; place-items:center; width:62px; aspect-ratio:1; border:1.5px solid #1d2528; border-radius:50%; font-size:1.4rem; }
.personal-project__steps p { margin-top:9px; color:#677078; font-size:clamp(.9375rem,1.22vw,1.15rem); line-height:1.55; }
.personal-sound { display:grid; grid-template-columns:1.04fr 1fr; min-height:clamp(510px,52vw,770px); }
.personal-sound__image { min-width:0; }
.personal-sound__image .image-crop { height:100%; aspect-ratio:auto; border-radius:0; }
.personal-sound__content { align-self:center; width:min(100%,760px); padding:clamp(42px,5.2vw,85px) clamp(36px,5vw,84px); }
.personal-sound .section-title span { color:#eec883; }
.personal-sound__feature { display:grid; grid-template-columns:72px 1fr; gap:clamp(16px,2vw,34px); padding-block:28px; }
.personal-sound__feature:first-of-type { margin-top:36px; }
.personal-sound__feature + .personal-sound__feature { border-top:1px solid #d6bb8a91; }
.personal-sound__feature > svg { width:clamp(48px,4vw,68px); height:clamp(48px,4vw,68px); color:#efc983; }
.personal-sound__feature p { margin-top:10px; color:#c9cbca; font-size:clamp(.9375rem,1.28vw,1.2rem); line-height:1.6; }
.personal-interior { padding-block:clamp(48px,5vw,82px); }
.personal-interior__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,1.4vw,24px); }
.personal-interior figure { min-width:0; margin:0; }
.personal-interior figcaption { margin-top:14px; font-size:clamp(1rem,1.35vw,1.4rem); line-height:1.4; }
.personal-comfort { padding-block:clamp(42px,4vw,70px) clamp(44px,5vw,80px); background:linear-gradient(145deg,#e4ebef,#f4f8f9) !important; }
.personal-comfort__layout { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(30px,3.2vw,58px); align-items:center; }
.personal-comfort__layout > * { min-width:0; }
.personal-comfort__layout .image-crop { aspect-ratio:762/309; }
.personal-comfort__layout p { margin-top:22px; color:#545c62; font-size:clamp(1rem,1.43vw,1.35rem); line-height:1.6; }
.personal-comfort__note { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:36px; color:#515a61; font-size:clamp(.875rem,1.15vw,1.1rem); line-height:1.6; text-align:center; }
.personal-comfort__note::before,.personal-comfort__note::after { content:""; height:1px; flex:1 1 60px; background:#bd955c; }
.personal-contact { position:relative; overflow:hidden; padding-block:clamp(54px,6vw,100px); background:radial-gradient(ellipse at 70% 120%,#76482255,transparent 55%),#080e0f !important; }
.personal-contact::after { content:""; position:absolute; pointer-events:none; width:90%; height:230px; left:5%; bottom:-220px; border-radius:50%; box-shadow:0 -2px 3px #f0bf78,0 -12px 42px #b2743299; }
.personal-contact__layout { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(30px,5vw,90px); align-items:center; }
.personal-contact .section-title { color:#f0ca88; }
.personal-contact__layout > div p { max-width:600px; margin-top:24px; font-size:clamp(1rem,1.35vw,1.32rem); line-height:1.6; color:#d6d6d3; }
.personal-contact .contact-form { padding:clamp(22px,2.4vw,40px); border-color:#d7ad71; background:#ffffff06; }
.personal-contact .contact-form__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.personal-contact .contact-form input:not([type=checkbox]) { min-height:60px; background:#1b1e1d; }
.personal-contact .contact-form .section-button { grid-column:1/-1; width:100%; }
.personal-contact .consent { font-size:.8125rem; }
.personal-footer .personal-footer__grid { display:grid; grid-template-columns:1.15fr 1fr 1.05fr 1.3fr; gap:28px; }
.personal-footer nav { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding-left:26px; border-left:1px solid #ffffff30; font-size:.875rem; line-height:1.55; }
.personal-footer nav h2 { margin:0 0 5px; font-size:1.1rem; font-weight:500; color:#efc781; }
.personal-footer nav h2 a { color:inherit; }
.personal-footer nav [aria-current=page] { color:#efc781; }
.personal-footer__copyright { margin-top:26px; color:#aeb5b5; font-size:.8125rem; line-height:1.6; }
.personal-footer > .page-container > .personal-footer__grid > div > .inline-link { color:#aeb5b5; font-size:.75rem; }
@media (max-width:1200px) {
 .personal-hero__content { width:55%; }
 .personal-hero h1 { font-size:clamp(2.2rem,4vw,3.5rem); }
 .personal-hero__actions { gap:12px; }
 .personal-experiences li { gap:12px; }
 .personal-project__layout { grid-template-columns:1.25fr 1fr; gap:34px; }
 .personal-project__steps li { grid-template-columns:52px 1fr; gap:16px; padding-block:18px; }
 .personal-project__steps li > span { width:50px; font-size:1.1rem; }
 .personal-footer .personal-footer__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
 .personal-footer nav { order:initial; width:auto; }
}
@media (max-width:900px) {
 .personal-hero__scene { display:flex; flex-direction:column; min-height:0; }
 .personal-hero__container { order:1; }
 .personal-hero__content { width:100%; padding-block:28px 40px; }
 .personal-hero__visual { position:relative; z-index:auto; inset:auto; order:2; height:auto; aspect-ratio:1.8; }
 .personal-hero__visual::after { display:none; }
 .personal-hero h1 { font-size:clamp(2.25rem,6vw,3.8rem); }
 .personal-breadcrumbs { margin-bottom:34px; }
 .personal-hero__lead { max-width:640px; }
 .personal-experiences ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 0; }
 .personal-experiences li:nth-child(4) { border-left:0; }
 .personal-discovery__layout { grid-template-columns:1fr 1fr; }
 .personal-discovery .section-title { grid-column:1/-1; }
 .personal-project__layout { grid-template-columns:1fr; }
 .personal-project__steps { display:grid; grid-template-columns:1fr 1fr; column-gap:30px; }
 .personal-project__steps li:nth-child(2) { border-top:0; }
 .personal-sound { grid-template-columns:1fr 1fr; min-height:0; }
 .personal-sound__content { padding:36px; }
 .personal-sound__feature { grid-template-columns:52px 1fr; gap:15px; }
 .personal-sound__feature > svg { width:44px; height:44px; }
 .personal-interior__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .personal-comfort__layout { grid-template-columns:1fr; }
 .personal-contact__layout { grid-template-columns:1fr; }
}
@media (max-width:600px) {
 .personal-page .section-title { font-size:clamp(1.7rem,7vw,2.5rem); }
 .personal-hero__content { padding-block:22px 34px; }
 .personal-breadcrumbs { margin-bottom:28px; font-size:.75rem; }
 .personal-hero .eyebrow { font-size:.75rem; }
 .personal-hero h1 { font-size:clamp(2rem,8.3vw,2.9rem); }
 .personal-hero h1 small { font-size:.76em; }
 .personal-hero__lead { margin-top:20px; font-size:1rem; }
 .personal-hero__actions { flex-direction:column; margin-top:24px; }
 .personal-hero__actions .section-button { width:100%; }
 .personal-hero__visual { aspect-ratio:1.4; }
 .personal-experiences { padding-block:24px; }
 .personal-experiences ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
 .personal-experiences li { justify-content:flex-start; min-height:68px; padding-inline:8px; font-size:.875rem; }
 .personal-experiences li:nth-child(odd) { border-left:0; }
 .personal-experiences li:nth-child(n+3) { border-top:1px solid #ffffff28; }
 .personal-experiences svg { width:34px; height:34px; }
 .personal-discovery { padding-block:40px; }
 .personal-discovery__layout { grid-template-columns:1fr; gap:24px; }
 .personal-discovery .section-title { grid-column:auto; }
 .personal-discovery article { display:grid; grid-template-columns:44px 1fr; gap:16px; padding:20px 0 0; border-left:0; border-top:1px solid #ffffff3c; }
 .personal-discovery article svg { width:40px; height:40px; margin:0; }
 .personal-project { padding-block:42px; }
 .personal-project .section-intro { margin-bottom:20px; }
 .personal-project .image-crop { margin-top:20px; }
 .personal-project__steps { grid-template-columns:1fr; }
 .personal-project__steps li:nth-child(2) { border-top:1px solid #c5ced2; }
 .personal-project__steps li { padding-block:19px; }
 .personal-sound { grid-template-columns:1fr; }
 .personal-sound__image { order:2; aspect-ratio:1.2; }
 .personal-sound__content { order:1; padding:40px 20px; }
 .personal-sound__feature:first-of-type { margin-top:22px; }
 .personal-sound__feature { padding-block:20px; }
 .personal-interior { padding-block:42px; }
 .personal-interior__grid { grid-template-columns:1fr; gap:24px; }
 .personal-interior figcaption { margin-top:10px; }
 .personal-comfort { padding-block:40px; }
 .personal-comfort__layout { gap:24px; }
 .personal-comfort__layout .image-crop { aspect-ratio:1.5; }
 .personal-comfort__layout p { margin-top:14px; }
 .personal-comfort__note { gap:12px; margin-top:28px; }
 .personal-contact { padding-block:46px; }
 .personal-contact__layout { gap:24px; }
 .personal-contact__layout > div p { margin-top:16px; font-size:1rem; }
 .personal-contact .contact-form__fields { grid-template-columns:1fr; gap:16px; }
 .personal-contact .contact-form { padding:20px; }
 .personal-footer .personal-footer__grid { grid-template-columns:1fr; gap:24px; }
 .personal-footer nav { padding:22px 0 0; border-left:0; border-top:1px solid #ffffff2a; }
 .personal-footer nav a, .personal-footer nav button { min-height:36px; display:flex; align-items:center; }
}
@media (max-width:360px) {
 .personal-hero h1 { font-size:1.82rem; }
 .personal-experiences li { gap:7px; font-size:.77rem; }
 .personal-experiences svg { width:30px; height:30px; }
 .personal-project__steps li { grid-template-columns:46px 1fr; gap:12px; }
 .personal-project__steps li > span { width:44px; }
}
@media (prefers-reduced-motion:reduce) { .personal-page .section-button,.personal-page .section-button svg { transition:none; } }