*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:#fcfcfa;color:#0f2238;font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Shippori Mincho B1',serif;font-weight:600;line-height:1.5}h1{font-size:clamp(34px,4vw,62px);letter-spacing:-.035em}h2{font-size:clamp(27px,3vw,40px)}h3{font-size:20px}em{font-style:normal;color:#1e4f8f}p+p{margin-top:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:#1e4f8f;margin-bottom:20px}.small,small{font-size:11px;color:#4a5868}.study-bar{display:flex;justify-content:space-between;padding:9px 4%;background:#0f2238;color:white;font-size:11px}.mast{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:30px 5%}.brand{font-size:20px;font-weight:700;letter-spacing:.1em}.brand small{display:block;font-size:8px;letter-spacing:.18em}.mast nav{display:flex;gap:28px;font-size:12px}.mast nav a:last-child{border-bottom:1px solid #2ab0ae}.hero{max-width:1320px;min-height:640px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;padding:55px 5% 80px}.hero-copy .lead{margin-top:30px;color:#4a5868}.hero-copy>p:not(.eyebrow){line-height:2.1}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;background:#1e4f8f;color:#fff;border:0;padding:16px 24px;font-weight:500;font-size:13px}.button:hover{background:#123b6e}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #91a5b8;padding-bottom:4px}.screen{background:#fff;border:1px solid #d2dce4;box-shadow:0 20px 55px #0f223812}.screenbar{background:#e4ecf6;padding:9px 12px;color:#4a5868;font-size:9px}.screenbar span{margin-right:15px;letter-spacing:3px;color:#8dabc7}.screen figcaption{font-size:10px;padding:12px 15px}.margin-note{border-left:2px solid #2ab0ae;padding-left:18px;margin-top:30px;font-family:'Shippori Mincho B1',serif;font-size:21px}.hero-art{position:relative}.hero-art:before{content:'';position:absolute;inset:-35px -20px 70px 65px;background:#dff3f2;z-index:-1}.design-note{max-width:1180px;margin:0 auto;padding:18px 24px;border-top:1px solid #d2dce4;border-bottom:1px solid #d2dce4;display:flex;gap:30px;align-items:center;font-size:11px;color:#4a5868}.design-note span{color:#1e4f8f;white-space:nowrap;font-size:10px;letter-spacing:.1em}.section{max-width:1180px;margin:0 auto;padding:100px 28px;scroll-margin-top:20px}.section-head>p:last-child:not(.eyebrow){margin-top:24px;color:#4a5868}.ideas,.together,.about{display:grid;grid-template-columns:1fr 1.55fr;gap:7%}.idea-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.idea-options button{background:white;border:1px solid #d2dce4;text-align:left;padding:16px 12px;font-size:11px;color:#1e4f8f}.idea-options button b,.idea-options button span{display:block}.idea-options b{font-size:13px;margin:10px 0;color:#0f2238}.idea-options span{color:#4a5868;font-size:10px}.idea-options button[aria-pressed=true]{background:#dff3f2;border-color:#2ab0ae}.idea-answer{margin-top:18px;padding:28px;background:#f0f4f6;min-height:220px}.idea-answer h3{font-size:19px;margin-bottom:12px}.idea-answer p{color:#4a5868}.idea-answer a{margin-top:20px}.works{border-top:1px solid #d2dce4}.works>.section-head{max-width:700px}.work-tabs{display:flex;gap:10px;margin:34px 0 24px}.work-tabs button{background:transparent;border:1px solid #d2dce4;padding:11px 20px;color:#4a5868}.work-tabs button[aria-pressed=true]{background:#0f2238;color:white;border-color:#0f2238}.featured-work{display:grid;grid-template-columns:1.35fr 1fr;gap:5%;align-items:center}.work-picture{background:#e4ecf6;padding:25px;min-width:0}.work-picture img{width:100%;aspect-ratio:16/9;object-fit:contain;background:white}.work-picture>span{font-size:10px;display:block;margin-top:15px;color:#4a5868}.work-story h3{font-size:25px}.work-story .eyebrow{margin-bottom:10px}.work-story dt{font-size:10px;font-weight:700;color:#1e4f8f;margin-top:15px}.work-story dd{margin:5px 0;font-size:13px}.your-work{padding:15px 0;border-top:1px solid #d2dce4;font-size:12px}.work-story .text-link{display:block;width:fit-content;margin-top:15px}.other-works{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.other-works article{padding:25px 0;border-top:1px solid #d2dce4}.other-works article>span{font-size:10px;color:#1e4f8f}.other-works h3{margin:12px 0}.other-works p{font-size:12px;color:#4a5868}.steps details{border-top:1px solid #d2dce4;padding:24px 0}.steps details:last-child{border-bottom:1px solid #d2dce4}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.steps summary{display:flex;align-items:center;gap:20px}.steps summary span{font-size:12px;color:#2c7e86}.steps summary h3{flex:1;font-size:19px}.steps details p{margin:20px 0 15px 38px;color:#4a5868}.steps details small{display:block;margin-left:38px}.steps details[open] summary b{transform:rotate(45deg)}.about{border-top:1px solid #d2dce4}.name{font-size:25px;margin-bottom:20px}.name small{margin-left:15px}.about-body>p:not(.name){color:#4a5868}.career{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#1e4f8f}.career i{font-style:normal;color:#2ab0ae}.contact{max-width:none;text-align:center;background:#e4ecf6;padding:80px 24px}.contact>p{margin:24px 0}.contact-status{border:1px solid #c0cfdd;padding:20px;margin:30px auto;max-width:510px;font-size:13px}.contact-status span{font-size:11px;color:#4a5868}.faq{max-width:680px;margin:55px auto 0;text-align:left}.faq details{border-top:1px solid #b8c9d8;padding:20px 0}.faq p{font-size:12px;padding-top:15px}.faq summary:after{content:'＋';float:right}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 5%;font-size:10px;color:#4a5868}.demo-panel{margin-top:30px;border:1px solid #d2dce4}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;background:#0f2238;color:white;padding:12px 18px;gap:15px;font-size:11px}.demo-toolbar button{background:none;color:white;border:1px solid #66788b;padding:8px 12px}.demo-scroll iframe{display:block;width:100%;height:780px;border:0;background:white}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2ab0ae;outline-offset:5px}[hidden]{display:none!important}
/* 02: a modular entrance built around the visitor's job */
.v2 .hero{background:linear-gradient(90deg,#fcfcfa 53%,#e4ecf6 53%);max-width:none;padding-left:max(5%,calc((100vw - 1180px)/2));padding-right:max(5%,calc((100vw - 1180px)/2))}.entry-board{background:#fff;padding:36px;box-shadow:12px 12px 0 #d2dce4}.entry-board h2{font-size:28px;margin-bottom:24px}.entry-board>a{display:flex;gap:14px;padding:22px 0;border-top:1px solid #d2dce4;color:#1e4f8f;font-size:11px}.entry-board>a b{flex:1;color:#0f2238;font-size:13px}.entry-board .small{margin-top:16px}.v2 .ideas{grid-template-columns:1fr}.v2 .ideas .section-head{display:flex;align-items:center;gap:55px;margin-bottom:36px}.v2 .idea-content{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.v2 .idea-options{grid-template-columns:1fr}.v2 .idea-options button{padding:18px 24px;display:grid;grid-template-columns:35px 1fr;align-items:center}.v2 .idea-options button b{margin:0}.v2 .idea-options button span{grid-column:2}.v2 .idea-answer{margin:0;display:flex;flex-direction:column;justify-content:center}.v2 .featured-work{background:white;border:1px solid #d2dce4;padding:30px}.v2 .together{display:block}.v2 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.v2 .steps details{background:#e4ecf6;padding:25px;border:0}.v2 .steps summary{gap:12px}.v2 .steps summary h3{font-size:16px}.v2 .steps details p,.v2 .steps details small{margin-left:0}.v2 .contact{background:#0f2238;color:white}.v2 .contact .eyebrow,.v2 .contact-status span{color:#addddb}
/* 03: a working notebook with visible questions and decisions */
.v3{background-color:#fcfcfa;background-image:linear-gradient(#1e4f8f05 1px,transparent 1px),linear-gradient(90deg,#1e4f8f05 1px,transparent 1px);background-size:28px 28px}.note-board{background:#fff;padding:30px 35px;border:1px solid #d2dce4;box-shadow:8px 9px 0 #e4ecf6;transform:rotate(1.5deg)}.note-board h2{font-size:25px}.note-line{display:flex;gap:25px;border-bottom:1px dashed #bbcbd8;padding:17px 0}.note-line>span{font-size:11px;color:#1e4f8f;padding-top:5px}.note-line p{font-size:13px}.note-thumbnail{width:80%;margin:20px auto 0;border:1px solid #d2dce4}.annotation{font-family:'Shippori Mincho B1',serif;color:#247e82;text-align:right;font-size:17px}.v3 .section{border-left:1px solid #b7d7d9;padding-left:45px;position:relative}.v3 .section:before{content:'';position:absolute;top:106px;left:-6px;width:11px;height:11px;border-radius:50%;background:#2ab0ae}.v3 .section-head .eyebrow{background:#dff3f2;width:fit-content;padding:3px 9px}.v3 .idea-answer{background:#fff;border:1px dashed #91a5b8}.v3 .work-picture{transform:rotate(-1deg);background:#fff;border:1px solid #d2dce4;padding:15px;box-shadow:7px 7px 0 #e4ecf6}.v3 .work-story{border-left:2px solid #2ab0ae;padding-left:24px}.v3 .other-works article{background:white;border:1px solid #d2dce4;padding:25px}.v3 .contact{border-left:0;background:#dff3f2}.v3 .contact:before{display:none}
/* 04: the work itself is the first encounter */
.gallery-hero{padding:40px 5% 65px;max-width:1400px;margin:auto}.gallery-hero>h1{font-size:clamp(33px,3.6vw,55px)}.gallery-hero>p:not(.eyebrow){margin:20px 0 35px;color:#4a5868}.hero-exhibit{background:#0f2238;display:grid;grid-template-columns:1fr 1.8fr;gap:5%;padding:40px;color:#fff;align-items:center}.exhibit-label>span{font-size:10px;color:#a9dcdf;letter-spacing:.15em}.exhibit-label h2{margin:20px 0 30px;font-size:33px}.exhibit-label .button{background:#dff3f2;color:#0f2238}.exhibit-label .small{color:#b9c9d8;margin-top:20px}.hero-exhibit .screen{color:#0f2238;box-shadow:none}.v4 .ideas{padding-top:65px;padding-bottom:65px}.v4 .works{background:#e4ecf6;max-width:none;padding-left:max(5%,calc((100vw - 1124px)/2));padding-right:max(5%,calc((100vw - 1124px)/2))}.v4 .featured-work{grid-template-columns:1fr}.v4 .work-picture{padding:28px;background:#0f2238}.v4 .work-picture img{max-height:510px}.v4 .work-picture>span{color:#bfd2e6}.v4 .work-story{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;margin-top:30px;align-items:start}.v4 .work-story .eyebrow{grid-column:1/-1}.v4 .work-story dl{grid-row:2/5;grid-column:2;margin-top:0}.v4 .work-story .your-work{grid-column:1;max-width:420px}.v4 .work-story .button,.v4 .work-story .text-link{width:fit-content}.v4 .other-works{gap:50px}.v4 .together{padding-top:90px}.v4 .contact{background:#0f2238;color:white}.v4 .contact .eyebrow,.v4 .contact-status span{color:#addddb}
/* 05: a route that starts at the reader's current position */
.route-map{border-left:2px solid #2ab0ae;margin:20px 0 20px 30px;padding:20px 0 10px 45px;position:relative}.route-start{font-family:'Shippori Mincho B1',serif;font-size:22px;color:#267f83;display:block;margin-bottom:26px}.route-map>div{position:relative;margin-bottom:32px}.route-map>div>span{position:absolute;left:-61px;top:3px;width:30px;height:30px;background:#fcfcfa;border:1px solid #2ab0ae;border-radius:50%;text-align:center;line-height:28px;font-size:10px}.route-map h3{font-size:21px}.route-map p{font-size:12px;color:#4a5868;margin-top:6px}.route-map>a{font-size:12px;color:#1e4f8f}.v5 .hero{background:radial-gradient(ellipse at 78% 48%,#dff3f2 0,transparent 55%)}.v5 .ideas{background:#e4ecf650}.v5 .together{display:block;max-width:960px}.v5 .together .section-head{text-align:center}.v5 .steps{margin:55px 0 0 30px;border-left:2px solid #2ab0ae;padding-left:45px}.v5 .steps details{position:relative;margin-bottom:20px;padding:26px;background:#fff;border:1px solid #d2dce4}.v5 .steps summary>span{position:absolute;left:-63px;background:#dff3f2;border:1px solid #2ab0ae;border-radius:50%;width:32px;height:32px;text-align:center;line-height:30px}.v5 .steps details p,.v5 .steps details small{margin-left:0}.v5 .contact{background:#dff3f2}.v5 .about{max-width:960px}
/* comparison desk */
.comparison{max-width:1260px;margin:auto;padding:60px 40px}.compare-intro{max-width:800px;margin-bottom:45px}.compare-intro h1{font-size:43px}.compare-intro>p{margin-top:24px;color:#4a5868}.compare-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.compare-legend span{padding:6px 12px;background:#e4ecf6;font-size:11px}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.compare-card{background:#fff;border:1px solid #d2dce4;padding:22px;transition:transform .2s,box-shadow .2s}.compare-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0f223810}.compare-card .eyebrow{margin:24px 0 8px}.compare-card h2{font-size:29px}.compare-card>p:not(.eyebrow){font-size:13px;color:#4a5868;margin:12px 0}.compare-card>strong{font-size:12px;color:#1e4f8f;display:block;margin-top:22px}.mini{height:250px;background:#e4ecf6;padding:28px;display:flex;gap:25px;overflow:hidden}.mini>span{font-family:serif;font-size:60px;color:#1e4f8f55}.mini b{font-family:'Shippori Mincho B1',serif;font-size:22px}.mini i{display:block;background:#a8bece;width:70%;height:3px;margin-top:15px}.mini-shape{height:90px;width:160px;border:1px solid #2ab0ae;background:#fcfcfa;margin:20px 0 0 70px}.mini-2{background:#dff3f2}.mini-3{background:repeating-linear-gradient(#fff,#fff 25px,#d2dce4 26px)}.mini-4{background:#0f2238;color:white}.mini-4>span{color:#2ab0ae}.mini-5{border-left:4px solid #2ab0ae;background:#f1f8f7}.compare-card .preview{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid #d2dce4}.compare-help{margin-top:60px;padding:35px;background:#dff3f2}.compare-help h2{font-size:27px}.compare-help p{margin-top:16px}.compare-help ul{padding-left:20px}
@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:900px){.mast nav{gap:15px}.hero{gap:30px}.hero h1{font-size:38px}.entry-board{padding:25px}.ideas,.together,.about{gap:30px;grid-template-columns:1fr 1.3fr}.idea-options{grid-template-columns:1fr}.idea-options button{display:grid;grid-template-columns:30px 1fr;align-items:center}.idea-options button b{margin:0}.idea-options button span{grid-column:2}.v2 .ideas .section-head{display:block}.v2 .steps{grid-template-columns:1fr}.hero-exhibit{padding:25px;gap:25px}.exhibit-label h2{font-size:26px}.featured-work{gap:25px}.work-picture{padding:15px}}
@media(max-width:640px){body{font-size:13px}.study-bar{font-size:9px;padding:10px 15px}.mast{padding:22px 20px}.brand{font-size:17px}.mast nav{gap:16px}.mast nav a{display:none}.mast nav a:last-child{display:block;font-size:11px}.hero{display:block;padding:30px 24px 50px;min-height:0}.hero h1{font-size:37px}.hero-copy .lead{margin-top:22px}.hero-art,.entry-board,.note-board,.route-map{margin-top:50px}.hero-art:before{inset:-20px -10px 65px 40px}.margin-note{font-size:18px}.actions{gap:20px}.button{padding:14px 18px}.design-note{margin:0 20px;display:block;padding:18px 0}.design-note p{margin-top:8px}.section{padding:58px 24px}.ideas,.together,.about{display:block}.section-head{margin-bottom:30px}.idea-options{grid-template-columns:1fr}.idea-answer{min-height:0}.featured-work{display:block}.work-story{margin-top:25px}.work-tabs{gap:8px}.work-tabs button{font-size:11px;padding:10px 14px}.other-works{grid-template-columns:1fr;gap:15px;margin-top:25px}.other-works article{padding:20px 0}.steps details p{margin-left:0}.steps details small{margin-left:0}.career{gap:12px;font-size:11px}.contact h2{font-size:27px}.contact-status{font-size:12px}.faq{margin-top:35px}footer{flex-wrap:wrap;padding:25px 24px;font-size:9px}.demo-toolbar{align-items:flex-start}.demo-toolbar button{white-space:nowrap;font-size:10px}.demo-scroll{overflow:auto}.demo-scroll iframe{height:700px}.v2 .hero{padding:30px 24px 50px;background:linear-gradient(#fcfcfa 49%,#e4ecf6 49%)}.v2 .idea-content{display:block}.v2 .idea-answer{margin-top:20px}.v2 .featured-work{padding:16px}.v2 .steps{display:block}.v2 .steps details{margin-bottom:15px}.v3 .note-board{padding:25px;transform:rotate(.7deg)}.v3 .section{margin-left:20px;padding-left:22px;padding-right:20px}.v3 .section:before{top:64px}.v3 .contact{margin:0;padding:55px 24px}.v3 .work-story{padding-left:17px}.gallery-hero{padding:25px 20px 45px}.gallery-hero h1{font-size:34px}.gallery-hero h1 em{display:block}.hero-exhibit{display:block;padding:25px 18px}.exhibit-label h2{font-size:30px;margin:18px 0}.exhibit-label .small{margin-bottom:25px}.v4 .works{padding:55px 20px}.v4 .work-story{display:block}.v4 .work-story h3{margin:10px 0}.v4 .work-story .eyebrow{margin-bottom:12px}.v4 .work-picture{padding:12px}.v4 .together{padding-top:55px}.route-map{margin-left:15px;padding-left:35px}.route-map>div>span{left:-51px}.v5 .steps{padding-left:28px;margin-left:15px}.v5 .steps details{padding:19px}.v5 .steps summary>span{left:-46px}.v5 .steps summary h3{font-size:16px}.comparison{padding:35px 20px}.compare-intro h1{font-size:31px}.compare-grid{grid-template-columns:1fr;gap:25px}.compare-card{padding:18px}.compare-help{padding:25px}.mini{height:210px;padding:20px}.mini>span{font-size:45px}.mini b{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}