/*
Theme Name: IROX Original
Theme URI: https://www.irox.co.jp/
Author: IROX
Description: Lightweight editorial corporate theme for IROX. Requires no page builder.
Version: 0.2.1
License: GPL-2.0-or-later
Text Domain: irox-original
*/
/* IROX key navy: official site color #454659. */
:root{--ink:#454659}
:root{--ivory:#f7f5ef;--ink:#454659;--coral:#ec9c88;--blue:#eaece6;--green:#fff;--peach:#ec9c88;--muted:#59646a;--line:#d5d7d1;--font:Arial,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #a74732;outline-offset:5px}a:hover{color:#9a4431}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:600;line-height:1.6}.header{padding:26px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Poppins,Arial,sans-serif;font-size:46px;line-height:1;font-weight:200;letter-spacing:-4px}.logo img{display:inline-block;width:28px;height:36px;object-fit:contain;vertical-align:middle;margin-right:8px}.logo span{display:block;font:11px/1.4 Arial,sans-serif;letter-spacing:1px;margin-top:7px}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-contact{padding:12px 22px;background:var(--ink);color:white}.menu{display:none}.hero{padding:22px 4.5% 0;display:grid;grid-template-columns:1fr 1fr;gap:0 4%}.hero-copy{padding:36px 0 48px 4%}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:2px;font-weight:bold}.hero-en{font:clamp(68px,8.5vw,132px)/.95 Arial,sans-serif;letter-spacing:-7px;margin:32px 0}.hero-en span{color:var(--coral)}h1{font-size:clamp(22px,2.3vw,34px);letter-spacing:.04em}.intro{margin:22px 0 28px;color:var(--muted)}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;font-weight:bold;border-bottom:1px solid currentColor;padding:9px 0}.text-link span{font-size:22px;line-height:1}.hero-image{position:relative;min-height:640px;overflow:hidden;border-radius:44% 44% 0 0}.hero-image img{position:absolute;inset:0}.hero-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008)}.hero-image figcaption,.image-index{position:absolute;left:32px;z-index:1;color:white}.hero-image figcaption{bottom:60px;font:500 24px Arial,sans-serif}.image-index{bottom:32px;font-size:12px;letter-spacing:2px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:27px 0;font:11px/1.6 Arial,sans-serif;letter-spacing:1.5px}.section{padding:100px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading>p{color:var(--muted)}h2{font-size:clamp(27px,3vw,42px);letter-spacing:.04em}.eyebrow+h2{margin-top:24px}.lifestyle{background:var(--green)}.lifestyle-copy{max-width:620px;margin:0 0 42px;color:var(--muted)}.lifestyle-copy .lead{font-size:22px;color:var(--ink);font-weight:bold;margin-bottom:12px}.photo-collage{display:grid;grid-template-columns:1.1fr 1.5fr 1fr;grid-template-rows:220px 220px 170px;gap:14px}.photo-collage figure{min-height:0;overflow:hidden}.photo-collage .collage-tall{grid-row:span 2}.photo-collage .collage-wide{grid-column:span 2}.photo-collage .collage-land{grid-column:span 2}.brands{background:var(--ivory)}.brand-intro{display:flex;justify-content:space-between;gap:40px;max-width:760px;margin-bottom:45px;color:var(--muted)}.brand-logos{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-logos a{height:145px;display:flex;align-items:center;justify-content:center;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-logos img{width:100%;height:80px;object-fit:contain}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--peach)}.about-body{padding-top:42px;color:var(--muted)}.about-body .lead{font-size:22px;color:var(--ink);font-weight:bold}.about-body .text-link{margin-top:24px}.services{background:var(--blue)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.service-grid article{padding:0 30px;border-right:1px solid #c4c9c4}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0;padding-right:0}.number{font:48px/1 Arial,sans-serif;color:#69776e;display:block;margin-bottom:28px}.service-grid h3{font-size:24px;margin:16px 0;min-height:76px}.service-grid article>p:not(.eyebrow){color:var(--muted)}.service-grid .text-link{margin-top:20px}.closing{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 8% 90px;background:var(--blue)}.closing-card{padding:28px 30px;background:white;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.closing-card strong{font-size:20px}.contact-card{background:var(--peach)}footer{padding:50px 6% 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.footer-bottom{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;font-size:12px}.footer-bottom span{margin-right:auto}.skip{position:fixed;top:-100px;left:10px;background:white;z-index:10;padding:12px}.skip:focus{top:10px}@media(max-width:760px){.header{padding:20px 6%;position:relative}.logo{font-size:37px}.menu{display:flex;gap:20px;align-items:center;border:1px solid var(--line);background:transparent;padding:10px 14px;font:14px var(--font);color:var(--ink)}.menu span{font-size:20px}.header nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--ivory);padding:20px 6%;z-index:5}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:13px 0;font-size:15px}.header nav .nav-contact{padding:13px}.hero{padding:0 6%;grid-template-columns:1fr}.hero-copy{padding:25px 0 35px}.hero-en{font-size:74px;letter-spacing:-4px;margin:22px 0}.hero h1{font-size:24px}.intro{font-size:15px;margin:18px 0}.hero-image{min-height:0;height:430px}.hero-bottom{font-size:9px;padding:22px 0}.hero-bottom>span:nth-child(2){display:none}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px}.lifestyle-copy{margin-bottom:28px}.photo-collage{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 150px 150px;gap:10px}.photo-collage .collage-tall{grid-row:span 2}.photo-collage .collage-wide{grid-column:span 2}.photo-collage .collage-land{grid-column:span 2}.brand-intro{display:block}.brand-intro .text-link{margin-top:20px}.brand-logos{grid-template-columns:repeat(2,1fr)}.brand-logos a{height:120px;padding:20px}.about{grid-template-columns:1fr;gap:10px}.about-body{padding-top:20px}.service-grid{grid-template-columns:1fr;gap:32px}.service-grid article,.service-grid article:first-child,.service-grid article:last-child{padding:0 0 32px;border:0;border-bottom:1px solid #c4c9c4}.service-grid h3{min-height:0}.closing{grid-template-columns:1fr;padding:0 6% 65px}.footer-main{display:grid;grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap;gap:12px 24px}.footer-bottom span{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Supplemental palette: preserve the navy and coral anchors. */
:root{--pale-blue:#E6EFFF;--pale-green:#E9F3EF;--pale-peach:#F8CDC4}
.lifestyle{background:var(--pale-blue)}
.brands{background:var(--pale-green)}
.services,.closing{background:var(--pale-peach)}

/* Final static comp adjustments */
:root{--ivory:#faf4f0}
.logo{letter-spacing:8px}
.logo img{margin-right:12px}
.hero-en{letter-spacing:-4px}
.hero-en br+*{}
.hero-en{color:var(--ink)}
.hero-en span{color:var(--coral)}
.hero-en::first-line{color:var(--ink)}
.hero-en{font-weight:600}
.hero-en{ }
.hero-en{white-space:pre-line}
.hero-en .outline-word{color:transparent;-webkit-text-stroke:1px var(--ink);text-stroke:1px var(--ink)}
.hero-en{ }
.lifestyle{background:#e6efff}
.about{background:#fff}
.photo-collage{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,288px);gap:3px}
.photo-collage figure{grid-column:auto;grid-row:auto}
.photo-collage figure:nth-child(1){grid-column:1;grid-row:1;height:192px}.photo-collage figure:nth-child(2){grid-column:1;grid-row:2;height:288px}
.photo-collage figure:nth-child(3){grid-column:2;grid-row:1;height:288px}.photo-collage figure:nth-child(4){grid-column:2;grid-row:2;height:192px}
.photo-collage figure:nth-child(5){grid-column:3;grid-row:1;height:192px}.photo-collage figure:nth-child(6){grid-column:3;grid-row:2;height:288px}
.photo-collage figure:nth-child(7){grid-column:4;grid-row:1;height:288px}
.service-placeholder{aspect-ratio:4/3;background:#d8d9d4;color:#68736f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:13px;letter-spacing:.08em;margin-bottom:28px}
.service-placeholder small{font-size:11px;letter-spacing:0;margin-top:8px}
@media(max-width:760px){.logo{letter-spacing:5px}.photo-collage{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,190px);gap:3px}.photo-collage figure{grid-column:auto!important;grid-row:auto!important;height:auto!important}.service-placeholder{margin-bottom:22px}}


@supports not (-webkit-text-stroke:1px var(--ink)){.hero-en .outline-word{color:var(--ink)}}

.wp-content{max-width:900px;margin:auto;padding:6rem 8%}.entry-content img{height:auto}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.news-card{border:1px solid #d5d7d1;padding:1.5rem;background:#fff}.news-card time{font-size:.75rem;letter-spacing:.1em}.admin-note{padding:1rem;background:#fff3cd;border:1px solid #ead79b}@media(max-width:760px){.news-grid{grid-template-columns:1fr}}
