/* Sama Donu Pictures, kaksi käyttäjän valittavaa väritystä. */
:root,[data-theme="light"]{
 --paper:#F7F7F4;--ink:#111111;--white:#FFFFFF;--surface:#FFFFFF;--surface-soft:#EFEFEC;
 --muted:#666A62;--line:#D9DCD4;--accent:#D4F54A;--accent-text:#52650A;
 --field-bg:#FFFFFF;--field-border:#8B9183;--danger:#8F251F;--logo-filter:none;
 color-scheme:light;
}
:root[data-theme="dark"]{
 --paper:#10110F;--ink:#F5F5F0;--white:#191C17;--surface:#191C17;--surface-soft:#23271F;
 --muted:#B4BCAE;--line:#41483B;--accent:#D4F54A;--accent-text:#D4F54A;
 --field-bg:#171A15;--field-border:#6A755E;--danger:#FFB4A5;--logo-filter:invert(1);
 color-scheme:dark;
}
html{background:var(--paper)}body.multipage{background:var(--paper);color:var(--ink)}
.multipage .button{background:var(--accent);border-color:var(--accent);color:#111111}
.multipage .button:hover{background:#E1FC7E;border-color:#E1FC7E;color:#111111}
.multipage .button.secondary{background:transparent;border-color:var(--ink);color:var(--ink)}
.multipage .button.secondary:hover{background:var(--surface-soft);border-color:var(--ink);color:var(--ink)}
.multipage .text-link{color:var(--ink);border-color:var(--ink)}
.multipage .text-link:hover{border-color:var(--accent-text)}
.multipage .draft-bar{background:var(--surface-soft);color:var(--muted)}
.multipage .logo .wordmark-first,.multipage .logo .wordmark-last{color:var(--ink)}
.multipage .logo-mark{filter:var(--logo-filter)}
.multipage .header{display:grid;grid-template-columns:auto 1fr auto;gap:24px;height:100px}
.multipage .header nav{justify-self:end;gap:22px}
.multipage .header nav>a[aria-current=page]{text-decoration-color:var(--accent-text)}
.theme-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);background:var(--surface);border-radius:4px}
.theme-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 9px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--muted);font-size:10px;font-weight:500;white-space:nowrap}
.theme-choice[aria-pressed="true"]{background:var(--surface-soft);border-color:var(--accent-text);color:var(--ink)}
.theme-choice:hover{color:var(--ink)}
.theme-swatch{width:9px;height:9px;border:1px solid #89917F;border-radius:50%;display:block;flex-shrink:0}
.theme-swatch.light{background:#F7F7F4}.theme-swatch.dark{background:#10110F}
.multipage .menu-toggle{color:var(--ink)}
.multipage .home-portrait,.multipage .gallery-image,.work-preview>img{background:var(--surface-soft)}
.multipage .portfolio-hero .hero-work{background:var(--surface);height:475px;box-shadow:0 8px 35px #00000015}
.multipage .hero-work .hero-work-caption{background:var(--surface);color:var(--ink)}
.multipage .hero-work{display:flex;flex-direction:column}.hero-work .portrait-window{flex:1;min-height:0;overflow:hidden}.hero-work .portrait-window img{height:100%;object-position:50% 30%}
.portfolio-hero h1 em{position:relative;text-decoration:underline;text-decoration-color:var(--accent-text);text-decoration-thickness:3px;text-underline-offset:8px}
.portfolio-hero .hero-intro{font-size:16px;line-height:1.7;max-width:390px;color:var(--ink);margin-bottom:12px}
.portfolio-hero .hero-note{font-size:13px;line-height:1.8;color:var(--muted);max-width:375px;margin-bottom:0}
.hero-work .portrait-caption-mark{width:6px;height:6px;background:var(--accent-text);border-radius:50%;display:inline-block;margin-right:6px}
.multipage .craft-rail-track{-webkit-text-stroke-color:var(--muted)}
.multipage .craft-rail-track span{color:var(--ink)}
.multipage .craft-rail-track span:first-child{color:var(--accent-text)}
.channel-links>a:hover{text-decoration-color:var(--accent-text)}
.multipage .home-social .social-links>a,.multipage .about-social .social-links a,.multipage .channel-row a,.multipage .channel-credit a,.multipage .price-footnote a{color:var(--ink)}
.multipage .portfolio-switch button,.multipage .gallery-filters button,.multipage .video-categories button{color:var(--muted)}
.multipage .portfolio-switch button[aria-pressed=true],.multipage .gallery-filters button[aria-pressed=true],.multipage .video-categories button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111111}
.multipage .play-symbol,.multipage #preview-toggle{background:#111111;color:#FFFFFF}
.multipage .poster-caption{color:#FFFFFF}
.multipage dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
.multipage .close-button{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
.multipage .video-permission{background:var(--surface-soft);color:var(--ink)}
.multipage #photo-dialog{background:#10110F;color:#FFFFFF}
.multipage #photo-dialog .close-button{background:#23271F;color:#FFFFFF;border-color:#6A755E}
.multipage .contact-email{color:var(--ink)}
.multipage .contact-form{border-color:var(--line)}
.multipage input,.multipage textarea,.multipage select{background:var(--field-bg);border-color:var(--field-border);color:var(--ink)}
.multipage input::placeholder,.multipage textarea::placeholder{color:var(--muted);opacity:1}
.multipage input:focus,.multipage textarea:focus,.multipage select:focus{outline-color:var(--accent-text)}
.multipage input:autofill,.multipage input:-webkit-autofill{box-shadow:0 0 0 1000px var(--field-bg) inset!important;-webkit-text-fill-color:var(--ink)!important;caret-color:var(--ink);color:var(--ink)!important}
.multipage .date-choice input[type=date]{color-scheme:inherit}
.multipage .inquiry-package{background:var(--surface-soft);color:var(--ink);border-color:var(--accent-text)}
.multipage .budget summary{color:var(--ink)}
.multipage .form-error{color:var(--danger);border-color:var(--danger)}
.multipage .checkbox-label input{accent-color:var(--accent-text)}
.multipage .product-option{background:var(--surface);border-color:var(--line)}
.multipage .product-option:has(input:checked){background:var(--surface-soft);border-color:var(--accent-text)}
.multipage .product-option b,.multipage .pricing-result>strong{color:var(--ink)}
.multipage .pricing-result{background:var(--surface-soft);border-color:var(--accent-text)}
.multipage .package-presets button{color:var(--ink);border-color:var(--field-border)}
.multipage .package-presets button:hover{border-color:var(--ink)}
.multipage .pricing-launch,.multipage .reviews-grid figure,.multipage .featured-offer{background:var(--surface);color:var(--ink);border-color:var(--line)}
.multipage .featured-offer .button{color:#111111}
.price-item summary>span:after{color:var(--muted)}
.multipage .faq summary,.multipage .work-history strong{color:var(--ink)}
.multipage button:focus-visible,.multipage a:focus-visible,.multipage summary:focus-visible{outline-color:var(--accent-text)}
@media(max-width:1000px){.multipage .header{gap:16px}.multipage .header nav{gap:15px}.theme-choice{padding-inline:7px}.multipage .header nav>.button{padding-inline:12px}}
@media(max-width:850px) and (min-width:721px){.multipage .logo{font-size:19px}.multipage .header{gap:12px}.multipage .header nav{gap:12px}.multipage .header nav>a{font-size:11px}.theme-choice{font-size:9px;padding-inline:6px;gap:4px}.multipage .header nav>.button{font-size:10px;gap:10px}}
@media(max-width:720px){
 .multipage .header{height:auto;min-height:113px;grid-template-columns:1fr auto;gap:8px 15px;padding-block:12px}
 .multipage .header .logo{grid-column:1;grid-row:1}.multipage .header .menu-toggle{grid-column:2;grid-row:1}
 .multipage .header .theme-switch{grid-column:1/-1;grid-row:2;justify-self:start}
 .theme-choice{min-height:32px;font-size:10px;padding:6px 10px}
 .multipage .header #site-nav{top:100%;left:-20px;right:-20px;background:var(--paper);border-color:var(--line);justify-self:stretch}
 .multipage .portfolio-hero .hero-work{height:340px;max-width:440px;width:100%;margin-inline:auto}
 .hero-work .portrait-window img{object-position:50% 27%}
 .portfolio-hero .hero-intro{font-size:15px;max-width:380px}.portfolio-hero .hero-note{font-size:12px}
}
/* Neljä työnäytettä muodostavat tasapainoisen rivin ja pienellä näytöllä kaksi paria. */
.multipage .home-work .preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.multipage .home-work .work-preview>img,.multipage .home-work .work-preview .work-preview-image{height:200px}
@media(max-width:900px){.multipage .home-work .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.multipage .home-work .work-preview>img,.multipage .home-work .work-preview .work-preview-image{height:210px}}
@media(max-width:720px){.multipage .home-work .preview-grid{gap:22px 14px}.multipage .home-work .work-preview:first-child{grid-column:auto}.multipage .home-work .work-preview>img,.multipage .home-work .work-preview .work-preview-image{height:150px}}

/* Yksi näkyvä yhteydenottolinkki myös suljetun mobiilivalikon ulkopuolella. */
.multipage .header-contact{display:none}
@media(max-width:720px){
 .multipage .header{gap:8px 10px;grid-template-columns:minmax(0,1fr) auto}
 .multipage .header .logo{font-size:clamp(18px,5.2vw,22px);gap:5px;min-width:0;white-space:nowrap}
 .multipage .header .theme-switch{grid-column:1;grid-row:2;width:max-content}
 .multipage .header .theme-choice{padding:6px 7px;gap:5px}
 .multipage .header .header-contact{display:inline-flex;grid-column:2;grid-row:2;justify-self:end;min-height:40px;padding:9px 10px;font-size:11px;gap:8px;white-space:nowrap}
}