:root{
  /* Primitive tokens */
  --primitive-color-paper:#e8e0c0;
  --primitive-color-paper-light:#ede4cf;
  --primitive-color-ink:#232018;
  --primitive-color-muted:#635e50;
  --primitive-color-magenta:#f34a77;
  --primitive-color-cyan:#14b8a6;
  --primitive-color-yellow:#f2c84b;
  --primitive-color-tape:#f4e8a8;
  --primitive-font-display:"Times New Roman",Times,serif;
  --primitive-font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --primitive-font-mono:"Courier New",Courier,monospace;
  --primitive-space-1:4px;
  --primitive-space-2:8px;
  --primitive-space-3:12px;
  --primitive-space-4:16px;
  --primitive-space-5:20px;
  --primitive-space-6:24px;
  --primitive-space-8:32px;
  --primitive-space-10:40px;
  --primitive-space-12:48px;
  --primitive-space-16:64px;
  --primitive-space-24:96px;
  --primitive-line:2px;
  --primitive-shadow:8px 8px 0;

  /* Semantic tokens */
  --surface-canvas:var(--primitive-color-paper);
  --surface-sample:var(--primitive-color-paper-light);
  --surface-tape:var(--primitive-color-tape);
  --text-primary:var(--primitive-color-ink);
  --text-secondary:var(--primitive-color-muted);
  --border-default:var(--primitive-color-ink);
  --accent-primary:var(--primitive-color-magenta);
  --accent-secondary:var(--primitive-color-cyan);
  --accent-tertiary:var(--primitive-color-yellow);
  --focus-ring:var(--primitive-color-magenta);
  --shadow-color:var(--primitive-color-ink);

  /* Component tokens */
  --shell-max:1460px;
  --shell-gutter:clamp(20px,4vw,68px);
  --header-height:82px;
  --board-gap:clamp(24px,4vw,58px);
  --hero-title-size:clamp(3.8rem,9vw,9.6rem);
  --page-title-size:clamp(3.4rem,8vw,8.4rem);
  --section-space:clamp(72px,10vw,156px);
  --control-height:46px;
  --sample-bg:var(--surface-sample);
  --sample-border:var(--border-default);
  --sample-shadow:var(--shadow-color);
  --button-bg:var(--accent-primary);
  --button-fg:var(--text-primary);
  --language-trigger-bg:var(--surface-tape);
  --language-panel-bg:var(--text-primary);
  --language-panel-fg:var(--surface-sample);
  --motion-fast:180ms;
  --motion-base:280ms;
  color-scheme:light;
}

*{box-sizing:border-box}
html{background:var(--surface-canvas);overflow-x:hidden}
body{margin:0;padding-block-end:calc(108px + env(safe-area-inset-bottom));background:var(--surface-canvas);color:var(--text-primary);font-family:var(--primitive-font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
figure{margin:0}
a{color:inherit;text-decoration-thickness:var(--primitive-line);text-underline-offset:4px}
button,summary{font:inherit;color:inherit}
button{border:0}
h1,h2,h3,p{margin-block-start:0}
h1,h2,h3{font-family:var(--primitive-font-display);font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;inset-block-start:8px;inset-inline-start:8px;padding:10px 14px;background:var(--text-primary);color:var(--surface-sample);font-family:var(--primitive-font-mono);transform:translateY(-160%)}
.skip-link:focus{transform:none}
:focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px}
.site-header{position:relative;z-index:100;background:var(--surface-canvas);border-block-end:var(--primitive-line) solid var(--border-default)}
.header-inner{width:min(100%,var(--shell-max));min-height:var(--header-height);margin-inline:auto;padding-inline:var(--shell-gutter);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--primitive-space-6);align-items:center}
.brand{display:inline-flex;min-width:0;align-items:center;gap:var(--primitive-space-3);color:inherit;text-decoration:none}
.brand__logo{width:42px;height:42px;object-fit:contain;flex:0 0 auto;transform:rotate(-4deg)}
.brand__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--primitive-font-display);font-size:clamp(16px,1.6vw,24px);font-weight:700}
.desktop-nav{position:fixed;z-index:180;inset-inline-start:50%;inset-block-end:calc(18px + env(safe-area-inset-bottom));width:min(calc(100vw - 40px),980px);min-height:62px;padding:8px 10px;display:flex;justify-content:center;align-items:stretch;background:var(--text-primary);color:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);box-shadow:8px 8px 0 var(--accent-primary);transform:translateX(-50%) rotate(-.4deg)}
.nav-link{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;padding-inline:clamp(8px,1vw,16px);color:inherit;text-decoration:none;font-family:var(--primitive-font-mono);font-size:11px;font-weight:700;text-align:center}
.nav-link::before{content:"";position:absolute;inset-inline:10px;inset-block-end:5px;height:7px;background:var(--accent-secondary);transform:rotate(-2deg) scaleX(0);transform-origin:inline-start}
.nav-link:hover::before,.nav-link[aria-current="page"]::before{transform:rotate(-2deg) scaleX(1)}
.nav-link[aria-current="page"]{text-shadow:2px 0 var(--accent-primary),-2px 0 var(--accent-secondary)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--primitive-space-2)}
.language-menu{position:relative;font-family:var(--primitive-font-mono)}
.language-menu summary{position:relative;min-width:118px;height:var(--control-height);padding-inline:16px 42px;display:flex;align-items:center;background:var(--language-trigger-bg);border:var(--primitive-line) solid var(--border-default);box-shadow:4px 4px 0 var(--shadow-color);direction:ltr;text-align:left;list-style:none;cursor:pointer;transform:rotate(1deg);font-size:12px;font-weight:700}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu__mark{position:absolute;inset-inline-end:15px;inset-block-start:50%;width:10px;height:10px;border-inline-end:var(--primitive-line) solid currentColor;border-block-end:var(--primitive-line) solid currentColor;transform:translateY(-70%) rotate(45deg)}
.language-menu[open] .language-menu__mark{transform:translateY(-20%) rotate(225deg)}
.language-menu__panel{position:absolute;z-index:130;inset-block-start:calc(100% + 12px);inset-inline-end:0;min-width:190px;padding:var(--primitive-space-2);display:grid;gap:var(--primitive-space-1);background:var(--language-panel-bg);color:var(--language-panel-fg);border:var(--primitive-line) solid var(--border-default);box-shadow:8px 8px 0 var(--accent-primary);transform:rotate(-1deg)}
.language-menu__panel a{min-height:40px;padding:9px 12px;display:flex;align-items:center;direction:ltr;text-align:left;text-decoration:none;font-size:12px}
.language-menu__panel a:hover,.language-menu__panel a:focus-visible{background:var(--accent-secondary);color:var(--text-primary)}
.language-menu__panel a[aria-current="true"]{background:var(--accent-primary);color:var(--text-primary)}
.menu-button{display:none;width:var(--control-height);height:var(--control-height);padding:12px;background:var(--text-primary);color:var(--surface-sample);box-shadow:4px 4px 0 var(--accent-primary);cursor:pointer}
.menu-button span{display:block;height:2px;margin-block:7px;background:currentColor}
.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.mobile-menu{display:none}
.page-shell{width:min(100%,var(--shell-max));margin-inline:auto;padding-inline:var(--shell-gutter)}
.site-main{min-height:70vh}
.page-heading{position:relative;min-height:clamp(430px,61vh,700px);padding:var(--section-space) clamp(0px,3vw,44px) var(--primitive-space-16);display:flex;flex-direction:column;justify-content:flex-end}
.page-heading::after{content:"";position:absolute;inset-inline:0;inset-block-end:-4px;height:18px;background:var(--text-primary);clip-path:polygon(0 20%,3% 70%,7% 30%,11% 75%,15% 35%,20% 80%,25% 26%,30% 68%,35% 22%,40% 76%,45% 32%,50% 72%,55% 27%,60% 82%,65% 30%,70% 75%,75% 25%,80% 70%,85% 34%,90% 79%,95% 28%,100% 73%,100% 100%,0 100%)}
.page-heading__tape{position:absolute;inset-block-start:12%;inset-inline-start:8%;width:clamp(120px,18vw,250px);height:52px;background:var(--surface-tape);opacity:.82;transform:rotate(-5deg)}
.page-heading h1{position:relative;z-index:1;max-width:1120px;margin:0;font-size:var(--page-title-size);line-height:.78;letter-spacing:-.07em;text-wrap:balance;text-shadow:4px 0 var(--accent-primary),-4px 0 var(--accent-secondary);transform:rotate(-1deg)}
.page-heading p{position:relative;z-index:1;max-width:780px;margin:var(--primitive-space-10) 0 0;margin-inline-start:auto;padding:var(--primitive-space-4);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);font-size:clamp(18px,2vw,28px);line-height:1.35;transform:rotate(1deg)}
.home-hero{position:relative;min-height:calc(100svh - var(--header-height));padding-block:clamp(60px,8vw,126px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.home-hero::before{content:"";position:absolute;z-index:0;inset-block-start:9%;inset-inline-start:2%;width:27%;height:28%;background:radial-gradient(circle,var(--text-primary) 1.4px,transparent 1.8px);background-size:10px 10px;transform:rotate(-6deg);opacity:.32}
.home-hero::after{content:"";position:absolute;z-index:0;inset-block-end:7%;inset-inline-end:4%;width:19%;height:22%;background:var(--accent-secondary);clip-path:polygon(0 8%,92% 0,100% 86%,9% 100%);transform:rotate(5deg)}
.home-hero__copy{position:relative;z-index:3;grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.hero-tagline{grid-column:1/span 4;align-self:start;max-width:520px;margin:0 0 var(--primitive-space-8);padding:var(--primitive-space-5);background:var(--accent-tertiary);border:var(--primitive-line) solid var(--border-default);box-shadow:5px 5px 0 var(--shadow-color);font-family:var(--primitive-font-body);font-size:clamp(18px,2vw,29px);font-weight:700;line-height:1.18;transform:rotate(-4deg)}
.home-hero h1{grid-column:1/span 11;margin:clamp(74px,10vw,150px) 0 var(--primitive-space-10);font-size:var(--hero-title-size);line-height:.72;letter-spacing:-.075em;text-wrap:balance;text-shadow:4px 0 var(--accent-primary),-4px 0 var(--accent-secondary);transform:rotate(-1deg)}
.hero-summary{grid-column:1/span 5;max-width:680px;margin:0;padding:var(--primitive-space-5);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);box-shadow:6px 6px 0 var(--shadow-color);font-size:clamp(20px,2vw,29px);line-height:1.3;transform:rotate(2deg)}
.hero-introduction{grid-column:7/span 5;max-width:680px;margin:var(--primitive-space-12) 0 0;padding:var(--primitive-space-4);background:var(--surface-tape);border:var(--primitive-line) solid var(--border-default);color:var(--text-secondary);transform:rotate(-2deg)}
.home-hero .button-row{grid-column:2/span 5}
.home-hero__media{position:relative;z-index:1;grid-column:5/-1;grid-row:1;padding:var(--primitive-space-4);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);box-shadow:var(--primitive-shadow) var(--sample-shadow);transform:rotate(4deg)}
.home-hero__media::before{content:"";position:absolute;z-index:2;inset-block-start:-24px;inset-inline-start:28%;width:42%;height:48px;background:var(--surface-tape);opacity:.82;transform:rotate(-3deg)}
.home-hero__media__frame{position:relative;aspect-ratio:8/5;overflow:hidden;background:var(--surface-canvas)}
.home-hero__media__frame::after,.sample-card__media__frame::after,.product-sample__media__frame::after,.case-sample__media__frame::after,.history-sample__media__frame::after,.credential-sample__media__frame::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--text-primary) 1.2px,transparent 1.6px);background-size:9px 9px;mix-blend-mode:multiply;opacity:.14;pointer-events:none}
.home-hero__media__image,.sample-card__media__image,.product-sample__media__image,.case-sample__media__image,.history-sample__media__image,.credential-sample__media__image,.story-media__image,.value-sample__media__image,.contact-media__image{width:100%;height:100%;object-fit:cover;object-position:center}
figcaption{padding-block-start:var(--primitive-space-2);font-family:var(--primitive-font-mono);font-size:11px;color:var(--text-secondary)}
.button-row{display:flex;flex-wrap:wrap;gap:var(--primitive-space-3);margin-block-start:var(--primitive-space-8)}
.button,.text-link,.contact-link,.footer-action{display:inline-flex;min-height:48px;padding:11px 17px;align-items:center;justify-content:center;border:var(--primitive-line) solid var(--border-default);box-shadow:4px 4px 0 var(--shadow-color);font-family:var(--primitive-font-mono);font-size:12px;font-weight:700;text-decoration:none}
.button--primary{background:var(--button-bg);color:var(--button-fg);transform:rotate(-1deg)}
.button--secondary,.text-link,.contact-link{background:var(--surface-sample);color:var(--text-primary);transform:rotate(1deg)}
.button:hover,.text-link:hover,.contact-link:hover{background:var(--accent-secondary);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow-color)}
.highlight-board{padding-block:var(--primitive-space-16) var(--section-space);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--primitive-space-6)}
.highlight-scrap{min-height:150px;padding:var(--primitive-space-6);display:flex;flex-direction:column;justify-content:flex-end;background:var(--accent-tertiary);border:var(--primitive-line) solid var(--border-default);box-shadow:6px 6px 0 var(--shadow-color);transform:rotate(-2deg)}
.highlight-scrap:nth-child(even){background:var(--accent-secondary);transform:rotate(3deg)}
.highlight-scrap:nth-child(3n){background:var(--accent-primary);transform:rotate(-4deg)}
.highlight-scrap strong{font-family:var(--primitive-font-display);font-size:clamp(25px,3vw,45px);line-height:1}
.highlight-scrap span{margin-block-start:var(--primitive-space-2);font-family:var(--primitive-font-mono);font-size:11px}
.sample-section{padding-block:var(--section-space)}
.sample-section>h2{max-width:880px;margin:0 0 var(--primitive-space-16);font-size:clamp(42px,6vw,90px);line-height:.84;letter-spacing:-.055em}
.sample-board,.case-board,.faq-board,.contact-board{padding-block:var(--section-space)}
.sample-board{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(54px,8vw,120px) var(--board-gap)}
.sample-board::after{content:"";position:absolute;z-index:-1;inset:4% -3%;background:radial-gradient(circle,var(--text-primary) 1px,transparent 1.4px);background-size:15px 15px;opacity:.1;transform:rotate(1deg)}
.sample-card,.product-sample,.history-sample,.value-sample,.credential-sample,.case-sample,.faq-sample,.contact-sample,.qr-sample{position:relative;background:var(--sample-bg);border:var(--primitive-line) solid var(--sample-border);box-shadow:var(--primitive-shadow) var(--sample-shadow)}
.sample-card::before,.product-sample::before,.history-sample::before,.credential-sample::before,.case-sample::before,.contact-sample::before{content:"";position:absolute;z-index:3;inset-block-start:-22px;inset-inline-start:28%;width:42%;height:40px;background:var(--surface-tape);opacity:.86;transform:rotate(-3deg)}
.sample-card{flex:0 1 calc(56% - var(--board-gap));padding:var(--primitive-space-5);transform:rotate(-2deg)}
.sample-card:nth-child(even){flex-basis:calc(38% - var(--board-gap));margin-block-start:clamp(42px,7vw,108px);transform:rotate(3deg)}
.sample-card:nth-child(3n){flex-basis:64%;margin-inline-start:auto;margin-block-start:0;transform:rotate(-4deg)}
.sample-card__media__frame,.product-sample__media__frame,.history-sample__media__frame,.credential-sample__media__frame{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-canvas)}
.sample-card__copy,.product-sample__copy,.credential-sample__copy{padding:var(--primitive-space-6) var(--primitive-space-2) var(--primitive-space-3)}
.sample-card h2,.sample-card h3,.product-sample h2,.credential-sample h2{margin:0 0 var(--primitive-space-4);font-size:clamp(27px,3vw,46px);line-height:.96}
.sample-card p,.product-sample p,.credential-sample p{color:var(--text-secondary)}
.detail-copy{padding-inline-start:var(--primitive-space-4);border-inline-start:6px solid var(--accent-primary)}
.sample-card .text-link,.product-sample .text-link{margin-block-start:var(--primitive-space-3)}
.story-sheet{padding-block:var(--section-space);display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:var(--board-gap);align-items:start}
.story-copy{padding:var(--primitive-space-8);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);box-shadow:var(--primitive-shadow) var(--shadow-color);transform:rotate(-1deg)}
.story-copy p{font-family:var(--primitive-font-display);font-size:clamp(24px,3.2vw,48px);line-height:1.18}
.story-copy p:last-child{margin-block-end:0}
.story-media{padding:var(--primitive-space-4);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);transform:rotate(4deg)}
.story-media__frame,.value-sample__media__frame,.contact-media__frame{aspect-ratio:4/3;overflow:hidden}
.history-sample{flex:0 1 43%;padding:var(--primitive-space-4);transform:rotate(-3deg)}
.history-sample:nth-child(even){flex-basis:49%;margin-inline-start:auto;margin-block-start:clamp(52px,8vw,128px);transform:rotate(2deg)}
.history-sample:nth-child(3n){flex-basis:62%;margin-inline:8% auto;margin-block-start:0}
.history-sample__copy{padding:var(--primitive-space-5)}
.history-sample__copy p{margin:0 0 var(--primitive-space-2);font-family:var(--primitive-font-mono);font-size:12px}
.history-sample__copy h3{margin:0;font-size:clamp(24px,3vw,42px);line-height:1.08}
.sample-board--values{align-items:flex-start}
.value-sample{flex:0 1 31%;padding:var(--primitive-space-6);transform:rotate(2deg)}
.value-sample:nth-child(even){flex-basis:42%;margin-block-start:clamp(44px,7vw,100px);transform:rotate(-3deg)}
.value-sample:nth-child(3n){flex-basis:49%;margin-inline-start:auto}
.value-sample__media{margin-block-end:var(--primitive-space-4)}
.value-sample h2{font-size:clamp(26px,3vw,44px);line-height:1}
.product-sample{flex:0 1 57%;padding:var(--primitive-space-5);transform:rotate(2deg)}
.product-sample:nth-child(3n+2){flex-basis:35%;margin-block-start:clamp(64px,9vw,140px);transform:rotate(-3deg)}
.product-sample:nth-child(3n){flex-basis:68%;margin-inline-start:auto;margin-block-start:0;transform:rotate(4deg)}
.product-category,.credential-meta{font-family:var(--primitive-font-mono);font-size:11px!important;color:var(--text-primary)!important}
.case-board{display:flex;flex-direction:column;align-items:flex-start;gap:var(--section-space)}
.case-sample{width:88%;padding:clamp(20px,4vw,60px);transform:rotate(-1deg)}
.case-sample:nth-child(even){width:76%;margin-inline-start:auto;transform:rotate(2deg)}
.case-sample>header{max-width:980px;margin-block-end:var(--primitive-space-8)}
.case-sample>header p{margin-block-end:var(--primitive-space-2);font-family:var(--primitive-font-mono);font-size:12px}
.case-sample h2{margin:0;font-size:clamp(38px,6vw,88px);line-height:.85;letter-spacing:-.055em}
.case-sample__media__frame{position:relative;aspect-ratio:16/8;overflow:hidden}
.case-summary{max-width:820px;margin:var(--primitive-space-8) 0;font-family:var(--primitive-font-display);font-size:clamp(24px,3vw,42px);line-height:1.15}
.case-sample dl{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--primitive-space-4);margin-block:var(--primitive-space-10)}
.case-sample dl>div{padding:var(--primitive-space-5);background:var(--surface-canvas);border:var(--primitive-line) solid var(--border-default)}
.case-sample dt{margin-block-end:var(--primitive-space-4);font-family:var(--primitive-font-mono);font-size:11px;font-weight:700}
.case-sample dd{margin:0}
.case-result{display:grid;grid-template-columns:minmax(100px,1fr) 4fr;gap:var(--primitive-space-4);padding:var(--primitive-space-6);background:var(--accent-secondary);border:var(--primitive-line) solid var(--border-default)}
.case-result strong{font-family:var(--primitive-font-mono);font-size:11px}
.sample-board--credentials{align-items:flex-start}
.credential-sample{flex:0 1 54%;padding:var(--primitive-space-5);transform:rotate(-2deg)}
.credential-sample:nth-child(even){flex-basis:38%;margin-block-start:clamp(52px,8vw,126px);transform:rotate(3deg)}
.credential-sample:nth-child(3n){flex-basis:66%;margin-inline-start:auto;margin-block-start:0}
.contact-board{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:var(--board-gap);align-items:start}
.contact-details{margin:0;padding:var(--primitive-space-6);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);box-shadow:var(--primitive-shadow) var(--shadow-color);transform:rotate(-1deg)}
.contact-details>div{padding-block:var(--primitive-space-5);border-block-end:var(--primitive-line) solid var(--border-default)}
.contact-details>div:last-child{border-block-end:0}
.contact-details dt{font-family:var(--primitive-font-mono);font-size:11px;font-weight:700}
.contact-details dd{margin:var(--primitive-space-2) 0 0;font-family:var(--primitive-font-display);font-size:clamp(21px,2.5vw,38px);line-height:1.12}
.contact-media{padding:var(--primitive-space-4);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);transform:rotate(3deg)}
.contact-actions{grid-column:1/-1;padding-block:var(--primitive-space-8)}
.contact-actions h2{font-size:clamp(30px,4vw,56px)}
.contact-link{margin:0 var(--primitive-space-3) var(--primitive-space-3) 0}
.contact-methods,.qr-board{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--board-gap)}
.contact-sample,.qr-sample{min-width:0;flex:0 1 calc(44% - var(--board-gap));padding:var(--primitive-space-5);transform:rotate(-2deg)}
.contact-sample:nth-child(even),.qr-sample:nth-child(even){flex-basis:calc(52% - var(--board-gap));margin-block-start:clamp(34px,5vw,76px);transform:rotate(3deg)}
.contact-method-media__frame,.qr-media__frame{aspect-ratio:1;overflow:hidden;background:var(--surface-canvas)}
.contact-method-media__image,.qr-media__image{width:100%;height:100%;object-fit:contain;object-position:center}
.contact-sample h2,.qr-sample h2{margin:var(--primitive-space-4) 0 var(--primitive-space-2);font-size:clamp(24px,2.8vw,40px);line-height:1}
.contact-sample p{color:var(--text-secondary)}
.contact-sample a,.contact-sample bdi{font-family:var(--primitive-font-mono);font-size:12px;overflow-wrap:anywhere}
.qr-board{margin-block-start:var(--primitive-space-10)}
.faq-board{display:flex;flex-direction:column;align-items:flex-start;gap:var(--board-gap)}
.faq-sample{width:70%;padding:var(--primitive-space-6);transform:rotate(-1deg)}
.faq-sample:nth-child(even){width:64%;margin-inline-start:auto;transform:rotate(2deg)}
.faq-sample summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:var(--primitive-space-4);align-items:center;cursor:pointer}
.faq-sample summary::-webkit-details-marker{display:none}
.faq-sample summary strong,.faq-sample--static h2{font-family:var(--primitive-font-display);font-size:clamp(23px,3vw,42px);line-height:1.08}
.faq-sample summary span{position:relative;width:24px;height:24px}
.faq-sample summary span::before,.faq-sample summary span::after{content:"";position:absolute;inset-inline-start:2px;inset-block-start:11px;width:20px;height:var(--primitive-line);background:currentColor}
.faq-sample summary span::after{transform:rotate(90deg)}
.faq-sample[open] summary span::after{transform:none}
.faq-sample>div,.faq-sample--static p{max-width:740px;margin-block-start:var(--primitive-space-5)}
.contact-callout{position:relative;margin-block:var(--section-space);padding:clamp(32px,6vw,88px);display:grid;grid-template-columns:minmax(0,3fr) auto;gap:var(--primitive-space-8);align-items:end;background:var(--accent-primary);border:var(--primitive-line) solid var(--border-default);box-shadow:var(--primitive-shadow) var(--shadow-color);transform:rotate(-1deg)}
.contact-callout::before{content:"";position:absolute;inset-block-start:-25px;inset-inline-start:32%;width:34%;height:46px;background:var(--surface-tape);transform:rotate(3deg)}
.contact-callout h2{margin:0;font-size:clamp(44px,7vw,100px);line-height:.8;letter-spacing:-.05em}
.site-footer{position:relative;width:min(calc(100% - 2 * var(--shell-gutter)),var(--shell-max));margin:var(--section-space) auto var(--primitive-space-8);padding:clamp(32px,5vw,72px);background:var(--surface-sample);border:var(--primitive-line) solid var(--border-default);box-shadow:var(--primitive-shadow) var(--shadow-color);transform:rotate(.5deg)}
.footer-tape{position:absolute;inset-block-start:-25px;inset-inline-start:40%;width:20%;height:48px;background:var(--surface-tape);transform:rotate(-2deg)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--board-gap)}
.footer-identity p{max-width:620px;margin-block-start:var(--primitive-space-6);color:var(--text-secondary)}
.footer-grid nav,.footer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--primitive-space-2);font-family:var(--primitive-font-mono);font-size:12px}
.footer-action{min-height:auto;padding:5px 0;border:0;box-shadow:none;background:none;transform:none;text-decoration:underline}
.footer-meta{margin:var(--primitive-space-16) 0 0;padding-block-start:var(--primitive-space-4);border-block-start:var(--primitive-line) solid var(--border-default);font-family:var(--primitive-font-mono);font-size:11px}
[data-motion-ready] .reveal{opacity:0;transform:translateY(24px) rotate(.5deg)}
[data-motion-ready] .reveal.is-visible{opacity:1;transform:none;transition:opacity var(--motion-base) steps(3,end),transform var(--motion-base) steps(3,end)}
:lang(ar) h1,:lang(ja) h1,:lang(zh-Hans) h1,:lang(zh-Hant) h1{text-shadow:none;letter-spacing:normal;line-height:.95}
@media(max-width:1040px){
  body{padding-block-end:0}
  .site-header{position:relative}
  [data-js] .site-header{position:sticky;inset-block-start:0}
  .header-inner{grid-template-columns:minmax(0,1fr) auto}
  .desktop-nav{display:none}
  [data-js] .menu-button{display:block}
  .mobile-menu{padding:var(--primitive-space-4) var(--shell-gutter) var(--primitive-space-8);display:flex;flex-wrap:wrap;gap:var(--primitive-space-2);background:var(--surface-sample);border-block-start:var(--primitive-line) solid var(--border-default)}
  [data-js] .mobile-menu{display:none}
  [data-js] .mobile-menu[data-open="true"]{position:fixed;z-index:90;inset:var(--header-height) 0 0;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:auto;background:var(--surface-canvas)}
  .mobile-link{padding:var(--primitive-space-2) var(--primitive-space-3);background:var(--surface-tape);border:var(--primitive-line) solid var(--border-default);font-family:var(--primitive-font-mono);font-size:13px;font-weight:700;text-decoration:none;transform:rotate(-1deg)}
  [data-js] .mobile-menu[data-open="true"] .mobile-link{padding:var(--primitive-space-4);background:var(--surface-sample);box-shadow:5px 5px 0 var(--shadow-color);font-family:var(--primitive-font-display);font-size:clamp(30px,6vw,58px);line-height:1;transform:rotate(-1deg)}
  [data-js] .mobile-menu[data-open="true"] .mobile-link:nth-child(even){transform:rotate(1deg)}
  .home-hero{display:flex;flex-direction:column;align-items:stretch}
  .home-hero::before{inset-block-start:5%;width:40%;height:18%}
  .home-hero::after{inset-block-end:3%;width:28%;height:15%}
  .home-hero__copy{display:flex;flex-direction:column;align-items:flex-start;order:2}
  .hero-tagline{max-width:70%;margin-block-end:var(--primitive-space-8)}
  .home-hero h1{margin:0 0 var(--primitive-space-10)}
  .hero-summary{max-width:76%}
  .hero-introduction{max-width:68%;margin-inline-start:auto}
  .home-hero .button-row{align-self:flex-start}
  .home-hero__media{width:min(86%,720px);justify-self:center;transform:rotate(2deg)}
  .contact-board{grid-template-columns:1fr}
  .contact-actions,.contact-methods,.qr-board{grid-column:1}
}
@media(max-width:720px){
  :root{--header-height:70px}
  .header-inner{padding-inline:20px}
  .brand__name{max-width:150px}
  .page-shell{padding-inline:20px}
  .language-menu summary{min-width:104px;padding-inline:12px 35px;box-shadow:3px 3px 0 var(--shadow-color)}
  .language-menu__panel{max-width:calc(100vw - 40px)}
  .page-heading{min-height:400px;padding-block:96px 52px}
  .page-heading h1,.home-hero h1{line-height:.88}
  .page-heading__tape{inset-block-start:8%;height:38px}
  .home-hero{padding-block:64px}
  .hero-tagline,.hero-summary,.hero-introduction{max-width:100%;width:100%}
  .hero-introduction{margin-inline-start:0}
  .home-hero__media{width:94%;align-self:center;padding:10px;transform:rotate(1deg)}
  .highlight-board{grid-template-columns:1fr}
  .highlight-scrap,.highlight-scrap:nth-child(even),.highlight-scrap:nth-child(3n){min-height:120px;transform:rotate(-1deg)}
  .sample-board{display:block}
  .sample-card,.sample-card:nth-child(even),.sample-card:nth-child(3n),.history-sample,.history-sample:nth-child(even),.value-sample,.value-sample:nth-child(even),.product-sample,.product-sample:nth-child(3n+2),.product-sample:nth-child(3n),.credential-sample,.credential-sample:nth-child(even){margin-block-end:var(--primitive-space-12);transform:rotate(.7deg)}
  .story-sheet{grid-template-columns:1fr}
  .story-copy{transform:rotate(-.5deg)}
  .story-media{transform:rotate(.7deg)}
  .case-sample,.case-sample:nth-child(even){width:100%;margin-inline-start:0;padding:20px;transform:rotate(.5deg)}
  .case-sample__media__frame{aspect-ratio:4/3}
  .case-sample dl{grid-template-columns:1fr}
  .case-result{grid-template-columns:1fr}
  .contact-details,.contact-media{transform:rotate(.5deg)}
  .contact-methods,.qr-board{display:block}
  .contact-sample,.contact-sample:nth-child(even),.qr-sample,.qr-sample:nth-child(even){width:100%;margin-block:0 var(--primitive-space-10);transform:rotate(.5deg)}
  .faq-board{display:block}
  .faq-sample,.faq-sample:nth-child(even){width:100%;margin-inline-start:0;margin-block-end:var(--primitive-space-8);transform:rotate(.5deg)}
  .contact-callout{grid-template-columns:1fr;padding:32px 20px;transform:rotate(.5deg)}
  .contact-callout .button{width:100%}
  .site-footer{width:calc(100% - 40px);transform:rotate(.25deg)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-identity{grid-column:1/-1}
}
@media(max-width:470px){
  .brand__name{max-width:105px}
  .footer-grid{grid-template-columns:1fr}
  .footer-identity{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-motion-ready] .reveal{opacity:1;transform:none}
}