:root{font-family:'Noto Sans JP',sans-serif;color:#f7f0e5;background:#28231f;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}img{display:block;max-width:100%}a{color:inherit}.skip{position:absolute;top:-60px;left:12px;z-index:20;background:#fff;color:#222;padding:10px}.skip:focus{top:10px}.notice{margin:0;padding:8px 4vw;background:#e8e0d2;color:#403a34;text-align:center;font-size:10px;line-height:1.8}.site-header{display:flex;align-items:center;justify-content:space-between;padding:19px 4vw;border-bottom:1px solid #574e44;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:700;font-size:20px;line-height:1.25}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c1a87c;color:#c1a87c;font-size:24px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.15em;color:#b5a997}nav{display:flex;gap:28px;font-size:11px}nav a{text-decoration:none}.hero-heading{position:relative;max-width:1500px;margin:auto;padding:88px 5vw 62px}.serial{font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:#b89f7c}.serial span{padding:0 10px}.industry{margin:40px 0 10px;color:#d0b897;font-size:15px;font-weight:700;letter-spacing:.1em}.hero h1{font-size:clamp(56px,6.6vw,108px);line-height:1.25;letter-spacing:-.08em;margin:0;font-weight:900}.intro{position:absolute;right:5vw;bottom:65px;width:270px;font-size:13px;line-height:2.1;color:#d5c8b8}.photo-stage{position:relative;width:100%;height:min(58vw,760px);min-height:400px;background:#64503e;overflow:hidden}.photo-stage img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s}.stage-tag{position:absolute;left:4vw;bottom:25px;padding:10px 14px;background:#28231f;color:#f9f0e5;font:700 10px 'DM Sans',sans-serif;letter-spacing:.15em}.photo-switch{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px;padding:30px 4vw 45px;border-bottom:1px solid #574e44}.photo-switch>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:#b89f7c}.buttons{display:flex;gap:10px}.buttons button{border:1px solid #807164;padding:16px 20px;background:transparent;color:#f7f0e5;text-align:left;font:700 12px 'Noto Sans JP',sans-serif;cursor:pointer;flex:1}.buttons button[aria-pressed=true]{background:#e5d3b8;color:#28231f;border-color:#e5d3b8}.buttons button span{float:right;margin-left:12px}.buttons button:hover{border-color:#e5d3b8}.photo-switch p{margin:0;font-size:11px;line-height:1.8;color:#c3b3a1}.essay{display:grid;grid-template-columns:1fr 2fr;gap:30px;min-height:500px;align-items:center;padding:95px 8vw;background:#e9dfd0;color:#332c27}.essay .serial{align-self:start;color:#8d7151}.essay h2,.about h2{font-size:clamp(42px,5vw,74px);line-height:1.45;letter-spacing:-.07em;margin:0 0 30px}.essay p:not(.serial),.about p:not(.serial){max-width:540px;font-size:13px;line-height:2.2}.essay a,.about a{display:inline-block;margin-top:20px;border-bottom:1px solid currentColor;padding-bottom:10px;text-decoration:none;font-size:12px;font-weight:700}.about{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:110px 8vw;background:#5d443b}.about .serial{align-self:start;color:#e4c6a0}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;font-size:10px}footer a{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #daa76e;outline-offset:4px}
@media(max-width:1000px){.intro{position:static;margin:28px 0 0}.hero-heading{padding:65px 5vw 48px}.photo-switch{grid-template-columns:1fr 2fr}.photo-switch p{grid-column:2}.photo-stage{height:68vw}}
@media(max-width:700px){.site-header{padding:15px 5vw}nav{gap:12px}.hero-heading{padding:48px 5vw 38px}.hero h1{font-size:clamp(49px,9vw,68px)}.industry{margin-top:30px}.photo-stage{height:65vw;min-height:330px}.photo-switch{display:block;padding:25px 5vw 40px}.buttons{margin:18px 0}.essay,.about{display:block;min-height:auto;padding:75px 6vw}.essay .serial,.about .serial{margin-bottom:35px}}
@media(max-width:480px){.notice{font-size:9px}.site-header{display:block}.brand{font-size:18px}.brand-mark{width:40px;height:40px}nav{justify-content:space-between;margin-top:18px;font-size:10px}.hero-heading{padding:40px 5vw 34px}.hero h1{font-size:49px}.industry{font-size:13px;margin-top:25px}.intro{font-size:12px;line-height:1.9}.photo-stage{height:105vw;min-height:365px}.photo-stage img{object-position:42% center}.stage-tag{left:5vw;bottom:15px}.buttons{display:block}.buttons button{width:100%;margin-bottom:8px}.essay h2,.about h2{font-size:40px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* #93: a compact editorial masthead lets the bag photographs lead the first view. */
.hero-heading{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(180px,1fr);align-items:end;gap:3vw;max-width:1600px;margin:auto;padding:35px 4vw 32px;border-bottom:1px solid #574e44}
.hero-meta{align-self:start}
.industry{margin:24px 0 0;color:#d0b897;font-size:13px}
.hero h1{font-size:clamp(47px,5.2vw,82px);line-height:1.16;white-space:nowrap;text-align:center}
.hero-side{max-width:260px;justify-self:end}
.hero-kicker{margin:0 0 12px;color:#e5d3b8;font-size:18px;font-weight:700;letter-spacing:.02em}
.intro{position:static;width:auto;margin:0;font-size:12px;line-height:1.8}
@media(max-width:1000px){
  .hero-heading{grid-template-columns:1fr auto;gap:16px;padding:32px 5vw 26px}
  .hero h1{grid-column:1/-1;grid-row:2;justify-self:end;text-align:right;font-size:clamp(46px,6.9vw,70px)}
  .hero-side{grid-column:2;grid-row:1;align-self:start}
  .hero-kicker{font-size:15px}
  .intro{display:none}
}
@media(max-width:700px){
  .hero-heading{padding:24px 5vw 22px}
  .hero h1{font-size:clamp(43px,8.5vw,62px);white-space:normal}
  .industry{margin-top:10px}
}
@media(max-width:480px){
  .hero-heading{grid-template-columns:1fr;gap:10px;padding:20px 5vw 18px}
  .hero h1{grid-column:1;grid-row:2;font-size:clamp(42px,10vw,50px);text-align:left;justify-self:start;max-width:10em}
  .hero-side{grid-column:1;grid-row:3;justify-self:start}
  .hero-kicker{font-size:13px;margin:0}
  .industry{font-size:11px;margin-top:8px}
}