/* Studio Niih — editorial refinement and portfolio, October 2026. */
:root{--accent:#826b53;--ink:#25251f;--line:#d9d2c6}
.button{min-height:54px}.nav a{font-size:13px}.hero-description{font-size:16px}.service-card>p,.extra-services p{font-size:15px;line-height:1.8}.service-card{padding-bottom:26px}.extra-services article{padding-block:4px 30px}.extra-services h3{font-size:36px}.image-label{font-size:10px;letter-spacing:.12em}.catalog-label{font-size:11px}.section-heading>p{font-size:15px;line-height:1.8}.finder-copy>p:last-child{font-size:15px}.recommendation>p{font-size:14px}.finder-values{display:block;width:fit-content;color:var(--muted);font-size:12px;border-bottom:1px solid #bcb2a4;padding:7px 0;margin:6px 0 8px}.finder-values span{margin-left:12px}
.studio-pricing{scroll-margin-top:130px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;background:var(--ink);color:var(--paper);padding:42px 48px;margin-bottom:50px;position:relative}
.pricing-intro .eyebrow{color:#d4c3ab;font-size:10px}.pricing-intro h3{font-size:36px;line-height:1.13;letter-spacing:-.025em;margin:14px 0}.pricing-intro>p:last-child{color:#c8c5bc;font-size:12px}.shared-prices{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:0}.shared-prices>div{padding-left:30px;border-left:1px solid #ffffff29}.shared-prices dt{font-size:12px;letter-spacing:.05em;color:#d4c3ab}.shared-prices dd{font-family:var(--serif);font-size:76px;line-height:1.1;letter-spacing:-.035em;margin:10px 0 0;white-space:nowrap}.shared-prices dd>span{font-family:var(--sans);font-size:15px;letter-spacing:0}.shared-prices dd>small{font-size:32px}
.portfolio-section{background:var(--paper)}.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px}.portfolio-heading h2{margin-top:23px}.portfolio-heading>div:last-child{max-width:340px;padding-bottom:6px}.portfolio-heading>div:last-child>p{font-size:16px;color:var(--muted);line-height:1.8}.gallery-hint{display:block;font-size:9px;letter-spacing:.17em;margin-top:24px;color:var(--accent)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.portfolio-photo{display:block;position:relative;isolation:isolate;border:0;padding:0;margin:0;overflow:hidden;aspect-ratio:4/5;background:#ded6cb;color:white;text-align:left}.portfolio-photo img{height:100%;width:100%;object-fit:cover;transition:transform .65s ease}.portfolio-photo:hover img{transform:scale(1.035)}.portfolio-photo-7 img{transform:rotate(180deg)}.portfolio-photo-7:hover img{transform:rotate(180deg) scale(1.035)}.portfolio-photo-1 img{object-position:50% 53%}.portfolio-photo-2 img{object-position:50% 40%}.portfolio-photo-3 img{object-position:50% 40%}.portfolio-photo-4 img{object-position:45% 38%}.portfolio-photo-6 img{object-position:35% 50%}.portfolio-photo-8 img{object-position:50% 60%}.portfolio-photo-9 img{object-position:65% 38%}.portfolio-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(transparent,#16151099);padding:50px 23px 20px;pointer-events:none}.portfolio-caption>span:first-child{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.portfolio-caption>span:last-child{font-size:25px}
.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:38px;margin-top:40px;border-top:1px solid var(--line)}.portfolio-footer .eyebrow{font-size:10px;color:var(--accent)}.portfolio-footer p:last-child{font-size:15px;color:var(--muted);margin-top:10px}.instagram-profile{display:grid;grid-template-columns:1fr auto;gap:5px 35px;align-items:center}.instagram-profile>span:first-child{font-family:var(--serif);font-size:40px;font-style:italic;letter-spacing:-.02em}.instagram-profile>span:nth-child(2){font-size:28px;transition:transform .25s}.instagram-profile:hover>span:nth-child(2){transform:translate(3px,-3px)}.instagram-profile small{grid-column:1/-1;letter-spacing:.12em;font-size:9px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:12px}
.google-review-section{padding-block:80px;background:#e9e3d9}.google-review-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.google-review-layout h2{font-size:clamp(3rem,4.8vw,4.4rem);margin-top:24px}.google-review-invite{border-left:1px solid #c7bcad;padding-left:55px}.google-wordmark{display:block;font-family:var(--sans);font-size:25px;font-weight:600;letter-spacing:-.05em;margin-bottom:17px}.google-review-invite p{font-size:15px;color:var(--muted);line-height:1.9;max-width:380px}.google-review-button{margin-top:27px}.review-thanks{display:block;margin-top:15px;font-size:12px;color:var(--muted)}
.photo-open{overflow:hidden}.photo-viewer{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;margin:0;padding:22px 35px;background:#1e1e19;color:var(--paper);border:0}.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.photo-viewer::backdrop{background:#111e}.photo-viewer-top,.photo-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.photo-viewer-top>span{font-size:11px;letter-spacing:.18em}.photo-viewer button{flex-shrink:0;width:48px;height:48px;background:transparent;border:1px solid #ffffff40;color:var(--paper);font-size:22px}.photo-viewer button:hover{background:#ffffff15}.photo-viewer .viewer-image{width:100%;height:100%;object-fit:contain;min-height:0}.viewer-image.rotate-photo{transform:rotate(180deg)}.viewer-caption{font-size:12px;line-height:1.5;text-align:center;color:#ded6cb;max-width:600px}
@media(max-width:1100px){.studio-pricing{padding:35px 32px;gap:25px}.shared-prices{gap:20px}.shared-prices>div{padding-left:20px}.shared-prices dd{font-size:64px}.pricing-intro h3{font-size:32px}.google-review-layout{gap:50px}.google-review-invite{padding-left:35px}}
@media(max-width:800px){.studio-pricing{grid-template-columns:1fr;padding:32px;gap:28px}.pricing-intro h3 br{display:none}.shared-prices{max-width:460px}.shared-prices>div{padding-left:0;border-left:0;border-top:1px solid #ffffff29;padding-top:20px}.portfolio-grid{gap:15px}.portfolio-caption{padding:40px 14px 14px}.portfolio-caption>span:first-child{font-size:8px}.portfolio-heading{gap:25px}.portfolio-heading>div:last-child{max-width:250px}.portfolio-heading>div:last-child>p{font-size:14px}.google-review-layout{gap:35px}.google-review-invite{padding-left:25px}.extra-services h3{font-size:31px}}
@media(max-width:600px){.hero-description{font-size:15px}.header-cta{min-height:38px}.studio-pricing{padding:28px 24px;margin-bottom:36px;gap:24px}.pricing-intro h3{font-size:31px}.pricing-intro h3 br{display:block}.pricing-intro>p:last-child{font-size:12px}.shared-prices{gap:20px}.shared-prices dd{font-size:62px;margin-top:8px}.shared-prices dd>span{font-size:12px}.shared-prices dd>small{font-size:26px}.shared-prices dt{font-size:12px}.service-card>p,.extra-services p{font-size:14px}.service-card{padding-bottom:24px}.extra-services article{grid-template-columns:115px 1fr;gap:20px}.extra-services h3{font-size:31px}.extra-image{height:180px}.portfolio-heading{display:block;margin-bottom:30px}.portfolio-heading h2{font-size:3.6rem;line-height:1.02}.portfolio-heading>div:last-child{max-width:none;margin-top:23px}.portfolio-heading>div:last-child>p{font-size:15px}.gallery-hint{font-size:8px;margin-top:18px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-photo:first-child{grid-column:1/-1;aspect-ratio:4/4.2}.portfolio-photo{aspect-ratio:3/4}.portfolio-caption{padding:35px 12px 12px}.portfolio-caption>span:first-child{font-size:8px;letter-spacing:.07em}.portfolio-caption>span:last-child{font-size:19px}.portfolio-footer{display:block;margin-top:30px;padding-top:27px}.portfolio-footer p:last-child{font-size:14px}.instagram-profile{margin-top:24px;width:max-content;max-width:100%;gap:5px 28px}.instagram-profile>span:first-child{font-size:38px}.instagram-profile small{font-size:8px}.google-review-section{padding-block:60px}.google-review-layout{grid-template-columns:1fr;gap:30px}.google-review-layout h2{font-size:3.4rem;line-height:1.03}.google-review-invite{border-left:0;border-top:1px solid #c7bcad;padding:28px 0 0}.google-review-invite p{font-size:15px}.google-wordmark{font-size:23px}.photo-viewer{padding:16px}.photo-viewer[open]{gap:12px}.photo-viewer-top>span{font-size:9px;letter-spacing:.13em}.photo-viewer-top,.photo-viewer-bottom{gap:12px}.viewer-caption{font-size:11px}.photo-viewer button{width:44px;height:44px}.section-heading>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portfolio-photo img,.instagram-profile>span:nth-child(2){transition:none}.portfolio-photo:hover img{transform:none}.portfolio-photo-7:hover img{transform:rotate(180deg)}}
