@charset "UTF-8";
:root{--paper:#f2f2ef;--ink:#242424;--line:#989892;--muted:#64645e;--ease:cubic-bezier(.22,1,.36,1);--blue:#174bce;--red:#d74121}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,figure,h1,h2,h3,p,ol{margin:0}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}::selection{color:var(--paper);background:var(--ink)}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.svg-library,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:var(--paper);padding:12px 24px;z-index:100}.skip:focus{top:16px}h2{font-size:clamp(32px,4.4vw,64px);line-height:1.22;font-weight:900;letter-spacing:-.055em;font-feature-settings:"palt"}h3{font-weight:800;letter-spacing:-.03em;line-height:1.45}.punctuation{display:inline-block;margin-left:.04em}.section{padding-block:104px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:56px}.section-heading>p{font-size:15px;padding-bottom:8px;letter-spacing:.03em}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 26px 17px;border-radius:100px;background:var(--ink);color:var(--paper);font-size:17px;font-weight:800;line-height:1.4;white-space:nowrap;transition:transform .3s var(--ease),background .3s}.pill svg{width:27px;height:27px;stroke-width:1.6;transition:transform .3s var(--ease)}.pill:hover{transform:translateY(-3px);background:#41413b}.pill:hover svg{transform:translateX(5px)}.pill-small{font-size:14px;padding:12px 20px;gap:18px}.pill-light{background:var(--paper);color:var(--ink)}.pill-light:hover{background:#fff}.pill-light:focus-visible{outline-color:var(--paper)}.brand{display:block;width:190px;flex-shrink:0}.brand img{width:100%}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:92px;position:relative;z-index:10;border-bottom:1px solid var(--ink)}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:800}.site-header nav>a:not(.pill){padding-block:16px;position:relative}.site-header nav>a:not(.pill):after{content:"";position:absolute;left:0;bottom:10px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav>a:not(.pill):hover:after{transform:scaleX(1)}.menu-toggle{display:none}.hero{position:relative}.hero-stage{height:650px;position:relative;isolation:isolate}.hero-canvas{position:absolute;border:1px solid var(--ink);background:var(--paper);will-change:transform;box-shadow:0 8px 20px #24242408;transition:box-shadow .4s;--dx:0px;--dy:0px;--scroll:0px;--rotate:0deg;transform:translate3d(var(--dx),calc(var(--dy) + var(--scroll)),0) rotate(var(--rotate));transform-origin:center}.hero-canvas:hover{box-shadow:0 15px 30px #24242416;z-index:4}.type-canvas{width:29%;height:430px;left:2%;top:45px;--rotate:-9deg;overflow:hidden}.type-art{display:flex;flex-direction:column;justify-content:center;line-height:.66;height:95%;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:900;font-size:140px;letter-spacing:-.15em;transform:scaleX(1.8) rotate(2deg);text-align:center}.type-art span:nth-child(2){transform:translateX(12px)}.canvas-caption{font-size:9px;position:absolute;bottom:12px;left:16px;letter-spacing:.2em}.architecture-canvas{width:55%;height:350px;right:2%;top:58px;--rotate:6deg;padding:12px;overflow:hidden}.canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:25px;font-size:9px;line-height:1.3;padding-bottom:10px}.canvas-bar i{display:inline-block;border-radius:50%;background:var(--ink);width:6px;height:6px}.architecture-canvas>img{height:calc(100% - 52px);width:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1)}.canvas-lines{display:flex;gap:8px;margin-top:12px}.canvas-lines span{height:1px;flex:1;background:var(--ink);opacity:.4}.canvas-lines span:last-child{flex:.4}.editorial-canvas{width:35%;height:272px;right:0;top:310px;padding:15px;--rotate:9deg}.editorial-grid{display:grid;grid-template-columns:.7fr 1fr;height:190px;gap:12px;overflow:hidden}.editorial-grid img{height:100%;width:100%;object-fit:cover;filter:grayscale(1)}.editorial-title{font-family:"Yu Mincho",serif;font-size:37px;line-height:1.35;font-weight:800}.hero-wordmark{position:absolute;left:0;bottom:0;width:57%;z-index:5;line-height:0;pointer-events:none}.mob-word{display:block;width:78%;position:relative}.mob-word>img{width:100%}.design-word{width:100%;margin-top:-1%}.hero-note{position:absolute;right:2%;bottom:20px;font-size:10px;letter-spacing:.03em}.critter{display:inline-block;position:relative;border-radius:50%;background:#080808;aspect-ratio:1;flex-shrink:0}.eyes{display:flex;position:absolute;top:24%;left:27%;width:46%;height:23%;justify-content:space-between;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .22s var(--ease);transform-origin:50% 50%;animation:blink 6.4s infinite}.eyes i{display:block;width:27%;height:100%;background:var(--paper);border-radius:50%}.mob-face{position:absolute;left:43.35%;width:27.5%;bottom:1.5%}.mob-face .eyes{top:23%;left:28%;width:44%;height:24%}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:36px}.hero-bottom strong{display:block;font-size:21px;letter-spacing:-.03em;font-weight:900}.hero-bottom p>span{font-size:16px}.scroll-link{display:flex;align-items:center;flex-direction:column;width:90px;margin:20px auto 0;font-size:10px;gap:7px}.scroll-stem{height:29px;width:1px;background:var(--ink);transform-origin:top;animation:scrollPulse 2.5s infinite}.statement{text-align:center;font-size:23px;letter-spacing:.03em;padding:65px 0 75px;border-bottom:1px solid var(--ink);line-height:1.8}.mobile-break{display:none}.works{padding-top:75px}.work-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:start}.work-red{padding-top:90px}.work-button{width:100%;text-align:left;padding:0;background:none;position:relative;display:block}.sample{position:relative;aspect-ratio:1.15;overflow:hidden;color:var(--paper);background:var(--blue);transition:transform .7s var(--ease)}.sample-red{background:var(--red)}.sample>img{height:100%;width:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.sample-blue>img{object-position:20% 50%}.sample:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000020,transparent 70%);pointer-events:none}.sample-nav{position:absolute;z-index:2;top:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em}.sample-dots{font-size:6px;letter-spacing:8px}.sample h3{position:absolute;z-index:2;top:20%;left:7%;font-size:clamp(30px,4.4vw,64px);line-height:1.2;font-weight:900;letter-spacing:-.055em;transition:transform .7s var(--ease)}.sample-bottom{position:absolute;z-index:2;left:7%;right:7%;bottom:6%;display:flex;justify-content:space-between;align-items:center;font-size:11px}.sample-bottom>span:last-child{font-size:24px}.work-open{position:absolute;display:flex;align-items:center;gap:24px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:800;right:16px;bottom:16px;opacity:0;transform:translateY(10px);padding:10px 18px;border-radius:50px;transition:.3s}.work-button:hover .work-open,.work-button:focus-visible .work-open{opacity:1;transform:translateY(0)}.work-button:hover .sample img{transform:scale(1.05)}.work-button:hover h3{transform:translateY(-5px)}.work-button:hover .sample{transform:rotate(-1.5deg)}.work-red .work-button:hover .sample{transform:rotate(1.5deg)}figcaption{font-size:11px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;line-height:1.5}figcaption>span{color:var(--muted)}.work-disclaimer{font-size:12px;color:var(--muted);margin-top:40px}.menu-section{border-top:1px solid var(--ink);padding-bottom:120px}.menu-layout{display:grid;grid-template-columns:.95fr 1.2fr;gap:80px;margin-top:32px}.menu-art{position:relative;display:flex;align-items:center;justify-content:center;gap:6%;min-height:350px}.bracket{font-family:Arial,sans-serif;font-size:320px;font-weight:800;line-height:.95;display:block;transition:transform .7s var(--ease)}.menu-critter{width:120px;transform:translateY(25px)}.menu-art:hover .bracket-left{transform:translateX(-14px) rotate(-6deg)}.menu-art:hover .bracket-right{transform:translateX(14px) rotate(6deg)}.menu-list article{position:relative;padding:28px 40px 28px 0;border-bottom:1px solid var(--line)}.menu-list article:first-child{padding-top:12px}.menu-list article:last-child{border-bottom:0}.menu-list h3{font-size:30px;font-weight:900;margin-bottom:5px}.menu-list p{font-size:16px;line-height:1.8}.menu-mark{position:absolute;right:4px;top:30px;font-size:26px;transition:transform .35s var(--ease)}.menu-list article:hover .menu-mark{transform:translate(5px,-5px)}.flow-section{border-top:1px solid var(--ink);background:#e8e8e3}.flow-board{position:relative;padding-top:20px}.flow-path{position:absolute;top:30px;left:0;width:100%;height:210px;stroke:var(--line);stroke-width:1.2}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}.step-picture{height:160px;position:relative;margin-inline:auto;width:165px;transform-origin:50% 90%}.step-picture>svg{height:100%;width:100%;stroke-width:2.2;fill:var(--paper)}.step-picture svg circle{fill:var(--ink)}.steps li:nth-child(2) .step-picture{transform:rotate(-6deg)}.steps li:nth-child(3) .step-picture{transform:rotate(5deg)}.steps li:nth-child(4) .step-picture{transform:rotate(-3deg)}.step-critter{position:absolute;bottom:4px;left:-10px;width:44px}.steps li:last-child .step-critter{left:auto;right:20px;bottom:17px}.step-number{display:block;font-size:18px;font-weight:900;margin-top:20px;line-height:1.6;font-variant-numeric:tabular-nums}.steps h3{font-size:16px;line-height:1.6;font-weight:900}.steps p{font-size:13px;line-height:1.8;margin-top:12px}.steps li{transition:opacity .7s var(--ease),translate .7s var(--ease)}.steps li:nth-child(2){transition-delay:.1s}.steps li:nth-child(3){transition-delay:.2s}.steps li:nth-child(4){transition-delay:.3s}.steps li:nth-child(5){transition-delay:.4s}.flow-board.in-view .step-picture{animation:stepHello 1s var(--ease) both}.flow-board.in-view li:nth-child(2) .step-picture{animation-delay:.12s}.flow-board.in-view li:nth-child(3) .step-picture{animation-delay:.24s}.flow-board.in-view li:nth-child(4) .step-picture{animation-delay:.36s}.flow-board.in-view li:nth-child(5) .step-picture{animation-delay:.48s}.price-section{padding-block:120px}.price-playground{margin-top:64px;position:relative}.price-tabs{display:flex;gap:0;width:480px;max-width:100%;border:1px solid var(--ink);border-radius:100px;padding:5px}.price-tabs button{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;background:none;border-radius:100px;font-size:15px;font-weight:800;padding:13px 20px;transition:background .3s,color .3s}.price-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}.price-tabs button>span:last-child{font-size:22px;line-height:1}.price-scene{margin-top:44px;position:relative;min-height:340px}.price-panel{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:16px 20px 50px 0}.price-panel[hidden]{display:none}.price-copy h3{font-size:21px}.price-number{display:flex;align-items:baseline;font-weight:900;line-height:1.2;letter-spacing:-.075em;font-variant-numeric:tabular-nums;margin:16px 0 22px;white-space:nowrap}.price-number>span:not(.price-unit):not(.monthly):not(.tax-label){font-size:clamp(72px,9vw,136px)}.price-unit{font-size:30px;letter-spacing:-.03em;margin-left:10px}.monthly{font-size:19px;margin-right:12px;letter-spacing:0}.price-copy>p:not(.price-number):not(.fineprint){font-size:18px;line-height:1.9}.fineprint{font-size:12px;color:var(--muted);margin-top:20px}.tax-label{display:inline-block;border:1px solid var(--line);border-radius:100px;padding:1px 12px;font-size:12px;margin-bottom:15px}.build-art,.care-art{height:310px;position:relative;width:100%;max-width:450px;justify-self:end;isolation:isolate}.art-ground{position:absolute;bottom:20px;left:-2%;width:104%;height:1px;background:var(--ink)}.build-window,.care-window{position:absolute;left:15%;top:12%;width:70%;height:70%;border:2px solid var(--ink);background:var(--paper);border-radius:7px;transform:rotate(-6deg);box-shadow:10px 10px 0 #d8d8d1;overflow:hidden}.window-dots{display:block;font-size:7px;letter-spacing:5px;border-bottom:1px solid var(--ink);padding:5px 10px;line-height:1.8}.build-letter{position:absolute;font-family:Georgia,serif;font-size:90px;line-height:1;top:22%;left:8%}.build-line{position:absolute;top:83%;left:8%;height:6px;width:52%;background:var(--ink)}.build-block{position:absolute;width:30%;height:53%;background:var(--ink);right:8%;top:23%;border-radius:90px 90px 0 0}.build-pencil{position:absolute;width:23px;height:165px;border:2px solid var(--ink);background:#cecec6;right:6%;bottom:27px;transform:rotate(24deg);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.build-pencil:after{content:"";position:absolute;height:24%;width:100%;background:var(--ink);bottom:0}.build-critter{position:absolute;width:84px;bottom:22px;left:1%;transform:rotate(-10deg)}.care-window{width:60%;height:62%;left:14%;top:16%;transform:rotate(5deg)}.care-check{font-size:92px;font-weight:900;display:block;text-align:center;line-height:1.4}.care-line{position:absolute;width:55%;height:5px;background:var(--ink);left:22%;bottom:12%}.care-critter{width:120px;position:absolute;right:1%;bottom:22px;box-shadow:0 0 0 9px var(--paper);transform:rotate(10deg)}.care-speech{position:absolute;right:0;top:22%;background:var(--ink);color:var(--paper);padding:10px 22px;border-radius:100px;font-size:14px;font-weight:800;transform:rotate(8deg)}.care-speech:after{content:"";position:absolute;bottom:-7px;left:28px;border-left:12px solid var(--ink);border-bottom:12px solid transparent}.care-orbit{position:absolute;border:1px dashed var(--line);width:85%;height:65%;left:5%;top:9%;border-radius:50%;transform:rotate(-22deg)}.price-footer{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:22px 0;display:flex;align-items:center;gap:16px;font-size:14px}.price-footer a{font-weight:800;margin-left:auto;white-space:nowrap}.tiny-face{font-size:20px;line-height:1}.faq-section{background:var(--ink);color:var(--paper);padding-block:112px 136px;overflow:hidden}.faq-section .section-heading{margin-bottom:72px}.faq-playground{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.question-list{display:flex;flex-direction:column;gap:12px}.question{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:24px;padding:19px 24px;background:transparent;color:var(--paper);border:1px solid #777772;border-radius:0 28px 28px 28px;transition:background .35s,color .35s,transform .35s var(--ease);font-size:17px;font-weight:700;line-height:1.65}.question:nth-child(2){margin-left:28px}.question:nth-child(3){margin-right:24px}.question:nth-child(4){margin-left:12px}.question.active{color:var(--ink);background:var(--paper);border-color:var(--paper);transform:translateX(10px)}.question:hover{transform:translateX(10px)}.question:focus-visible{outline-color:var(--paper)}.question-arrow{font-size:28px;transition:transform .3s}.question.active .question-arrow{transform:rotate(45deg)}.answer-area{position:relative;padding:20px 0 75px}.answer-paper{background:var(--paper);color:var(--ink);padding:38px 40px 52px;min-height:340px;transform:rotate(3deg);position:relative;box-shadow:9px 10px 0 #ffffff20}.answer-label{font-family:Georgia,serif;font-size:67px;font-style:italic;line-height:1.2;display:block;margin-bottom:12px}.answer-paper h3{font-size:26px;margin-bottom:20px;letter-spacing:-.04em}.answer-paper p{font-size:16px;line-height:1.95;max-width:30em}.paper-fold{position:absolute;right:0;bottom:0;width:35px;height:35px;background:linear-gradient(135deg,#d0d0c7 50%,var(--ink) 51%)}.faq-critter{width:100px;background:var(--paper);position:absolute;right:5%;bottom:-5px;transform:rotate(-10deg)}.faq-critter .eyes i{background:var(--ink)}.faq-aside{position:absolute;bottom:16px;left:15px;font-size:12px;transform:rotate(-3deg)}.faq-fallback{margin-top:40px}.faq-fallback h3{margin-top:28px}.contact-section{padding:104px 0 96px;position:relative;overflow:hidden}.contact-section>.wrap{position:relative}.contact-intro{font-size:16px;margin-bottom:22px}.contact-section h2{font-size:clamp(80px,13.2vw,194px);letter-spacing:-.075em;line-height:1;font-weight:900}.contact-section h2>span{display:inline-block;transform:rotate(12deg);transform-origin:50% 80%}.contact-section:hover h2>span{animation:questionWiggle .9s var(--ease)}.contact-action{position:relative;max-width:430px;margin:58px 0 0 auto}.contact-action .pill{width:100%;position:relative;z-index:1}.contact-action>p{font-size:12px;margin-top:14px;text-align:center;color:var(--muted)}.contact-critter{position:absolute;width:95px;right:46px;top:-62px;transform:rotate(10deg);transition:translate .5s var(--ease)}.contact-action:hover .contact-critter{translate:0 -10px}.site-footer{min-height:105px;border-top:1px solid var(--ink);display:flex;gap:32px;align-items:center}.site-footer .brand{width:175px}.site-footer>span{font-size:11px;margin-left:auto}.back-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;font-size:23px}.contact-dialog,.work-dialog{border:1px solid var(--ink);padding:64px 56px;background:var(--paper);color:var(--ink);max-width:calc(100% - 40px);max-height:90svh;overflow-y:auto}.contact-dialog{width:560px}.contact-dialog::backdrop,.work-dialog::backdrop{background:#161612a8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:12px;right:16px;display:grid;place-items:center;width:44px;height:44px;font-size:32px;font-weight:400;line-height:1;background:none}.dialog-critter{width:60px;margin-bottom:24px}.contact-dialog h2{font-size:40px;margin-bottom:24px;line-height:1.4}.contact-dialog p{font-size:16px;margin-bottom:32px}.work-dialog{width:900px;padding:64px 32px 32px}.work-dialog-content>.sample{aspect-ratio:1.2;pointer-events:none}.work-dialog-content .sample h3{font-size:clamp(34px,6vw,80px)}.work-dialog-content>h2{font-size:23px;margin-top:30px}.work-dialog-content>p{font-size:14px;margin-top:12px}.work-dialog-content .work-concept-note{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.reveal{transition:opacity .8s var(--ease),translate .8s var(--ease)}.js-motion .reveal:not(.in-view){opacity:0;translate:0 28px}.js-motion .flow-board:not(.in-view) li{opacity:0;translate:0 20px}
@keyframes blink{0%,42%,46%,100%{scale:1 1}44%{scale:1 .08}}@keyframes scrollPulse{0%,100%{scale:1 1;opacity:.35}50%{scale:1 .65;opacity:1}}@keyframes stepHello{0%{translate:0 28px;rotate:-8deg}60%{translate:0 -12px;rotate:4deg}100%{translate:0 0;rotate:0deg}}@keyframes questionWiggle{0%,100%{rotate:0deg}35%{rotate:-14deg}65%{rotate:6deg}}
@media(min-width:1600px){.hero-stage{height:700px}.hero-wordmark{width:60%}.architecture-canvas{height:390px}.editorial-canvas{top:350px}.type-canvas{height:470px}.type-art{font-size:160px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:20px;font-size:12px}.brand{width:165px}.hero-stage{height:570px}.type-canvas{height:355px}.type-art{font-size:115px}.architecture-canvas{height:285px}.editorial-canvas{height:230px;top:270px}.editorial-grid{height:150px}.editorial-title{font-size:29px}.hero-wordmark{width:60%}.hero-note{bottom:5px}.menu-layout{gap:40px}.menu-list h3{font-size:26px}.bracket{font-size:260px}.menu-critter{width:95px}.steps{gap:12px}.step-picture{width:140px;height:140px}.steps h3{font-size:14px}.steps p{font-size:12px}.faq-playground{gap:48px}.answer-paper{padding:30px 28px 44px}.question{font-size:16px;padding:18px 20px}.price-panel{gap:24px}.price-number>span:not(.price-unit):not(.monthly):not(.tax-label){font-size:87px}.build-art,.care-art{height:270px}.price-footer{font-size:12px}.price-copy>p:not(.price-number):not(.fineprint){font-size:16px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}body{font-size:16px}.site-header{min-height:76px}.brand{width:154px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;font-size:12px;font-weight:800;padding:12px 0 12px 12px;min-height:44px}.menu-toggle span{width:17px;height:12px;border-top:1px solid;border-bottom:1px solid;position:relative;transition:transform .3s}.menu-toggle[aria-expanded="true"] span{transform:rotate(45deg);height:1px;border-bottom:0}.menu-toggle[aria-expanded="true"] span:after{content:"";position:absolute;width:17px;height:1px;top:-1px;left:0;background:var(--ink);transform:rotate(-90deg)}.site-header nav{display:none;position:absolute;top:75px;left:-20px;right:-20px;background:var(--paper);border-bottom:1px solid var(--ink);padding:22px 24px 30px;flex-direction:column;align-items:stretch;gap:4px;font-size:16px}.site-header nav.open{display:flex}.site-header nav .pill{margin-top:10px}.site-header nav>a:not(.pill){padding:13px 0}.hero-stage{height:510px}.hero-wordmark{width:88%;bottom:20px}.mob-word{width:75%}.hero-canvas{border-width:.8px}.type-canvas{left:2%;top:25px;width:38%;height:260px;--rotate:-8deg}.type-art{font-size:87px}.canvas-caption{font-size:7px;left:10px;bottom:10px}.architecture-canvas{right:0;top:42px;width:65%;height:200px;padding:7px;--rotate:7deg}.canvas-bar{font-size:7px;height:19px;padding-bottom:6px;gap:7px}.canvas-bar i{height:4px;width:4px}.canvas-lines{gap:4px;margin-top:7px}.architecture-canvas>img{height:calc(100% - 33px)}.editorial-canvas{right:0;top:207px;width:47%;height:163px;padding:8px;--rotate:6deg}.editorial-grid{height:116px;gap:7px}.editorial-title{font-size:22px}.hero-note{bottom:-3px;font-size:8px;right:0}.hero-bottom{display:block;margin-top:24px}.hero-bottom strong{font-size:19px}.hero-bottom p>span{font-size:14px}.hero-bottom .pill{margin-top:20px;width:100%;font-size:16px}.pill{padding:16px 22px;gap:24px;font-size:16px}.scroll-link{margin-top:24px}.statement{font-size:18px;line-height:1.9;padding:32px 0 48px}.mobile-break{display:block}.section{padding-block:64px}h2{font-size:37px;letter-spacing:-.065em}.section-heading{display:block;margin-bottom:32px}.section-heading>p{font-size:13px;margin-top:16px}.works{padding-top:48px}.work-grid{grid-template-columns:1fr;gap:36px}.work-red{padding-top:0;margin-left:24px}.work-blue{margin-right:20px}.sample{aspect-ratio:1.08}.sample h3{font-size:43px;top:21%}.sample-nav{top:16px;left:18px;right:18px;font-size:9px}.sample-bottom{font-size:9px}.sample-bottom>span:last-child{font-size:22px}.work-open{display:none}figcaption{font-size:10px;gap:8px;padding-top:13px}figcaption>span{display:none}.work-disclaimer{font-size:11px;line-height:1.9;margin-top:26px}.menu-layout{grid-template-columns:1fr;gap:14px;margin-top:26px}.menu-art{min-height:180px;gap:6%}.bracket{font-size:190px;line-height:.9}.menu-critter{width:80px;transform:translateY(12px)}.menu-list h3{font-size:25px}.menu-list p{font-size:15px}.menu-list article{padding-block:24px}.menu-mark{font-size:23px;top:23px}.flow-section{padding-bottom:70px}.flow-board{padding-top:0}.flow-path{display:none}.steps{grid-template-columns:1fr;gap:18px}.steps li{display:grid;grid-template-columns:115px 1fr;grid-template-rows:auto auto 1fr;gap:0 24px;align-items:start;position:relative;min-height:130px}.steps li:not(:last-child):after{content:"";position:absolute;left:57px;top:116px;height:35px;border-left:1px solid var(--line)}.step-picture{width:115px;height:120px;grid-row:1/4}.step-number{margin-top:8px;font-size:15px;line-height:1.4}.steps h3{font-size:18px;margin-top:3px}.steps p{font-size:13px;line-height:1.7;margin-top:6px}.step-critter{width:33px;bottom:5px;left:-5px}.steps li:last-child .step-critter{right:9px;bottom:15px}.price-playground{margin-top:32px}.price-tabs{width:100%;padding:4px}.price-tabs button{padding:12px 15px;font-size:14px;gap:10px}.price-tabs button>span:last-child{font-size:21px}.price-scene{margin-top:30px;min-height:610px}.price-panel{grid-template-columns:1fr;gap:4px;padding:8px 0 22px}.price-copy h3{font-size:19px}.price-number{margin:13px 0 17px}.price-number>span:not(.price-unit):not(.monthly):not(.tax-label){font-size:clamp(70px,19vw,100px)}.price-unit{font-size:27px;margin-left:7px}.monthly{font-size:16px;margin-right:8px}.price-copy>p:not(.price-number):not(.fineprint){font-size:16px}.fineprint{margin-top:14px;font-size:11px}.build-art,.care-art{max-width:340px;height:270px;justify-self:center;margin-top:6px}.price-footer{display:grid;grid-template-columns:12px 1fr;gap:8px 12px;font-size:12px;padding-block:20px}.price-footer>a{grid-column:2;justify-self:start;margin-left:0;min-height:44px;display:flex;align-items:center;gap:18px}.faq-section{padding-block:64px 84px}.faq-section .section-heading{margin-bottom:32px}.faq-playground{grid-template-columns:1fr;gap:32px}.question-list{gap:10px}.question{font-size:15px;padding:15px 18px;line-height:1.65;min-height:80px}.question.active{transform:translateX(4px)}.question:nth-child(2){margin-left:20px}.question:nth-child(3){margin-right:20px}.question:nth-child(4){margin-left:8px}.question:hover{transform:translateX(4px)}.question-arrow{font-size:25px}.answer-area{padding:6px 6px 70px}.answer-paper{min-height:320px;padding:28px 26px 44px;transform:rotate(2deg)}.answer-label{font-size:56px}.answer-paper h3{font-size:25px;margin-bottom:16px}.answer-paper p{font-size:15px;line-height:1.9}.faq-critter{width:80px;right:15px;bottom:0}.faq-aside{font-size:11px;left:8px;bottom:18px}.contact-section{padding-block:64px 60px}.contact-intro{font-size:13px;margin-bottom:20px}.contact-section h2{font-size:clamp(66px,17vw,124px);white-space:nowrap;letter-spacing:-.08em}.contact-action{margin-top:78px;max-width:none}.contact-critter{width:76px;right:35px;top:-51px}.contact-action>p{font-size:11px}.site-footer{min-height:95px;gap:18px}.site-footer .brand{width:135px}.site-footer>span{font-size:9px}.back-top{width:38px;height:44px;border:0}.contact-dialog,.work-dialog{max-width:calc(100% - 28px);padding:48px 24px 30px}.contact-dialog h2{font-size:32px}.contact-dialog p{font-size:15px}.contact-dialog .pill{width:100%}.work-dialog{padding:64px 18px 28px}.work-dialog-content>.sample{aspect-ratio:1}.work-dialog-content .sample h3{font-size:40px}}
@media(max-width:370px){.hero-stage{height:465px}.editorial-canvas{top:190px;height:145px}.editorial-grid{height:95px}.editorial-title{font-size:18px}.hero-wordmark{bottom:18px}.type-canvas{height:230px}.architecture-canvas{height:178px}h2{font-size:33px}.price-number>span:not(.price-unit):not(.monthly):not(.tax-label){font-size:66px}.monthly{margin-right:5px}.price-unit{font-size:24px}.steps li{gap:0 16px}}
.mob-face{left:43.36%;width:26.9%;bottom:1.89%;aspect-ratio:152/139}
.steps{grid-template-columns:repeat(5,minmax(0,1fr))}.step-picture{max-width:100%}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-canvas{will-change:auto;transform:rotate(var(--rotate))!important}.js-motion .reveal:not(.in-view),.js-motion .flow-board:not(.in-view) li{opacity:1;translate:0 0}.question:hover,.question.active,.pill:hover{transform:none}.work-button:hover .sample,.work-button:hover .sample img,.work-button:hover h3{transform:none}}

/* Revision: a restrained accent, two genuinely different samples, and contextual motion. */
:root{--accent:#d3ed58;--play-ink:#22283a}
::selection{background:var(--accent);color:var(--ink)}
.pill:hover,.pill:focus-visible{background:var(--accent);color:var(--ink)}
.pill:hover svg{transform:none}.pill-small svg{width:22px;height:22px}
.site-header nav>a:not(.pill):after{height:4px;background:var(--accent);bottom:7px}
.work-grid{grid-template-columns:1.06fr 1fr;gap:64px}
.work-play{padding-top:120px}.work-play .work-button{isolation:isolate}
.sample-cinematic{aspect-ratio:.9;background:#6687a6}
.sample-cinematic>img{object-position:46% 50%;height:100%;transition:transform 1.7s var(--ease),object-position 1.7s var(--ease)}
.sample-cinematic:after{background:linear-gradient(180deg,#00000024,transparent 40%,#00000024)}
.sample-cinematic h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(46px,5vw,74px);font-weight:500;line-height:1.3;top:34%;left:9%;letter-spacing:.04em}
.cinema-masthead{position:absolute;top:6%;left:9%;font-size:13px;letter-spacing:.22em;z-index:2}
.cinema-side{position:absolute;top:7%;right:7%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.16em;z-index:2}
.cinema-caption{position:absolute;bottom:12%;left:9%;font-size:12px;line-height:2.1;letter-spacing:.16em;z-index:2}
.cinema-index{position:absolute;bottom:5%;left:9%;right:9%;border-top:1px solid #f2f2ef88;padding-top:10px;font-size:9px;letter-spacing:.2em;z-index:2}
.work-blue .work-button:hover .sample{transform:none}.work-blue .work-button:hover .sample img{transform:scale(1.09);object-position:49% 50%}
.work-blue .work-button:hover h3{transform:translateY(-8px)}
figcaption{align-items:baseline;flex-wrap:wrap;gap:5px 20px}figcaption>strong{font-size:18px;font-weight:800}
figcaption>span{font-size:10px;color:var(--muted)}
.work-open{background:var(--accent);bottom:22px;right:22px;padding:11px 22px}
.sample-play{aspect-ratio:.9;background:var(--play-ink);color:var(--accent);--play-x:0px;--play-y:0px}
.sample-play:after{display:none}.play-topline{position:absolute;top:6%;left:7%;right:7%;display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:.08em;z-index:4}
.play-status{font-size:9px;border:1px solid #d3ed5877;border-radius:30px;padding:1px 9px}
.sample-play h3{font-size:clamp(48px,5.6vw,80px);font-weight:900;top:27%;left:7%;line-height:1.25;letter-spacing:-.08em;z-index:3;transform:rotate(-7deg)}
.sample-play h3>span{display:inline-block;transition:translate .6s var(--ease),rotate .6s var(--ease)}
.play-ring{width:64%;aspect-ratio:1;position:absolute;top:18%;right:-24%;border:35px solid var(--accent);border-radius:50%;transform:translate(var(--play-x),var(--play-y));transition:transform .7s var(--ease)}
.play-square{width:23%;aspect-ratio:1;position:absolute;bottom:18%;left:11%;background:var(--accent);transform:rotate(22deg) translate(var(--play-x),var(--play-y));transition:transform .8s var(--ease);z-index:1}
.play-disc{width:32%;aspect-ratio:1;position:absolute;bottom:11%;right:15%;border:1px solid var(--accent);border-radius:50%;transition:translate .6s var(--ease);translate:var(--play-x) var(--play-y)}
.play-disc:before,.play-disc:after{content:"";position:absolute;width:100%;height:1px;top:50%;left:0;background:var(--accent);transform:rotate(45deg)}.play-disc:after{transform:rotate(-45deg)}
.play-sticker{width:18%;aspect-ratio:1;position:absolute;top:13%;left:13%;background:var(--paper);color:var(--play-ink);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:60px;font-weight:900;rotate:-20deg;transition:rotate .7s var(--ease),translate .7s var(--ease);z-index:2}
.play-bottom{position:absolute;bottom:5%;left:7%;font-size:10px;letter-spacing:.08em;z-index:3}
.work-play .work-button:hover h3{transform:rotate(-7deg)}.work-play .work-button:hover .sample h3>span:first-child{translate:12px -3px;rotate:4deg}.work-play .work-button:hover .sample h3>span:last-child{translate:-3px 10px;rotate:-3deg}
.work-play .work-button:hover .play-sticker{rotate:25deg;translate:20px -5px}
.work-play .work-button:hover .play-square{transform:rotate(65deg) translate(10px,-10px)}
.sample-play.remixed .play-square{transform:rotate(130deg) translate(30px,-25px)}.sample-play.remixed .play-ring{transform:translate(-28px,36px) scale(.85)}.sample-play.remixed h3>span:first-child{translate:20px -12px;rotate:8deg}.sample-play.remixed h3>span:last-child{translate:-5px 14px;rotate:-5deg}.sample-play.remixed .play-sticker{rotate:50deg;translate:25px 0}
.work-dialog-content>.sample{aspect-ratio:1.25}.work-dialog-content>.sample-play{pointer-events:auto}.work-dialog-content>.sample-cinematic h3{font-size:clamp(40px,5.5vw,80px)}
.play-remix{background:var(--accent);border:1px solid var(--ink);padding:12px 24px;margin-top:24px;border-radius:50px;font-size:15px;font-weight:800}
.service-layout{margin-top:48px;display:grid;grid-template-columns:1.65fr 1fr;gap:0}
.service-primary{padding:12px 48px 0 0;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.service-kicker{font-size:12px;display:inline-block;background:var(--accent);padding:2px 12px;border-radius:50px;margin-bottom:17px}
.service-primary h3{font-size:clamp(30px,3.3vw,49px);font-weight:900;letter-spacing:-.055em;line-height:1.35;margin-bottom:20px}
.service-copy p{font-size:16px;line-height:1.9}
.service-canvas{height:220px;margin:26px 0 0;position:relative;width:100%;max-width:440px}
.service-window{position:absolute;left:8%;top:12px;width:77%;height:186px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:9px 9px 0 #deded7;transform:rotate(-3deg);transition:transform .7s var(--ease)}
.service-window-top{display:block;height:19px;border-bottom:1px solid var(--ink)}.service-window-top:before{content:"● ● ●";font-size:5px;letter-spacing:2px;position:absolute;top:4px;left:7px}
.service-window-title{font-weight:900;font-size:20px;line-height:1.5;position:absolute;top:42px;left:20px;z-index:1}
.service-window-photo{position:absolute;width:37%;height:110px;right:18px;top:37px;background:var(--ink);border-radius:70px 70px 0 0}
.service-window-text{position:absolute;bottom:19px;left:20px;width:35%;height:10px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.service-phone{width:60px;height:116px;border:1.5px solid var(--ink);border-radius:8px;background:var(--paper);position:absolute;bottom:1px;right:5%;rotate:6deg;transition:transform .7s var(--ease)}
.service-phone>span{display:block;width:35px;height:45px;margin:24px auto 12px;background:var(--accent);border-radius:30px 30px 0 0}.service-phone>i{display:block;width:35px;height:1px;background:var(--ink);margin:7px auto}
.service-swatch{width:32px;height:32px;background:var(--accent);border:1px solid var(--ink);position:absolute;left:0;bottom:20px;rotate:-12deg;transition:rotate .7s var(--ease)}
.service-primary:hover .service-window{transform:rotate(0deg) translateY(-6px)}.service-primary:hover .service-phone{transform:translateY(5px) rotate(-6deg)}.service-primary:hover .service-swatch{rotate:20deg}
.service-support{padding-left:48px;border-left:1px solid var(--line)}.service-support-intro{font-size:12px;letter-spacing:.03em;color:var(--muted);padding-top:10px;padding-bottom:12px}
.service-support article{padding:28px 58px 30px 0;position:relative}.service-support article+article{border-top:1px solid var(--line)}.service-support h3{font-size:28px;margin-bottom:15px}.service-support p{font-size:15px;line-height:1.9}
.service-search{position:absolute;width:38px;height:38px;right:5px;top:36px}.service-search i{position:absolute;width:25px;height:25px;border:2px solid var(--ink);border-radius:50%;top:0;left:0}.service-search:after{content:"";position:absolute;width:16px;height:2px;background:var(--ink);left:20px;top:27px;rotate:45deg}.service-search>span{position:absolute;left:7px;top:11px;background:var(--accent);width:13px;height:4px}
.service-pin{position:absolute;width:31px;height:39px;border:2px solid var(--ink);border-radius:50% 50% 50% 0;rotate:-45deg;right:7px;top:36px}.service-pin i{position:absolute;width:11px;height:11px;border:1px solid var(--ink);background:var(--accent);border-radius:50%;left:8px;top:8px}
.price-tabs button[aria-selected="true"]{background:var(--accent);color:var(--ink)}.price-tabs button{justify-content:center}.price-footer .tiny-face{display:none}.price-footer a{border-bottom:2px solid var(--accent)}
.eyes{animation:none}.hero .eyes{animation:blink 6.4s infinite}.build-critter .eyes{transform:translate(2px,-2px)}.care-critter .eyes{transform:translate(-2px,-1px)}.faq-critter .eyes{transform:translate(-3px,-2px)}
.contact-critter .eyes{transform:translate(0,-3px)}.contact-action:hover .contact-critter{translate:0 -12px;rotate:-8deg}.contact-action:hover .contact-critter .eyes{transform:translate(0,0)}
.care-speech{background:var(--accent);color:var(--ink)}.care-speech:after{border-left-color:var(--accent)}
.flow-section{position:relative}.flow-board.in-view .step-picture{animation:none}.flow-path path{stroke:var(--ink);stroke-width:1.4}.flow-path{overflow:visible}
.flow-guide{position:absolute;z-index:2;width:38px;top:146px;left:4%;transition:left .55s var(--ease),top .55s var(--ease),transform .55s var(--ease);background:var(--ink);box-shadow:0 0 0 6px #e8e8e3}
.flow-guide .eyes{transform:translate(2px,-1px)}.steps li{transition:opacity .45s var(--ease),translate .6s var(--ease);transition-delay:0s!important}
.js-motion .flow-board li{opacity:.12;translate:0 22px}.js-motion .flow-board li.flow-step-visible{opacity:1;translate:0 0}.js-motion .flow-board:not(.in-view) li.flow-step-visible{opacity:1;translate:0 0}
.step-number{display:inline-block;position:relative}.step-number:before{content:"";position:absolute;inset:1px -7px;background:var(--accent);border-radius:50%;z-index:-1;transform:scale(0);transition:transform .4s var(--ease)}.flow-step-current .step-number:before{transform:scale(1)}
.question-list .question{margin:0;width:100%;transform:none}.question-list .question.active{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:none}
.question-list .question:hover{transform:translateX(5px)}.question-toggle{width:16px;height:16px;position:relative;flex-shrink:0}.question-toggle:before,.question-toggle:after{content:"";position:absolute;background:currentColor;top:7px;left:1px;width:14px;height:1px;transition:transform .25s}.question-toggle:after{transform:rotate(90deg)}.question.active .question-toggle:after{transform:rotate(0)}
.faq-item:nth-child(2){padding-left:28px}.faq-item:nth-child(3){padding-right:24px}.faq-item:nth-child(4){padding-left:12px}.faq-item{min-width:0}.answer-area{min-width:0}
.answer-paper{transform:rotate(2deg)}.faq-critter{transition:transform .4s var(--ease)}
.site-footer .back-top{margin-left:auto}.site-footer{justify-content:space-between}
@media(min-width:761px){.js-motion .flow-section{min-height:240vh;padding-block:0}.js-motion .flow-section>.wrap{position:sticky;top:max(20px,calc((100vh - 580px)/2));padding-block:70px}.flow-board .steps{z-index:1}}
@media(max-width:1100px){.work-grid{gap:40px}.service-layout{grid-template-columns:1.4fr 1fr}.service-primary{padding-right:30px}.service-support{padding-left:30px}.service-support h3{font-size:25px}.service-support p{font-size:14px}.service-primary h3{font-size:33px}.service-window-title{font-size:17px}.sample-play h3{font-size:60px}}
@media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:48px}.work-play{padding-top:0;margin-left:20px}.work-blue{margin-right:20px}.sample-cinematic,.sample-play{aspect-ratio:.94}.sample-cinematic h3{font-size:46px;top:34%}.sample-play h3{font-size:52px}.work-open{display:block;opacity:1;transform:none;font-size:11px;padding:7px 15px;right:14px;bottom:16px}.sample-play .work-open{background:var(--paper)}.play-sticker{font-size:45px}.play-ring{border-width:25px}.play-topline{font-size:9px}.play-status{font-size:8px}.play-bottom{bottom:7%;max-width:55%;font-size:9px}figcaption>strong{font-size:17px}figcaption>span{display:block;font-size:9px}.cinema-index{bottom:6%}.cinema-caption{bottom:18%}.service-layout{grid-template-columns:1fr;margin-top:32px;gap:32px}.service-primary{padding:0}.service-primary h3{font-size:32px}.service-kicker{font-size:11px;margin-bottom:14px}.service-copy p{font-size:15px}.service-canvas{height:225px;margin-top:22px;max-width:380px;align-self:center}.service-support{border-left:0;border-top:1px solid var(--ink);padding-left:0}.service-support-intro{padding-top:22px}.service-support article{padding:22px 55px 24px 0}.service-support h3{font-size:25px;margin-bottom:10px}.service-support p{font-size:15px}.flow-guide{width:27px;left:90px;top:83px;box-shadow:0 0 0 4px #e8e8e3}.steps li:after{border-left-color:var(--ink)}.steps li.flow-step-current:after{border-left-color:var(--accent);border-left-width:3px}.js-motion .flow-board li{opacity:.1;translate:0 15px}.faq-playground{display:block}.faq-item{padding:0!important}.faq-item:nth-child(2),.faq-item:nth-child(3),.faq-item:nth-child(4){margin:0}.question-list{gap:14px}.question-list .question:hover{transform:none}.question-list .question{border-radius:0 23px 23px 23px;min-height:76px;font-size:15px}.answer-area{padding:20px 6px 70px;margin:0 0 8px}.answer-paper{min-height:0;padding:28px 23px 36px;transform:rotate(1deg)}.answer-label{font-size:44px;margin-bottom:9px}.answer-paper h3{font-size:23px}.answer-paper p{font-size:15px}.faq-critter{width:62px;bottom:1px}.faq-aside{bottom:13px;font-size:10px}.price-footer{grid-template-columns:1fr;gap:5px}.price-footer>a{grid-column:1;justify-self:start}.price-tabs button{padding:12px 10px}.work-dialog-content>.sample{aspect-ratio:.95}.work-dialog-content>.sample-play h3{font-size:47px}}
@media(max-width:370px){.sample-play h3{font-size:44px}.sample-cinematic h3{font-size:41px}.play-topline{font-size:8px}.service-primary h3{font-size:29px}.service-window-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero .eyes{animation:none}.js-motion .flow-section{min-height:0;padding-block:64px}.js-motion .flow-section>.wrap{position:static;padding-block:0}.js-motion .flow-board li,.js-motion .flow-board:not(.in-view) li{opacity:1;translate:none}.flow-guide{display:none}.flow-path path{stroke-dashoffset:0!important}.sample-play *{translate:none!important}.work-play .work-button:hover .sample h3{transform:rotate(-7deg)}.question-list .question:hover{transform:none}}

/* Small motion study in the hero; all artwork remains code-native. */
.hero .editorial-canvas{right:26%;width:28%;top:275px;height:250px}
.king-card{position:absolute;z-index:4;right:0;top:372px;width:27%;height:218px;background:var(--paper);border:1px solid var(--ink);padding:15px 17px;rotate:-5deg;text-align:left;box-shadow:6px 7px 0 #2424240c;overflow:hidden;transition:rotate .4s var(--ease),box-shadow .4s}
.king-card:hover{rotate:-2deg;box-shadow:8px 10px 0 #24242410}.king-card-title{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.04em;position:relative;z-index:2}.king-card-title>span{font-size:9px;border-bottom:2px solid var(--accent)}
.king-stage{display:block;position:absolute;top:38px;bottom:28px;left:0;width:100%;isolation:isolate}
.mini-mob{position:absolute;left:calc(50% - 14px);bottom:22px;width:28px;height:27px;border-radius:50%;background:var(--ink);display:flex;align-items:flex-start;justify-content:center;gap:4px;padding-top:7px;transform:translateX(var(--start-x))}
.mini-mob>i{display:block;height:6px;width:3px;background:var(--paper);border-radius:50%}
.king-mob{position:absolute;width:94px;height:86px;border-radius:50% 50% 44% 44%;background:var(--ink);left:calc(50% - 47px);bottom:22px;opacity:0;transform-origin:50% 100%;isolation:isolate}
.king-eyes{display:flex;gap:17px;justify-content:center;position:absolute;top:25px;left:0;right:0}.king-eyes>i{width:9px;height:16px;border-radius:50%;background:var(--paper)}
.king-crown{width:41px;height:24px;background:var(--accent);position:absolute;left:27px;top:-18px;clip-path:polygon(0 15%,25% 50%,50% 0,75% 50%,100% 15%,90% 100%,10% 100%);rotate:-7deg}
.king-ground{position:absolute;width:78%;height:1px;background:var(--line);left:11%;bottom:21px;z-index:-1}.king-card-caption{position:absolute;bottom:12px;left:17px;font-size:9px;letter-spacing:.1em}
.king-card.is-playing .mini-mob{animation:mobGather 6s var(--delay) infinite both}
.king-card.is-playing .king-mob{animation:kingArrive 6s infinite both}.king-card.is-playing .king-eyes{animation:kingBlink 6s infinite}
@keyframes mobGather{0%,5%{transform:translate(var(--start-x),0) scale(1);opacity:1}13%{transform:translate(calc(var(--start-x)*.76),var(--hop-y)) scale(.92,1.1);opacity:1}21%{transform:translate(calc(var(--start-x)*.51),0) scale(1.16,.8);opacity:1}29%{transform:translate(calc(var(--start-x)*.27),var(--hop-y)) scale(.9,1.1);opacity:1}37%{transform:translate(0,0) scale(1);opacity:1}42%,81%{transform:translate(0,0) scale(.2);opacity:0}86%{transform:translate(0,-20px) scale(.5);opacity:0}92%{transform:translate(var(--start-x),-15px) scale(1);opacity:1}100%{transform:translate(var(--start-x),0) scale(1);opacity:1}}
@keyframes kingArrive{0%,38%{opacity:0;transform:scale(.2,.2)}44%{opacity:1;transform:scale(1.2,.8)}50%{opacity:1;transform:scale(.93,1.07)}55%,69%{opacity:1;transform:scale(1)}74%{opacity:1;transform:translateY(-8px) scale(.97,1.03)}79%,82%{opacity:1;transform:scale(1.06,.94)}88%,100%{opacity:0;transform:scale(.2)}}
@keyframes kingBlink{0%,59%,65%,100%{scale:1 1}62%{scale:1 .1}}

/* Same content, intentionally different visual hierarchy. */
.design-switcher{display:grid;grid-template-columns:.68fr 1.7fr;gap:64px;padding:70px 0 10px;margin-top:64px;border-top:1px solid var(--line);align-items:start}
.switcher-intro{padding-top:74px}.switcher-intro h3{font-size:32px;font-weight:900;line-height:1.5;letter-spacing:-.04em;margin-bottom:20px}.switcher-intro p{font-size:15px;line-height:2}
.switcher-experience{min-width:0}.design-controls{display:flex;gap:7px;margin-bottom:20px;border:1px solid var(--ink);padding:4px;border-radius:60px;width:260px;max-width:100%}.design-choice{flex:1;background:none;border-radius:50px;padding:10px 16px;font-size:13px;font-weight:800;min-height:44px}.design-choice[aria-pressed="true"]{background:var(--accent)}
.comparison-site{height:430px;position:relative;background:#e8e5dd;color:#333c39;border:1px solid var(--ink);overflow:hidden;transition:background .55s,color .55s}
.comparison-header{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:24px 27px 20px;align-items:center;font-size:9px;letter-spacing:.12em}.comparison-header>span:first-child{font-weight:800;font-size:12px}
.comparison-body{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;height:calc(100% - 110px);gap:24px;padding:0 27px}
.comparison-copy{position:relative;z-index:2;min-width:0}.comparison-copy h4{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:46px;line-height:1.5;letter-spacing:.06em;font-weight:500;margin:0 0 20px}
.comparison-copy p{font-size:10px;line-height:2.1;white-space:nowrap}.comparison-link{display:inline-block;font-size:9px;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:19px;letter-spacing:.08em}
.comparison-body>img{height:87%;width:100%;object-fit:cover;filter:saturate(.6);transition:border-radius .6s,filter .6s}
.comparison-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;position:absolute;bottom:20px;left:27px;right:27px;border-top:1px solid #333c3955;padding-top:12px;z-index:2}
.comparison-note{font-size:11px;margin-top:13px;color:var(--muted)}
.comparison-site[data-appearance="bold"]{background:var(--play-ink);color:var(--accent)}
.comparison-site[data-appearance="bold"] .comparison-body{grid-template-columns:1fr;gap:0}
.comparison-site[data-appearance="bold"] .comparison-copy h4{font-family:inherit;font-size:72px;font-weight:900;letter-spacing:-.07em;line-height:1.05;rotate:-5deg;transform-origin:left center;margin:0 0 28px}
.comparison-site[data-appearance="bold"] .comparison-copy p{font-weight:800}.comparison-site[data-appearance="bold"] .comparison-link{border:1px solid currentColor;border-radius:50px;padding:6px 14px;margin-top:12px;background:var(--play-ink)}
.comparison-site[data-appearance="bold"] .comparison-body>img{position:absolute;right:-7%;top:1%;height:100%;width:64%;object-position:30% 50%;border-radius:50% 0 0 50%;filter:grayscale(1);opacity:.5}
.comparison-site[data-appearance="bold"] .comparison-footer{border-color:#d3ed5855}
.price-number>span:not(.price-unit):not(.monthly):not(.tax-label){font-size:clamp(48px,5vw,70px);letter-spacing:-.055em}.price-number{margin:22px 0}.price-unit{font-size:22px}.monthly{font-size:16px}.price-copy h3{font-size:27px;font-weight:900}.price-scene{min-height:320px}
@media(max-width:1100px){.king-card{width:28%;height:195px;top:312px;padding:12px}.king-stage{scale:.85;transform-origin:center bottom}.king-card-title{font-size:9px}.king-card-title>span{font-size:8px}.hero .editorial-canvas{width:27%;right:29%;height:216px;top:243px}.hero .editorial-grid{height:150px}.hero .editorial-title{font-size:24px}.design-switcher{gap:32px;grid-template-columns:.7fr 1.8fr}.switcher-intro h3{font-size:27px}.comparison-copy h4{font-size:37px}.comparison-copy p{font-size:9px}.comparison-site[data-appearance="bold"] .comparison-copy h4{font-size:60px}}
@media(max-width:760px){.hero-stage{height:590px}.hero .editorial-canvas{width:44%;right:43%;top:203px;height:156px;padding:8px}.hero .editorial-grid{height:112px}.hero .editorial-title{font-size:21px}.king-card{width:49%;height:158px;top:246px;right:0;padding:9px 10px;rotate:6deg}.king-card:hover{rotate:6deg}.king-card-title{font-size:8px;gap:4px}.king-card-title>span{font-size:7px}.king-stage{width:260px;height:140px;top:-4px;bottom:auto;left:50%;margin-left:-130px;scale:.62;transform-origin:50% 100%}.king-card-caption{font-size:7px;left:10px;bottom:9px}.hero-wordmark{bottom:20px}.design-switcher{grid-template-columns:1fr;gap:28px;margin-top:44px;padding-top:36px}.switcher-intro{padding-top:0}.switcher-intro h3{font-size:27px;margin-bottom:12px}.switcher-intro h3 br{display:none}.switcher-intro p{font-size:14px}.design-controls{width:100%;max-width:300px;margin-bottom:16px}.comparison-site{height:540px}.comparison-header{padding:20px 21px;font-size:7px;gap:10px}.comparison-header>span:first-child{font-size:10px}.comparison-body{height:calc(100% - 105px);grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:0 21px;gap:15px;align-items:stretch}.comparison-copy{padding-top:8px}.comparison-copy h4{font-size:35px;line-height:1.3;margin-bottom:13px}.comparison-copy p{font-size:10px}.comparison-link{font-size:9px;margin-top:12px}.comparison-body>img{height:100%;width:100%;object-position:50% 48%}.comparison-footer{left:21px;right:21px;bottom:16px;font-size:7px;padding-top:8px}.comparison-note{font-size:10px;line-height:1.8}.comparison-site[data-appearance="bold"] .comparison-body{grid-template-rows:1fr;align-items:center}.comparison-site[data-appearance="bold"] .comparison-copy h4{font-size:56px;line-height:1.14;margin-bottom:32px}.comparison-site[data-appearance="bold"] .comparison-body>img{width:90%;height:100%;right:-12%;top:0;opacity:.33}.comparison-site[data-appearance="bold"] .comparison-copy p{font-size:11px}.price-number>span:not(.price-unit):not(.monthly):not(.tax-label){font-size:49px}.price-unit{font-size:20px}.monthly{font-size:14px}.price-copy h3{font-size:23px}.price-scene{min-height:560px}}
@media(max-width:370px){.hero-stage{height:550px}.hero .editorial-canvas{top:188px;height:140px}.hero .editorial-grid{height:95px}.king-card{top:224px;height:147px}.king-stage{top:-14px;scale:.54}.king-card-title{font-size:7px}.king-card-title>span{font-size:6px}.comparison-site[data-appearance="bold"] .comparison-copy h4{font-size:48px}.comparison-header{padding-inline:16px}.comparison-header>span:last-child{letter-spacing:0}.switcher-intro h3{font-size:24px}}
.king-card{align-content:start}
.site-footer{position:relative;justify-content:center}
.site-footer .back-top{position:absolute;right:0;margin-left:0;animation:backTopBounce 2.6s infinite}
@keyframes backTopBounce{0%,35%,100%{transform:translateY(0)}55%{transform:translateY(-8px)}70%{transform:translateY(-3px)}82%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.site-footer .back-top{animation:none}}
.build-art[role="button"],.care-art[role="button"]{cursor:pointer;border-radius:16px}
.build-art[role="button"]:focus-visible,.care-art[role="button"]:focus-visible{outline:3px solid var(--ink);outline-offset:8px}
.hero .editorial-canvas{container-type:inline-size}
.hero .editorial-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hero .editorial-title{font-size:clamp(10px,10cqw,30px);line-height:1.35;white-space:nowrap;min-width:0;align-self:center}
.editorial-title>span{display:block}
.king-card{overflow:visible;z-index:4}
.king-mob{width:240px;height:220px;left:calc(50% - 120px)}
.king-eyes{top:64px;gap:42px}.king-eyes>i{width:22px;height:39px}
.king-crown{width:88px;height:50px;left:76px;top:-38px}
.king-card-title{justify-content:flex-end}
.type-canvas{padding:0;container-type:inline-size;cursor:pointer}
.type-canvas .type-art{width:100%;transition:transform .8s var(--ease),font-size .8s var(--ease)}
.type-canvas .type-art>span{display:block;transition:transform .8s var(--ease);transform-origin:50% 55%}
.type-canvas .canvas-caption{right:16px;display:flex;justify-content:space-between;gap:6px;text-align:left;line-height:1.5}
.type-action{font-family:"Yu Gothic",Meiryo,sans-serif;letter-spacing:0;border-bottom:2px solid var(--accent);white-space:nowrap}
.type-canvas[data-arrangement="1"] .type-art{flex-direction:row;align-items:center;transform:rotate(-13deg);font-size:32cqw;letter-spacing:-.18em}
.type-canvas[data-arrangement="1"] .type-art>span:nth-child(1){transform:translateY(-16%) rotate(-12deg)}
.type-canvas[data-arrangement="1"] .type-art>span:nth-child(2){transform:translateY(12%) rotate(10deg)}
.type-canvas[data-arrangement="1"] .type-art>span:nth-child(3){transform:translateY(-4%) rotate(-4deg)}
.type-canvas[data-arrangement="2"] .type-art{transform:rotate(3deg);font-size:39cqw;line-height:.85;letter-spacing:-.12em}
.type-canvas[data-arrangement="2"] .type-art>span:nth-child(1){transform:translateX(-13%) rotate(-22deg) scale(1.1)}
.type-canvas[data-arrangement="2"] .type-art>span:nth-child(2){transform:translateX(19%) rotate(18deg) scale(.78)}
.type-canvas[data-arrangement="2"] .type-art>span:nth-child(3){transform:translateX(-7%) rotate(-8deg) scale(1.08)}
.type-canvas[data-arrangement="3"] .type-art{transform:rotate(-4deg) scaleX(1.1);font-size:41cqw;line-height:.7;letter-spacing:-.12em}
.type-canvas[data-arrangement="3"] .type-art>span:nth-child(1){transform:rotate(14deg) scale(.7)}
.type-canvas[data-arrangement="3"] .type-art>span:nth-child(2){transform:rotate(-16deg) scale(1.25)}
.type-canvas[data-arrangement="3"] .type-art>span:nth-child(3){transform:translateX(8%) rotate(14deg) scale(.8)}
@media(prefers-reduced-motion:reduce){.type-canvas .type-art,.type-canvas .type-art>span{transition:none}}
.scroll-link{gap:11px;min-height:62px}
.scroll-link{justify-content:center}
.scroll-chevron{display:block;width:16px;height:11px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);animation:scrollChevronBounce 2.6s infinite}
@keyframes scrollChevronBounce{0%,35%,100%{transform:translateY(0)}55%{transform:translateY(8px)}70%{transform:translateY(3px)}82%{transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){.scroll-chevron{animation:none}}
.scroll-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--accent);animation:scrollDotBounce 2.6s infinite;transform-origin:center}
@keyframes scrollDotBounce{0%,35%,100%{transform:translateY(0) scale(1)}53%{transform:translateY(10px) scale(1.1,.85)}66%{transform:translateY(4px) scale(.95,1.05)}78%{transform:translateY(10px) scale(1.05,.9)}90%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.scroll-dot{animation:none}}
.work-dialog-content>.modal-cinematic{pointer-events:auto;cursor:zoom-in;touch-action:pan-y}
.modal-cinematic>img{transition:transform 1.6s var(--ease),object-position 1.6s var(--ease)}
.modal-cinematic.is-panned>img{transform:scale(1.12) translate(var(--photo-x,-1%),var(--photo-y,1%));object-position:58% 62%}
.modal-cinematic:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.modal-cinematic:hover>img{transform:scale(1.12) translate(var(--photo-x,-1%),var(--photo-y,1%));object-position:58% 62%}}
@media(prefers-reduced-motion:reduce){.modal-cinematic>img{transition:none!important}}
.comparison-body{grid-template-rows:minmax(0,1fr)}.comparison-body>img{min-height:0;max-height:100%;align-self:center}
@media(max-width:760px){.comparison-body{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.comparison-site[data-appearance="bold"] .comparison-body{grid-template-rows:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.king-card .mini-mob{animation:none;opacity:0}.king-card .king-mob{opacity:1;transform:none;animation:none}.king-card .king-eyes{animation:none}.comparison-site *{transition:none!important}}

.price-number>.tax-label{font-size:12px;letter-spacing:0;line-height:1.5;margin:0 0 0 10px;padding:1px 8px;flex-shrink:0}
.service-invitation{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.service-invitation h3{font-size:clamp(22px,2.5vw,32px);font-weight:900;letter-spacing:-.04em}
.service-invitation p{font-size:15px;line-height:1.9}
@media(max-width:760px){.service-invitation{display:block;margin-top:32px;padding-top:28px}.service-invitation h3{font-size:24px}.service-invitation p{margin-top:12px;font-size:14px}}
/* A single shallow curve softens each change of background without moving the content. */
.flow-section{border-top:0}
.faq-section{position:relative;isolation:isolate}
.flow-section::before,.flow-section::after,.faq-section::before,.faq-section::after{content:"";position:absolute;left:0;right:0;height:clamp(22px,3vw,44px);background:var(--paper);pointer-events:none;z-index:0}
.flow-section::before,.faq-section::before{top:0;border-radius:0 0 50% 50% / 0 0 100% 100%}
.flow-section::after,.faq-section::after{bottom:0;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.faq-section>.wrap{position:relative;z-index:1}
.service-support article+article{border-top:1px dashed var(--line)}
.sample-cafe>img,.work-cafe .work-button:hover .sample-cafe>img,.work-dialog-content>.sample-cafe:hover>img{transform:none!important;transition:none}
.work-dialog[open] .work-dialog-content>.sample-cafe{pointer-events:none;cursor:default}
.cafe-effects{display:block;position:absolute;z-index:1;pointer-events:none}
.cafe-effects .cafe-steam{left:64%;top:20%;width:8%;height:19%}
.cafe-effects .cafe-steam i{width:20%;height:82%;left:15%;border-left-color:#fff8e9aa;filter:blur(2px);transform-origin:bottom center}
.cafe-effects .cafe-steam i:nth-child(2){left:42%}.cafe-effects .cafe-steam i:nth-child(3){left:68%}
.cafe-butter-sheen{position:absolute;left:28%;top:66%;width:16%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#ffe9a888 0%,#f1ba4d44 45%,transparent 72%);mix-blend-mode:soft-light;transform:translate(-50%,-50%) rotate(-15deg);animation:butterWarmth 5s ease-in-out infinite;animation-play-state:paused}
.work-cafe.cafe-visible .cafe-butter-sheen,.work-dialog[open] .cafe-butter-sheen{animation-play-state:running}
@keyframes butterWarmth{0%,100%{opacity:.15;scale:.75 .85}55%,80%{opacity:.7;scale:1.18 1.08}}
@media(prefers-reduced-motion:reduce){.cafe-butter-sheen{animation:none;opacity:.25}}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.work-cafe{min-width:0}.work-blue{padding-top:65px}.work-play{padding-top:130px}
.work-category{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}
.work-grid .sample h3{font-size:clamp(28px,3.4vw,48px)}
.work-grid .sample-play h3{font-size:clamp(32px,3.8vw,54px)}
.work-grid .play-sticker{font-size:43px}
.work-grid .play-ring{border-width:25px}
.sample-cafe{background:#46362b;aspect-ratio:.9;color:#fff8e9}
.sample-cafe:after{background:linear-gradient(180deg,#21170d80,transparent 48%,#21170d38)}
.sample-cafe>img{height:100%;width:100%;object-fit:cover;object-position:58% 50%;transition:transform 2s var(--ease)}
.cafe-name{position:absolute;z-index:2;top:7%;left:8%;font-size:12px;font-family:"Yu Mincho",serif;letter-spacing:.12em}
.sample-cafe h3{top:18%;left:8%;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;letter-spacing:.02em;line-height:1.45}
.cafe-menu-label{position:absolute;bottom:8%;left:8%;z-index:2;font-size:10px;letter-spacing:.08em;padding:8px 15px;background:#b63725;border:1px solid #fff8e955}
.cafe-steam{position:absolute;left:57%;top:30%;width:17%;height:25%;z-index:1;pointer-events:none}
.cafe-steam i{position:absolute;bottom:0;left:25%;width:16px;height:70%;border-left:2px solid #fff8e9aa;border-radius:50%;filter:blur(2px);opacity:0;animation:cafeSteam 4.2s ease-out infinite;animation-play-state:paused}
.cafe-steam i:nth-child(2){left:50%;animation-delay:1.4s}.cafe-steam i:nth-child(3){left:70%;animation-delay:2.8s}
.work-cafe.in-view .cafe-steam i,.work-dialog[open] .cafe-steam i{animation-play-state:running}
.work-cafe:not(.cafe-visible) .cafe-steam i{animation-play-state:paused}
@keyframes cafeSteam{0%{opacity:0;transform:translate(0,10px) scale(.6)}25%{opacity:.7}75%{opacity:.3}100%{opacity:0;transform:translate(-8px,-28px) scale(1.2)}}
.work-cafe .work-button:hover .sample{transform:none}.work-cafe .work-button:hover h3{transform:none}.work-cafe .work-button:hover img{transform:scale(1.07)}
.work-dialog-content>.sample-cafe{aspect-ratio:1.25;pointer-events:auto;cursor:zoom-in}
.work-dialog-content>.sample-cafe h3{font-size:clamp(36px,5vw,64px)}
.sample-cafe.is-panned>img{transform:scale(1.08)}
@media(hover:hover) and (pointer:fine){.work-dialog-content>.sample-cafe:hover>img{transform:scale(1.08)}}
@media(max-width:1100px) and (min-width:761px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.work-blue{padding-top:60px}.work-play{padding-top:0}.work-grid .sample h3{font-size:42px}.work-grid .sample-play h3{font-size:48px}}
@media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:42px}.work-cafe{margin-right:20px}.work-blue{padding-top:0;margin-left:20px;margin-right:0}.work-play{padding-top:0;margin-left:0;margin-right:20px}.work-grid .sample h3{font-size:43px}.work-grid .sample-play h3{font-size:49px}.sample-cafe{aspect-ratio:.94}.cafe-name{font-size:11px}.sample-cafe h3{font-size:37px!important}.work-dialog-content>.sample-cafe{aspect-ratio:.95}.work-dialog-content>.sample-cafe h3{font-size:40px}.cafe-menu-label{font-size:10px}}
@media(max-width:370px){.work-grid .sample h3{font-size:38px}.work-grid .sample-play h3{font-size:44px}.sample-cafe h3{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.cafe-steam i{animation:none;opacity:.3}.sample-cafe>img{transition:none}.work-cafe .work-button:hover img,.work-dialog-content>.sample-cafe:hover>img{transform:none}}
.design-word{display:block;position:relative;line-height:0}
.design-base{width:100%;clip-path:inset(0 24% 0 0)}
.design-n{position:absolute;left:76.0358%;top:24.0741%;width:15.2296%;height:51.1111%;overflow:visible;transform-origin:50% 100%}
.logo-period{position:absolute;left:93.1691%;top:55.5556%;width:6.383%;height:20.7407%;overflow:visible;transform-origin:50% 50%}
.hero-wordmark{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}
/* Keep the typography study above the wordmark on desktop, including wide viewports. */
@media(min-width:1101px){
  .hero-stage{height:clamp(650px,53vw,760px)}
  .hero-wordmark{width:52%}
  .hero .type-canvas{top:36px;width:26%;height:250px}
  .hero .type-canvas[data-arrangement="0"] .type-art{font-size:29cqw;line-height:.73;transform:scaleX(1.5) rotate(2deg)}
  .hero .type-canvas[data-arrangement="2"] .type-art{font-size:26cqw;line-height:.8}
  .hero .type-canvas[data-arrangement="3"] .type-art{font-size:28cqw;line-height:.72}
}

/* Different broad, asymmetrical curves at each section boundary. */
.flow-section::before{height:clamp(30px,4vw,58px);border-radius:0 0 72% 28% / 0 0 72% 100%}
.flow-section::after{height:clamp(24px,3.5vw,50px);border-radius:28% 72% 0 0 / 65% 100% 0 0}
.faq-section::before{height:clamp(32px,4.5vw,64px);border-radius:0 0 35% 65% / 0 0 100% 58%}
.faq-section::after{height:clamp(20px,2.8vw,40px);border-radius:65% 35% 0 0 / 100% 55% 0 0}

/* A restrained highlighter strip behind the first letter. */
.type-accent{position:absolute;z-index:0;left:50%;top:24%;width:57%;height:clamp(14px,9cqw,32px);border-radius:1px;background:var(--accent);transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none;transition:left .8s var(--ease),top .8s var(--ease),width .8s var(--ease),transform .8s var(--ease)}
.type-canvas .type-art{position:relative;z-index:1}
.type-canvas .canvas-caption{z-index:2}
.type-canvas[data-arrangement="1"] .type-accent{left:27%;top:43%;width:35%;transform:translate(-50%,-50%) rotate(-20deg)}
.type-canvas[data-arrangement="2"] .type-accent{left:38%;top:23%;width:52%;transform:translate(-50%,-50%) rotate(9deg)}
.type-canvas[data-arrangement="3"] .type-accent{left:50%;top:22%;width:36%;transform:translate(-50%,-50%) rotate(8deg)}
@media(prefers-reduced-motion:reduce){.type-accent{transition:none}}

/* Reversible frameless typography trial; backup: design/backups/before-frameless-asobi. */
.hero .type-frameless,.hero .type-frameless:hover{border:0;background:transparent;box-shadow:none}
.type-frameless .canvas-caption{justify-content:flex-end}

.type-accent svg{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:clamp(16px,6cqw,23px);height:clamp(16px,6cqw,23px);padding:1px;background:var(--accent);color:var(--ink);stroke-width:1.7;border-radius:2px}
.type-canvas[data-arrangement="0"] .type-accent{left:60%;top:21%;width:77%;transform:translate(-50%,-50%) rotate(-12deg)}

/* Three stacked scroll cues, using the same gentle downward bounce. */
.scroll-link{gap:5px;min-height:70px}

.site-footer .back-top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:64px;border:0;border-radius:0}
.back-chevron{display:block;flex-shrink:0;width:16px;height:11px;background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%)}

/* Shared labels connect the three service groups without adding a call to action. */
.service-support-intro{padding:12px 0 0;color:var(--ink);letter-spacing:normal}
.service-invitation{align-items:center}
.service-invitation .service-kicker{margin-bottom:14px}
@media(max-width:760px){.service-support-intro{padding-top:22px}}

@media(max-width:760px){.flow-board .steps{gap:28px}}

.creation-includes{list-style:none;margin:22px 0 0;padding:0;font-size:15px;line-height:2}
.creation-includes li{position:relative;padding-left:25px}
.creation-includes li::before{content:"✓";position:absolute;left:0;font-weight:800}

/* Compact creation pricing on phones; preserve the illustration and desktop layout. */
@media(max-width:760px){
  #price-create .creation-includes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:16px;font-size:clamp(12px,3.4vw,14px);line-height:1.7}
  #price-create .creation-includes li{padding-left:18px}
  #price-create .price-copy>p:not(.price-number){font-size:14px;line-height:1.75}
  #price-create .price-copy>p:not(.price-number)>br{display:none}
  #price-create .price-number{margin:14px 0 12px}
  #price-create{row-gap:0}
  #price-create .build-art{margin-top:-8px}
  .price-scene:has(> #price-create:not([hidden])){min-height:0}
}

@media(max-width:760px){
  .site-header nav .pill{width:100%;min-width:0;min-height:52px;padding:14px 20px;gap:16px;font-size:15px;line-height:1.5;box-sizing:border-box}
  .site-header nav .pill svg{flex-shrink:0;width:22px;height:22px}
}