.service-visual{position:relative;min-height:650px;height:calc(100svh - 88px);overflow:hidden;background:#171715;display:flex;align-items:center;justify-content:center;isolation:isolate}.service-visual>img{width:100%;height:100%;object-fit:cover}.service-visual figcaption{position:absolute;bottom:24px;right:24px;background:#080808d9;color:#eee;font-size:12px;padding:10px 14px}.visual-label{position:absolute;top:45px;left:35px;font:10px Manrope;letter-spacing:2px;color:#c3b9a9}.hero-inquiry{display:block;width:fit-content;font-size:14px;margin-top:22px;color:#c0b6a8!important}.hero-inquiry:hover{text-decoration:underline}.presenter-visual>img{object-position:50% 35%}.voice-lines{position:absolute;bottom:90px;inset-inline:12%;height:65px;display:flex;align-items:center;justify-content:center;gap:5px}.voice-lines i{display:block;height:var(--bar);width:3px;background:#fff;border-radius:4px;box-shadow:0 1px 5px #0007}.twin-visual{background:#e8e4dc;color:#27231d;flex-direction:column}.twin-visual .visual-label{color:#6c6356}.twin-type{font-size:clamp(75px,10vw,165px);font-weight:400;line-height:1.15;letter-spacing:-6px}.twin-type span{display:block}.twin-type span:last-child{color:transparent;-webkit-text-stroke:1px #8c8172;transform:translateX(-15%)}.twin-path{display:flex;gap:20px;margin:55px 0 15px;font-size:13px}.twin-path span+span{border-inline-start:1px solid #a09584;padding-inline-start:20px}.twin-visual>p{font-size:16px;color:#6a6155}.fashion-visual{background:#85827c}.fashion-visual img{object-position:50% 25%}.ugc-visual{flex-direction:column;padding:100px 45px 45px;background:#282925}.ugc-frame{position:relative;height:80%;max-height:640px;aspect-ratio:9/16;border:7px solid #111;border-radius:32px;overflow:hidden;box-shadow:0 30px 70px #0005;transform:rotate(-4deg)}.ugc-frame img{width:100%;height:100%;object-fit:cover}.ugc-frame>div{position:absolute;bottom:0;inset-inline:0;padding:50px 20px 30px;background:linear-gradient(transparent,#000d)}.ugc-frame small{display:block;font-size:10px}.ugc-frame strong{font-size:25px;line-height:1.3;font-weight:400}.ugc-steps{display:flex;gap:35px;margin-top:30px;font-size:13px}.character-visual{background:#dcd6ca;color:#171512}.character-visual .visual-label{color:#62594d}.story-sheets{position:relative;width:70%;height:65%;max-height:550px}.story-sheets article{position:absolute;inset:0;padding:35px;background:#f7f4ed;box-shadow:0 10px 30px #201b161c;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s}.story-sheets article:nth-child(1){transform:translate(24px,-25px) rotate(8deg);background:#a9a295}.story-sheets article:nth-child(2){transform:translate(12px,-12px) rotate(3deg);background:#c9c0b1}.story-sheets article:nth-child(3){transform:rotate(-4deg)}.story-sheets small{font-size:13px}.story-sheets strong{font-weight:400;font-size:clamp(35px,4.3vw,65px);line-height:1.15}.web-visual{background:#bfb7a9;color:#15130f;perspective:1200px;flex-direction:column;padding:100px 7% 60px}.web-visual .visual-label{color:#534b3f}.browser-object{width:100%;display:block;box-shadow:0 40px 60px #201b163b;transform:rotateY(var(--tilt-y,0deg)) rotateX(var(--tilt-x,0deg));transition:transform .2s ease-out;border:1px solid #39362f;border-radius:10px;overflow:hidden}.browser-chrome{display:flex;align-items:center;gap:5px;background:#191919;padding:12px 15px;direction:ltr}.browser-chrome i{height:5px;width:5px;border-radius:50%;background:#777}.browser-chrome span{font:8px Manrope;color:#aaa;margin:auto}.browser-scene{position:relative;aspect-ratio:4/3;overflow:hidden;background:#080808}.browser-scene img{width:100%;height:100%;object-fit:cover}.browser-scene strong{position:absolute;top:15%;left:8%;font:400 clamp(30px,4vw,65px)/.95 Manrope;color:#f3eee7;letter-spacing:-2px}.browser-scene em{font-family:Georgia;font-style:italic;color:#f3eee7}.web-visual>p{margin-top:35px;font-size:15px;display:flex;gap:20px;align-items:center}
.chapter-nav{position:sticky;top:88px;z-index:40;display:flex;gap:35px;justify-content:center;padding:15px 5%;background:#171614f0;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff29;font-size:14px}.chapter-nav a{padding:5px;border-bottom:1px solid transparent;white-space:nowrap}.chapter-nav a[aria-current]{border-color:#d5c5aa;color:#e9dbc6}.house #story,.house #workflow,.house #starting,.house #answers{scroll-margin-top:170px}.compact-process{background:#eeebe5;color:#211d17;display:grid;grid-template-columns:.85fr 1.4fr;column-gap:12%;align-items:start}.compact-process h2{font-size:48px;grid-row:1/5}.compact-process details{grid-column:2;border-top:1px solid #b8ac98;padding:24px 0}.compact-process summary{display:flex;align-items:center;gap:22px;list-style:none;font-size:24px;cursor:pointer}.compact-process summary::-webkit-details-marker{display:none}.compact-process summary span{font:11px Manrope;color:#6e6353}.compact-process summary b{font-size:22px;margin-inline-start:auto;font-weight:400}.compact-process details[open] summary b{transform:rotate(45deg)}.compact-process details p{font-size:18px;color:#5c5244;padding-inline-start:40px;margin-top:20px}.goal-picker{display:none;padding-block:5px 30px!important;gap:10px;flex-wrap:wrap}.enhanced .goal-picker{display:flex}.goal-picker button{background:transparent;color:#c9c2b6;border:1px solid #5e574e;border-radius:30px;padding:12px 20px;font:15px Heebo;cursor:pointer;min-height:48px}.goal-picker button[aria-pressed=true]{background:#e6e0d5;color:#171512;border-color:#e6e0d5}.goal-status{flex-basis:100%;font-size:13px;color:#aaa;margin-top:8px!important}.solution-list>a[hidden]{display:none}
.journal-cover{height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#d5cfc3;color:#2e281f;margin-bottom:30px;position:relative;overflow:hidden}.journal-cover>span{font:10px Manrope;letter-spacing:3px}.journal-cover>strong{position:absolute;left:15px;bottom:-60px;font:300 260px/1 Manrope;letter-spacing:-25px;color:#afa593}.journal-cover>small{font-size:30px;z-index:1}.cover-2{background:#262721;color:#eee8db}.cover-2>strong{color:#424338}.cover-3{background:#e9e6df}.cover-3>strong{color:transparent;-webkit-text-stroke:1px #9e9588}.cover-4{background:#9b9180;color:#171512}.cover-4>strong{color:#bfb4a0}.article-layout{border-top:1px solid #776d5d}.article-toc a[aria-current]{color:#17110c;border-inline-start:3px solid #62553e;font-weight:500}.studio-signature{padding:75px 7%;background:#d8d1c5;color:#151310;overflow:hidden}.studio-signature>span{display:block;font:400 clamp(50px,10vw,150px)/1.1 Manrope;letter-spacing:-5px}.studio-signature>span:nth-child(2){color:#817565}.studio-signature p{margin-top:40px;font-size:22px;line-height:1.7}.detail-study{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:center}.detail-study h2{font-size:45px;line-height:1.15;margin-bottom:25px}.detail-study>div>p:not(.overline){font-size:17px;color:#beb5a8;line-height:1.9}.detail-study label{display:none;font-size:14px;margin-top:35px}.detail-study input{display:none;width:100%;height:35px;accent-color:#d5c3a6;cursor:ew-resize}.detail-study #detail-help{display:none}.enhanced .detail-study label,.enhanced .detail-study input,.enhanced .detail-study #detail-help{display:block}.detail-window{height:650px;overflow:hidden;background:#191816}.detail-window img{height:100%;width:100%;object-fit:cover;transform:scale(var(--detail-scale,1));transform-origin:var(--detail-x,50%) var(--detail-y,50%)}.home-reading a{position:relative;display:block;padding:28px 0;border-top:1px solid #5c554a;padding-inline-end:40px}.home-reading small{font-size:12px;color:#aaa}.home-reading h3{font-size:25px;font-weight:400;line-height:1.5;margin:12px 0 0}.home-reading svg{position:absolute;left:0;top:50%}.home-reading a:hover h3{color:#d8c5a4}
@media(hover:hover) and (pointer:fine){.motion-ready .character-visual:hover .story-sheets article:nth-child(1){transform:translate(50px,-50px) rotate(12deg)}.motion-ready .character-visual:hover .story-sheets article:nth-child(2){transform:translate(25px,-25px) rotate(5deg)}}
@media(max-width:700px){.service-visual{order:2;min-height:0;height:570px}.visual-label{top:30px;left:25px;font-size:8px;letter-spacing:1.5px}.twin-type{font-size:105px;letter-spacing:-4px}.twin-path{gap:12px;font-size:12px}.twin-path span+span{padding-inline-start:12px}.ugc-visual{padding:75px 30px 30px}.ugc-frame{height:82%}.ugc-steps{gap:25px;font-size:12px}.story-sheets{height:65%}.story-sheets article{padding:25px}.story-sheets strong{font-size:43px}.web-visual{height:440px;padding:90px 7% 40px}.browser-scene strong{font-size:40px}.chapter-nav{top:76px;gap:14px;padding:10px 3%;font-size:13px}.house #story,.house #workflow,.house #starting,.house #answers{scroll-margin-top:145px}.compact-process{display:block}.compact-process h2{font-size:36px;margin-bottom:30px}.compact-process summary{font-size:21px;gap:15px}.compact-process details p{padding-inline-start:30px;font-size:17px}.goal-picker{gap:8px}.goal-picker button{font-size:13px;padding:11px 15px}.journal-cover{height:240px}.journal-cover>strong{font-size:215px;bottom:-50px}.studio-signature{padding:55px 6%}.studio-signature>span{font-size:49px;letter-spacing:-2px}.studio-signature p{font-size:18px}.detail-study{grid-template-columns:1fr;gap:30px}.detail-study h2{font-size:37px}.detail-window{height:480px}.home-reading h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.browser-object,.story-sheets article{transform:none!important;transition:none!important}}
.no-motion .browser-object,.no-motion .story-sheets article{transition:none!important}.no-motion .browser-object{transform:none!important}
@media(max-height:550px) and (orientation:landscape){.chapter-nav{position:relative;top:0}}