
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}.sample-site{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--paper)}.sample-site h1,.sample-site h2,.sample-site h3{line-height:1.02;font-weight:500;letter-spacing:-.045em}.sample-site h1{font-size:clamp(54px,8.8vw,132px)}.sample-site h2{font-size:clamp(36px,5vw,72px)}.sample-site h3{font-size:28px}.sample-site a{text-underline-offset:5px}.sample-site a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.sample-nav,.sample-main,.sample-footer{max-width:1320px;margin:auto;padding-inline:6%}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.wordmark{font-size:24px;font-weight:800;letter-spacing:-1px}.nav-links,.language-links{font-size:13px}.language-links{white-space:nowrap}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.6px}.sample-section{padding-block:88px;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.sample-section>.eyebrow{margin-bottom:36px}.sample-site .wp-block-button__link{display:inline-block;padding:15px 22px;border-radius:0;color:var(--paper);background:var(--ink);font-size:14px;text-decoration:none}.sample-contact{padding-block:80px}.sample-contact h2{margin:20px 0}.contact-placeholder{margin-top:25px;text-decoration:underline;text-underline-offset:8px;font-size:13px}.sample-footer{display:flex;justify-content:space-between;gap:35px;padding-block:30px;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.sample-notice{font-size:11px;max-width:440px;opacity:.75}.atelier{--paper:var(--wp--preset--color--paper,#ede9e1);--ink:var(--wp--preset--color--ink,#252922);--accent:var(--wp--preset--color--accent,#435846)}.atelier h1,.atelier h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em}.atelier-hero{padding-top:55px}.atelier-hero h1{margin:24px 0 32px}.intro-line{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.intro-line p:first-child{max-width:470px}.atelier-hero img{width:100%;height:440px;object-fit:cover;object-position:50% 55%}.editorial-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.editorial-grid p{max-width:390px;padding-top:8px}.about-editorial{max-width:80%;margin-left:auto}.about-editorial>p:last-child{margin-top:25px;max-width:450px}.atelier .sample-contact{background:#435846;color:#f6f3eb;margin-inline:-6.82%;padding-inline:6.82%}.werk{--paper:var(--wp--preset--color--paper,#f3f0e6);--ink:var(--wp--preset--color--ink,#143c2d);--accent:var(--wp--preset--color--accent,#dbed96)}.werk .sample-nav{border-bottom:0}.werk-hero{background:var(--ink);color:var(--paper);padding:65px 6.82%;margin-inline:-6.82%}.werk-hero h1{font-weight:800;margin:32px 0 45px;font-size:clamp(54px,7.8vw,114px)}.werk-intro{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.werk-intro p{max-width:490px}.werk .wp-block-button__link{background:var(--accent);color:var(--ink)}.service-row{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:30px;align-items:center;border-bottom:1px solid #b9c2b1;padding:27px 0}.service-row:first-of-type{margin-top:35px}.service-number{font:13px monospace}.service-row>p:last-child{font-size:15px}.werk-about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.werk-about img{width:100%;aspect-ratio:1/1;object-fit:cover}.werk-about h2{margin:24px 0}.werk .sample-contact{border-top:10px solid var(--accent)}.signal{--paper:var(--wp--preset--color--paper,#1d1830);--ink:var(--wp--preset--color--ink,#f4eddf);--accent:var(--wp--preset--color--accent,#d1ff72)}.signal .wordmark{letter-spacing:-2px;font-size:30px}.signal-hero{padding-top:70px;padding-bottom:65px}.signal h1{font-weight:800;font-size:clamp(65px,11vw,154px);letter-spacing:-.07em;color:var(--accent);margin:25px 0 40px}.signal-intro{display:flex;justify-content:space-between;gap:50px;align-items:center}.signal-intro>p{max-width:430px}.signal .wp-block-button__link{background:transparent;color:var(--ink);border:1px solid var(--ink)}.signal-poster{position:relative;background:#dcb5ab;color:#241634;overflow:hidden;padding:40px;min-height:500px}.signal-poster h2{position:relative;z-index:1;font-size:clamp(44px,7vw,100px);font-weight:700;max-width:75%;margin-top:25px}.signal-poster figure{position:absolute;inset:0;margin:0}.signal-poster img{width:100%;height:100%;object-fit:cover}.signal-poster>.eyebrow{position:relative;z-index:1}.signal-poster h2,.signal-poster>.eyebrow{display:table;background:#f4eddf;padding:6px 14px}.project-caption{font:11px monospace;letter-spacing:1px;margin-top:20px}.signal-about{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.signal-about h2{font-size:clamp(38px,4.5vw,64px)}.signal-about>div{padding-top:15px}.signal-about>div p{padding:20px 0;border-bottom:1px solid #5d556c}.signal-about>div .eyebrow{padding-top:0;border:0;color:var(--accent)}.signal .sample-contact{border-top:1px solid #5d556c}.signal .sample-contact h2{color:var(--accent)}.demo-bar{font:12px/1.5 Arial,sans-serif;background:#fff;color:#222;display:flex;justify-content:space-between;gap:20px;padding:14px 6%;border-bottom:1px solid #ccc}.demo-bar a{font-weight:bold}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0!important}.sample-site .wp-block-group>*{margin-block-start:0}.sample-site p+ p{margin-top:15px}@media(max-width:700px){.sample-nav{flex-wrap:wrap;gap:12px;padding-block:20px}.nav-links{order:3;width:100%}.sample-nav .language-links{margin-left:auto}.sample-section{padding-block:55px}.intro-line,.signal-intro{display:block}.intro-line .eyebrow,.signal-intro .wp-block-buttons{margin-top:25px}.atelier-hero img{height:310px}.editorial-grid,.werk-intro,.werk-about,.signal-about{grid-template-columns:1fr;gap:28px}.about-editorial{max-width:100%}.service-row{grid-template-columns:30px 1fr;gap:12px}.service-row>p:last-child{grid-column:2}.signal-poster{min-height:410px;padding:20px}.signal-poster h2{max-width:100%}.sample-footer{display:block}.sample-notice{margin-top:20px}.demo-bar{flex-wrap:wrap;gap:6px}.werk-hero{padding-block:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.sample-site .wp-block-group,.sample-main>*{min-width:0}
.sample-site h1,.sample-site h2,.sample-site h3{overflow-wrap:break-word}
@media(max-width:700px){
  .sample-site{font-size:16px}
  .sample-site h1,.werk-hero h1{font-size:clamp(38px,9.5vw,64px)}
  .signal h1{font-size:clamp(42px,10.5vw,72px)}
  .sample-site h2,.signal-about h2{font-size:clamp(30px,7.5vw,44px)}
  .sample-site h3{font-size:25px}
  .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
  .nav-links a,.language-links a,.demo-bar a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
  .language-links a{min-width:38px;justify-content:center}
  .sample-site .wp-block-button__link{min-height:48px;max-width:100%;white-space:normal}
  .atelier-hero{padding-top:32px}
  .atelier-hero img{height:clamp(220px,65vw,330px)}
  .signal-hero{padding-block:40px}
  .sample-contact{padding-block:48px}
  .signal-poster h2{font-size:clamp(30px,8vw,48px)}
  .signal-poster h2,.signal-poster>.eyebrow{display:block;width:fit-content;max-width:100%}
  .sample-footer,.sample-notice,.contact-placeholder{overflow-wrap:anywhere}
}
