:root{--ink:#28352f;--muted:#69726b;--cream:#f7f5ef;--sand:#eae5da;--sage:#d7dfd3;--accent:#455f4d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}header{background:#fffdf9;position:sticky;top:0;z-index:10;border-bottom:1px solid #e8e5de}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;gap:25px}.logo{font-family:Georgia,serif;font-size:35px;font-weight:700;letter-spacing:.11em;line-height:1}.logo small{display:block;font:9px Arial;letter-spacing:.28em;margin-top:7px}.links{display:flex;gap:27px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.04em}.links a:hover{color:#8b9985}.navcta,.button{background:var(--accent);color:white;padding:13px 23px;border:1px solid var(--accent);display:inline-block;font-size:13px;letter-spacing:.05em;font-weight:700}.button.outline{background:transparent;color:var(--ink);border-color:#a5aca3}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#e9e8df}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px max(35px,calc((100vw - 1200px)/2)) 70px max(35px,calc((100vw - 1200px)/2));padding-right:55px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:#718071}.hero h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}.hero h1{font-size:clamp(43px,4.7vw,76px);letter-spacing:-.035em;margin:22px 0}.hero p{font-size:17px;color:#556158;max-width:470px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-art{overflow:hidden;position:relative;background:linear-gradient(145deg,#b4b7a9,#d7d1c2 52%,#a7b0a3)}.fabric{position:absolute;border-radius:8px;box-shadow:18px 28px 50px #28352f33;transform:rotate(-18deg)}.fabric.one{width:65%;height:74%;left:14%;top:15%;background:repeating-linear-gradient(0deg,#d9d6c7 0 2px,#c7c5b5 3px 6px);transform:rotate(-16deg)}.fabric.two{width:65%;height:66%;left:36%;top:29%;background:repeating-linear-gradient(35deg,#6d8275 0 2px,#a7b9a9 3px 11px,#e6dfd2 12px 16px);transform:rotate(17deg)}.fabric.three{width:42%;height:52%;left:5%;top:49%;background:repeating-linear-gradient(120deg,#e7ddd0 0 5px,#c3a99b 6px 8px,#e7ddd0 9px 20px);transform:rotate(12deg)}.hero-art:after{content:'Käytännöllisyys · Laatu · Mukavuus';position:absolute;right:22px;bottom:24px;background:#f7f5efe8;padding:9px 16px;font-size:11px;letter-spacing:.09em}.wrap{max-width:1200px;margin:auto;padding:95px 28px}.intro{text-align:center;max-width:790px;margin:auto}.intro h2,.section-head h2{font-size:clamp(35px,4vw,54px);margin:15px 0}.intro p{color:var(--muted);font-size:17px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.section-head p{max-width:370px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white}.card .visual{height:235px;position:relative;overflow:hidden}.card-body{padding:23px}.card h3{font:normal 25px Georgia;margin:0 0 8px}.card p{color:var(--muted);font-size:14px;margin:0 0 16px}.card a{font-size:12px;letter-spacing:.08em;font-weight:bold;text-transform:uppercase}.visual.clothes{background:radial-gradient(ellipse at 25% 25%,#b4a39b 0 8%,transparent 9%),radial-gradient(ellipse at 70% 65%,#b4a39b 0 8%,transparent 9%),repeating-linear-gradient(50deg,#efe0d7 0 22px,#d5b6ae 23px 27px,#e9d8ce 28px 47px)}.visual.bed{background:repeating-linear-gradient(165deg,#faf8f2 0 25px,#e1e3da 26px 29px,#f2eee6 30px 60px)}.visual.technical{background:repeating-linear-gradient(90deg,#839488 0 3px,#73867a 4px 8px,#c2cbbf 9px 11px)}.visual.pets{background:repeating-linear-gradient(135deg,#a99c85 0 15px,#c4b7a1 16px 25px,#897f6e 26px 27px)}.visual:after{content:'KUVAPAIKKA';position:absolute;bottom:12px;right:13px;background:#ffffffc9;padding:3px 9px;font-size:9px;letter-spacing:.15em}.split{display:grid;grid-template-columns:1fr 1fr;background:#e4e8df}.split-art{min-height:460px;background:radial-gradient(circle at 35% 42%,#eee8dc 0 15%,transparent 16%),radial-gradient(circle at 68% 58%,#a6b6a7 0 23%,transparent 24%),repeating-linear-gradient(120deg,#9aab9c 0 14px,#bcc8bb 15px 18px,#e5e6dc 19px 32px)}.split-copy{padding:85px 10%;align-self:center}.split h2{font-size:clamp(35px,3.6vw,51px)}.split p{color:#5b685e}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.highlights h3{font:normal 25px Georgia}.highlights p{color:var(--muted)}.number{font:normal 40px Georgia;color:#9daea0}.news{background:#eeece5}.news-row{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #cbd0c7;padding:25px 0}.news-row h3{font:normal 25px Georgia;margin:0}.news-row span{color:var(--muted);font-size:13px}.contact{background:#364b3d;color:#fff;text-align:center;padding:90px 25px}.contact h2{font-size:clamp(38px,5vw,65px);margin:10px}.contact p{color:#dce4dc}.contact .button{background:#f7f5ef;color:#28352f;border-color:#f7f5ef}.contact-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:25px}footer{background:#26362b;color:#dbe3dc;padding:30px max(28px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:20px;font-size:12px}footer strong{font-size:18px;letter-spacing:.12em}.menu-button{display:none;border:0;background:transparent;font-size:26px}@media(max-width:850px){.links{display:none;position:absolute;top:77px;left:0;right:0;background:#fffdf9;padding:25px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 28px}.hero-art{min-height:360px}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.split-art{min-height:260px}.split-copy{padding:55px 28px}.highlights{gap:20px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.section-head{display:block}.wrap{padding:65px 22px}.highlights{grid-template-columns:1fr}.news-row{display:block}footer{display:block}.hero h1{font-size:47px}}

:root{--ink:#303334;--muted:#626567;--cream:#f9f7f2;--sand:#e9e6df;--sage:#eeeae0;--accent:#e5a900;--white:#fff}
header{background:#fff} .navcta,.button{color:#262626;background:#ffbd18;border-color:#ffbd18}.button:hover,.navcta:hover{background:#e9aa00}
.logo{background:#f6b900;padding:8px 14px;display:flex;align-items:center;width:154px;height:64px}.logo img{max-width:100%;max-height:100%;object-fit:contain}
.hero{background:#f1ede5}.hero-art{background:#e6e0d5 url('assets/hero.webp') center center / contain no-repeat}.hero-art:after{content:'Puhla · Tekstiilejä arkeen'}
.eyebrow{color:#977100}.hero p,.split p{color:#55595a}.visual{background-color:#f4f1ec!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.visual:after{display:none}
.visual.clothes{background-image:url('assets/clothes.webp')!important}.visual.bed{background-image:url('assets/bed.webp')!important}.visual.technical{background-image:url('assets/technical.webp')!important}.visual.pets{background-image:url('assets/pets.webp')!important}
.split{background:#f0ece3}.split-art{background:#e7e4df url('assets/company.webp') center / cover no-repeat}.number{color:#d2a52b}.news{background:#f0ede5}.contact{background:#303334}.contact p{color:#e3e1db}.contact .button{background:#ffbd18;border-color:#ffbd18;color:#262626}footer{background:#222526}.trust{padding:32px 28px;display:flex;align-items:center;justify-content:center;gap:22px;background:#fff}.trust img{width:135px;height:auto;object-fit:contain}.trust strong{font-size:17px}.trust p{margin:4px 0;color:#626567;font-size:13px}
@media(max-width:850px){.links{top:80px}}@media(max-width:520px){.trust{flex-direction:column;text-align:center}}

.fermi-section{background:#fffaf0}.fermi-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;background:white;padding:26px;margin-bottom:30px}.fermi-feature img{width:100%;height:360px;object-fit:contain;background:#fff}.fermi-feature h3{font:normal 34px Georgia,serif}.fermi-feature p{color:var(--muted)}.fermi-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fermi-gallery article{background:white;padding:16px 16px 25px}.fermi-gallery img{width:100%;height:210px;object-fit:contain}.fermi-gallery h3{font:normal 24px Georgia,serif;margin:12px 0 8px}.fermi-gallery p{font-size:14px;color:var(--muted)}@media(max-width:850px){.fermi-feature{grid-template-columns:1fr}.fermi-gallery{grid-template-columns:1fr}.fermi-feature img{height:auto}.fermi-gallery img{height:260px}}

.page-hero{background:#f0ece3;padding:85px max(28px,calc((100vw - 1200px)/2))}.page-hero h1{font:normal clamp(42px,5vw,68px) Georgia,serif;margin:10px 0}.page-hero p{max-width:760px;color:#626567;font-size:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-grid article{background:white;padding:20px}.product-grid img{width:100%;height:260px;object-fit:contain;background:#f5f3ee}.product-grid h2{font:normal 28px Georgia,serif}.product-grid p{color:#626567}.backlink{display:inline-block;margin-bottom:24px;text-decoration:underline}.prose{max-width:850px}.prose p{font-size:18px;color:#626567}@media(max-width:800px){.product-grid{grid-template-columns:1fr}.page-hero{padding:60px 24px}}


/* Puhla: logo ja uusi tilaustapa */
header .logo{background:#fff!important;border:1px solid #e5e3dc!important;border-radius:9px!important;padding:9px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:150px!important;min-height:64px!important}
header .logo img{display:block!important;width:155px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
.order-notice{background:#fff0b8;color:#302c1e;border-bottom:1px solid #e3c968;padding:12px 24px;text-align:center;font-size:15px;line-height:1.55}
.order-notice a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.order-section{background:#f4f0e6;padding:55px 24px}
.order-inner{max-width:1050px;margin:0 auto;background:#fff;border:1px solid #e4dfd1;border-radius:16px;padding:35px;box-shadow:0 10px 30px #28352f0a}
.order-inner h2{font-size:clamp(29px,3.5vw,46px);margin:5px 0 12px}
.order-inner p{font-size:16px;color:#46544b;max-width:800px}
.order-methods{display:flex;gap:15px;flex-wrap:wrap;margin:23px 0}
.order-methods a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;background:#355b45;color:#fff;font-weight:700;padding:13px 22px;border-radius:6px;overflow-wrap:anywhere}
.order-methods a:last-child{background:#fff;color:#28352f;border:2px solid #355b45}
.order-small{font-size:14px!important}
@media(max-width:640px){header .logo{min-width:110px!important;min-height:52px!important;padding:6px 8px!important}header .logo img{width:116px!important}.order-inner{padding:23px}.order-methods{flex-direction:column}.order-notice{font-size:13px;padding:10px 14px}}