
:root {
  --pink-25:#fff9fb;
  --pink-50:#fff1f5;
  --pink-100:#fde2ea;
  --pink-200:#f7c5d4;
  --rose:#dd7190;
  --rose-deep:#b94368;
  --blue-25:#f5fbff;
  --blue-50:#eaf7fc;
  --blue-100:#d2edf8;
  --blue:#77bfd5;
  --teal:#2e8aa0;
  --ivory:#fffaf1;
  --peach:#fff1e1;
  --brown:#4a3437;
  --charcoal:#2d2c32;
  --muted:#6f6268;
  --line:rgba(87,65,71,.16);
  --shadow:0 28px 80px rgba(88,56,66,.16);
  --soft-shadow:0 18px 46px rgba(88,56,66,.10);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Helvetica Neue","Hiragino Sans","Yu Gothic",YuGothic,"Noto Sans JP",Arial,sans-serif;
  color:var(--charcoal);
  background:
    radial-gradient(circle at 2% 0%, rgba(253,199,214,.75), transparent 360px),
    radial-gradient(circle at 96% 8%, rgba(170,220,237,.65), transparent 380px),
    linear-gradient(180deg,#fff 0%,#fff6f8 38%,#f4fbff 72%,#fffaf1 100%);
  line-height:1.8;
  letter-spacing:.02em;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
p{margin:0}
h1,h2,h3{margin:0;color:var(--brown);line-height:1.32;letter-spacing:.02em}
h1{font-size:clamp(42px,6.2vw,76px);font-weight:760;line-height:1.16}
h1 span{color:var(--rose-deep);background:linear-gradient(90deg,rgba(255,207,222,.78),rgba(196,232,244,.75));border-radius:.42em;padding:0 .08em}
h2{font-size:clamp(28px,3.4vw,46px);font-weight:740}
h3{font-size:20px;font-weight:720}
ul{margin:0;padding-left:1.2em}.container{max-width:var(--container);margin:auto;padding:0 24px;position:relative;z-index:2}
.hero-grid>*,
.split-section>*,
.status-panel>*,
.contact-grid>*,
.product-card-row>*,
.guide-grid>*,
.three-grid>*,
.four-grid>*,
.value-grid>*,
.feature-image-grid>*,
.process-line>*,
.member-grid>*,
.product-link-card>*,
.info-card>*,
.guide-card>*,
.problem-card>*,
.contact-path>*,
.member-card>*{min-width:0}
h1,h2,h3,p,li,a,.eyebrow,.btn,.small-label,.visual-tag{overflow-wrap:anywhere}
.floating-phone img{clip-path:inset(5px 0 0 0 round 20px)}
.simple-visual img[src$="scene_team_meeting.png"]{clip-path:inset(6px 0 0 14px round 34px)}
.comfort-visual img[src$="section_comfort_4up.png"]{clip-path:inset(0 0 14px 0 round 30px)}
.site-header{position:fixed;top:18px;left:22px;right:22px;z-index:100;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);border-radius:999px;box-shadow:0 14px 40px rgba(61,43,50,.13);backdrop-filter:blur(18px)}
.header-inner{max-width:1320px;margin:auto;min-height:76px;padding:0 18px 0 28px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;flex-direction:column;line-height:1.08;min-width:138px}.brand-logo{font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:.09em;color:var(--rose);font-weight:600}.brand-tagline{font-size:11px;letter-spacing:.18em;color:var(--brown);font-weight:700}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{font-size:14px;font-weight:800;color:#392e33;padding:11px 14px;border-radius:999px;transition:.18s ease;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,rgba(253,226,234,.96),rgba(210,237,248,.92));color:var(--rose-deep);box-shadow:0 8px 22px rgba(88,56,66,.08)}.header-cta{padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,var(--rose),var(--teal));color:#fff;font-weight:800;font-size:13px;box-shadow:0 14px 32px rgba(185,67,104,.20);white-space:nowrap}
.section{position:relative;overflow:hidden;padding:104px 0}.page-hero{position:relative;overflow:hidden;padding:160px 0 92px}.home-hero{min-height:100vh;display:flex;align-items:center}.inner-hero{min-height:640px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:58px;align-items:center}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--rose-deep);font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:"";width:38px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--rose),var(--blue))}.sub-copy{margin-top:14px;font-size:21px;font-weight:720;color:var(--brown);letter-spacing:.12em}.lead{margin-top:20px;font-size:16px;color:#5f5358;font-weight:520;line-height:2;max-width:660px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:54px;padding:0 24px;font-weight:800;font-size:14px;border:1px solid rgba(255,255,255,.9);transition:.2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(185,67,104,.20)}.btn-primary{background:linear-gradient(135deg,var(--rose-deep),#db7f98 48%,var(--teal));color:#fff;box-shadow:0 18px 38px rgba(185,67,104,.24)}.btn-secondary{background:rgba(255,255,255,.92);color:var(--brown);border:1px solid var(--line);box-shadow:0 10px 26px rgba(88,56,66,.08)}.btn-secondary.strong{background:linear-gradient(135deg,#fff,#eaf7fc);color:var(--teal);border-color:rgba(46,138,160,.28)}
.status-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.status-badges img{height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(88,56,66,.12))}.hero-deco{position:absolute;z-index:0;pointer-events:none;opacity:.72}.hero-deco-left{width:260px;left:4%;bottom:8%}.hero-deco-right{width:320px;right:5%;top:14%}.hero-visual{position:relative}.image-collage{min-height:560px;border-radius:54px;padding:30px;background:linear-gradient(135deg,rgba(255,235,241,.96),rgba(235,248,253,.94));border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);overflow:hidden}.image-collage:before{content:"";position:absolute;width:360px;height:260px;border-radius:50%;background:rgba(255,255,255,.52);left:35px;top:40px}.visual-main-card{position:absolute;right:38px;top:58px;width:58%;z-index:2}.product-main-img,.product-hero-img,.simple-visual img,.comfort-visual img{border-radius:34px;box-shadow:0 22px 52px rgba(88,56,66,.16);background:#fff}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.92);border-radius:28px;padding:8px;border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 44px rgba(88,56,66,.13)}.floating-room{left:34px;top:54px;width:43%}.floating-phone{left:50px;bottom:38px;width:28%}.floating-insole{right:52px;bottom:44px;width:30%}.visual-tag{position:absolute;z-index:4;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 26px rgba(88,56,66,.10);padding:9px 13px;font-weight:800;font-size:12px;color:var(--brown)}.tag-room{right:44px;top:22px}.tag-app{right:38px;bottom:22px}.decor-wave{position:absolute;left:42%;bottom:25%;width:120px;opacity:.9}.section-heading{max-width:780px;margin-bottom:42px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading p{color:var(--muted);font-weight:520;margin-top:14px}.soft-pink-section{background:linear-gradient(180deg,#fff3f6 0%,#fffaf5 100%)}.blue-section{background:linear-gradient(180deg,#eaf7fc 0%,#fff 100%)}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.value-card{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start;padding:22px;border-radius:28px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:var(--soft-shadow);min-height:190px}.value-icon{width:70px;height:70px;object-fit:contain}.value-card p,.info-card p,.guide-card p,.problem-card p{color:#6b5e64;font-weight:500;margin-top:8px;font-size:14px;line-height:1.8}.split-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center}.mini-note{margin-top:22px;display:inline-flex;padding:13px 18px;border-radius:18px;background:#fff;border:1px dashed rgba(185,67,104,.32);color:var(--rose-deep);font-weight:800}.product-card-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-link-card,.info-card,.guide-card,.problem-card,.contact-path,.member-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:30px;box-shadow:var(--soft-shadow);padding:22px;overflow:hidden}.product-link-card img{border-radius:24px;margin-bottom:14px}.small-label{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fde2ea;color:var(--rose-deep);font-weight:800;font-size:12px}.small-label.blue{background:#dff2fa;color:var(--teal)}.guide-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.guide-card img{width:58px;height:58px;object-fit:contain;margin-bottom:12px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-card img,.problem-card img{width:78px;height:78px;object-fit:contain;margin-bottom:14px}.mvv-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:20px}.mvv-card{padding:34px;border-radius:34px;background:linear-gradient(135deg,#fff,#fff1f5);box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.95)}.mvv-card.blue{background:linear-gradient(135deg,#fff,#eaf7fc)}.mvv-card li{font-weight:700;color:#5d4f55;margin:8px 0}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}.process-line.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.process-line article{padding:22px 16px;text-align:center;background:rgba(255,255,255,.9);border-radius:28px;border:1px solid rgba(255,255,255,.95);box-shadow:var(--soft-shadow)}.process-line img{width:64px;height:64px;object-fit:contain;margin:0 auto 12px}.process-line p{font-size:13px;color:var(--muted);font-weight:500}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.member-card{display:grid;grid-template-columns:94px 1fr;gap:18px;align-items:start}.member-avatar{width:94px;height:94px;border-radius:50%;object-fit:cover;box-shadow:0 10px 24px rgba(88,56,66,.12);background:#fff}.kana{font-size:12px;color:var(--rose-deep);font-weight:700}.skill-line{font-size:13px;color:var(--teal);font-weight:700;margin-top:8px}.simple-visual,.comfort-visual,.product-visual-panel{padding:24px;border-radius:42px;background:linear-gradient(135deg,rgba(255,241,245,.96),rgba(234,247,252,.94));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.95)}.product-hero-img{width:100%;border-radius:34px}.decor-footprints{position:absolute;right:10%;bottom:9%;width:110px;opacity:.85}.feature-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-image-grid article{background:#fff;border-radius:30px;padding:14px 14px 20px;text-align:center;box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.95)}.feature-image-grid img{border-radius:22px;margin-bottom:12px}.status-panel{display:grid;grid-template-columns:1fr 330px;gap:36px;align-items:center;background:rgba(255,255,255,.82);border-radius:38px;padding:38px;box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.95)}.status-panel p{font-weight:520;color:#5f5358}.status-image-stack{display:grid;gap:12px}.status-image-stack img{height:42px;width:auto;margin:auto;filter:drop-shadow(0 8px 18px rgba(88,56,66,.12))}.note-panel{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.95);box-shadow:var(--soft-shadow);border-radius:34px;padding:34px}.note-panel img{width:86px}.note-panel p{color:#5f5358;font-weight:520}.cta-section{background:linear-gradient(135deg,#fff1f5,#eaf7fc)}.cta-panel{text-align:center;background:rgba(255,255,255,.86);border-radius:40px;padding:48px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.95)}.cta-panel p{margin:14px auto 26px;color:var(--muted);font-weight:520}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-path{min-height:370px}.contact-path.blue{background:linear-gradient(135deg,#fff,#eaf7fc)}.contact-path img{width:84px;height:84px;object-fit:contain;margin-bottom:18px}.contact-path p{color:#5f5358;font-weight:520;margin:12px 0 22px}.site-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffaf1,#fff1f5);padding:72px 0 38px;border-top:1px solid rgba(87,65,71,.12)}.footer-bg-deco{position:absolute;right:-70px;bottom:-70px;width:280px;height:210px;background:url("assets/decorations/decor_blob_gradient.png") center/contain no-repeat;opacity:.6}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:36px}.footer-logo{font-size:34px}.footer-description{margin-top:16px;max-width:420px;color:var(--muted);font-weight:520}.site-footer h3{font-size:15px;color:var(--rose-deep);margin-bottom:12px}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0;color:#5f5358;font-weight:650}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(87,65,71,.12);margin-top:42px;padding-top:22px;color:#75666b;font-size:12px;font-weight:520}.footer-bottom p:first-child{max-width:720px}
.business-section{background:linear-gradient(90deg,#fff 0%,#fff 58%,#f4fbfd 100%)}
.business-section .split-section{grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:56px}
.business-copy h2{font-size:clamp(34px,4.1vw,56px);line-height:1.34;letter-spacing:.03em}
.business-copy .lead{margin-top:30px;font-size:15px;line-height:2.18;max-width:600px;color:#4f454a}
.business-section .product-card-row{align-items:start}
.business-section .product-link-card:nth-child(2){margin-top:34px}
.news-section{background:linear-gradient(90deg,#fff 0%,#fff 56%,#f5fbfd 100%)}
.news-section:before{content:"";position:absolute;inset:0;background:url("assets/sections/section_decorations.png") center/cover no-repeat;opacity:.06;pointer-events:none}
.news-section .section-heading{margin-bottom:18px}
.news-list{padding:4px 24px;border-radius:30px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:var(--soft-shadow)}
.news-item{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(87,65,71,.1);color:var(--brown);transition:.18s ease}
.news-item:last-child{border-bottom:0}
.news-item:hover{color:var(--rose-deep)}
.news-item time{color:#8b8588;font-size:14px;font-weight:900;letter-spacing:.05em}
.news-item-title{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;line-height:1.65}
.news-arrow{position:relative;display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--rose-deep),var(--teal));box-shadow:0 8px 18px rgba(185,67,104,.16);transition:.18s ease}
.news-arrow:before{content:"";width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translateX(-1px) rotate(45deg)}
.news-item:hover .news-arrow{transform:translateX(2px)}
.news-type{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;background:#fde2ea;color:var(--rose-deep);font-size:11px;font-weight:900;letter-spacing:.08em}
.top-simple-hero{position:relative;min-height:100svh;padding:0;overflow:hidden;background:#fff}
.top-simple-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 48%,rgba(255,255,255,.62) 100%);pointer-events:none}
.top-hero-image{position:absolute;left:0;right:0;top:34px;bottom:-34px;width:100%;height:calc(100% + 34px);object-fit:cover;object-position:center center}
.hallux-hero-new{position:relative;overflow:hidden;min-height:780px;padding:158px 0 96px;background:linear-gradient(135deg,#fff8fb 0%,#fff 52%,#eff9fc 100%)}
.hallux-hero-blob{position:absolute;z-index:0;pointer-events:none;opacity:.58}
.hallux-hero-blob-pink{width:280px;left:-74px;top:118px}
.hallux-hero-blob-blue{width:330px;right:-86px;bottom:28px}
.hallux-hero-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:64px;align-items:center}
.hallux-hero-copy{position:relative;z-index:2}
.hallux-hero-copy h1{font-size:58px;line-height:1.22;letter-spacing:0;color:var(--brown)}
.hallux-hero-copy .lead{max-width:680px;color:#5b5055;font-size:16px;line-height:2.05}
.hallux-support-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hallux-support-tags span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(185,67,104,.18);box-shadow:0 10px 24px rgba(88,56,66,.07);color:#5a454d;font-size:13px;font-weight:800;white-space:nowrap}
.hallux-hero-actions{margin-top:30px}
.hallux-hero-visual{position:relative;z-index:2;min-height:570px}
.hallux-hero-visual:before{content:"";position:absolute;inset:54px 16px 34px 58px;border-radius:44% 56% 50% 50%;background:linear-gradient(135deg,rgba(255,225,235,.88),rgba(226,246,251,.9));box-shadow:0 28px 70px rgba(88,56,66,.13)}
.hallux-visual-card{position:absolute;right:28px;top:34px;width:76%;padding:14px;border-radius:46px 46px 46px 110px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 28px 72px rgba(88,56,66,.16);overflow:hidden}
.hallux-visual-card img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:34px 34px 34px 92px}
.hallux-product-card{position:absolute;z-index:4;left:10px;bottom:34px;width:34%;padding:10px;border-radius:28px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 46px rgba(88,56,66,.14)}
.hallux-product-card img{width:100%;border-radius:20px}
.hallux-floating-card{position:absolute;z-index:5;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;max-width:264px;min-height:74px;padding:13px 16px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 40px rgba(88,56,66,.13);backdrop-filter:blur(14px);color:#4f4247}
.hallux-floating-card img{grid-row:1/3;width:34px;height:34px;object-fit:contain}
.hallux-floating-card strong{display:block;font-size:13px;font-weight:900;line-height:1.35}
.hallux-floating-card span{display:block;color:#75666b;font-size:11px;font-weight:700;line-height:1.55}
.hallux-floating-card-one{left:18px;top:92px}
.hallux-floating-card-two{right:-10px;top:10px}
.hallux-floating-card-three{right:4px;bottom:72px}
.hallux-decor-wave{position:absolute;z-index:3;left:34%;bottom:24%;width:106px;opacity:.72}
.hallux-decor-dots{position:absolute;z-index:1;right:4%;bottom:4%;width:96px;opacity:.42}
.hallux-section-heading{max-width:820px;margin-bottom:42px}
.hallux-section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.hallux-section-heading p:not(.eyebrow){margin-top:16px;color:#5f5358;font-weight:520;line-height:2}
.hallux-what-section{background:linear-gradient(180deg,#fff 0%,#fff8fb 100%)}
.hallux-explain-grid,.hallux-concern-grid,.hallux-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hallux-explain-card,.hallux-concern-grid article,.hallux-approach-grid article,.hallux-choice-grid article{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:28px;box-shadow:var(--soft-shadow);padding:24px}
.hallux-explain-card img,.hallux-concern-grid img,.hallux-approach-grid img{width:66px;height:66px;object-fit:contain;margin-bottom:16px}
.hallux-explain-card p,.hallux-concern-grid p,.hallux-approach-grid p,.hallux-choice-grid p{color:#6b5e64;font-size:14px;font-weight:500;line-height:1.86;margin-top:8px}
.hallux-issue-section{background:linear-gradient(135deg,#fff2f6,#fff 58%,#eef9fc)}
.hallux-issue-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:46px;align-items:center}
.hallux-stat-grid{display:grid;gap:14px}
.hallux-stat-grid article{display:flex;align-items:center;justify-content:space-between;min-height:106px;padding:22px 26px;border-radius:28px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:var(--soft-shadow)}
.hallux-stat-grid span{color:#75666b;font-weight:800}
.hallux-stat-grid strong{font-family:Georgia,"Times New Roman",serif;font-size:44px;color:var(--rose-deep);line-height:1}
.hallux-source{font-size:12px!important;line-height:1.8!important;color:#75666b!important}
.hallux-source a{color:var(--teal);font-weight:800;text-decoration:underline;text-underline-offset:3px}

.technology-hero{min-height:760px;background:linear-gradient(135deg,#fff8fb 0%,#fff 52%,#eef9fc 100%)}
.technology-hero-copy h1{font-size:54px;line-height:1.24;letter-spacing:0;color:var(--brown)}
.technology-hero-copy .lead{max-width:700px;color:#5b5055;font-size:16px;line-height:2.05}
.technology-hero-actions .btn-secondary{background:rgba(255,255,255,.9)}
.technology-hero-visual{position:relative;min-height:540px}
.technology-hero-visual:before{content:"";position:absolute;inset:58px 20px 42px 48px;border-radius:42% 58% 54% 46%;background:linear-gradient(135deg,rgba(255,225,235,.9),rgba(226,247,252,.88));box-shadow:0 28px 70px rgba(88,56,66,.12)}
.tech-visual-board{position:absolute;inset:34px 0 24px 24px;border-radius:44px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.96);box-shadow:0 28px 72px rgba(88,56,66,.15);backdrop-filter:blur(12px)}
.tech-phone-card{position:absolute;left:46px;top:56px;width:158px;height:292px;border-radius:30px;background:#fff;border:1px solid rgba(87,65,71,.08);box-shadow:0 22px 48px rgba(88,56,66,.14);padding:16px 14px;text-align:center}
.tech-phone-top{width:46px;height:5px;border-radius:999px;background:#d8e9ee;margin:0 auto 18px}
.tech-scan-area{position:relative;height:194px;border-radius:22px;background:linear-gradient(180deg,#eef9fc,#fff5f8);border:1px solid rgba(46,138,160,.12);overflow:hidden}
.tech-foot-outline{position:absolute;left:45px;top:40px;width:55px;height:106px;border:2px solid rgba(46,138,160,.55);border-radius:60% 48% 46% 56%;transform:rotate(-10deg)}
.tech-foot-outline:before{content:"";position:absolute;left:4px;top:-20px;width:13px;height:13px;border-radius:50%;background:rgba(185,67,104,.34);box-shadow:15px 1px 0 rgba(185,67,104,.28),29px 4px 0 rgba(185,67,104,.23),41px 11px 0 rgba(185,67,104,.2)}
.tech-scan-line{position:absolute;left:18px;right:18px;top:94px;height:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);box-shadow:0 0 18px rgba(46,138,160,.34)}
.tech-phone-card p{margin-top:14px;color:var(--teal);font-size:12px;font-weight:900}
.tech-data-card{position:absolute;border-radius:26px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 40px rgba(88,56,66,.12);padding:18px}
.tech-data-card-foot{right:42px;top:72px;width:228px;height:140px}
.tech-data-card-insole{right:76px;bottom:74px;width:214px;height:150px}
.tech-mini-label{display:block;color:var(--rose-deep);font-family:Georgia,"Times New Roman",serif;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:16px}
.tech-data-line{display:block;width:64%;height:8px;border-radius:999px;background:#dff2fa;margin:10px 0}
.tech-data-line.long{width:86%;background:#fde2ea}
.tech-data-dot{display:block;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 44% 42%,#fff 0 22%,rgba(46,138,160,.22) 23% 100%);border:1px solid rgba(46,138,160,.18);margin-left:auto}
.tech-insole-shape{display:block;width:118px;height:64px;border-radius:60% 48% 44% 58%;background:linear-gradient(135deg,#fff1f5,#dff2fa);border:2px solid rgba(46,138,160,.26);transform:rotate(-8deg);margin:18px auto 0}
.tech-research-card{position:absolute;left:178px;bottom:48px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;min-width:170px;min-height:66px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);box-shadow:0 16px 36px rgba(88,56,66,.12);color:#4f4247}
.tech-research-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fde2ea;color:var(--rose-deep);font-weight:900}
.tech-research-card strong{font-size:13px}
.tech-flow-line{position:absolute;height:2px;background:linear-gradient(90deg,var(--rose),var(--teal));opacity:.44}
.tech-flow-line-one{left:204px;top:164px;width:120px;transform:rotate(-9deg)}
.tech-flow-line-two{right:164px;top:226px;width:92px;transform:rotate(52deg)}
.technology-axis-section{background:#fff}
.tech-wide-copy{max-width:900px;margin:0 auto 40px;text-align:center}
.tech-axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tech-axis-card,.tech-step-card,.tech-design-grid article,.tech-layer-card,.tech-research-profile,.tech-process-grid article,.tech-medical-note{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);border-radius:32px;box-shadow:var(--soft-shadow)}
.tech-axis-card{min-height:286px;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,242,247,.92))}
.tech-axis-card.blue{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,248,252,.92))}
.tech-axis-card span,.tech-step-number,.tech-profile-label{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#fde2ea;color:var(--rose-deep);font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:18px}
.tech-axis-card.blue span,.tech-step-card:nth-child(2) .tech-step-number{background:#dff2fa;color:var(--teal)}
.tech-axis-card h3{font-size:25px;line-height:1.5;letter-spacing:0}
.tech-axis-card p,.tech-step-card p,.tech-design-grid p,.tech-soft-note,.tech-research-profile dd,.tech-process-grid p,.tech-medical-note p{color:#6b5e64;font-size:14px;font-weight:520;line-height:1.9;margin-top:12px}
.tech-step-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
.tech-step-card{position:relative;min-height:242px;padding:26px}
.tech-step-card:not(:last-child):after{content:"";position:absolute;right:-26px;top:96px;width:28px;height:2px;background:linear-gradient(90deg,var(--rose),var(--teal));opacity:.62}
.tech-step-card:not(:last-child):before{content:"";position:absolute;right:-27px;top:92px;width:8px;height:8px;border-top:2px solid var(--teal);border-right:2px solid var(--teal);transform:rotate(45deg);opacity:.68}
.tech-step-note{display:inline-flex;margin-top:12px!important;padding:8px 11px;border-radius:999px;background:#fff7ed;color:#7a6150!important;font-size:12px!important;font-weight:800!important}
.tech-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tech-design-grid article{padding:26px;min-height:210px}
.tech-design-grid span,.tech-process-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dff2fa;color:var(--teal);font-size:12px;font-weight:900;margin-bottom:16px}
.tech-design-grid article:nth-child(2) span,.tech-process-grid article:nth-child(2) span{background:#fde2ea;color:var(--rose-deep)}
.technology-structure-section{background:linear-gradient(135deg,#fff7f2,#fff 58%,#fff2f6)}
.tech-soft-note{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.82);border-left:4px solid rgba(46,138,160,.3);font-weight:800!important}
.tech-layer-card{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:18px;align-items:center;padding:26px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(234,247,252,.88))}
.tech-layer-diagram{display:grid;gap:10px}
.tech-layer{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;color:#4f4247;font-size:14px;font-weight:900;border:1px solid rgba(87,65,71,.08);box-shadow:0 10px 20px rgba(88,56,66,.07)}
.tech-layer.upper{background:#fff}
.tech-layer.surface{background:#fff1f5}
.tech-layer.middle{background:#f7eef4}
.tech-layer.core{background:#dff2fa;color:var(--teal);border-color:rgba(46,138,160,.18)}
.tech-layer.outsole{background:#e8dee2}
.tech-layer-support{display:grid;place-items:center;gap:10px;text-align:center;color:#5f5358;font-size:13px;font-weight:900}
.tech-layer-support span{width:18px;height:178px;border-radius:999px;background:linear-gradient(180deg,#fde2ea,#dff2fa);box-shadow:0 14px 26px rgba(88,56,66,.1)}
.technology-research-section{background:#fff}
.tech-research-profile{padding:32px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,248,252,.9))}
.tech-research-profile h3{font-size:32px;letter-spacing:0;margin-bottom:22px}
.tech-research-profile dl{display:grid;gap:14px;margin:0}
.tech-research-profile div{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:start;padding-top:14px;border-top:1px solid rgba(87,65,71,.1)}
.tech-research-profile dt{color:var(--teal);font-size:12px;font-weight:900}
.tech-research-profile dd{margin:0;margin-top:0}
.tech-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tech-process-grid article{position:relative;min-height:240px;padding:24px}
.tech-process-grid article:not(:last-child):after{content:"";position:absolute;right:-14px;top:52px;width:22px;height:2px;background:linear-gradient(90deg,var(--rose),var(--teal));opacity:.5}
.technology-medical-note-section{background:linear-gradient(135deg,#fffaf3,#fff 68%,#f8fdff);padding-top:72px;padding-bottom:72px}
.tech-medical-note{max-width:940px;margin:0 auto;padding:28px 32px;background:#fffdf9;border-color:rgba(117,102,107,.12)}
.tech-medical-note h2{font-size:30px}
.technology-cta-panel{padding:48px}
.technology-cta-panel .hero-actions{justify-content:center}

@media(max-width:1100px){.tech-axis-grid,.tech-step-flow,.tech-design-grid,.tech-process-grid{grid-template-columns:1fr 1fr}.tech-step-card:not(:last-child):before,.tech-step-card:not(:last-child):after,.tech-process-grid article:not(:last-child):after{display:none}.tech-layer-card{grid-template-columns:1fr}.tech-layer-support{grid-template-columns:44px 1fr;text-align:left}.tech-layer-support span{width:44px;height:16px}.tech-visual-board{inset:24px 0}}
@media(max-width:680px){.technology-hero{min-height:auto;padding:112px 0 64px}.technology-hero-grid{gap:34px}.technology-hero-copy h1{font-size:38px;line-height:1.3}.technology-hero-copy .lead{font-size:15px;line-height:1.9}.technology-hero-actions,.technology-cta-panel .hero-actions{display:grid;grid-template-columns:1fr}.technology-hero-visual{min-height:450px}.tech-visual-board{inset:8px 0 0;border-radius:34px}.technology-hero-visual:before{inset:58px 0 36px 24px}.tech-phone-card{left:18px;top:42px;width:128px;height:248px;border-radius:24px;padding:13px 11px}.tech-scan-area{height:160px}.tech-foot-outline{left:34px;top:34px}.tech-data-card-foot{right:14px;top:52px;width:170px;height:120px}.tech-data-card-insole{right:24px;bottom:58px;width:168px;height:126px}.tech-research-card{left:26px;bottom:32px;min-width:150px}.tech-flow-line{display:none}.tech-axis-grid,.tech-step-flow,.tech-design-grid,.tech-process-grid{grid-template-columns:1fr}.tech-wide-copy{text-align:left}.tech-axis-card,.tech-step-card,.tech-design-grid article,.tech-layer-card,.tech-research-profile,.tech-process-grid article,.tech-medical-note,.technology-cta-panel{padding:22px}.tech-axis-card h3{font-size:22px}.technology-section-copy h2{font-size:30px}.tech-layer-support{grid-template-columns:1fr}.tech-layer-support span{width:100%;height:14px}.tech-research-profile div{grid-template-columns:1fr;gap:6px}.tech-medical-note h2{font-size:26px}}
.hallux-concerns-section{background:#fff}
.hallux-concern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hallux-choice-section{background:linear-gradient(135deg,#eef9fc,#fff 58%,#f8fdff)}
.hallux-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.hallux-choice-grid article{min-height:220px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,242,246,.94))}
.hallux-choice-grid article:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(233,248,252,.94))}
.hallux-choice-image{width:100%;height:190px;object-fit:contain;margin:0 0 18px;border-radius:22px;background:rgba(255,255,255,.65)}
.hallux-approach-section{background:linear-gradient(135deg,#fff 0%,#fffaf3 100%)}
.hallux-approach-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hallux-approach-grid article{min-height:260px}
.hallux-final-cta-section{background:linear-gradient(135deg,#fff1f5,#eaf7fc)}
.hallux-final-cta{text-align:center;max-width:900px}
.hallux-final-cta p:not(.eyebrow){max-width:680px;margin:16px auto 0;color:#5f5358;font-weight:520;line-height:2}
.hallux-final-cta .hero-actions{justify-content:center}
.hallux-text-link{display:inline-flex;margin-top:22px;color:var(--teal);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.corporate-profile-section{padding-top:156px}
.about-mvv-section .section-heading h1{font-size:clamp(34px,4vw,52px)}
.about-mvv-section>.container>.eyebrow,.corporate-profile-section>.container>.eyebrow{margin-bottom:42px}
.empty-mvv-grid{grid-template-columns:1fr;gap:18px}
.empty-mvv-grid .mvv-card{min-height:210px}
.blank-space{min-height:90px}
.corporate-profile-section{background:linear-gradient(180deg,#fff,#f7fcfe)}
.corporate-profile-list{margin:0;max-width:860px}
.corporate-profile-list div{display:grid;grid-template-columns:220px 1fr;gap:32px;min-height:118px;align-items:center;border-top:1px solid rgba(31,31,31,.32)}
.corporate-profile-list div:last-child{border-bottom:1px solid rgba(31,31,31,.32)}
.corporate-profile-list dt{font-size:24px;font-weight:800;color:var(--brown)}
.corporate-profile-list dd{margin:0;min-height:1.5em}
.simple-member-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.simple-member-card{grid-template-columns:76px 1fr;align-items:center;min-height:132px}
.simple-member-card .member-avatar{width:76px;height:76px}
.simple-member-card p{margin-top:6px;color:var(--rose-deep);font-weight:800}
.about-hero{position:relative;overflow:hidden;min-height:780px;padding:158px 0 96px;background:linear-gradient(135deg,#fff8fb 0%,#fff 52%,#eff9fc 100%)}
.about-hero:before{content:"";position:absolute;left:-90px;top:118px;width:260px;height:210px;border-radius:45% 55% 58% 42%;background:rgba(253,226,234,.6);pointer-events:none}
.about-hero:after{content:"";position:absolute;right:-100px;bottom:44px;width:330px;height:250px;border-radius:56% 44% 48% 52%;background:rgba(223,242,250,.66);pointer-events:none}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:58px;align-items:center}
.about-hero-copy{position:relative;z-index:2}
.about-hero-copy h1{font-size:56px;line-height:1.24;letter-spacing:0;color:var(--brown)}
.about-hero-copy .lead{max-width:720px;margin-top:22px;color:#5b5055;font-size:16px;line-height:2.05}
.about-hero-visual{position:relative;z-index:2}
.about-hero-photo{position:relative;width:min(100%,480px);margin:0 0 0 auto;aspect-ratio:809/1024;border-radius:48px;border:1px solid rgba(255,255,255,.96);box-shadow:0 28px 72px rgba(88,56,66,.15);overflow:hidden;background:linear-gradient(135deg,rgba(255,241,246,.86),rgba(230,248,252,.86))}
.about-hero-photo img{width:100%;height:100%;object-fit:contain;display:block}
.about-story-section{background:#fff}
.about-story-section:before{content:"";position:absolute;left:-100px;bottom:28px;width:280px;height:220px;border-radius:54% 46% 42% 58%;background:rgba(255,241,246,.72);pointer-events:none}
.about-story-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:52px;align-items:center}
.about-section-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.36;letter-spacing:0;color:var(--brown)}
.about-story-card,.about-mvv-card,.about-work-grid article,.about-team-card,.about-company-card,.about-cta-panel{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);border-radius:34px;box-shadow:var(--soft-shadow)}
.about-story-card{padding:36px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,244,248,.9))}
.about-story-card p,.about-mvv-card p,.about-work-grid p,.about-team-card p,.about-company-card dd,.about-cta-panel p{color:#6b5e64;font-size:14px;font-weight:520;line-height:1.9;margin-top:10px}
.about-story-card p:first-child{margin-top:0}
.about-story-card p:not(:first-child):not(.about-story-sign){margin-top:18px}
.about-story-card .about-story-sign{margin-top:26px;text-align:right;color:var(--rose-deep);font-weight:900;line-height:1.7}
.about-mvv-section-new{background:linear-gradient(135deg,#fff7fb,#fff 54%,#eef9fc)}
.about-mvv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-mvv-card{min-height:320px;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,241,246,.9))}
.about-mvv-card.vision{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,248,252,.92))}
.about-mvv-card.value{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(233,248,244,.92))}
.about-mvv-card span{display:inline-flex;min-height:32px;align-items:center;padding:0 12px;border-radius:999px;background:#fde2ea;color:var(--rose-deep);font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:18px}
.about-mvv-card.vision span{background:#dff2fa;color:var(--teal)}
.about-mvv-card.value span{background:#e1f4ed;color:#3f8d79}
.about-mvv-card h3{font-size:24px;line-height:1.5;letter-spacing:0}
.about-work-section{background:#fff}
.about-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-work-grid article{padding:26px;min-height:330px}
.about-work-grid img{width:62px;height:62px;object-fit:contain;margin-bottom:14px}
.about-work-grid a{display:inline-flex;margin-top:18px;color:var(--teal);font-size:13px;font-weight:900;text-decoration:underline;text-underline-offset:4px}
.about-team-section{background:linear-gradient(135deg,#fff8fb,#fff 56%,#eff9fc)}
.about-leadership-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.about-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-team-card{padding:24px}
.about-team-card.featured{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,241,246,.9))}
.about-team-card.featured.blue{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,248,252,.92))}
.about-team-card.featured.no-avatar{display:block}
.about-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#fde2ea,#dff2fa);color:var(--rose-deep);font-family:Georgia,"Times New Roman",serif;font-weight:900;letter-spacing:.08em;box-shadow:0 14px 28px rgba(88,56,66,.1)}
.about-team-card.featured .about-avatar{width:96px;height:96px;font-size:22px}
.about-role{margin:0 0 8px!important;color:var(--teal)!important;font-size:12px!important;font-weight:900!important;line-height:1.6!important}
.about-team-card h3{font-size:22px;letter-spacing:0}
.about-company-section{background:#fff}
.about-company-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:36px;align-items:start}
.about-company-label{position:relative;padding-top:12px}
.about-company-label h2{font-size:clamp(34px,4vw,52px);letter-spacing:0}
.about-company-label span{display:block;margin-top:38px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,8vw,96px);line-height:.9;font-weight:900;color:rgba(66,52,58,.12)}
.about-company-card{padding:30px}
.about-company-card dl{margin:0}
.about-company-card div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:20px 0;border-top:1px solid rgba(87,65,71,.1)}
.about-company-card div:last-child{border-bottom:1px solid rgba(87,65,71,.1)}
.about-company-card dt{color:var(--brown);font-size:14px;font-weight:900}
.about-company-card dd{margin:0;margin-top:0;color:#4f4247}
.about-company-card small{color:#75666b;font-size:12px;font-weight:700}
.about-cta-section{background:linear-gradient(135deg,#fff1f5,#eaf7fc)}
.about-cta-panel{text-align:center;max-width:940px;padding:48px}
.about-cta-panel h2{font-size:clamp(32px,4vw,50px);line-height:1.36;letter-spacing:0}
.about-cta-panel p:not(.eyebrow){max-width:680px;margin:16px auto 0}
.about-cta-panel .hero-actions{justify-content:center}
@media(max-width:1100px){.about-hero-grid,.about-story-grid,.about-company-grid{grid-template-columns:1fr}.about-hero-visual{width:min(640px,100%);margin:0 auto}.about-hero-photo{margin:0 auto}.about-mvv-grid,.about-work-grid{grid-template-columns:1fr}.about-leadership-grid{grid-template-columns:1fr}.about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-company-label span{font-size:64px}}
@media(max-width:680px){.about-hero{min-height:auto;padding:112px 0 64px}.about-hero-grid{gap:34px}.about-hero-copy h1{font-size:38px;line-height:1.3}.about-hero-copy .lead{font-size:15px;line-height:1.9}.about-hero-actions,.about-cta-panel .hero-actions{display:grid;grid-template-columns:1fr}.about-hero-photo{border-radius:34px}.about-story-card,.about-mvv-card,.about-work-grid article,.about-team-card,.about-company-card,.about-cta-panel{padding:22px}.about-section-copy h2,.about-team-section .section-heading h2,.about-work-section .section-heading h2{font-size:30px}.about-team-grid{grid-template-columns:1fr}.about-team-card.featured{grid-template-columns:1fr}.about-team-card.featured .about-avatar{width:78px;height:78px;font-size:18px}.about-company-card div{grid-template-columns:1fr;gap:8px;padding:18px 0}.about-company-label span{font-size:48px}.about-cta-panel h2{font-size:30px}}
@media(max-width:1100px){.nav-links{display:none}.hero-grid,.split-section,.status-panel,.contact-grid{grid-template-columns:1fr}.value-grid,.four-grid,.feature-image-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(3,1fr)}.mvv-grid,.member-grid,.three-grid{grid-template-columns:1fr}.process-line{grid-template-columns:repeat(2,1fr)}.image-collage{min-height:720px}.visual-main-card{position:relative;right:auto;top:auto;width:100%}.floating-room,.floating-phone,.floating-insole{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;margin-top:14px}.tag-room,.tag-app{display:none}.product-card-row{grid-template-columns:1fr}}
@media(max-width:680px){.site-header{left:10px;right:10px;top:10px;border-radius:26px}.header-inner{min-height:66px;padding:10px 14px}.header-cta{display:none}.brand-logo{font-size:26px}.page-hero{padding:122px 0 64px}.inner-hero{min-height:auto}.section{padding:74px 0}h1{font-size:38px}.value-grid,.four-grid,.feature-image-grid,.guide-grid,.process-line{grid-template-columns:1fr}.value-card{grid-template-columns:58px 1fr}.value-icon{width:58px;height:58px}.footer-grid,.footer-bottom{display:grid;grid-template-columns:1fr}.cta-panel{padding:32px 22px}.member-card{grid-template-columns:72px 1fr}.member-avatar{width:72px;height:72px}}
@media(max-width:1100px){.business-section .split-section{grid-template-columns:1fr}.business-section .product-link-card:nth-child(2){margin-top:0}}
@media(max-width:680px){.business-copy h2{font-size:34px}.business-copy .lead{font-size:14px;line-height:2}}
@media(max-width:1100px){.news-item{grid-template-columns:1fr auto;gap:10px 16px}.news-item-title{grid-column:1/-1}.news-type{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:680px){.news-section .section-heading{margin-bottom:22px}.news-list{padding:2px 18px;border-radius:24px}.news-item{grid-template-columns:1fr;gap:10px;padding:20px 0}.news-item-title{grid-column:auto;align-items:flex-start;font-size:17px;line-height:1.65}.news-arrow{margin-top:4px;width:22px;height:22px}.news-type{grid-column:auto;grid-row:auto;justify-self:start}}
@media(max-width:680px){.top-simple-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.14) 48%,rgba(255,255,255,.72) 100%)}.top-hero-image{top:28px;bottom:-28px;height:calc(100% + 28px);object-position:35% center}}
@media(max-width:680px){.corporate-profile-section{padding-top:122px}.corporate-profile-list div{grid-template-columns:1fr;gap:10px;min-height:106px;padding:22px 0}.corporate-profile-list dt{font-size:22px}.simple-member-card{grid-template-columns:68px 1fr}.simple-member-card .member-avatar{width:68px;height:68px}}
@media(max-width:1100px){.hallux-hero-new{padding:132px 0 84px}.hallux-hero-layout{grid-template-columns:1fr;gap:42px}.hallux-hero-visual{width:min(640px,100%);min-height:560px;margin:0 auto}.hallux-hero-copy h1{font-size:48px}}
@media(max-width:680px){.hallux-hero-new{min-height:auto;padding:112px 0 62px}.hallux-hero-layout{gap:34px}.hallux-hero-copy h1{font-size:38px;line-height:1.28}.hallux-hero-copy .lead{font-size:15px;line-height:1.9}.hallux-support-tags{gap:8px}.hallux-support-tags span{width:100%;justify-content:center;white-space:normal;text-align:center}.hallux-hero-actions{display:grid;grid-template-columns:1fr}.hallux-hero-visual{min-height:500px}.hallux-hero-visual:before{inset:76px 0 42px 24px}.hallux-visual-card{right:0;top:64px;width:86%;border-radius:34px 34px 34px 78px}.hallux-visual-card img{border-radius:24px 24px 24px 62px}.hallux-product-card{left:0;bottom:14px;width:40%}.hallux-floating-card{grid-template-columns:28px minmax(0,1fr);max-width:226px;min-height:64px;padding:10px 12px;border-radius:20px}.hallux-floating-card img{width:28px;height:28px}.hallux-floating-card strong{font-size:11px}.hallux-floating-card span{font-size:10px;line-height:1.45}.hallux-floating-card-one{left:0;top:20px}.hallux-floating-card-two{right:0;top:4px}.hallux-floating-card-three{right:0;bottom:44px}.hallux-decor-wave{width:82px;left:38%;bottom:27%}.hallux-decor-dots{width:74px}}
@media(max-width:1100px){.hallux-issue-layout{grid-template-columns:1fr}.hallux-explain-grid,.hallux-concern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hallux-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.hallux-section-heading{margin-bottom:30px}.hallux-section-heading h2{font-size:30px}.hallux-explain-grid,.hallux-concern-grid,.hallux-approach-grid,.hallux-choice-grid{grid-template-columns:1fr}.hallux-explain-card,.hallux-concern-grid article,.hallux-approach-grid article,.hallux-choice-grid article{padding:22px}.hallux-stat-grid article{min-height:92px;padding:18px 20px}.hallux-stat-grid strong{font-size:36px}.hallux-final-cta .hero-actions{display:grid;grid-template-columns:1fr}}

.room-hero,.sneaker-hero{position:relative;overflow:hidden;min-height:760px;padding:158px 0 94px;background:linear-gradient(135deg,#fff8fb 0%,#fff 50%,#eff9fc 100%)}
.sneaker-hero{background:linear-gradient(135deg,#f1fbfd 0%,#fff 50%,#fff4f7 100%)}
.room-deco,.sneaker-deco{position:absolute;z-index:0;pointer-events:none;opacity:.52}
.room-deco-pink,.sneaker-deco-pink{width:260px;left:-72px;top:96px}
.room-deco-blue,.sneaker-deco-blue{width:320px;right:-88px;bottom:36px}
.room-hero-grid,.sneaker-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:54px;align-items:center}
.room-hero-copy h1,.sneaker-hero-copy h1{font-size:56px;line-height:1.22;letter-spacing:0;color:var(--brown)}
.room-hero-copy .lead,.sneaker-hero-copy .lead{max-width:690px;margin-top:22px;color:#5b5055;font-size:16px;line-height:2.05}
.room-status-badges,.sneaker-status-badges,.room-status-list,.sneaker-status-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.room-status-badges span,.sneaker-status-badges span,.room-status-list span,.sneaker-status-list span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(185,67,104,.18);box-shadow:0 10px 24px rgba(88,56,66,.07);color:#5a454d;font-size:12px;font-weight:900}
.sneaker-status-badges span,.sneaker-status-list span{border-color:rgba(46,138,160,.2)}
.room-hero-actions,.sneaker-hero-actions{margin-top:30px}
.room-hero-visual,.sneaker-hero-visual{position:relative;min-height:560px}
.room-visual-blob,.sneaker-visual-blob{position:absolute;inset:58px 20px 40px 46px;border-radius:44% 56% 52% 48%;background:linear-gradient(135deg,rgba(255,224,234,.92),rgba(229,248,252,.92));box-shadow:0 28px 70px rgba(88,56,66,.13)}
.sneaker-visual-blob{background:linear-gradient(135deg,rgba(225,247,251,.92),rgba(255,226,235,.9))}
.room-product-photo,.sneaker-product-photo{position:absolute;z-index:2;right:34px;top:50px;width:76%;padding:18px;border-radius:44px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);box-shadow:0 28px 72px rgba(88,56,66,.16)}
.room-product-photo img,.sneaker-product-photo img{width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:32px;background:#fff}
.room-floating-note,.sneaker-floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;min-height:48px;max-width:230px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 40px rgba(88,56,66,.12);backdrop-filter:blur(14px);color:#4f4247;font-size:12px;font-weight:900}
.room-floating-note img,.sneaker-floating-note img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.room-floating-note-one{left:16px;top:112px}.room-floating-note-two{right:0;bottom:82px}
.sneaker-floating-note-one{left:10px;top:112px}.sneaker-floating-note-two{right:0;top:36px}.sneaker-floating-note-three{left:66px;bottom:78px}
.room-problem-section,.sneaker-why-section{background:#fff}
.room-concept-section{background:linear-gradient(135deg,#fff5f8,#fff 55%,#edf9fc)}
.room-features-section{background:linear-gradient(135deg,#fff,#fffaf3)}
.room-structure-section{background:linear-gradient(135deg,#eef9fc,#fff 62%,#fff7fa)}
.room-development-section{background:#fff}
.room-status-section{background:linear-gradient(135deg,#fff7f2,#fff 58%,#fff2f6)}
.room-cta-section,.sneaker-cta-section{background:linear-gradient(135deg,#fff1f5,#eaf7fc)}
.sneaker-concept-section{background:linear-gradient(135deg,#eef9fc,#fff 58%,#fff7fb)}
.sneaker-tech-section{background:#fff}
.sneaker-roadmap-section{background:linear-gradient(135deg,#fffaf3,#fff 58%,#eef9fc)}
.sneaker-status-section{background:linear-gradient(135deg,#f1fbfd,#fff 60%,#fff4f7)}
.room-card-grid,.sneaker-card-grid{display:grid;gap:18px}
.room-card-grid-4,.sneaker-card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sneaker-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.room-info-card,.room-feature-card,.sneaker-info-card,.sneaker-tech-card,.room-concept-card,.room-status-panel,.sneaker-status-panel,.room-cta-panel,.sneaker-cta-panel{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);border-radius:30px;box-shadow:var(--soft-shadow);padding:24px}
.room-info-card img,.room-feature-card img,.sneaker-info-card img,.sneaker-tech-card img,.room-concept-card img{width:66px;height:66px;object-fit:contain;margin-bottom:16px}
.room-info-card p,.room-feature-card p,.sneaker-info-card p,.sneaker-tech-card p,.room-section-copy p,.sneaker-section-copy p,.room-concept-card p,.room-status-panel p,.sneaker-status-panel p,.room-cta-panel p,.sneaker-cta-panel p{color:#6b5e64;font-size:14px;font-weight:520;line-height:1.9;margin-top:10px}
.room-split,.sneaker-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:34px;align-items:center}
.room-section-copy,.sneaker-section-copy{max-width:820px}
.room-section-copy.centered{margin:0 auto 38px;text-align:center}
.room-section-copy h2,.sneaker-section-copy h2{font-size:42px;line-height:1.42;letter-spacing:0;color:var(--brown)}
.room-soft-message{margin-top:22px;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.82);border-left:4px solid rgba(46,138,160,.28);font-weight:800!important;color:#5a454d!important}
.room-concept-card{min-height:280px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,242,246,.92))}
.room-concept-card h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;color:var(--rose-deep)}
.room-structure-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:30px;align-items:center}
.room-structure-image{padding:22px;border-radius:36px;background:rgba(255,255,255,.88);box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.96)}
.room-structure-image img{width:100%;border-radius:28px;background:#fff}
.room-structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.room-structure-grid article,.room-step-grid article,.sneaker-roadmap-grid article,.sneaker-concept-list article{padding:20px;border-radius:26px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:var(--soft-shadow)}
.room-structure-grid article:last-child{grid-column:1/-1}
.room-structure-grid span,.sneaker-roadmap-grid span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fde2ea;color:var(--rose-deep);font-size:12px;font-weight:900;margin-bottom:12px}
.room-structure-grid p,.room-step-grid p,.sneaker-roadmap-grid p,.sneaker-concept-list p{color:#6b5e64;font-size:13px;font-weight:520;line-height:1.8;margin-top:8px}
.room-step-grid,.sneaker-roadmap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.room-step-grid article{text-align:center}
.room-step-grid img{width:58px;height:58px;object-fit:contain;margin:0 auto 12px}
.room-status-panel,.sneaker-status-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:28px;align-items:center;padding:34px 38px}
.room-status-list,.sneaker-status-list{margin-top:0;justify-content:flex-end}
.room-cta-panel,.sneaker-cta-panel{text-align:center;max-width:920px}
.room-cta-panel p:not(.eyebrow),.sneaker-cta-panel p:not(.eyebrow){max-width:690px;margin:16px auto 0}
.room-cta-panel .hero-actions,.sneaker-cta-panel .hero-actions{justify-content:center;margin-top:28px}
.sneaker-concept-list{display:grid;gap:14px}
.sneaker-concept-list span{display:block;color:var(--teal);font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:800}
.sneaker-roadmap-grid span{background:#dff2fa;color:var(--teal)}
.sneaker-text-link{display:inline-flex;margin-top:22px;color:var(--teal);font-weight:900;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.room-hero-grid,.sneaker-hero-grid,.room-split,.sneaker-split,.room-structure-layout,.room-status-panel,.sneaker-status-panel{grid-template-columns:1fr}.room-hero-visual,.sneaker-hero-visual{width:min(620px,100%);margin:0 auto}.room-card-grid-4,.sneaker-card-grid-4,.room-step-grid,.sneaker-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sneaker-card-grid-3{grid-template-columns:1fr}.room-status-list,.sneaker-status-list{justify-content:flex-start}}
@media(max-width:680px){.room-hero,.sneaker-hero{min-height:auto;padding:112px 0 64px}.room-hero-grid,.sneaker-hero-grid{gap:34px}.room-hero-copy h1,.sneaker-hero-copy h1{font-size:38px;line-height:1.28}.room-hero-copy .lead,.sneaker-hero-copy .lead{font-size:15px;line-height:1.9}.room-status-badges span,.sneaker-status-badges span,.room-status-list span,.sneaker-status-list span{width:100%;justify-content:center}.room-hero-actions,.sneaker-hero-actions,.room-cta-panel .hero-actions,.sneaker-cta-panel .hero-actions{display:grid;grid-template-columns:1fr}.room-hero-visual,.sneaker-hero-visual{min-height:450px}.room-visual-blob,.sneaker-visual-blob{inset:72px 0 42px 22px}.room-product-photo,.sneaker-product-photo{right:0;top:70px;width:88%;padding:12px;border-radius:34px}.room-product-photo img,.sneaker-product-photo img{border-radius:24px}.room-floating-note,.sneaker-floating-note{min-height:42px;max-width:196px;padding:8px 11px;font-size:11px}.room-floating-note img,.sneaker-floating-note img{width:26px;height:26px}.room-floating-note-one,.sneaker-floating-note-one{left:0;top:24px}.room-floating-note-two,.sneaker-floating-note-two{right:0;bottom:34px;top:auto}.sneaker-floating-note-three{left:0;bottom:104px}.room-card-grid-4,.sneaker-card-grid-4,.room-step-grid,.sneaker-roadmap-grid,.room-structure-grid{grid-template-columns:1fr}.room-structure-grid article:last-child{grid-column:auto}.room-info-card,.room-feature-card,.sneaker-info-card,.sneaker-tech-card,.room-concept-card,.room-status-panel,.sneaker-status-panel,.room-cta-panel,.sneaker-cta-panel{padding:22px}.room-section-copy h2,.sneaker-section-copy h2{font-size:30px}.room-status-panel,.sneaker-status-panel{padding:28px 22px}}
.contact-entry-section{padding-top:148px}
@media(max-width:680px){.contact-entry-section{padding-top:112px}}
.technology-hero{position:relative;overflow:hidden;min-height:760px;padding:158px 0 94px;background:linear-gradient(135deg,#fff8fb 0%,#fff 50%,#eff9fc 100%)}
.technology-hero{background:linear-gradient(135deg,#f1fbfd 0%,#fff 52%,#fff4f7 100%)}
.technology-deco{position:absolute;z-index:0;pointer-events:none;opacity:.52}
.technology-deco-pink{width:260px;left:-72px;top:96px}
.technology-deco-blue{width:320px;right:-88px;bottom:36px}
.technology-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:54px;align-items:center}
.technology-hero-copy h1{font-size:56px;line-height:1.22;letter-spacing:0;color:var(--brown)}
.technology-hero-copy .lead{max-width:690px;margin-top:22px;color:#5b5055;font-size:16px;line-height:2.05}
.technology-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.technology-tags span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(185,67,104,.18);box-shadow:0 10px 24px rgba(88,56,66,.07);color:#5a454d;font-size:12px;font-weight:900}
.technology-tags span{border-color:rgba(46,138,160,.22)}
.technology-hero-actions{margin-top:30px}
.technology-hero-visual{position:relative;min-height:560px}
.technology-hero-visual:before{content:"";position:absolute;inset:58px 20px 40px 46px;border-radius:44% 56% 52% 48%;background:linear-gradient(135deg,rgba(255,224,234,.92),rgba(229,248,252,.92));box-shadow:0 28px 70px rgba(88,56,66,.13)}
.technology-hero-visual:before{background:linear-gradient(135deg,rgba(225,247,251,.92),rgba(255,226,235,.9))}
.technology-visual-card{position:absolute;z-index:2;padding:16px;border-radius:40px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);box-shadow:0 28px 72px rgba(88,56,66,.16)}
.technology-visual-card img{width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:30px;background:#fff}
.technology-visual-card{right:32px;top:48px;width:78%}
.technology-floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;min-height:48px;max-width:230px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 40px rgba(88,56,66,.12);backdrop-filter:blur(14px);color:#4f4247;font-size:12px;font-weight:900}
.technology-floating-card img{width:30px;height:30px;object-fit:contain}
.technology-floating-card-one{left:12px;top:120px}
.technology-floating-card-two{right:0;bottom:92px}
.products-lineup-section{padding-top:156px;background:#fff}
.technology-data-section,.technology-research-section{background:#fff}
.products-room-section{background:linear-gradient(135deg,#fff5f8,#fff 55%,#edf9fc)}
.products-sneaker-section,.technology-app-section{background:linear-gradient(135deg,#eef9fc,#fff 58%,#fff7fb)}
.products-status-section,.technology-development-section{background:linear-gradient(135deg,#fffaf3,#fff 58%,#eef9fc)}
.products-cta-section,.technology-cta-section{background:linear-gradient(135deg,#fff1f5,#eaf7fc)}
.technology-print-section{background:linear-gradient(135deg,#fff7f2,#fff 58%,#fff2f6)}
.products-lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.products-lineup-card,.products-status-panel,.products-cta-panel,.technology-cta-panel,.moved-page-panel{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);border-radius:32px;box-shadow:var(--soft-shadow);padding:24px}
.products-lineup-card{display:flex;flex-direction:column}
.products-medical-note{max-width:920px;margin:42px auto 0;color:#75666b;font-size:13px;font-weight:520;line-height:1.9;text-align:center}
.products-lineup-card.blue{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(236,249,252,.9))}
.products-lineup-card>img{width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:26px;background:#fff;margin-bottom:18px}
.products-lineup-card p:not(.eyebrow),.products-section-copy p,.technology-section-copy p,.products-status-panel p,.products-cta-panel p,.technology-cta-panel p{color:#6b5e64;font-size:14px;font-weight:520;line-height:1.9;margin-top:10px}
.products-lineup-card .btn{margin-top:auto;width:100%}
.products-design-section{background:linear-gradient(135deg,#fff7fb 0%,#fff 52%,#eef9fc 100%)}
.products-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.products-design-grid article{position:relative;min-height:212px;padding:26px;border-radius:32px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:var(--soft-shadow);overflow:hidden}
.products-design-grid article:before{content:"";position:absolute;right:-46px;top:-48px;width:132px;height:112px;border-radius:50%;background:rgba(223,242,250,.62)}
.products-design-grid article:nth-child(2):before{background:rgba(253,226,234,.66)}
.products-design-grid h3,.products-design-grid p{position:relative;z-index:1}
.products-design-grid p{color:#6b5e64;font-size:14px;font-weight:520;line-height:1.9;margin-top:10px}
.products-split,.technology-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:34px;align-items:center}
.products-split.reverse,.technology-split.reverse{grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr)}
.products-section-copy h2,.technology-section-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.35;letter-spacing:0;color:var(--brown)}
.products-point-grid,.technology-point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.products-point-grid article,.technology-point-grid article,.technology-card-grid article,.technology-flow-grid article{padding:22px;border-radius:28px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:var(--soft-shadow)}
.products-point-grid img,.technology-point-grid img,.technology-card-grid img,.technology-flow-grid img{width:62px;height:62px;object-fit:contain;margin-bottom:14px}
.products-product-image,.technology-product-image{padding:22px;border-radius:36px;background:rgba(255,255,255,.88);box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.96)}
.products-product-image img,.technology-product-image img{width:100%;border-radius:28px;background:#fff}
.products-direction-list,.technology-direction-list{display:grid;gap:10px;margin-top:22px}
.products-direction-list span,.technology-direction-list span{display:flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid rgba(87,65,71,.1);color:#4f4247;font-size:13px;font-weight:900}
.products-status-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:28px;align-items:center;padding:34px 38px}
.products-status-list{display:grid;gap:12px}
.products-status-list article{padding:18px 20px;border-radius:24px;background:#fff;border:1px solid rgba(87,65,71,.08)}
.products-status-list strong{display:block;color:var(--brown)}
.products-status-list span{display:block;margin-top:6px;color:var(--teal);font-size:13px;font-weight:900}
.products-cta-panel,.technology-cta-panel{text-align:center;max-width:920px}
.products-cta-panel p:not(.eyebrow),.technology-cta-panel p:not(.eyebrow){max-width:690px;margin:16px auto 0}
.products-cta-panel .hero-actions,.technology-cta-panel .hero-actions{justify-content:center;margin-top:28px}
.technology-card-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.technology-card-grid p,.technology-flow-grid p,.technology-dev-grid p{color:#6b5e64;font-size:13px;font-weight:520;line-height:1.8;margin-top:8px}
.technology-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.technology-flow-grid article{text-align:center}
.technology-dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.technology-dev-grid article{padding:22px;border-radius:28px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:var(--soft-shadow)}
.technology-dev-grid span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#dff2fa;color:var(--teal);font-size:12px;font-weight:900;margin-bottom:12px}
.moved-page-section{padding:156px 0 104px;background:linear-gradient(135deg,#fff8fb,#fff 54%,#eef9fc)}
.moved-page-panel{text-align:center;max-width:900px}
.moved-page-panel h1{font-size:clamp(34px,4.6vw,58px)}
.moved-page-panel p:not(.eyebrow){max-width:660px;margin:18px auto 0;color:#5f5358;font-weight:520;line-height:2}
.moved-page-panel .hero-actions{justify-content:center}
@media(max-width:1100px){.technology-hero-grid,.products-split,.products-split.reverse,.technology-split,.technology-split.reverse,.products-status-panel{grid-template-columns:1fr}.technology-hero-visual{width:min(640px,100%);margin:0 auto}.products-lineup-grid,.technology-card-grid.three,.technology-flow-grid,.technology-dev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.technology-hero{min-height:auto;padding:112px 0 64px}.products-lineup-section{padding-top:122px}.technology-hero-grid{gap:34px}.technology-hero-copy h1{font-size:38px;line-height:1.28}.technology-hero-copy .lead{font-size:15px;line-height:1.9}.technology-tags span{width:100%;justify-content:center}.technology-hero-actions,.products-cta-panel .hero-actions,.technology-cta-panel .hero-actions{display:grid;grid-template-columns:1fr}.technology-hero-visual{min-height:470px}.technology-visual-card{right:0;top:66px;width:88%;padding:12px;border-radius:34px}.technology-visual-card img{border-radius:24px}.technology-floating-card{min-height:42px;max-width:196px;padding:8px 11px;font-size:11px}.technology-floating-card-one{left:0;top:24px}.technology-floating-card-two{right:0;bottom:36px}.products-lineup-grid,.products-point-grid,.technology-point-grid,.technology-card-grid.three,.technology-flow-grid,.technology-dev-grid{grid-template-columns:1fr}.products-lineup-card,.products-status-panel,.products-cta-panel,.technology-cta-panel,.moved-page-panel{padding:22px}.products-medical-note{margin-top:28px;text-align:left}.products-section-copy h2,.technology-section-copy h2{font-size:30px}.moved-page-section{padding:122px 0 74px}}
.hallux-numbered-section{position:relative}
.hallux-what-section{padding-top:156px}
.hallux-numbered-section:before{content:"";position:absolute;inset:auto -120px -120px auto;width:300px;height:230px;background:url("assets/decorations/decor_blob_gradient.png") center/contain no-repeat;opacity:.28;pointer-events:none}
.hallux-numbered-layout,.hallux-scale-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:46px;align-items:center}
.hallux-numbered-copy,.hallux-numbered-heading{position:relative}
.hallux-numbered-heading{max-width:940px;margin:0 auto 42px}
.hallux-numbered-heading.centered{text-align:center}
.hallux-section-number{display:block;margin-bottom:8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,8vw,112px);font-weight:800;line-height:.82;letter-spacing:0;color:rgba(66,52,58,.16)}
.hallux-numbered-copy h2,.hallux-numbered-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:0;color:var(--brown)}
.hallux-numbered-copy h3,.hallux-numbered-heading h3{margin-top:14px;font-size:clamp(24px,2.7vw,36px);line-height:1.48;color:#4b3b42}
.hallux-numbered-copy p:not(.eyebrow),.hallux-numbered-heading p:not(.eyebrow),.hallux-customer-grid p{color:#5f5358;font-weight:520;line-height:2;margin-top:16px}
.hallux-diagram-card{position:relative;display:grid;gap:18px;padding:32px;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,244,248,.88));border:1px solid rgba(255,255,255,.96);box-shadow:var(--shadow);overflow:hidden}
.hallux-diagram-card:before{content:"";position:absolute;right:-64px;top:-60px;width:220px;height:180px;border-radius:50%;background:rgba(220,243,249,.62)}
.hallux-diagram-card img{position:relative;z-index:1;width:min(260px,72%);margin:0 auto;filter:drop-shadow(0 16px 28px rgba(88,56,66,.12))}
.hallux-diagram-line{position:absolute;z-index:2;left:51%;top:82px;width:86px;height:160px;border-right:3px dashed rgba(195,70,110,.48);border-radius:50%;transform:rotate(-8deg)}
.hallux-explain-list{position:relative;z-index:2;display:grid;gap:12px}
.hallux-explain-list article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.94)}
.hallux-explain-list span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fde2ea;color:var(--rose-deep);font-size:12px;font-weight:900}
.hallux-explain-list p{margin:0!important;color:#4f4247!important;font-weight:850!important;line-height:1.65!important}
.hallux-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hallux-customer-grid article{padding:28px;border-radius:32px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:var(--soft-shadow)}
.hallux-customer-grid article:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(236,249,252,.9))}
.hallux-scale-section{background:linear-gradient(135deg,#fff2f6,#fff 58%,#eef9fc)}
.hallux-scale-message{display:inline-flex;margin-top:22px!important;padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,#fde2ea,#dff2fa);color:#9e315e!important;font-weight:900!important;line-height:1.55!important}
.hallux-pie-panel{display:grid;place-items:center;gap:22px;padding:34px;border-radius:38px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);box-shadow:var(--shadow);text-align:center}
.hallux-pie-chart{position:relative;display:grid;place-items:center;width:min(360px,100%);aspect-ratio:1;border-radius:50%;background:conic-gradient(#c54576 0 31.6%,#eaf7fc 31.6% 100%);box-shadow:0 24px 60px rgba(88,56,66,.14)}
.hallux-pie-chart:before{content:"";position:absolute;inset:34px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px rgba(185,67,104,.08)}
.hallux-pie-center{position:relative;z-index:1;display:grid;gap:4px;color:var(--brown)}
.hallux-pie-center span{font-size:14px;font-weight:900;color:#75666b}
.hallux-pie-center strong{font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1;color:#c54576}
.hallux-pie-center small{font-size:15px;font-weight:900;color:var(--rose-deep)}
.hallux-stat-grid .is-highlight{background:linear-gradient(135deg,#fff,#fff0f5);border-color:rgba(185,67,104,.2)}
.hallux-stat-grid .is-highlight strong{color:#c54576}
.hallux-concern-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hallux-customer-section{background:linear-gradient(135deg,#eef9fc,#fff 58%,#fff8fb)}
.hallux-customer-section .hallux-numbered-heading{margin-left:0;margin-right:0}
@media(max-width:1100px){.hallux-numbered-layout,.hallux-scale-layout{grid-template-columns:1fr}.hallux-customer-grid,.hallux-concern-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hallux-diagram-card{max-width:680px;margin:0 auto}}
@media(max-width:680px){.hallux-what-section{padding-top:124px}.hallux-numbered-heading{margin-bottom:30px}.hallux-section-number{font-size:62px}.hallux-numbered-copy h2,.hallux-numbered-heading h2{font-size:31px}.hallux-numbered-copy h3,.hallux-numbered-heading h3{font-size:23px}.hallux-customer-grid,.hallux-concern-grid-4{grid-template-columns:1fr}.hallux-diagram-card{padding:24px;border-radius:30px}.hallux-diagram-line{display:none}.hallux-customer-grid article{padding:22px}.hallux-scale-message{border-radius:22px}.hallux-pie-panel{padding:24px}.hallux-pie-chart{width:min(280px,100%)}.hallux-pie-chart:before{inset:28px}.hallux-pie-center strong{font-size:46px}.hallux-source a{word-break:break-word}}

.technology-hero{background:linear-gradient(135deg,#fff8fb 0%,#fff 52%,#eef9fc 100%)}
.hallux-diagram-card .hallux-diagram-image{width:100%;max-width:100%;border-radius:28px;filter:drop-shadow(0 16px 28px rgba(88,56,66,.12))}
.technology-axis-section{padding-top:156px}
.technology-hero-copy h1{font-size:54px;line-height:1.24;letter-spacing:0;color:var(--brown)}
.technology-section-copy h2,.technology-axis-section .section-heading h2,.technology-data-section .section-heading h2,.technology-development-section .section-heading h2,.technology-cta-panel h2{font-size:42px;line-height:1.36;letter-spacing:0;color:var(--brown)}
.technology-hero-visual{min-height:540px}
.technology-cta-panel{padding:48px}
@media(max-width:680px){.technology-axis-section{padding-top:122px}.technology-hero-copy h1{font-size:38px;line-height:1.3}.technology-section-copy h2,.technology-axis-section .section-heading h2,.technology-data-section .section-heading h2,.technology-development-section .section-heading h2,.technology-cta-panel h2{font-size:30px}.technology-hero-visual{min-height:450px}.technology-cta-panel{padding:22px}}
@media(max-width:680px){.products-design-grid{grid-template-columns:1fr}.products-design-grid article{min-height:auto;padding:22px}}

/* ===== Text-first card design (no icons) ===== */
.products-design-grid h3,.hallux-customer-grid h3{font-size:20px;line-height:1.6;letter-spacing:0;color:var(--brown)}

/* accent rule along the top edge of each text card */
.products-design-grid article,.hallux-customer-grid article,.tech-step-card,.tech-axis-card,.about-mvv-card{box-shadow:inset 0 3px 0 rgba(221,113,144,.5),var(--soft-shadow);transition:transform .26s ease}
.products-design-grid article:nth-child(odd),.hallux-customer-grid article:nth-child(2),.tech-step-card,.tech-axis-card.blue{box-shadow:inset 0 3px 0 rgba(46,138,160,.45),var(--soft-shadow)}
.about-mvv-card.vision{box-shadow:inset 0 3px 0 rgba(46,138,160,.45),var(--soft-shadow)}
.about-mvv-card.value{box-shadow:inset 0 3px 0 rgba(63,141,121,.45),var(--soft-shadow)}
@media(hover:hover){.products-design-grid article:hover,.hallux-customer-grid article:hover,.tech-step-card:hover,.tech-axis-card:hover,.about-mvv-card:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.products-design-grid article,.hallux-customer-grid article,.tech-step-card,.tech-axis-card,.about-mvv-card{transition:none}.products-design-grid article:hover,.hallux-customer-grid article:hover,.tech-step-card:hover,.tech-axis-card:hover,.about-mvv-card:hover{transform:none}}

.products-design-grid article{min-height:186px}
.hallux-customer-grid article{position:relative;overflow:hidden}
.hallux-customer-grid article:after{content:"";position:absolute;right:-54px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:rgba(253,226,234,.5);z-index:0}
.hallux-customer-grid article:nth-child(2):after{background:rgba(223,242,250,.58)}
.hallux-customer-grid h3,.hallux-customer-grid p{position:relative;z-index:1}
@media(max-width:680px){.products-design-grid article{min-height:auto}.hallux-customer-grid article:after{width:120px;height:120px;right:-44px;bottom:-46px}}

/* ==================================================================
   RESPONSIVE LAYER — 2026-08-17
   Breakpoints: 1100px (tablet / nav switch), 900px (narrow tablet),
                680px (phone), 420px (small phone)
   ================================================================== */

/* ---- 1. Base hardening ------------------------------------------ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
.container{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
/* the header is fixed — keep in-page anchors (#monitor / #partner) clear of it */
[id]{scroll-margin-top:124px}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid rgba(46,138,160,.6);outline-offset:3px;border-radius:14px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---- 2. Header layout + hamburger -------------------------------- */
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.nav-toggle{display:none}
@media(max-width:1100px){
  .nav-toggle{display:grid;align-content:center;justify-items:center;gap:5px;width:46px;height:46px;padding:0;flex:0 0 auto;border:1px solid rgba(185,67,104,.2);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(88,56,66,.08);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--rose-deep);transition:transform .26s ease,opacity .18s ease}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* ---- 3. Mobile navigation drawer --------------------------------- */
.mobile-nav{position:fixed;inset:0;z-index:99;display:grid;align-content:start;padding:124px max(22px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,244,248,.97) 100%);backdrop-filter:blur(18px);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .24s ease,transform .28s ease,visibility .28s}
.mobile-nav.is-open{opacity:1;visibility:visible;transform:none}
.mobile-nav-links{display:grid;gap:8px;width:100%;max-width:560px;margin:0 auto}
.mobile-nav-links a{display:flex;align-items:center;min-height:58px;padding:0 20px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(88,56,66,.06);color:#392e33;font-size:16px;font-weight:800}
.mobile-nav-links a.active{background:linear-gradient(135deg,rgba(253,226,234,.96),rgba(210,237,248,.92));color:var(--rose-deep)}
.mobile-nav-cta{margin-top:14px;justify-content:center;background:linear-gradient(135deg,var(--rose-deep),#db7f98 48%,var(--teal))!important;color:#fff!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 16px 34px rgba(185,67,104,.24)!important}
.mobile-nav-mail{margin-top:2px;min-height:46px!important;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--teal)!important;font-size:13px!important;text-decoration:underline;text-underline-offset:4px}
body.nav-open{overflow:hidden}
@media(min-width:1101px){.mobile-nav{display:none}}
@media(max-width:680px){.mobile-nav{padding-top:102px}[id]{scroll-margin-top:100px}}

/* ---- 4. Fluid typography (replaces fixed-px headings) ------------ */
/* balance keeps Japanese headings from leaving a 1–2 character orphan line */
h1,h2,h3{text-wrap:balance}
.lead,.section-heading p,p{text-wrap:pretty}
h1{font-size:clamp(34px,6vw,76px)}
h2{font-size:clamp(28px,3.4vw,46px)}
.business-copy h2{font-size:clamp(28px,4.1vw,56px)}
.about-hero-copy h1{font-size:clamp(34px,5.6vw,56px)}
.hallux-hero-copy h1{font-size:clamp(34px,5.6vw,58px)}
.room-hero-copy h1,.sneaker-hero-copy h1{font-size:clamp(34px,5.6vw,56px)}
.technology-hero-copy h1{font-size:clamp(34px,5.4vw,54px)}
.moved-page-panel h1{font-size:clamp(32px,4.6vw,58px)}
.about-section-copy h2,.about-company-label h2,.about-mvv-section .section-heading h1{font-size:clamp(28px,4vw,52px)}
.about-cta-panel h2{font-size:clamp(28px,4vw,50px)}
.products-section-copy h2{font-size:clamp(28px,4vw,52px)}
.technology-section-copy h2,.technology-axis-section .section-heading h2,.technology-data-section .section-heading h2,.technology-development-section .section-heading h2,.technology-cta-panel h2{font-size:clamp(28px,3.6vw,42px)}
.room-section-copy h2,.sneaker-section-copy h2{font-size:clamp(28px,3.6vw,42px)}
.hallux-numbered-copy h2,.hallux-numbered-heading h2{font-size:clamp(28px,4vw,54px)}
.hallux-numbered-copy h3,.hallux-numbered-heading h3{font-size:clamp(21px,2.7vw,36px)}
.tech-axis-card h3{font-size:clamp(20px,2.2vw,25px)}
.about-mvv-card h3{font-size:clamp(19px,2.1vw,24px)}
.about-team-card h3{font-size:clamp(19px,2vw,22px)}
.tech-research-profile h3{font-size:clamp(24px,3vw,32px)}
.tech-medical-note h2{font-size:clamp(24px,2.6vw,30px)}
.hallux-pie-center strong{font-size:clamp(38px,9vw,58px)}
.room-concept-card h3{font-size:clamp(24px,3vw,30px)}
.footer-logo{font-size:clamp(28px,3vw,34px)}

/* ---- 5. Top hero (index) -----------------------------------------
   The hero artwork is a 16:9 landscape image with the tagline baked in.
   `cover` on a portrait viewport crops the message away, so below the
   desktop breakpoint the image is shown whole as a full-width banner. */
/* Desktop: cap the hero height at the image's own 1672:941 ratio (less the
   34px bleed) so `cover` can never crop the tagline off the left and right.
   On short, wide windows 100svh wins and only the top/bottom is trimmed. */
@media(min-width:1101px){
  .top-simple-hero{min-height:min(100vh,calc(56.28vw - 36px));min-height:min(100svh,calc(56.28vw - 36px))}
}
@media(max-width:1100px){
  .top-simple-hero{display:block;min-height:0;padding:calc(112px + env(safe-area-inset-top,0px)) 0 0;background:#fff}
  .top-simple-hero::after{display:none}
  .top-hero-image{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;object-position:center center}
}
@media(max-width:680px){
  .top-simple-hero{padding-top:calc(94px + env(safe-area-inset-top,0px))}
}

/* ---- 6. Narrow tablet (<=900px) ---------------------------------- */
@media(max-width:900px){
  /* three footer columns squeeze the e-mail address below ~900px */
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px}
  .footer-brand{grid-column:1/-1}
  .footer-description{max-width:none}
  .footer-bottom{display:grid;grid-template-columns:1fr;gap:12px}
  .footer-bottom p:first-child{max-width:none}
  /* min-heights were tuned for 3–4 card rows; once stacked they leave dead space */
  .tech-axis-card,.tech-step-card,.tech-design-grid article,.tech-process-grid article,
  .about-mvv-card,.about-work-grid article,.products-design-grid article,
  .room-concept-card,.hallux-approach-grid article,.hallux-choice-grid article,
  .contact-path,.value-card{min-height:0}
}
/* Bounded range: a plain max-width:900px block would sit later in the cascade
   than the existing max-width:680px rules and leak onto phones. */
@media(min-width:681px) and (max-width:900px){
  .products-design-grid,.technology-card-grid.three,.technology-dev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hallux-customer-grid{grid-template-columns:1fr}
}
/* when a split stacks, the heading should read before the side panel */
@media(max-width:1100px){
  .technology-split.reverse .technology-section-copy,
  .products-split.reverse .products-section-copy{order:-1}
}

/* ---- 7. Phone (<=680px) ------------------------------------------ */
@media(max-width:680px){
  .note-panel{grid-template-columns:1fr;gap:16px;padding:26px 22px;border-radius:26px}
  .note-panel img{width:64px}
  .contact-path{min-height:0}
  .contact-path img{width:70px;height:70px}
  .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .products-lineup-card>img{aspect-ratio:1.2}
  .about-story-card .about-story-sign{text-align:left}
  .footer-grid{grid-template-columns:1fr}
  .site-footer{padding:56px 0 32px}
  .site-footer li{margin:4px 0}
  .site-footer li a{display:inline-block;padding:6px 0}
  .footer-bottom{font-size:11px;margin-top:32px}
  /* inline citation links: vertical padding grows the hit area without
     changing layout (they must stay inline so long citations can wrap) */
  .hallux-source a{padding:7px 0}
  .hallux-explain-list article{grid-template-columns:30px 1fr;gap:10px;padding:12px 14px}
  .hallux-explain-list span{width:30px;height:30px}
  .tech-research-profile dl{gap:10px}
}

/* ---- 8. Small phone (<=420px) ------------------------------------ */
@media(max-width:420px){
  .container{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .site-header{left:8px;right:8px}
  .header-inner{min-height:60px;padding:8px 10px 8px 16px;gap:10px}
  .brand{min-width:0}
  .header-inner .brand-logo{font-size:23px}
  .header-inner .brand-tagline{font-size:10px;letter-spacing:.12em}
  .nav-toggle{width:42px;height:42px;border-radius:14px}
  .mobile-nav{padding-top:94px}
  .btn{min-height:50px;padding:0 18px;font-size:13px}
  /* hard-coded <br> in headings fights the narrow measure — let text reflow */
  h1 br,h2 br{display:none}
  .section{padding:60px 0}
  .about-story-card,.about-mvv-card,.about-work-grid article,.about-team-card,
  .about-company-card,.about-cta-panel,.products-lineup-card,.products-design-grid article,
  .hallux-customer-grid article,.tech-axis-card,.tech-step-card,.tech-research-profile,
  .tech-medical-note,.technology-cta-panel,.contact-path,.moved-page-panel,
  .product-link-card,.info-card,.guide-card,.problem-card{padding:18px;border-radius:24px}
  .news-list{padding:0 14px;border-radius:20px}
  .hallux-diagram-card{padding:18px;border-radius:26px}
  .hallux-pie-panel{padding:18px;border-radius:28px}
  .guide-grid{grid-template-columns:1fr}
  .about-mvv-card,.tech-axis-card,.tech-step-card,.about-work-grid article,
  .room-concept-card,.hallux-approach-grid article{min-height:0}
}

/* ---- 9. Landscape phones (short viewports) ----------------------- */
@media(orientation:landscape) and (max-height:520px){
  .site-header{top:8px}
  .mobile-nav{padding-top:88px}
  .mobile-nav-links a{min-height:48px}
  .section{padding:56px 0}
  .about-hero,.hallux-hero-new,.room-hero,.sneaker-hero,.technology-hero{min-height:0;padding-top:104px;padding-bottom:56px}
}

/* ---- 10. Touch devices ------------------------------------------- */
@media(hover:none){
  .btn:hover{transform:none}
  .news-item:hover .news-arrow{transform:none}
}

/* ---- 11. Clearance under the fixed header ------------------------
   These sections open their page, so they carry the header offset.
   Declared last so the `.section` padding shorthands above cannot
   clobber their padding-top. */
.hallux-what-section,.technology-axis-section,.products-lineup-section,
.corporate-profile-section{padding-top:156px}
.contact-entry-section{padding-top:148px}
@media(max-width:680px){
  .hallux-what-section,.technology-axis-section,.products-lineup-section,
  .corporate-profile-section,.contact-entry-section{padding-top:124px}
}
@media(max-width:420px){
  .hallux-what-section,.technology-axis-section,.products-lineup-section,
  .corporate-profile-section,.contact-entry-section{padding-top:112px}
}
@media(orientation:landscape) and (max-height:520px){
  .hallux-what-section,.technology-axis-section,.products-lineup-section,
  .corporate-profile-section,.contact-entry-section{padding-top:112px}
}

/* ==================================================================
   RESPONSIVE LAYER 2 — 2026-08-18
   The 1100px breakpoint exists because the desktop nav no longer fits
   there. Card grids were stacked at the same width purely because they
   shared that query, which left 901–1100px full of half-empty rows.
   This layer separates the two: nav still switches at 1100px, content
   keeps its columns down to 900px.
   ================================================================== */

/* ---- 12. Card grids keep their columns down to 900px ------------- */
@media(min-width:901px) and (max-width:1100px){
  .contact-grid,
  .product-card-row,
  .about-leadership-grid,
  .products-lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-mvv-grid,
  .about-work-grid,
  .three-grid,
  .technology-card-grid.three,
  .technology-dev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* three steps in two columns strands the third one beside dead space */
  .tech-step-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tech-step-card:not(:last-child):after,
  .tech-step-card:not(:last-child):before{display:block}
  /* the date / title / tag row still fits on one line here */
  .news-item{grid-template-columns:128px minmax(0,1fr) auto;gap:18px}
  .news-item-title{grid-column:auto}
  .news-type{grid-column:auto;grid-row:auto;justify-self:auto}
}

/* Two product cards read better side by side than stacked full-width:
   the card art is only 204px wide and looks stranded in a 700px card. */
@media(min-width:681px) and (max-width:900px){
  .product-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* an odd card left alone on the last row spans it instead of leaving a hole */
  .products-design-grid>article:last-child:nth-child(odd),
  .tech-step-flow>.tech-step-card:last-child:nth-child(odd),
  .technology-dev-grid>article:last-child:nth-child(odd),
  .technology-card-grid.three>article:last-child:nth-child(odd){grid-column:1/-1}
  .tech-step-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- 13. "Company Profile" watermark ------------------------------
   At 96px the word "Company" is wider than its own grid column, so it
   slid under the adjacent card. Cap it to what the column can hold. */
.about-company-label span{font-size:clamp(36px,6vw,72px)}
@supports (container-type:inline-size){
  .about-company-label{container-type:inline-size}
  .about-company-label span{font-size:clamp(36px,19cqi,72px)}
}

/* ---- 14. Touch target sizing -------------------------------------
   Below the nav breakpoint every link is a touch target; 44px is the
   smallest comfortable one. */
@media(max-width:1100px){
  .brand{justify-content:center;min-height:44px}
  .site-footer li a{display:inline-block;padding:8px 0}
  /* lone card CTAs match the full-width buttons used elsewhere */
  .contact-path .btn{width:100%}
}
@media(max-width:680px){
  .hallux-source a{padding:9px 0}
  .mobile-nav-mail{min-height:48px!important}
}

/* ---- 15. Japanese line breaking -----------------------------------
   Headings otherwise break between any two kana, which splits words
   like ものづくり. Chrome breaks at phrase boundaries instead; other
   engines simply ignore the value. */
h1,h2,h3,.lead,.section-heading p{word-break:auto-phrase}

/* ---- 16. Landscape phones ----------------------------------------
   The drawer has to fit six items into ~400px of height. */
@media(orientation:landscape) and (max-height:520px){
  .mobile-nav{padding-top:78px}
  .mobile-nav-links{gap:6px}
  .mobile-nav-links a{min-height:44px}
  .mobile-nav-cta{margin-top:8px}
  .mobile-nav-mail{min-height:40px!important;margin-top:0}
}

/* ---- 17. Hardening ------------------------------------------------ */
/* <picture> only exists to pick a source; it must not become a box of
   its own inside the grids and flex rows the <img> was laid out in. */
picture{display:contents}
/* Reserve the picture's aspect box so late-loading art cannot reflow the
   page under the reader's thumb. (The top hero already carries its own
   ratio inside the <=1100px banner rule.) */
.hallux-diagram-image{aspect-ratio:2196/1920}
.product-link-card img,.products-lineup-card>img{background:#fff}
/* A long address is the one string that can outgrow a 320px phone. */
.footer-bottom,.site-footer li,.mobile-nav-mail{overflow-wrap:anywhere}
