html{scroll-padding-top:125px}
.header{position:sticky;top:14px;z-index:50;height:82px;margin:14px 3vw 18px;padding:0 28px;background:rgba(17,18,17,.92);border:1px solid #ffffff25;border-radius:22px;box-shadow:0 8px 35px #00000012;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.header .logo{font-size:29px}.header nav{gap:30px}.header nav a{font-size:14px;color:#d3d7cd;transition:color .2s}.header nav a:hover,.header nav a[aria-current="location"]{color:white}.header nav a[aria-current="location"]:after{width:100%;background:var(--red)}
.header .contact-button{border-radius:13px;padding:12px 18px;gap:24px}
.mobile-nav:not([hidden]){position:fixed;left:3vw;right:3vw;top:102px;z-index:49;border-radius:20px;box-shadow:0 18px 40px #0004;border:1px solid #ffffff24;background:#181a17f5;backdrop-filter:blur(20px)}
.reading-progress{z-index:60}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:18px;padding:11px 12px 11px 20px;border-radius:40px;border:1px solid #ffffff35;background:#141613f2;color:white;box-shadow:0 6px 25px #0002;backdrop-filter:blur(15px)}
.back-to-top[hidden]{display:none}.back-to-top>span:first-child{font-size:13px}.back-to-top>span:last-child{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:23px;transition:transform .2s}.back-to-top:hover>span:last-child{transform:translateY(-3px)}
.phase-indicator{right:auto;left:22px;bottom:25px}
.image-guide{margin:0;max-width:370px;padding:17px 20px;background:#10130edb;color:#f8f8f5;border:1px solid #ffffff32;border-left:2px solid var(--red);border-radius:0 12px 12px 0;backdrop-filter:blur(16px);font-family:'DM Sans',sans-serif;letter-spacing:0}
.image-guide>span{display:block;font-size:11px;line-height:1.4;letter-spacing:1.1px;color:#ff8b80;font-weight:500;margin-bottom:7px}.image-guide>p{font-size:14px;line-height:1.55;color:#e4e7df;font-weight:400}
.hero-guide{position:absolute;right:4.2%;bottom:96px}.hero-foot{bottom:31px}
.studio-figure{margin:60px 0 0;position:relative;overflow:hidden;border-radius:24px;background:#20221e}
.studio-figure>img{display:block;width:100%;height:490px;object-fit:cover;object-position:center 48%}
.studio-figure:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}
.studio-figure .image-guide{position:absolute;left:28px;bottom:28px;z-index:1}
.photo-section{background-image:linear-gradient(90deg,#101110db,#1011100d),url('photography-example.jpg')}
.photography-guide{position:absolute;right:4.2%;bottom:55px}
@media(max-width:1000px){.header{padding:0 22px}.header nav{gap:23px}.header .contact-button{font-size:12px;gap:15px}.hero-guide{bottom:74px;max-width:320px}.studio-figure>img{height:450px}}
@media(max-width:700px){html{scroll-padding-top:110px}.header{height:72px;top:10px;margin:10px 4% 14px;padding:0 20px;border-radius:18px}.header .logo{font-size:27px}.mobile-nav:not([hidden]){top:92px;left:4%;right:4%;padding:26px;border-radius:18px}.mobile-nav button{border-radius:10px}.back-to-top{right:12px;bottom:14px;padding:8px 9px 8px 15px;gap:11px}.back-to-top>span:first-child{font-size:12px}.back-to-top>span:last-child{width:30px;height:30px;font-size:22px}.phase-indicator{left:12px;bottom:24px}.image-guide{padding:13px 16px;max-width:none}.image-guide>p{font-size:13px;line-height:1.5}.image-guide>span{font-size:10px}.hero-guide{left:6%;right:6%;bottom:85px}.hero-foot{bottom:36px}.studio-figure{margin-top:37px;border-radius:18px}.studio-figure>img{height:450px;object-position:58% center}.studio-figure .image-guide{left:16px;right:16px;bottom:18px}.photography-guide{left:6%;right:6%;bottom:85px}.photo-caption{padding-bottom:90px}.photo-caption p{max-width:290px}}