@charset "UTF-8";
:root{--paper:#f6f5ed;--ink:#21372f;--muted:#65716a;--line:#cbd0c4;--acid:#e9f46b;--sage:#dfe8db;--orange:#ff704d;--lilac:#e6ddf1;--font:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--acid);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.35;letter-spacing:-.045em}h2{font-size:clamp(32px,3.45vw,52px)}p+p{margin-top:18px}.wrap{width:calc(100% - 112px);max-width:1360px;margin:auto}.section{padding-top:106px;padding-bottom:106px}.small-label,.eyebrow,.section-label,.step-en,.work-category,.visual-index{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.09em;font-weight:600}.small-label{line-height:1.6}.skip{position:fixed;z-index:50;left:15px;top:-100px;background:var(--ink);color:white;padding:10px 20px}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line);gap:28px;max-width:1600px;margin:auto}.logo{font-size:37px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;line-height:1}.logo-note{font-family:Georgia,serif;font-size:12px;font-style:italic;font-weight:400;letter-spacing:0;margin-left:18px;align-self:flex-end;margin-bottom:5px}.header nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.header nav>a:not(.nav-contact){position:relative}.header nav>a:not(.nav-contact):after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--ink);transition:width .25s}.header nav>a:hover:after{width:100%}.nav-contact{border:1px solid var(--ink);padding:10px 18px;border-radius:30px;transition:background .2s}.nav-contact span{margin-left:12px}.nav-contact:hover{background:var(--acid)}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:69px;padding-bottom:46px;position:relative;align-items:start}.hero-copy{padding-top:8px}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:27px;font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(46px,5.1vw,76px);line-height:1.35;letter-spacing:-.065em}.underlined{position:relative;z-index:0;white-space:nowrap}.underlined:after{content:"";background:var(--acid);height:22%;width:101%;position:absolute;bottom:8%;left:0;z-index:-1;transform:rotate(-2deg)}.hero-desc{font-size:14px;line-height:1.9;margin-top:28px;margin-bottom:25px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;border:1px solid var(--ink);border-radius:40px;padding:13px 25px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;line-height:1.6}.button span{font-size:20px;font-weight:400;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#3b5245;transform:translateY(-2px)}.hero-aside{font-size:11px;color:var(--muted);margin-top:12px}.idea-playground{background:var(--sage);border-radius:220px 220px 10px 10px;margin-top:8px;position:relative;overflow:hidden;border:1px solid #d3ddce;min-width:0}.playground-top{display:flex;justify-content:space-between;padding:30px 43px 0;font-size:9px;letter-spacing:.12em;align-items:center}.tiny-plus{font-size:20px;line-height:1}.idea-art{position:relative;width:100%;aspect-ratio:600/530}.orbit-art{width:100%;height:100%;overflow:visible}.orbit-ring{transform-origin:300px 280px;animation:orbit 100s linear infinite}.idea-blob{fill:var(--acid);stroke:var(--ink);stroke-width:1.5;transform-origin:300px 280px;animation:breathe 6s ease-in-out infinite;transition:fill .5s}.face{transition:transform .5s;transform-origin:300px 280px}.floating-note{position:absolute;font-size:12px;border:1px solid var(--ink);background:var(--paper);padding:10px 18px;box-shadow:3px 3px 0 rgba(33,55,47,.16);transition:transform .4s}.note-a{top:27%;left:3%;transform:rotate(-9deg)}.note-b{bottom:22%;right:0;transform:rotate(7deg);background:var(--orange)}.art-mark{position:absolute;bottom:6%;left:8%;font-family:Georgia,serif;font-size:20px;line-height:1.1;transform:rotate(-8deg)}.art-mark i{font-size:23px}.playground-bottom{text-align:center;padding:0 18px 22px}.playground-bottom>p:first-child{font-size:11px;margin-bottom:10px}.playground-bottom>p:first-child span{display:inline-block;padding-left:10px;font-size:20px}.idea-tabs{display:flex;justify-content:center;gap:6px}.idea-tabs button{font-size:10px;border:1px solid #a5b19f;background:transparent;border-radius:30px;padding:8px 13px;transition:background .2s}.idea-tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.idea-tabs button:hover:not(.active){background:var(--paper)}.idea-caption{font-size:10px;margin-top:12px;min-height:19px}.scroll-note{grid-column:1/-1;font-size:9px;letter-spacing:.12em;display:flex;gap:12px;align-items:center;margin-top:5px}.scroll-note>span{font-size:22px;line-height:1}.ticker{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--acid);overflow:hidden;padding:14px 0;font-size:29px;font-weight:700;letter-spacing:-.02em;line-height:1.4}.ticker div{width:max-content;animation:ticker 40s linear infinite;white-space:nowrap}.ticker span{font-size:26px;margin:0 35px;font-weight:400}
.section-label{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:49px;font-size:10px}.section-label>span:first-child{min-width:235px}.section-label>span:last-child{font-family:var(--font);font-weight:400;letter-spacing:.05em;font-size:11px}.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.serif{font-weight:400}.lead{font-size:20px;font-weight:600;line-height:1.9;letter-spacing:-.02em}.approach-intro p:not(.lead){font-size:13px;margin-top:24px;line-height:2}.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px}.approach-steps article{padding:0 35px;border-left:1px solid var(--line)}.approach-steps article:first-child{padding-left:0;border:0}.approach-steps article:last-child{padding-right:0}.step-number{font-size:14px;font-weight:500;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.step-number span{font-size:40px;line-height:1}.approach-steps h3{font-size:30px;margin-bottom:16px}.approach-steps p{font-size:12px;line-height:1.9;min-height:48px}.step-en{display:block;font-size:9px;color:var(--muted);margin-top:30px}.works{background:#efeee5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading p{font-size:13px;line-height:2;padding-bottom:6px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-card{padding:0;background:none;border:0;display:block;text-align:left;min-width:0}.work-visual{height:275px;border-radius:6px;position:relative;overflow:hidden;border:1px solid rgba(33,55,47,.2);transition:transform .35s}.work-card:hover .work-visual{transform:translateY(-5px)}.visual-hr{background:#dbe6d6}.visual-doc{background:#eccfbd}.visual-search{background:var(--lilac)}.visual-index{position:absolute;left:18px;top:14px;font-size:8px}.visual-arrow{position:absolute;right:14px;bottom:14px;background:var(--paper);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:19px;line-height:1}.work-text{padding-top:22px}.work-category{font-size:8px;display:flex;justify-content:space-between;margin-bottom:14px}.work-text h3{font-size:22px;line-height:1.5;margin-bottom:10px}.work-text>p:not(.work-category){font-size:11px;line-height:1.9}.work-link{font-size:10px;margin-top:18px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px}.work-link span{font-size:17px;line-height:1}.hr-diagram{position:absolute;inset:40px 10px 20px}.mini-node{position:absolute;padding:7px 11px;background:var(--paper);border:1px solid var(--ink);font-family:Arial,sans-serif;font-size:10px;z-index:2;box-shadow:3px 3px 0 #b0bea9}.node-share{left:6%;top:22px;transform:rotate(-7deg)}.node-line{right:2%;top:75px;transform:rotate(7deg)}.hub{position:absolute;left:calc(50% - 36px);top:68px;width:72px;height:72px;border-radius:50%;background:var(--acid);border:1px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;line-height:1}.hub small{font-family:var(--font);font-size:9px;display:block;line-height:1.6}.hr-lines{position:absolute;left:27%;top:45px;width:49%;height:70px;border-top:1px solid var(--ink);border-left:1px solid var(--ink);border-right:1px solid var(--ink);transform:skewY(12deg)}.people-row{position:absolute;left:25%;right:25%;bottom:30px;display:flex;justify-content:space-between}.people-row i{height:19px;width:15px;border:1px solid var(--ink);border-radius:10px 10px 2px 2px;background:var(--paper);position:relative}.people-row i:before{content:"";position:absolute;left:3px;top:-12px;width:7px;height:7px;background:var(--paper);border-radius:50%;border:1px solid var(--ink)}.visual-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px}.paper-stack{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:128px;height:155px}.back-paper{position:absolute;inset:0;background:var(--paper);border:1px solid var(--ink);transform:rotate(-13deg) translate(-14px,0)}.front-paper{position:relative;background:var(--paper);border:1px solid var(--ink);height:155px;transform:rotate(8deg);padding:18px}.front-paper>span{font-size:10px;letter-spacing:.1em;font-weight:700}.front-paper i{display:block;height:1px;background:#919d90;margin:13px 0;width:100%}.front-paper i:nth-child(3){width:70%}.paper-cell{height:30px;border:1px solid #919d90;background:repeating-linear-gradient(0deg,transparent 0px,transparent 9px,#919d90 10px)}.review-seal{position:absolute;right:-39px;bottom:11px;width:70px;height:70px;background:var(--orange);border:1px solid var(--ink);border-radius:50%;text-align:center;font-size:29px;line-height:1.2;padding:10px;transform:rotate(-13deg)}.review-seal small{font-size:8px;display:block;letter-spacing:.06em}.doc-caption,.search-caption{bottom:20px;padding-right:25px}.search-art{position:absolute;inset:45px 20px 45px}.book{position:absolute;top:20px;width:55px;height:96px;border:1px solid var(--ink);font-size:8px;padding:13px 6px;background:var(--paper);writing-mode:vertical-rl;letter-spacing:.1em;box-shadow:4px 4px 0 #c1b6cc}.book-one{left:20%;transform:rotate(-15deg)}.book-two{left:40%;transform:rotate(-2deg);background:#dfe8db}.book-three{left:60%;transform:rotate(13deg);background:var(--acid)}.search-bubble{position:absolute;left:6%;bottom:0;background:var(--paper);border:1px solid var(--ink);border-radius:30px;padding:9px 12px;font-size:10px;width:88%;box-shadow:3px 3px 0 #c1b6cc;display:flex;justify-content:space-between;gap:8px}.search-bubble span{font-size:18px;line-height:1}.search-spark{position:absolute;right:0;top:3px;color:var(--orange);font-size:39px;line-height:1}.more-works{margin-top:55px}.more-works>.small-label{font-size:9px;margin-bottom:20px}.more-works details{border-top:1px solid var(--line)}.more-works details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.more-works summary{display:grid;grid-template-columns:180px 1fr 30px;align-items:center;gap:20px;padding:19px 0;font-size:16px;font-weight:600}.more-category{font-family:Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.08em}.plus{font-size:22px;font-weight:400;line-height:1;display:block;text-align:right;transition:transform .3s}details[open]>.company-details .plus,details[open]>summary .plus{transform:rotate(45deg)}.details-content{font-size:13px;line-height:2;max-width:760px;padding:0 30px 25px 200px}.details-content a{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:10px;font-size:11px}
.possibility-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:start}.possibility-layout>div:first-child>p{font-size:13px;margin-top:25px}.possibility-picker{display:flex;flex-direction:column;margin-top:38px;border-top:1px solid var(--line)}.possibility-picker button{background:transparent;border:0;border-bottom:1px solid var(--line);padding:17px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:13px;gap:15px}.possibility-picker button[aria-selected="true"]{background:var(--acid);font-weight:600}.possibility-picker button span{font-size:21px;line-height:1}.possibility-picker button:hover{background:#eceee0}.possibility-picker button[aria-selected="true"]:hover{background:var(--acid)}.service-panel{background:var(--sage);border:1px solid #c7d3bf;position:relative;padding:43px 38px 32px;border-radius:4px;min-height:480px}.service-symbol{font-size:65px;line-height:1;display:block;height:70px;font-family:Georgia,serif;margin-bottom:25px}.service-panel h3{font-size:28px;margin-top:10px;margin-bottom:23px}.service-panel>p:not(.small-label){font-size:13px;line-height:2}.service-panel ul{list-style:none;padding:0;margin:20px 0 26px}.service-panel li{font-size:11px;padding:7px 0;border-bottom:1px solid #c3cdbe}.service-panel li:before{content:"↗";margin-right:10px}.text-link{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:6px;line-height:1.8}.text-link:hover{color:#697b45}
.about{background:var(--sage);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:.85fr 1fr;gap:110px;align-items:center}.portrait{position:relative;margin-left:25px;max-width:390px}.portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 60%;transform:rotate(-3deg);border-radius:4px}.portrait:before{content:"";position:absolute;left:-15px;right:-15px;top:9px;bottom:27px;background:#b9c9ae;transform:rotate(3deg);border-radius:4px}.portrait-sticker{position:absolute;bottom:48px;right:-38px;background:var(--acid);padding:18px 27px 22px;transform:rotate(8deg);font-family:Georgia,serif;font-size:29px;line-height:1.1;box-shadow:3px 4px 0 rgba(33,55,47,.15)}.portrait-sticker i{font-size:34px}.portrait-sticker span{position:absolute;top:12px;right:12px;font-size:18px}.portrait-caption{font-size:8px;font-family:Arial,sans-serif;letter-spacing:.08em;position:relative;display:block;margin-top:29px}.about-copy>.small-label{font-size:9px;margin-bottom:15px}.about-copy h2{font-size:clamp(30px,3vw,44px);margin-bottom:24px}.about-name{font-size:21px;font-weight:600;display:flex;gap:17px;align-items:baseline}.about-name span{font-family:Arial,sans-serif;font-weight:400;font-size:12px;letter-spacing:0}.about-role{font-size:10px!important;margin-top:4px!important;margin-bottom:26px}.about-copy>p:not(.small-label):not(.about-name){font-size:13px;line-height:2.05}.about-note{display:flex;gap:22px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid #bbcbb3}.about-note>span{font-size:45px;color:var(--ink);line-height:1}.about-note p{font-size:13px;font-weight:600}.company-details{margin-top:65px;border-top:1px solid #bbcbb3;border-bottom:1px solid #bbcbb3}.company-details summary{display:flex;align-items:center;gap:25px;padding:22px 0;font-size:15px}.company-details summary>.small-label{font-size:9px}.company-details .plus{margin-left:auto}.company-details dl{margin:0;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.company-details dl>div{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:14px 0;border-top:1px solid #c5d1be;font-size:12px}.company-details dt{color:var(--muted)}.company-details dd{margin:0}
.contact{background:var(--acid);padding-bottom:86px}.contact .section-label{border-color:#c4cf56}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(32px,3.25vw,49px)}.contact-copy>p{font-size:14px;line-height:2.1;margin-top:28px}.contact-handnote{display:block;font-family:Georgia,serif;font-style:italic;font-size:17px;margin-top:45px;transform:rotate(-4deg);transform-origin:left}.contact form>label,.form-row>label{display:block;font-size:11px;font-weight:600;margin-bottom:19px}.contact label>span:not(.consent span){margin-left:10px;font-size:9px;font-weight:400;color:#4b5836}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact input:not([type="checkbox"]),.contact select,.contact textarea{display:block;width:100%;background:rgba(246,245,237,.55);border:1px solid #aeb953;border-radius:3px;padding:12px 14px;color:var(--ink);margin-top:8px;font-size:12px;font-weight:400;line-height:1.7}.contact textarea{resize:vertical;min-height:115px}.contact input::placeholder,.contact textarea::placeholder{color:#7d8554}.contact .consent{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:400;margin-top:24px}.consent input{accent-color:var(--ink);width:16px;height:16px;flex-shrink:0;margin:0}.consent span{font-size:10px!important;margin:0!important}.consent a{text-decoration:underline;text-underline-offset:3px}.contact form>.button{width:100%;border-radius:4px;margin-top:1px;padding:15px 22px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{font-size:12px;line-height:1.9;margin-top:12px;min-height:20px}.form-status.error{color:#8e2a18}.button:disabled{opacity:.65;cursor:wait;transform:none}.footer{padding-top:37px;padding-bottom:38px;display:flex;gap:38px;align-items:center}.footer-logo{font-size:43px;line-height:1;font-weight:800;letter-spacing:-2px;display:flex;gap:8px;align-items:center}.footer-logo span{font-size:33px;color:var(--orange)}.footer>div p{font-size:11px;margin-bottom:4px}.footer .small-label{font-size:8px;font-weight:400}.footer>a:nth-last-child(2){font-size:10px;margin-left:auto}.back-top{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:20px;flex-shrink:0}
dialog{max-width:750px;width:calc(100% - 36px);max-height:85vh;border:1px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);padding:50px;overflow:auto}dialog::backdrop{background:rgba(19,35,27,.55);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:12px;width:38px;height:38px;border:0;background:transparent;font-size:31px;line-height:1}.dialog-close:hover{background:var(--acid);border-radius:50%}dialog h2{font-size:31px;margin-top:17px;margin-bottom:23px;white-space:pre-line}.dialog-intro{font-size:14px}dialog dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px;padding:22px 0;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:16px 25px}dialog dl dt{font-size:9px;color:var(--muted);margin-bottom:5px}dialog dl dd{margin:0}dialog h3{font-size:17px;margin:24px 0 12px}dialog h3+p{font-size:13px;line-height:2}.dialog-actions{margin-top:35px;display:flex;gap:30px;align-items:center;justify-content:space-between}.dialog-actions .button{font-size:11px;padding:12px 16px;gap:8px}.dialog-actions .text-link{font-size:11px}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.035) rotate(3deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes change{0%{opacity:.5;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}.changed{animation:change .4s ease-out}
@media(min-width:1600px){.header{padding-left:64px;padding-right:64px}.hero{gap:90px}h1{font-size:80px}.hero-desc{font-size:16px}.idea-tabs button{font-size:12px}.idea-caption{font-size:12px}.hero{padding-top:85px}.work-visual{height:300px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.header{padding:0 36px;gap:16px}.logo-note{display:none}.header nav{gap:21px}.hero{gap:25px;padding-top:55px}.playground-top{padding:30px 32px 0;font-size:8px}.floating-note{font-size:10px;padding:8px 12px}.hero-desc{font-size:13px}.playground-bottom{padding-left:10px;padding-right:10px}.idea-tabs{gap:4px}.idea-tabs button{padding:7px 10px;font-size:9px}.work-grid{gap:18px}.work-visual{height:245px}.work-text h3{font-size:19px}.work-text>p:not(.work-category){font-size:10px}.node-share{left:0}.node-line{right:0}.mini-node{font-size:9px;padding:6px}.about-layout{gap:75px}.portrait{margin-left:12px}.about-name{display:block}.about-name span{margin-left:10px}.contact-layout{gap:55px}.possibility-layout{gap:45px}.service-panel{padding:32px 28px}.service-panel h3{font-size:25px}}
@media(max-width:850px){.header{height:85px}.header nav{gap:18px;font-size:10px}.logo{font-size:31px}.nav-contact{padding:8px 12px}.header nav>a:nth-child(3){display:none}.hero{gap:25px}.eyebrow{font-size:8px;margin-bottom:24px}h1{font-size:43px}.hero-desc{font-size:12px}.hero .button{font-size:11px;padding:12px 18px;gap:16px}.idea-playground{border-radius:180px 180px 6px 6px;margin-top:28px}.idea-art{margin-top:18px;margin-bottom:15px}.playground-top{font-size:6px;padding-left:25px;padding-right:25px}.idea-tabs{flex-wrap:wrap}.note-a{left:0;top:20%}.note-b{bottom:15%}.art-mark{font-size:15px}.art-mark i{font-size:18px}.floating-note{font-size:8px}.playground-bottom>p:first-child{font-size:9px}.idea-caption{font-size:9px}.section{padding-top:76px;padding-bottom:76px}.section-label{margin-bottom:36px}.approach-intro{gap:35px}.lead{font-size:17px}.approach-intro p:not(.lead){font-size:11px}.approach-steps article{padding:0 20px}.approach-steps h3{font-size:25px}.approach-steps p{font-size:10px}.step-en{font-size:7px}.work-grid{grid-template-columns:1fr 1fr}.work-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:12px;align-items:center}.work-card:last-child .work-text{padding:0}.work-text>p:not(.work-category){font-size:11px}.work-text h3{font-size:21px}.work-visual{height:265px}.section-heading p{font-size:11px}.more-works summary{grid-template-columns:130px 1fr 24px;font-size:13px;gap:15px}.more-category{font-size:8px}.details-content{padding-left:145px;font-size:12px}.possibility-layout{gap:30px}.possibility-picker button{font-size:11px;padding:15px 10px}.service-panel{padding:28px 23px;min-height:475px}.service-panel h3{font-size:23px}.service-panel>p:not(.small-label){font-size:11px}.service-panel li{font-size:10px}.about-layout{gap:50px}.about-copy>p:not(.small-label):not(.about-name){font-size:11px}.portrait-sticker{right:-25px;font-size:23px;padding:17px 22px}.portrait-sticker i{font-size:27px}.about-name span{display:block;margin-left:0}.about-copy h2{font-size:28px}.about-role{font-size:8px!important}.about-note{gap:12px}.about-note p{font-size:10px}.contact-layout{gap:35px}.contact h2{font-size:32px}.contact-copy>p{font-size:12px}.contact-handnote{font-size:14px}.company-details dl{gap:0 25px}.company-details dl>div{grid-template-columns:65px 1fr;font-size:10px}.footer{gap:25px}}
@media(max-width:650px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.header{height:76px;padding:0 20px;position:relative;z-index:10}.logo{font-size:33px}.menu-toggle{display:flex;align-items:center;gap:14px;padding:8px 0 8px 8px;background:none;border:0;font-size:11px}.menu-toggle span{font-size:21px;line-height:1}.header nav{position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 20px 30px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--ink);box-shadow:0 12px 20px #21372f10;display:none}.header nav.open{display:flex}.header nav>a{padding:14px 0;font-size:13px}.header nav>a:nth-child(3){display:block}.header nav .nav-contact{padding:12px 16px;margin-top:12px;display:flex;justify-content:space-between}.hero{display:flex;flex-direction:column;padding-top:41px;padding-bottom:28px;gap:28px}.hero-copy{padding:0;width:100%}.eyebrow{font-size:8px;margin-bottom:21px}h1{font-size:clamp(43px,10.8vw,69px);line-height:1.3;letter-spacing:-.065em}.hero-desc{font-size:13px;margin-top:25px;margin-bottom:23px;line-height:1.95}.hero .button{font-size:12px;padding:14px 22px;gap:29px}.hero-aside{font-size:10px;margin-top:10px}.idea-playground{width:100%;max-width:450px;align-self:center;margin-top:10px;border-radius:200px 200px 7px 7px}.playground-top{padding:29px 31px 0;font-size:7px}.idea-art{aspect-ratio:600/510;margin-top:0;margin-bottom:0}.floating-note{font-size:10px;padding:9px 13px}.note-a{top:27%;left:1%}.note-b{bottom:20%;right:0}.art-mark{font-size:17px;bottom:5%;left:9%}.art-mark i{font-size:20px}.playground-bottom{padding:0 15px 22px}.playground-bottom>p:first-child{font-size:10px;margin-bottom:7px}.idea-tabs button{font-size:10px;padding:8px 12px}.idea-caption{font-size:10px;margin-top:12px}.scroll-note{font-size:8px;margin-top:0}.ticker{font-size:22px;padding:12px 0}.ticker span{font-size:22px;margin:0 24px}.section{padding-top:60px;padding-bottom:60px}.section-label{font-size:8px;gap:12px;padding-bottom:16px;margin-bottom:32px}.section-label>span:first-child{min-width:0;flex:1}.section-label>span:last-child{font-size:9px}h2{font-size:33px}.approach-intro{display:block}.approach-intro h2{font-size:37px}.approach-intro>div{margin-top:27px}.lead{font-size:17px}.approach-intro p:not(.lead){font-size:12px;margin-top:16px}.approach-steps{display:block;margin-top:34px;border-top:1px solid var(--line)}.approach-steps article,.approach-steps article:first-child,.approach-steps article:last-child{padding:25px 0;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;column-gap:20px}.step-number{grid-row:1/4;margin:0;display:block;font-size:11px;padding-top:4px}.step-number span{display:block;margin-top:19px;font-size:28px}.approach-steps h3{font-size:25px;margin-bottom:10px}.approach-steps p{font-size:12px;min-height:0}.step-en{font-size:8px;margin-top:15px}.section-heading{display:block;margin-bottom:29px}.section-heading p{font-size:12px;margin-top:19px}.work-grid{display:block}.work-card{margin-bottom:32px;width:100%}.work-card:last-child{display:block;margin:0}.work-visual{height:290px}.work-text{padding-top:19px}.work-card:last-child .work-text{padding-top:19px}.work-category{font-size:9px;margin-bottom:10px}.work-text h3{font-size:24px}.work-text>p:not(.work-category){font-size:12px}.work-link{font-size:11px;margin-top:14px}.visual-index{font-size:9px;top:16px;left:20px}.hr-diagram{inset:46px 27px 23px}.mini-node{font-size:11px;padding:8px 12px}.node-share{left:0;top:20px}.node-line{right:0;top:85px}.hub{top:72px;left:calc(50% - 37px);height:74px;width:74px}.people-row{bottom:32px}.visual-caption{font-size:10px}.paper-stack{width:135px;height:162px}.front-paper{height:162px}.doc-caption,.search-caption{bottom:23px}.search-art{inset:50px 36px 50px}.book{width:60px;height:110px;font-size:9px}.search-bubble{font-size:11px;padding:11px 15px}.search-spark{font-size:45px}.more-works{margin-top:35px}.more-works summary{grid-template-columns:1fr 25px;gap:7px 10px;padding:17px 0;font-size:13px}.more-category{grid-column:1;font-size:8px}.more-works summary>span:nth-child(2){grid-column:1;grid-row:2}.more-works .plus{grid-column:2;grid-row:1/3}.details-content{padding:0 22px 20px 0;font-size:12px}.possibility-layout{display:block}.possibility-layout>div:first-child>p{font-size:12px;margin-top:18px}.possibility-picker{margin-top:25px}.possibility-picker button{font-size:12px;padding:15px 12px}.service-panel{margin-top:27px;min-height:0;padding:28px}.service-symbol{font-size:55px;height:55px;margin-bottom:18px}.service-panel h3{font-size:26px}.service-panel>p:not(.small-label){font-size:12px}.service-panel li{font-size:11px}.service-panel ul{margin-bottom:23px}.about-layout{display:flex;flex-direction:column;gap:48px}.portrait{width:calc(100% - 38px);max-width:350px;margin:8px auto 0}.portrait img{aspect-ratio:4/4.6;object-position:50% 62%}.portrait-sticker{right:-22px;bottom:39px;font-size:27px;padding:16px 24px 20px}.portrait-sticker i{font-size:32px}.portrait-caption{font-size:8px;margin-top:25px}.about-copy{width:100%}.about-copy h2{font-size:34px}.about-copy>p:not(.small-label):not(.about-name){font-size:12px}.about-name{font-size:21px;display:flex;gap:15px;flex-wrap:wrap;align-items:baseline}.about-name span{display:inline;font-size:11px}.about-role{font-size:9px!important;margin-bottom:21px}.about-note p{font-size:12px}.about-note{gap:22px}.company-details{margin-top:36px}.company-details summary{font-size:13px;gap:14px;padding:19px 0}.company-details summary>.small-label{font-size:7px}.company-details dl{display:block}.company-details dl>div{font-size:11px;grid-template-columns:70px 1fr}.contact-layout{display:block}.contact h2{font-size:34px}.contact-copy>p{font-size:13px;margin-top:23px}.contact-handnote{font-size:15px;margin-top:26px}.contact form{margin-top:42px}.form-row{gap:15px}.contact input:not([type="checkbox"]),.contact select,.contact textarea{font-size:16px;padding:11px 12px}.contact form>label,.form-row>label{font-size:11px;margin-bottom:19px}.contact textarea{font-size:14px;min-height:125px}.contact .consent{font-size:10px}.contact form>.button{font-size:13px}.footer{padding-top:32px;padding-bottom:28px;gap:20px;flex-wrap:wrap}.footer-logo{font-size:37px}.footer-logo span{font-size:29px}.footer>div{flex:1}.footer>div p{font-size:10px}.footer>a:nth-last-child(2){margin-left:0;font-size:9px;flex:1}.back-top{width:36px;height:36px;font-size:17px}dialog{padding:46px 25px 28px}dialog h2{font-size:25px}.dialog-intro{font-size:12px}dialog dl{font-size:10px;grid-template-columns:1fr;gap:12px}dialog h3{font-size:16px}dialog h3+p{font-size:12px}.dialog-actions{flex-direction:column;align-items:stretch;gap:20px}.dialog-actions .text-link{align-self:flex-start}.dialog-actions .button{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original ubweb identity, paired with restrained line illustrations. */
.logo{gap:12px;font-size:34px;font-weight:500;letter-spacing:-1.4px}
.brand-mark{display:block;flex-shrink:0;width:34px;height:34px}
.logo-note{margin-left:6px}
.footer-logo{gap:12px;font-size:36px;font-weight:500;letter-spacing:-1.4px}
.footer-logo>span{font-size:inherit;color:var(--ink)}
.footer-logo .brand-mark{width:36px;height:36px}
.ticker span{font-weight:400;font-size:22px;opacity:.55}
.line-icon{display:inline-flex;align-items:center;justify-content:center}
.line-icon svg{display:block;width:44px;height:44px}
.step-number .line-icon{font-size:0}
.search-spark{width:44px;height:44px;line-height:1;color:#9f5b41}
.search-spark svg{display:block;width:100%;height:100%}
.service-symbol svg{width:65px;height:65px;display:block}
.about-note .line-icon{flex-shrink:0}
.contact-line{display:block;width:120px;height:65px;margin-bottom:28px}
@media(max-width:850px){.logo{font-size:30px}.logo .brand-mark{width:30px;height:30px}.service-symbol svg{width:55px;height:55px}}
@media(max-width:650px){.logo{font-size:30px;gap:10px}.logo .brand-mark{width:30px;height:30px}.footer-logo{font-size:32px;gap:10px}.footer-logo .brand-mark{width:32px;height:32px}.step-number .line-icon{display:block;margin-top:18px}.step-number .line-icon svg{width:30px;height:30px}.contact-line{width:100px;height:54px;margin-bottom:23px}}