:root{--blue:#073b8c;--blue2:#0b51c1;--orange:#ff5a16;--cream:#f5efdF;--ink:#11100e;--paper:#fffaf0;--line:rgba(17,16,14,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:82px;display:flex;align-items:center;gap:36px;padding:0 clamp(20px,5vw,80px);background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:10}.brand{font-family:"Archivo Black",sans-serif;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.05em;white-space:nowrap}.brand b{color:var(--orange)}.topbar nav{display:flex;gap:28px;margin-left:auto;font-weight:700;font-size:14px}.topbar nav a:hover{color:var(--orange)}.mini-cta{border-left:1px solid var(--ink);padding-left:30px;font-family:"IBM Plex Mono",monospace;font-weight:600}.hero{min-height:760px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr) 56px;position:relative;background:var(--blue);color:#fff}.hero-photo{grid-column:2/3;background:linear-gradient(90deg,rgba(7,59,140,.55),transparent 40%),url("lonas-chale-hero.webp") center/cover no-repeat;min-width:0}.hero-copy{grid-column:1/2;grid-row:1;padding:clamp(70px,9vw,140px) clamp(28px,6vw,100px);align-self:center;z-index:2}.eyebrow{font:600 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.18em}.orange{color:var(--orange)}h1,h2,h3{font-family:"Archivo Black",sans-serif;margin:0;text-transform:uppercase}h1{font-size:clamp(64px,8vw,132px);line-height:.82;letter-spacing:-.065em;max-width:8ch}h1 em{color:var(--orange);font-style:normal}h2{font-size:clamp(42px,5vw,82px);line-height:.95;letter-spacing:-.05em}h2 span{color:var(--blue2)}.intro{max-width:560px;font-size:clamp(17px,1.4vw,22px);line-height:1.55;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:0 24px;border:2px solid currentColor;font-weight:800}.primary{background:var(--orange);color:#111;border-color:var(--orange)}.ghost{color:#fff}.measure{grid-column:3;grid-row:1;background:var(--orange);color:var(--ink);display:flex;writing-mode:vertical-rl;align-items:center;justify-content:space-around;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.18em;padding:18px 0}.measure i{height:36%;width:1px;background:var(--ink)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff}.trust-strip p{margin:0;padding:32px clamp(20px,5vw,72px);display:flex;align-items:center;gap:18px;border-right:1px solid #444}.trust-strip b{font:400 clamp(34px,4vw,64px) "Archivo Black",sans-serif;color:var(--orange)}.trust-strip span{font:600 13px "IBM Plex Mono",monospace;text-transform:uppercase}.section{padding:clamp(72px,10vw,150px) clamp(22px,7vw,120px)}.catalog{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,140px);align-items:center}.section-head>p:last-child{font-size:18px;line-height:1.6;max-width:540px}.section-head h2{margin:20px 0 30px}.cutting-table{background:#d7d0bf;padding:clamp(20px,3vw,42px);background-image:linear-gradient(rgba(7,59,140,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(7,59,140,.12) 1px,transparent 1px);background-size:24px 24px;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--orange)}.size-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:18px}.size-chip{padding:12px 5px;background:var(--paper);border:1px solid var(--ink);font-weight:800;cursor:pointer}.size-chip.active{background:var(--orange)}.canvas-card{min-height:390px;background:var(--blue);color:#fff;position:relative;padding:50px;box-shadow:inset 0 0 0 8px #174f9c;display:flex;flex-direction:column;justify-content:space-between}.canvas-card:after{content:"";position:absolute;inset:20px;border:2px dashed rgba(255,255,255,.45);pointer-events:none}.eyelet{position:absolute;width:20px;height:20px;border-radius:50%;background:#d7ad48;border:5px solid #f4d68d;z-index:1}.e1{top:10px;left:10px}.e2{top:10px;right:10px}.e3{bottom:10px;left:10px}.e4{bottom:10px;right:10px}.canvas-card>*:not(.eyelet){position:relative;z-index:1}.canvas-card .label{font:600 12px "IBM Plex Mono",monospace;letter-spacing:.15em}.canvas-card>strong{font:400 clamp(54px,7vw,104px) "Archivo Black",sans-serif;letter-spacing:-.07em}.price{display:flex;align-items:end;gap:12px}.price small{font:600 11px "IBM Plex Mono",monospace}.price b{font-size:clamp(24px,3vw,44px);color:#ffd06a}.price span{font:600 12px "IBM Plex Mono",monospace}.canvas-card>a{align-self:flex-end;font-weight:800;border-bottom:2px solid var(--orange);padding-bottom:4px}.services{background:var(--ink);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,150px)}.service-intro h2{margin:22px 0}.service-intro>p:last-child{color:#c8c3b9;font-size:18px;line-height:1.6}.service-list article{display:grid;grid-template-columns:60px 1fr;column-gap:20px;padding:28px 0;border-top:1px solid #48443d}.service-list span{font:600 14px "IBM Plex Mono",monospace;color:var(--orange)}.service-list h3{font-size:clamp(24px,3vw,42px);letter-spacing:-.03em}.service-list p{grid-column:2;line-height:1.6;color:#b9b4aa;max-width:580px}.craft{display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper)}.craft-photo{min-height:720px;overflow:hidden}.craft-photo img{width:100%;height:100%;display:block;object-fit:cover}.craft-copy{padding:clamp(60px,8vw,130px);align-self:center}.craft-copy h2{margin:22px 0}.lead{font-size:20px;line-height:1.6}.use-grid{display:grid;gap:0;margin-top:44px}.use-grid span{padding:20px 0;border-top:1px solid var(--line)}.use-grid b{display:inline-block;min-width:145px;color:var(--blue);text-transform:uppercase}.heritage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:var(--orange)}.big-year{font:400 clamp(100px,18vw,310px)/.8 "Archivo Black",sans-serif;letter-spacing:-.1em;margin:0;color:var(--blue)}.heritage h2{margin:20px 0}.heritage>div>p:last-child{font-size:19px;line-height:1.6;max-width:620px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--blue);color:#fff}.contact h2{margin-top:22px}.contact-card{border-left:1px solid rgba(255,255,255,.3);padding-left:8vw;font-size:18px;line-height:1.6}.contact-card b{color:#ffb28f}.contact-card .button{margin-top:22px}footer{display:flex;align-items:center;gap:30px;padding:36px clamp(22px,7vw,120px);background:var(--paper);border-top:2px solid var(--ink)}footer p{margin-left:auto}footer>a:last-child{font-weight:800}
.heritage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px)}.heritage>div{min-width:0}.heritage h2{font-size:clamp(42px,4.2vw,72px);line-height:.92;max-width:100%}.heritage h2 span{display:block;color:inherit;white-space:normal}.big-year{font-size:clamp(100px,17vw,290px);max-width:100%}
@media(max-width:900px){.topbar nav{display:none}.mini-cta{margin-left:auto}.hero{grid-template-columns:1fr 36px;min-height:auto}.hero-photo{grid-column:1;grid-row:1;height:54vh;min-height:420px;background-position:62% center}.hero-copy{grid-column:1;grid-row:2;padding:52px 22px 62px}.measure{grid-column:2;grid-row:1/3}.trust-strip{grid-template-columns:1fr}.trust-strip p{border-right:0;border-bottom:1px solid #444;padding:20px 22px}.catalog,.services,.heritage,.contact{grid-template-columns:1fr}.craft{grid-template-columns:1fr}.craft-photo{min-height:500px}.size-selector{grid-template-columns:repeat(3,1fr)}.contact-card{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding:34px 0 0}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}}
@media(max-width:520px){.topbar{height:68px;padding:0 16px}.mini-cta{font-size:0;border:0;padding:0}.mini-cta:after{content:"TELEPON";font-size:12px}.hero-photo{height:420px}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(54px,18vw,82px);max-width:100%;overflow-wrap:normal}.intro{font-size:16px}.hero-actions .button{width:100%}.section{padding:70px 20px}.section h2{font-size:clamp(38px,12vw,58px);overflow-wrap:normal;word-break:normal}.heritage h2{font-size:clamp(32px,9.6vw,44px);line-height:.98}.cutting-table{padding:14px;box-shadow:7px 7px 0 var(--orange)}.size-selector{grid-template-columns:repeat(2,1fr)}.canvas-card{min-height:330px;padding:42px 30px}.canvas-card>strong{font-size:clamp(48px,16vw,72px);white-space:nowrap}.price{flex-wrap:wrap}.price b{font-size:30px}.craft-photo{min-height:390px}.craft-copy{padding:64px 20px}.use-grid b{display:block;margin-bottom:6px}.big-year{font-size:29vw}.contact{gap:36px}footer{padding:32px 20px}.trust-strip b{min-width:82px}.service-list article{grid-template-columns:38px minmax(0,1fr)}.service-list h3{overflow-wrap:normal;word-break:normal}}