:root{--ink:#172d43;--cream:#f8f5ed;--line:#c9c6bd;--ochre:#a27649}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:400 14px/1.95 "Noto Sans JP",sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:"Shippori Mincho",serif;font-weight:500;line-height:1.45}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}.skip{position:absolute;left:-999px;background:#fff;z-index:50;padding:8px}.skip:focus{left:8px;top:8px}.header{height:78px;position:relative;z-index:10;background:var(--cream);display:flex;align-items:center;padding:0 4vw;gap:32px;border-bottom:1px solid #e6e1d6}.brand{text-decoration:none;font-family:"Shippori Mincho";font-size:26px;line-height:1.1;white-space:nowrap}.brand small{display:block;font:600 8px "DM Sans",sans-serif;letter-spacing:.18em;margin-top:5px}.header nav{display:flex;gap:28px;margin-left:auto}.header nav a{font-size:11px;text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;border:1px solid var(--line);background:none;cursor:pointer;padding:7px 11px;font-size:11px}.menu-toggle span{margin-left:8px}.mobile-menu{position:absolute;z-index:11;right:0;top:78px;width:min(100%,350px);background:var(--cream);box-shadow:0 10px 30px #172d4326;padding:18px 24px}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:13px 0;text-decoration:none;border-bottom:1px solid var(--line)}.hero{min-height:710px;position:relative;display:grid;grid-template-columns:40% 60%;padding:40px 3vw 42px}.hero-paper{position:relative;z-index:2;background:var(--cream);padding:50px 4vw 48px 3vw;align-self:stretch;margin-right:-7vw;clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}.folio,.section-kicker,.side-note{font:600 10px "DM Sans","Noto Sans JP",sans-serif;letter-spacing:.18em;color:var(--ochre)}.hero-kicker{margin:65px 0 20px;font-size:12px}.hero h1{font-size:clamp(46px,5.2vw,83px);letter-spacing:-.07em;line-height:1.42}.hero h1 em{font-style:normal;color:var(--ochre)}.hero-paper>p:not(.folio,.hero-kicker){max-width:355px;margin-top:35px;font-size:12px}.hero-paper a,.prepare a,.demo-note a{display:inline-block;margin-top:28px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:12px}.hero-photo{height:630px;min-width:0;position:relative}.hero-photo img{object-position:center}.hero-photo figcaption{position:absolute;bottom:15px;right:20px;background:#172d43c9;color:#fff;padding:4px 10px;font-size:10px}.hero-vertical{position:absolute;right:7px;top:80px;writing-mode:vertical-rl;font:600 10px "DM Sans";letter-spacing:.2em}.section{padding:clamp(90px,9vw,145px) clamp(28px,6vw,105px)}.conversation{display:grid;grid-template-columns:45px 1fr minmax(300px,43%);gap:4vw;background:#fff}.side-note{writing-mode:vertical-rl}.conversation h2,.timeline h2,.prepare h2,.demo-note h2{font-size:clamp(42px,5vw,73px);margin-top:25px;letter-spacing:-.045em}.conversation-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px;font-size:12px}.ledger-photo{height:610px;align-self:start;position:relative}.ledger-photo img{object-position:center}.ledger-photo figcaption{position:absolute;right:-20px;bottom:-22px;background:var(--ink);color:#fff;padding:15px 25px;font:600 10px "DM Sans";letter-spacing:.14em}.timeline{background:#192f46;color:#f8f5ed}.timeline-head{display:grid;grid-template-columns:1fr 310px;gap:0 6vw}.timeline-head .section-kicker{grid-column:1/-1;color:#d7b994}.timeline-head>p:last-child{align-self:end;font-size:13px}.timeline-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #768394;position:relative}.timeline-rail button{color:#f8f5ed;text-align:left;background:none;border:0;padding:22px 8px 15px 0;cursor:pointer;font-size:13px;position:relative}.timeline-rail button i{position:absolute;top:-6px;left:0;width:11px;height:11px;background:#8595a3;border-radius:50%;transition:background .25s,transform .25s}.timeline-rail button[aria-pressed=true] i{background:#e0b680;transform:scale(1.55)}.timeline-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw;min-height:220px;padding:45px 0 0;border-top:1px solid #4c6176}.timeline-detail small{font:600 11px "DM Sans";color:#d5af7f}.timeline-detail h3{font-size:34px;margin-top:12px}.timeline-detail p{font-size:13px;max-width:430px}.prepare{background:#eae3d7;max-width:none}.prepare h2{max-width:720px}.prepare>p:not(.section-kicker){max-width:570px;font-size:13px;margin-top:35px}.demo-note{background:#f8f5ed}.demo-note>p:not(.section-kicker){max-width:560px;margin-top:30px;font-size:13px}footer{padding:33px 5vw;display:flex;justify-content:space-between;font-size:11px}footer a{text-decoration:none}.acqua-portfolio-bridge{color:#172b35}
@media(max-width:1050px){.header nav{display:none}.menu-toggle{display:block;margin-left:auto}.hero{grid-template-columns:45% 55%}.hero h1{font-size:56px}.conversation{grid-template-columns:30px 1fr}.ledger-photo{grid-column:2;height:380px;width:70%}}
@media(max-width:760px){.header{height:66px;padding:0 20px}.brand{font-size:22px}.mobile-menu{top:66px}.hero{display:block;padding:0;min-height:0}.hero-paper{clip-path:none;margin:0;padding:45px 25px 35px}.hero-kicker{margin:30px 0 15px}.hero h1{font-size:clamp(43px,11vw,57px);line-height:1.4}.hero-paper>p:not(.folio,.hero-kicker){margin-top:22px}.hero-photo{height:80vw;max-height:470px}.hero-vertical{display:none}.section{padding:80px 25px}.conversation{display:block}.side-note{writing-mode:initial}.conversation h2,.timeline h2,.prepare h2,.demo-note h2{font-size:clamp(37px,10vw,48px)}.conversation-columns{display:block;margin-top:28px}.conversation-columns p+p{margin-top:20px}.ledger-photo{width:100%;height:75vw;max-height:400px;margin-top:40px}.ledger-photo figcaption{right:0;bottom:0}.timeline-head{display:block}.timeline-head>p:last-child{margin-top:30px;font-size:12px}.timeline-rail{margin-top:50px;overflow-x:auto}.timeline-rail button{font-size:11px;min-width:90px}.timeline-detail{display:block;padding-top:28px}.timeline-detail h3{font-size:28px}.timeline-detail p{margin-top:20px;font-size:12px}.prepare>p:not(.section-kicker),.demo-note>p:not(.section-kicker){font-size:12px}footer{display:block;text-align:center}footer span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.timeline-rail button i{transition:none}}

.hero-role{font-size:11px;margin-top:14px;letter-spacing:.04em}
