:root{--bg:#121216;--panel:#1d1d23;--text:#f8f5f6;--muted:#b9b7c2;--pink:#ffc4f8;--cyan:#7bdce8;--line:#33333c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}h1,h2,p{margin-top:0}h1,h2{line-height:1.03;letter-spacing:-.055em}h1{font-size:clamp(48px,5.8vw,86px);margin-bottom:25px}h2{font-size:clamp(34px,4vw,58px);margin-bottom:22px}em{font-style:normal;color:var(--pink)}p{color:var(--muted);font-size:17px} .wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;z-index:10;top:0;left:20px;transform:translateY(-130%);padding:12px;background:var(--pink);color:#121216}.skip:focus{transform:none}header{position:sticky;top:0;background:#121216f5;z-index:5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:100px}.brand{width:220px;flex-shrink:0;background:white;border-radius:4px;padding:5px}.brand img{width:100%}nav{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:700}nav a:hover,.text-link:hover{color:var(--cyan)}.nav-contact{border:1px solid var(--line);padding:11px 16px;border-radius:4px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:var(--cyan);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:70px;align-items:center;padding-block:80px 100px}.hero-copy>p:not(.eyebrow){max-width:450px}.dot{display:inline-block;background:var(--pink);width:8px;height:8px;border-radius:50%;margin-right:8px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;background:var(--pink);color:#17131a;font-size:14px;font-weight:700;border:1px solid var(--pink);border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:var(--cyan);border-color:var(--cyan);transform:translateY(-2px)}.secondary{background:transparent;color:var(--text);border-color:var(--line)}.secondary:hover{color:#121216}.hero-note{font-size:12px!important;margin:24px 0 0;color:#8b8997!important}.hero-visual{position:relative;padding:0 35px 30px 0}.hero-photo{border-radius:12px;overflow:hidden;transform:rotate(-3deg);background:#ecebea}.hero-photo img{width:100%;height:430px;object-fit:cover}.hero-small{position:absolute;bottom:0;right:-10px;width:155px;border:7px solid var(--bg);border-radius:10px;overflow:hidden;transform:rotate(7deg);box-shadow:0 15px 40px #0006}.hero-small img{width:100%;height:175px;object-fit:contain;background:#fff}.image-tag{position:absolute;bottom:44px;left:-25px;background:var(--cyan);color:#121216;padding:11px 18px;font-size:11px;font-weight:900;letter-spacing:.09em;transform:rotate(-3deg)}.ticker{display:flex;justify-content:space-around;gap:20px;overflow:hidden;white-space:nowrap;background:var(--pink);color:#121216;padding:18px 25px;font-size:18px;font-weight:900;letter-spacing:.06em}.ticker b{font-size:24px;line-height:1}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:0 90px;padding-block:100px 65px}.intro .eyebrow{grid-column:1/-1}.intro p:last-child{align-self:center}.category{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;align-items:center;border-top:1px solid var(--line);padding-block:65px}.category-copy>p:not(.eyebrow){max-width:390px}.text-link{font-weight:700;font-size:14px;display:inline-block;margin-top:10px;border-bottom:1px solid var(--pink);padding-bottom:6px}.text-link span{margin-left:35px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product{margin:0;background:#f4f3f4;border-radius:8px;overflow:hidden;padding:14px}.product img{width:100%;height:300px;object-fit:contain}.product:nth-child(2){margin-top:35px}.print-section{background:var(--panel);margin-top:50px;padding-block:90px}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.print-photo{border-radius:10px;overflow:hidden}.print-photo img{width:100%;height:500px;object-fit:cover}.steps{padding:0;list-style:none;margin:30px 0}.steps li{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.steps span{color:var(--cyan);font-size:12px;font-weight:bold;margin-right:20px}.gallery-section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-heading h2{max-width:600px}.section-heading>p{font-size:14px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-item{background:#f5f4f5;border-radius:6px;overflow:hidden;padding:12px}.gallery-item img{width:100%;height:210px;object-fit:contain;transition:transform .25s}.gallery-item:hover img{transform:scale(1.045)}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:85px}.contact-links{align-self:center;min-width:0}.contact-links a{display:block;border-bottom:1px solid var(--line);padding:22px 0}.contact-links a:hover span{color:var(--pink)}.contact-links small{display:block;font-size:10px;letter-spacing:.18em;color:var(--cyan);margin-bottom:8px}.contact-links span{font-size:clamp(18px,2.3vw,30px);font-weight:700;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center;padding-block:30px}footer p,footer>a:last-child{font-size:12px;margin:0}.footer-brand{width:85px;background:white;border-radius:4px;padding:4px}
@media(min-width:1100px){.category:nth-of-type(even) .category-copy{order:2}.category:nth-of-type(even){grid-template-columns:1.3fr .85fr}}
@media(max-width:1100px){.header-inner{flex-direction:column;align-items:flex-start;gap:12px;padding-block:16px}nav{width:100%;gap:22px;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.nav-contact{padding:5px 10px}.hero{gap:35px}.hero-photo img{height:380px}.category{gap:45px}.print-grid{gap:40px}.product img{height:250px}.brand{width:185px}}
@media(max-width:720px){html{scroll-padding-top:145px}.wrap{width:calc(100% - 36px)}nav{font-size:12px;gap:20px}.hero{grid-template-columns:1fr;padding-block:45px 55px;gap:40px}h1{font-size:clamp(43px,10vw,66px)}.hero-visual{margin:0 5px 0 18px;padding-right:45px}.hero-photo img{height:340px}.hero-small{width:130px;right:0}.hero-small img{height:150px}.image-tag{left:-16px;bottom:30px;padding:10px;font-size:10px}.ticker{justify-content:flex-start;font-size:14px;padding:15px 18px}.intro{grid-template-columns:1fr;padding-block:65px 40px;gap:0}.intro .eyebrow{grid-column:auto}.category{grid-template-columns:1fr;gap:28px;padding-block:45px}.product-pair{gap:12px}.product{padding:9px}.product img{height:210px}.product:nth-child(2){margin-top:20px}.print-section{margin-top:25px;padding-block:50px}.print-grid{grid-template-columns:1fr;gap:32px}.print-photo img{height:320px}.gallery-section{padding-block:60px}.section-heading{display:block}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-item img{height:170px}.gallery-item{padding:8px}.contact{grid-template-columns:1fr;gap:10px;padding-block:55px}footer{flex-wrap:wrap;gap:15px}footer p{width:calc(100% - 110px)}footer>a:last-child{margin-left:auto}}
@media(max-width:380px){.product img{height:165px}.gallery-item img{height:140px}.actions{flex-direction:column}.hero-photo img{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Näytä hero-osan pikeepaita kokonaisena myös pienillä näytöillä. */
.hero-photo{background:#fff}.hero-photo img{object-fit:contain}
.ticker{flex-wrap:wrap;white-space:normal;text-align:center}.ticker span{white-space:nowrap}
@media(max-width:720px){.ticker{justify-content:center;gap:10px 15px;font-size:12px}.ticker b{font-size:16px}}

/* Läpinäkyvä logo sivun tummalla taustalla. */
.brand{background:transparent;padding:0}.brand img{width:100%;height:auto;aspect-ratio:19/3;object-fit:cover;object-position:center}