/* An atmospheric editorial direction for Built by Daniel. */
:root{--paper:#101010;--ink:#efeee8;--muted:#a6a4a1;--line:#33302d;--orange:#ff704c;--serif:Georgia,'Times New Roman',serif}
html{scroll-padding-top:40px;scrollbar-color:#61554e #101010}body{background:#101010}main{overflow:hidden}.header{position:absolute;top:0;left:0;right:0;padding:0 5.5%;height:112px;border:0;z-index:10;gap:24px}.wordmark{flex-shrink:0}.brand-icon{background:#fb613c;border-radius:50% 50% 45% 15%;box-shadow:inset -3px -4px 5px #72270440,0 0 32px #fb613c15}.header nav{border:1px solid transparent;border-radius:40px;padding:7px 24px;gap:32px;margin-left:auto;background:linear-gradient(#171414e8,#171414e8) padding-box,linear-gradient(110deg,#a26249,#453647 45%,#7266a1) border-box;box-shadow:0 0 30px #c36d3d08;backdrop-filter:blur(15px);font-size:12px}.header nav a{padding:11px 0}.header nav a:after{bottom:4px}.nav-contact{padding:10px 0}.header nav>a:nth-child(2){display:block}.motion-toggle{border:0;color:#ccc7c2;padding:12px 0;flex-shrink:0}.motion-label{font:9px var(--mono)}
.hero{position:relative;min-height:800px;padding:130px 5.5% 0;isolation:isolate;background:#101010}.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-halo{position:absolute;width:760px;height:760px;border-radius:50%;right:-90px;top:0;background:radial-gradient(ellipse at 40% 25%,#9e562918 0%,transparent 46%),radial-gradient(ellipse at 70% 66%,#7061a428 0%,transparent 58%);filter:blur(32px);animation:halo-breathe 15s ease-in-out infinite alternate}.ambient-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#101010d9 0%,#10101044 30%,transparent 60%),linear-gradient(0deg,#101010 0%,transparent 22%,transparent 85%,#10101080)}#idea-field{position:absolute;inset:0;width:100%;height:100%}.hero-top{padding:8px 0;color:#b3aaa3;font-size:9px;position:relative;z-index:2}.hero-top .live-dot{width:5px;height:5px;box-shadow:0 0 13px #ff704c}.hero-location{font-size:8px;opacity:.8}.hero-body{display:grid;grid-template-columns:71% 29%;min-height:590px;align-items:center;gap:0}.hero-copy{padding:5px 0 26px;min-width:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.14em;color:#a99c91;margin-bottom:36px}.hero-copy h1{font-family:var(--serif);font-size:clamp(68px,8.3vw,139px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin:0 0 38px;white-space:nowrap}.hero-copy h1>span{display:block}.hero-copy h1 em{font-style:italic;font-weight:400;color:#ffae81;display:inline-block;transition:opacity .32s,transform .5s,filter .4s;transform-origin:left center;min-width:5.1em}.hero-copy h1 em.word-exit{opacity:0;transform:translateY(12px) rotate(1deg);filter:blur(8px)}.hero-copy .pill{padding:8px 9px 8px 20px;background:transparent;border:1px solid #9d8b7d;border-radius:40px;color:#f0e8e1;font-size:12px;gap:32px}.hero-copy .pill>span{display:grid;place-items:center;border-radius:50%;background:#efeee8;color:#1a1714;width:30px;height:30px;font-size:18px}.hero-copy .pill:hover{background:#efeee8;color:#171411;transform:none}.hero-copy .pill:hover>span{background:#ff704c}.hero-side{padding:160px 0 0 20px;position:relative;z-index:2;max-width:330px}.hero-side-star{display:block;font-size:37px;color:#ff9469;animation:slow-turn 24s linear infinite;width:37px;height:37px;margin-bottom:24px}.hero-side p{font-size:15px;color:#c0b8b1;line-height:1.75;margin:0 0 23px}.hero-about{font-size:11px;display:flex;justify-content:space-between;gap:14px;padding:0 0 10px;border-bottom:1px solid #5d5146}.hero-about .icon{font-size:16px;color:#ffae81}.hero-foot{padding:24px 0 25px;color:#9b9189;font-size:8px;border-color:#3a332c}.hero-foot>span:last-child{color:#a2988d}.hero-foot a{color:#e5d9cc}.hero-foot a span{padding-left:15px}.ticker{background:#151311;border-top:1px solid #3c2b21;border-bottom:1px solid #3c2b21;color:#b9957d;height:64px}.ticker span{font:italic 21px var(--serif);letter-spacing:-.5px;text-transform:lowercase}.ticker i{font-size:22px;color:#de784e}.ticker-track{gap:45px;animation-duration:42s}
.section-pad{padding:100px 5.5%}.section-kicker{font-size:9px;letter-spacing:.1em;color:#a59b94}.section-kicker>span:first-child{color:#d6ccc4}.section-heading{margin:35px 0 43px;align-items:flex-end}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(54px,5.3vw,83px);line-height:1.03;letter-spacing:-.05em}.section-heading h2 em{font-weight:400;color:#b7aaa0}.work-filters{border:1px solid #413c37;border-radius:30px;margin-bottom:8px;padding:4px;gap:1px}.work-filters button,.work-filters button:first-child{border:0;border-radius:24px;padding:10px 16px;margin:0;font-size:10px;color:#b2a79e}.work-filters button.active{background:#ded7cc;color:#211b15}.projects-grid{display:flex;grid-template-columns:none;gap:30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -6.18%;padding:0 5.5% 10px;align-items:flex-start;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y}.projects-grid::-webkit-scrollbar{display:none}.projects-grid.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.project-card{flex:0 0 min(66vw,760px);scroll-snap-align:center}.project-card.reveal{opacity:1!important;transform:none!important;transition:none!important}.project-scene{height:490px;border-radius:24px;cursor:inherit}.project-scene:after{border-radius:24px}.project-info{padding:22px 5px 0;flex-direction:row;gap:20px}.project-info h3{font:34px var(--serif);letter-spacing:-1.3px;margin-bottom:7px}.project-info p{font-size:12px;line-height:1.5;max-width:430px;color:#a99d93}.project-category{font-size:8px;max-width:150px;color:#c0a890;margin-top:12px}.scene-top{top:25px;left:28px;right:28px;font-size:9px}.scene-top>span:last-child{font-size:8px}.scene-caption{left:28px;font-size:9px;bottom:28px;right:85px;line-height:1.4}.project-open{right:23px;bottom:22px;width:45px;height:45px;font-size:25px}.kinary-brand{top:68px;font-size:57px}.kinary-brand>span:last-child{font-size:28px}.kinary-symbol{font-size:62px}.care-window{top:157px;left:22%;width:59%;max-width:470px;transform:rotate(-6deg);transform-origin:top center}.project-scene:hover .care-window{transform:rotate(-2deg) translateY(-6px)}.mock-main{padding:20px 17px 14px}.mock-greeting{font-size:18px}.mock-subtitle{font-size:9px}.mock-summary{margin-top:15px;padding:13px 14px}.mock-tiles>div{padding:11px}.mock-tiles small{font-size:7px}.group-title{font-size:69px;top:73px}.game-card{top:184px;width:184px;height:235px}.game-back{left:28%}.game-front{left:49%}.game-front b{font-size:24px}.game-back b{font-size:44px}.group-stars{left:19%;top:150px}.group-stars>span{left:360px;top:220px}.renant-oval{top:75px;width:300px;left:calc(50% - 150px);height:190px;font-size:183px;line-height:180px}.renant-title{font-size:76px;top:281px}.renant-note{right:32px;bottom:86px;font-size:8px}.desk-brand{top:70px;font-size:60px}.desk-board{top:154px;left:24%;width:54%;max-width:435px;padding:20px}.desk-board h4{font-size:25px;margin:20px 0 14px}.desk-stats b{font-size:36px}.desk-route{margin:19px 0}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:15px}.gallery-hint{font-size:8px;color:#a59688;letter-spacing:.08em}.gallery-pagination{display:flex;align-items:center;gap:9px}.gallery-pagination .mono{font-size:10px;margin-right:16px;color:#bdada0}.gallery-pagination button{width:40px;height:40px;border:1px solid #6c5d4e;border-radius:50%;display:grid;place-items:center;font-size:19px;color:#e8d6c5;transition:background .25s}.gallery-pagination button:hover{background:#483528}.gallery-pagination button:disabled{opacity:.3;cursor:default}.gallery-pagination #gallery-prev .icon{transform:rotate(-135deg)}.gallery-pagination #gallery-next .icon{transform:rotate(45deg)}.work-note{margin-top:42px;font-size:9px;color:#aa9889;border-color:#3b3229}#workbench>div{background:#1e1814;border-color:#49392d;border-radius:18px}#workbench p,#workbench small{color:#bda995}
.play-space{background:radial-gradient(ellipse at 78% 45%,#31202b 0%,#191216 34%,#111010 68%);padding-bottom:30px;position:relative;border-top:1px solid #372c2c;border-bottom:1px solid #372c2c}.play-layout{display:grid;grid-template-columns:43% 57%;min-height:680px;align-items:center;position:relative}.play-copy{padding:48px 0 55px;z-index:3;position:relative}.play-copy .eyebrow{font-size:8px;letter-spacing:.15em;color:#ac8e85;margin-bottom:32px}.play-copy h2{font:400 clamp(50px,5.1vw,80px)/1.02 var(--serif);letter-spacing:-.05em}.play-copy h2 em{color:#ff956b}.play-copy>p{font-size:15px;line-height:1.7;color:#c1aca5;margin:25px 0 0}.play-copy>p.play-instructions{font-size:12px;max-width:310px;color:#a6938d;line-height:1.8;margin-top:20px}.play-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:33px;color:#b89181;font-size:8px}.play-space .hero-art{height:620px;min-height:0;margin:0 -40px 0 -20px;background:none;align-self:center}.play-space #sculpture{height:88%;top:-10px}.play-space .orbit-ring{top:4%;height:72%;border-color:#af6a534a;opacity:.7}.play-space .art-grid{background-image:linear-gradient(#f3cab507 1px,transparent 1px),linear-gradient(90deg,#f3cab507 1px,transparent 1px)}.play-space .art-tag{top:9%;right:8%;color:#c29b95}.play-space .art-cross{color:#976c65}.play-space .cross-one{top:8%;left:12%}.play-space .cross-two{bottom:30%;right:12%}.play-space .drag-badge{right:4%;top:38%;background:#281c23e6;border-color:#73504c;color:#e7c9bb}.play-space .art-bottom{left:13%;right:10%;bottom:7%}.play-space .art-bottom>.mono{color:#9e807a;font-size:8px}.play-space .art-bottom b{color:#e8c6b7}.play-space .remix-button{color:#f0c5ac;border-color:#956856;font-size:11px}.play-bottom{display:flex;justify-content:space-between;border-top:1px solid #51352f;padding-top:23px;font-size:8px;color:#a2877a}
.about{background:#151413;border-bottom:1px solid #34302c}.about-layout{grid-template-columns:33% 67%;margin-top:75px}.about-copy h2{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;font-size:clamp(64px,6.5vw,104px)}.about-copy h2 em{color:#cba68a}.about-sticker{background:#ed734e;border:0;box-shadow:6px 9px 0 #3b2b23;transform:rotate(-12deg);border-radius:5px;color:#21150f}.about-left>p{color:#b6a18d;font-size:9px;line-height:1.9}.about-text{font-size:15px;line-height:1.8;color:#b3a89e;max-width:560px}.about-text strong{color:#dfd2c6}.skill-tags{max-width:560px;gap:9px}.skill-tags span{border-color:#514235;color:#c5ad96;font-size:10px;padding:10px 15px}.process{background:#11100f}.process-list h3{font-family:var(--serif);font-size:39px;letter-spacing:-1.4px}.process-list details{padding:30px 0;border-color:#3b3028}.process-list details:first-child{border-color:#3b3028}.process-list details p{color:#b0a293;font-size:14px;max-width:580px}.process-list summary .mono{color:#b99677}.contact{background:radial-gradient(ellipse at 80% 90%,#49302460,transparent 60%),#181311;border-top:1px solid #49352a;padding-top:55px;padding-bottom:65px}.contact .section-kicker{color:#b69b86}.contact-giant>span:first-child{font:400 clamp(64px,8.1vw,130px)/1.02 var(--serif);letter-spacing:-.055em}.contact-giant em{color:#ffa77e}.contact-arrow{border-color:#a17556;color:#ffc399;background:transparent;width:130px;height:130px;font-size:60px}.contact-giant:hover .contact-arrow{background:#f5905e;color:#29160d}.contact-foot p{color:#c5ac97;font-size:14px}.contact .text-link{border-color:#976c4b;color:#e7cab0}.contact-foot{margin-top:38px}footer{background:#0d0c0b;padding:35px 5.5% 110px}footer>.mono,footer>a.mono{color:#ad9d8e}.footer-brand{color:#ded0c3}
.floating-dock{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,100px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid transparent;border-radius:50px;background:linear-gradient(#191416ed,#191416ed) padding-box,linear-gradient(110deg,#a46744,#5e435a 60%,#6f6a9e) border-box;backdrop-filter:blur(18px);box-shadow:0 12px 40px #0006;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s}.floating-dock.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.floating-dock a,.floating-dock button{font-size:11px;padding:13px 24px;border-radius:30px;white-space:nowrap;color:#d8cfc7}.floating-dock a.active{background:#3a2a23;color:#ffbb8c}.floating-dock .dock-home{font-size:23px;font-weight:bold;letter-spacing:-2px;width:42px;height:42px;padding:5px;display:grid;place-items:center;border:1px solid #715039;color:#ff966d}.floating-dock button{border:1px solid #7d6651;padding:11px 16px;display:flex;gap:18px;align-items:center}.floating-dock button:hover{background:#e3c4a9;color:#20160e}.floating-dock button .icon{font-size:15px}dialog{background:#1b1714;border-color:#5e4938;border-radius:20px;max-width:800px}.case-title,#contact-dialog h2{font-family:var(--serif);font-weight:400;font-size:66px}.case-label,.case-role,.case-section p,#contact-dialog>p,.contact-handle{color:#c3b3a4}.case-status{color:#ffae83}.case-notice{background:#33271e;color:#e4cab2;border-radius:10px}.dialog-close{border-color:#7d6651}.toast{bottom:100px;background:#e8d7c7;color:#2a1c11}.motion-paused .ambient-halo,.motion-paused .hero-side-star{animation-play-state:paused}.motion-paused #changing-word{transition:none}.motion-paused .projects-grid{scroll-behavior:auto}@keyframes halo-breathe{to{transform:translate(-70px,70px) scale(1.1);opacity:.7}}@keyframes slow-turn{to{transform:rotate(360deg)}}
@media(min-width:1500px){.header,.hero,.section-pad,footer{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}.hero{min-height:910px}.hero-body{min-height:690px}.hero-copy h1{font-size:144px}.hero-side p{font-size:17px}.project-card{flex-basis:780px}.project-scene{height:530px}.care-window{top:173px;width:58%;left:23%}.group-title{top:88px}.game-card{top:202px}.desk-board{top:170px}.renant-title{top:300px}}
@media(max-width:1100px){.header{padding:0 5%;height:100px}.header nav{gap:20px;padding:6px 20px}.header nav>a:first-child span{display:none}.motion-label{display:none}.hero{padding:116px 5% 0;min-height:720px}.hero-body{min-height:530px;grid-template-columns:67% 33%}.hero-copy h1{font-size:8.5vw}.hero-copy .eyebrow{font-size:8px;letter-spacing:.09em}.hero-side{padding:120px 0 0 15px}.hero-side p{font-size:13px}.hero-side-star{font-size:30px;width:30px;height:30px}.hero-about{font-size:10px}.hero-foot{font-size:7px}.section-pad{padding:75px 5%}.section-heading h2{font-size:63px}.project-card{flex-basis:73vw}.project-scene{height:460px}.care-window{width:65%;left:19%;top:149px}.kinary-brand{font-size:52px}.kinary-symbol{font-size:57px}.game-card{top:178px;width:175px;height:221px}.game-front b{font-size:22px}.group-title{font-size:61px}.game-back{left:24%}.game-front{left:48%}.renant-title{top:265px;font-size:69px}.desk-board{top:150px;left:21%;width:62%;padding:17px}.desk-board h4{margin:16px 0 13px}.play-layout{min-height:600px;grid-template-columns:43% 57%}.play-copy h2{font-size:58px}.play-space .hero-art{height:550px;margin-right:-25px}.play-copy>p{font-size:13px}.play-copy>p.play-instructions{font-size:11px;max-width:260px}.play-tags{font-size:7px;gap:14px}.play-space .drag-badge{font-size:7px;right:4%}.play-space .art-bottom{right:12%;left:15%}.about-copy h2{font-size:76px}.about-sticker{width:170px;height:210px}.about-sticker b{font-size:125px}.contact-giant>span:first-child{font-size:8.5vw}.contact-arrow{width:105px;height:105px;font-size:50px}}
@media(max-width:760px){html{scroll-padding-top:24px}.header{height:88px;padding:0 6%;gap:12px}.header nav{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;gap:18px;margin:0 0 0 auto;font-size:11px}.header nav>a:not(:first-child){display:none}.header .nav-contact{display:none}.header .motion-toggle{width:35px;min-width:35px;padding:8px;min-height:44px}.hero{padding:110px 6% 0;min-height:720px;min-height:calc(100svh - 10px);display:flex;flex-direction:column;justify-content:space-between}.hero-top{font-size:8px;max-width:280px;line-height:1.7;padding:0;letter-spacing:.04em}.hero-top .live-dot{flex-shrink:0}.hero-location{display:none}.hero-body{display:block;min-height:0;padding:55px 0 38px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:.09em;margin-bottom:24px}.hero-copy h1{font-size:clamp(44px,11.7vw,86px);line-height:1.08;letter-spacing:-.07em;margin-bottom:27px}.hero-copy h1 em{min-width:5em}.hero-copy .pill{font-size:11px;padding:7px 8px 7px 17px;gap:23px}.hero-copy .pill>span{width:27px;height:27px;font-size:16px}.hero-side{padding:40px 0 0;max-width:290px;margin-left:20%;display:grid;grid-template-columns:22px 1fr;column-gap:16px}.hero-side-star{width:22px;height:22px;font-size:22px;margin:4px 0 0}.hero-side p{font-size:12px;line-height:1.7;margin:0}.hero-about{grid-column:2;font-size:10px;margin-top:17px;padding-bottom:8px}.hero-about .icon{font-size:14px}.hero-foot{font-size:7px;padding:18px 0;gap:12px;align-items:center}.hero-foot>span:first-child{max-width:51%;line-height:1.7}.hero-foot>span:last-child{display:none}.hero-foot a{font-size:7px;line-height:1.7}.hero-foot a span{padding-left:8px}.ambient-halo{width:640px;height:640px;right:-280px;top:0}.ambient-vignette{background:linear-gradient(90deg,#10101066,transparent 80%),linear-gradient(0deg,#101010 0%,transparent 35%,transparent 85%,#10101090)}.ticker{height:53px}.ticker span{font-size:18px}.ticker-track{gap:30px}.ticker i{font-size:19px}.section-pad{padding:62px 6%}.section-kicker{font-size:8px;letter-spacing:.06em}.section-kicker>span:last-child{display:none}.section-heading{display:block;margin:28px 0 29px}.section-heading h2{font-size:53px;line-height:1.02}.work-filters{display:inline-flex;margin:23px 0 0;padding:3px}.work-filters button,.work-filters button:first-child{padding:9px 14px;font-size:9px}.work-filters sup{font-size:7px}.projects-grid{gap:16px;margin:0 -6.82%;padding:0 6% 5px;scroll-padding-inline:6%;scroll-snap-type:x mandatory}.project-card{flex-basis:84vw;scroll-snap-align:start}.project-scene{height:420px;border-radius:18px}.project-scene:after{border-radius:18px}.project-info{padding:17px 1px 0;gap:12px}.project-info h3{font-size:27px;letter-spacing:-1px}.project-info p{font-size:11px;line-height:1.5;max-width:235px}.project-category{font-size:7px;max-width:88px;line-height:1.6;white-space:normal;margin-top:5px}.scene-top{top:21px;left:19px;right:19px;font-size:8px;row-gap:6px}.scene-top>span:last-child{font-size:7px}.scene-caption{left:20px;bottom:23px;font-size:8px;right:69px}.project-open{width:37px;height:37px;right:17px;bottom:18px;font-size:21px}.kinary-brand{font-size:44px;top:69px;left:20px;right:20px;letter-spacing:-2px}.kinary-brand>span:last-child{font-size:20px;margin-left:6px;margin-top:12px}.kinary-symbol{font-size:46px;margin-right:7px}.care-window{top:142px;left:10%;width:82%;transform:rotate(-6deg) scale(.85)}.project-scene:hover .care-window{transform:rotate(-3deg) scale(.85)}.mock-main{padding:17px 13px 12px}.mock-greeting{font-size:14px}.mock-subtitle{font-size:8px}.mock-summary{margin-top:12px;padding:10px}.mock-tiles>div{padding:8px}.mock-tiles small{font-size:6px}.group-title{font-size:52px;top:81px;letter-spacing:-3px}.game-card{width:148px;height:199px;top:165px}.game-front{left:44%;padding:15px}.game-back{left:15%;padding:15px}.game-front b{font-size:20px}.game-back b{font-size:37px}.group-stars{left:8%;top:144px;font-size:42px}.group-stars>span{left:230px;top:181px;font-size:44px}.renant-oval{top:75px;width:235px;left:calc(50% - 117px);height:150px;font-size:142px;line-height:145px}.renant-title{top:243px;font-size:53px}.renant-title>span{font-size:6px}.renant-note{bottom:77px;right:20px;font-size:7px}.desk-brand{top:73px;font-size:45px}.desk-board{top:145px;left:12%;width:78%;padding:16px}.desk-board h4{font-size:22px;margin:17px 0 11px}.desk-stats b{font-size:31px}.desk-route{margin:15px 0}.desk-row{font-size:7px;padding:8px 0}.gallery-controls{margin-top:23px;gap:8px}.gallery-hint{font-size:7px;max-width:150px;line-height:1.8}.gallery-pagination{gap:7px}.gallery-pagination .mono{font-size:8px;margin-right:4px;white-space:nowrap}.gallery-pagination button{width:35px;height:35px;font-size:16px}.work-note{margin-top:27px;font-size:8px;line-height:1.6}.work-note button{margin-top:17px;font-size:10px}.play-space{padding-top:42px;padding-bottom:26px}.play-layout{display:flex;flex-direction:column;min-height:0}.play-copy{padding:42px 0 0;width:100%}.play-copy .eyebrow{font-size:7px;margin-bottom:22px}.play-copy h2{font-size:54px;letter-spacing:-.055em}.play-copy>p{font-size:13px;line-height:1.7;margin-top:22px}.play-copy>p.play-instructions{font-size:11px;max-width:280px;margin-top:15px}.play-tags{font-size:8px;gap:20px;margin-top:23px}.play-space .hero-art{width:calc(100% + 32px);height:405px;margin:5px -16px 0;align-self:center}.play-space #sculpture{height:90%;top:0}.play-space .orbit-ring{top:5%;height:74%}.play-space .art-tag{top:7%;right:6%;font-size:7px}.play-space .drag-badge{top:40%;right:3%;font-size:7px}.play-space .art-bottom{bottom:3%;left:10%;right:8%;gap:18px}.play-space .art-bottom>.mono{font-size:7px;line-height:1.6}.play-space .remix-button{font-size:10px;white-space:nowrap;gap:10px}.play-bottom{font-size:7px;line-height:1.6;padding-top:17px;margin-top:18px}.play-bottom>span:last-child{display:none}.about{padding-top:51px;padding-bottom:57px}.about-layout{grid-template-columns:1fr;margin-top:30px;gap:22px}.about-sticker{width:95px;height:113px;box-shadow:4px 6px 0 #3b2b23}.about-sticker b{font-size:76px}.about-left>p{font-size:8px}.about-copy h2{font-size:57px;letter-spacing:-.065em}.about-text{font-size:13px;line-height:1.8;margin-top:26px}.skill-tags span{font-size:8px;padding:9px 12px}.process-list h3{font-size:27px;letter-spacing:-1px}.process-list details{padding:24px 0}.process-list summary{gap:15px}.process-list details p{font-size:12px;line-height:1.8;margin-left:26px}.contact{padding-top:37px;padding-bottom:40px}.contact-giant{margin-top:32px;gap:8px}.contact-giant>span:first-child{font-size:10.6vw;line-height:1.05;letter-spacing:-.065em}.contact-arrow{width:49px;height:49px;font-size:26px;margin-bottom:3px}.contact-foot{margin-top:27px}.contact-foot p{font-size:12px}.contact .text-link{font-size:11px}.floating-dock{bottom:max(17px,env(safe-area-inset-bottom));gap:1px;padding:5px;max-width:calc(100vw - 26px)}.floating-dock a{font-size:10px;padding:12px 14px}.floating-dock .dock-home{width:34px;height:34px;font-size:21px;margin-right:1px}.floating-dock button{font-size:10px;padding:10px 12px;gap:8px}.floating-dock button .icon{font-size:13px}footer{padding:28px 6% 110px}.case-title,#contact-dialog h2{font-size:48px}.toast{bottom:85px}.case-section p{font-size:13px}}
@media(max-width:370px){.header nav{gap:10px}.hero{min-height:700px}.hero-copy h1{font-size:11.4vw}.hero-copy .eyebrow{font-size:6.5px}.hero-side{margin-left:9%;max-width:270px}.hero-body{padding-top:43px}.project-card{flex-basis:85vw}.project-scene{height:395px}.kinary-brand{font-size:39px;top:70px}.kinary-symbol{font-size:41px}.kinary-brand>span:last-child{font-size:17px}.care-window{top:135px;left:7%;width:88%;transform:rotate(-5deg) scale(.8)}.project-scene:hover .care-window{transform:rotate(-2deg) scale(.8)}.game-card{width:134px;height:186px;top:158px}.game-front b{font-size:18px}.game-back b{font-size:34px}.group-title{font-size:46px}.renant-title{font-size:46px;top:233px}.desk-board{width:82%;left:9%;padding:14px;top:138px}.desk-brand{font-size:41px}.desk-board h4{font-size:20px;margin:14px 0 10px}.desk-row{padding:7px 0}.play-copy h2{font-size:48px}.play-space .hero-art{height:370px}.about-copy h2{font-size:50px}.floating-dock a{padding:11px 11px}.floating-dock button{padding:10px 10px}.floating-dock .dock-home{width:32px;height:32px}.contact-arrow{width:43px;height:43px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.ambient-halo,.hero-side-star{animation:none}.floating-dock,#changing-word{transition:none}.projects-grid{scroll-behavior:auto}}