:root{--bg:#f7f8f4;--ink:#202e29;--muted:#7a817b;--green:#204b3e;--line:#e1e5dc;--mint:#dfeee4;--orange:#ed9872;--font:'DM Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d57c50;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}button{border:0}::selection{background:#d3e8b5}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:'DM Sans',sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:#6b9379}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-right:11px;transform:rotate(-8deg)}.brand-mark i{background:var(--green);border-radius:7px 1px 1px 1px}.brand-mark i:nth-child(2){transform:rotate(90deg)}.brand-mark i:nth-child(3){transform:rotate(-90deg)}.brand-mark i:nth-child(4){transform:rotate(180deg)}nav{display:flex;align-items:center;gap:35px;font-size:13px;color:#6c756e}nav a{transition:color .2s}nav a:hover,.nav-active{color:var(--green)}.contact-button{border:1px solid #cdd3c9;border-radius:7px;background:transparent;padding:11px 16px;font-size:12px}.contact-button span{margin-left:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-block:76px 65px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#6d8274;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6f9879;flex-shrink:0}.hero h1{font-size:62px;line-height:1.32;font-weight:700;letter-spacing:-3.8px;margin:24px 0 23px;position:relative;white-space:nowrap}.underline{position:relative;isolation:isolate}.underline:after{content:'';position:absolute;bottom:5px;left:0;right:-3px;height:16px;background:#d6e8b3;z-index:-1;transform:rotate(-2deg)}.hero-spark{font-size:43px;color:#dc946e;display:inline-block;vertical-align:top;margin:9px 0 0 13px;font-weight:400}.hero-description{font-size:15px;line-height:1.9;color:#747c74;letter-spacing:-.35px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:14px 19px;border-radius:7px;font-weight:500;font-size:12px;transition:transform .2s,background .2s}.primary{background:var(--green);color:white}.primary:hover{background:#306550;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.text-link{font-size:12px;white-space:nowrap}.text-link span{margin-left:5px}.hero-footnote{display:flex;gap:7px;align-items:center;font-size:10px;color:#92978c;margin-top:28px}.tiny-symbol{font-size:15px}.hero-art{height:410px;background:#e5ede2;border-radius:20px;position:relative;background-image:radial-gradient(#cbd9c9 .65px,transparent .65px);background-size:17px 17px;isolation:isolate}.art-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;position:absolute;left:26px;top:23px;color:#6f8272}.showcase-window{position:absolute;left:35px;right:34px;top:70px;border:1px solid #d3dfd4;border-radius:10px;background:#fcfdf9;box-shadow:0 20px 40px #315b3221;transform:rotate(-4deg);overflow:hidden}.window-bar{height:29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9df;padding:0 12px;color:#9aa295;font-size:7px}.window-bar b{font-size:12px}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;background:#d5dccf;border-radius:50%}.window-dots i:first-child{background:#e5b09b}.showcase-body{display:flex;min-height:226px}.showcase-body aside{width:113px;padding:19px 10px 12px;background:#f0f4ec;font-size:7px;color:#8d9989;position:relative;flex-shrink:0}.moa-word{font-size:16px;font-weight:700;display:flex;gap:5px;align-items:center;color:#305444;margin-bottom:20px}.moa-word span{background:#315c49;color:#edf7e5;border-radius:5px;width:24px;height:24px;display:grid;place-content:center}.showcase-body aside>div:not(.moa-word){padding:7px 5px;margin-bottom:4px}.side-active{background:#dce7d6;border-radius:4px;color:#456342}.side-active small{float:right;font-size:7px}.side-bottom{position:absolute;bottom:15px;left:15px}.showcase-content{flex:1;padding:21px 17px 15px;min-width:0}.showcase-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:15px}.showcase-heading b span{color:#8da36d}.showcase-heading>span{font-size:7px;border:1px solid #dfe8d8;padding:4px 6px;border-radius:4px}.mock-search{font-size:7px;border:1px solid #e6eade;border-radius:4px;padding:7px;color:#a0a798}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.mini-bookmark{border:1px solid #e5e9de;border-radius:5px;overflow:hidden;padding-bottom:6px;background:white}.mini-bookmark b{font-size:7px;display:block;margin:7px 6px 2px}.mini-bookmark small{font-size:5px;color:#a5ab9c;display:block;margin-left:6px}.mini-art{height:70px}.art-shapes{background:#cbdcc1;display:flex;align-items:center;justify-content:center;position:relative}.art-shapes i{width:32px;height:32px;background:#4d7552;border-radius:50%;margin:-7px}.art-shapes i:nth-child(2){border-radius:0;background:#f2f0d3;transform:rotate(45deg);z-index:1}.art-shapes i:nth-child(3){background:#e3a17a}.art-type{background:#ebe8e0;color:#385e4b;text-align:center;font:36px Georgia,serif;padding-top:3px}.art-type span{display:block;font:5px var(--font);letter-spacing:1.5px;margin-top:2px}.mock-link{display:flex;gap:5px;font-size:6px;align-items:center;margin-top:12px;color:#8c9887}.mock-link small{margin-left:auto;font-size:5px}.timer-float{position:absolute;left:5px;bottom:39px;transform:rotate(7deg);width:142px;height:142px;border-radius:50%;background:#eda07d;border:6px solid #f1b498;box-shadow:0 12px 20px #78644e19;text-align:center;padding-top:27px;color:#664734;z-index:2}.timer-float>span{font-size:8px}.timer-float strong{display:block;font-size:31px;letter-spacing:-1.5px;line-height:1.4;font-weight:500}.timer-line{height:2px;width:65px;margin:3px auto 10px;background:#d78966;position:relative}.timer-line:before{content:'';position:absolute;inset:0 20px 0 0;background:#82513c}.timer-float small{font-size:6px;letter-spacing:.6px}.timer-float i{display:inline-block;width:3px;height:5px;border-inline:1px solid #82513c;margin-left:7px}.note-float{position:absolute;right:17px;bottom:49px;background:#f9f6df;padding:17px 16px 12px;width:190px;transform:rotate(6deg);border-radius:2px 2px 15px 2px;box-shadow:0 9px 15px #485d3814;z-index:2}.note-float>span{font-size:8px;color:#9b997b}.note-float p{font-size:14px;line-height:1.7;font-weight:500;letter-spacing:-.5px;margin:12px 0}.note-float>div{display:flex;justify-content:space-between;font-size:6px;color:#a2a086}.note-float b{font-size:12px}.floating-star{position:absolute;right:23px;top:27px;color:#39614d;font-size:43px;z-index:2;transform:rotate(10deg)}.orbit{position:absolute;border:1px solid #cfddcc;border-radius:50%;width:310px;height:310px;z-index:-1}.orbit-one{left:65px;top:44px}.orbit-two{left:125px;top:75px}.art-caption{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8c9b86}.art-caption span:last-child{font-size:7px;letter-spacing:0}.art-caption b{margin-left:7px}.studio-strip{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#7e887b}.studio-strip>span{display:flex;gap:8px;align-items:center}.studio-strip>div{display:flex;align-items:center;gap:24px;font-size:10px}.studio-strip i:not(.live-dot){font-style:normal;color:#abb7a3;font-size:15px}.section{padding-top:70px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading h2{font-size:29px;letter-spacing:-1.3px;line-height:1.5;margin-top:10px;font-weight:600}.section-heading>p{font-size:11px;color:#899081;padding-bottom:7px}.count{font-size:12px;display:inline-block;vertical-align:top;margin:4px 0 0 10px;letter-spacing:0;color:#8f9a86;font-weight:400}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;margin:29px 0 23px}.filters{display:flex;gap:6px}.filter{padding:8px 14px;background:transparent;color:#8b9286;font-size:11px;border-radius:6px;transition:background .2s}.filter:hover{background:#e9ede4}.filter.active{background:var(--green);color:white}.filter span{font-size:9px;margin-left:5px;opacity:.7}.sample-label{font-size:8px;letter-spacing:.7px;color:#929a8a}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;min-height:405px}.project-card{background:#fff;border:1px solid #e2e6dc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;animation:appear .35s ease both;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #24392b0b}.project-preview{height:220px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:25px}.project-preview.mint{background:#e2eee3}.project-preview.peach{background:#f5e7dd}.project-preview.lavender{background:#eeedf5}.preview-corner{position:absolute;left:16px;top:14px;color:#81917b;font-size:8px;letter-spacing:1px}.project-body{padding:23px 23px 0;flex:1;display:flex;flex-direction:column}.project-category{display:flex;justify-content:space-between;font-size:9px;color:#909788}.project-category .demo-badge{border:1px solid #e6eade;padding:2px 5px;border-radius:3px;font-size:7px;letter-spacing:.5px}.project-title{display:flex;align-items:center;gap:10px;margin:10px 0 10px}.app-icon{height:35px;width:35px;display:grid;place-content:center;border-radius:9px;font-size:26px;font-weight:400;flex-shrink:0}.app-icon.mint{background:#315d4a;color:#e3edda}.app-icon.peach{background:#e79a72;color:#fff6dd}.app-icon.lavender{background:#a59abd;color:#fff}.project-title h2{font-size:22px;letter-spacing:-.8px;font-weight:600}.project-title h2 small{font-size:11px;letter-spacing:0;font-weight:400;color:#99a18f;margin-left:5px}.project-description{font-size:11px;line-height:1.9;white-space:pre-line;color:#808877}.project-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:15px 0 17px;border-top:1px solid #eef0e8}.platform{font-size:9px;color:#9a9f91;display:flex;align-items:center;gap:5px}.platform:before{content:'▣';font-size:12px}.detail-button{font-size:10px;font-weight:500;background:transparent;padding:4px 0 4px 10px}.detail-button span{margin-left:10px;font-size:15px}.bookmark-preview{width:245px;transform:rotate(-5deg);border-radius:7px;box-shadow:0 12px 25px #4b6c4721;background:#fff;padding:14px}.bookmark-preview .preview-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#3c6246;margin-bottom:13px}.preview-top small{font-size:6px;color:#a4ac9b}.bookmark-preview .mini-grid{margin:0}.bookmark-preview .mini-art{height:72px}.bookmark-preview .mini-bookmark b{font-size:7px}.bookmark-preview .mock-search{margin-top:10px}.focus-preview{width:190px;background:#fff9f1;padding:15px 20px;border-radius:10px;box-shadow:0 15px 25px #946e4f15;transform:rotate(4deg);text-align:center}.focus-preview .preview-top{display:flex;justify-content:space-between;font-size:8px;color:#a08c7c}.focus-ring{border:4px solid #ecd9c7;border-left-color:#d78b62;border-top-color:#d78b62;border-right-color:#d78b62;width:108px;height:108px;border-radius:50%;margin:12px auto;display:flex;flex-direction:column;justify-content:center}.focus-ring small{font-size:6px;color:#9c8873}.focus-ring strong{font-size:29px;font-weight:500;letter-spacing:-1px;color:#7d5b42}.focus-play{background:#db9974;color:white;display:inline-flex;padding:5px 13px;border-radius:4px;font-size:7px;gap:7px}.phone-preview{width:122px;height:210px;border:5px solid #fff;border-radius:20px;background:#faf9fd;box-shadow:0 10px 30px #6a608323;transform:rotate(-7deg);padding:15px 10px;position:relative;margin-top:30px}.phone-island{position:absolute;top:4px;width:39px;height:7px;border-radius:5px;background:#e9e6ee;left:calc(50% - 19px)}.phone-top{display:flex;justify-content:space-between;font-size:7px;color:#aa9ebf;margin-bottom:14px}.phone-title{font-size:11px;font-weight:600;color:#625575;letter-spacing:-.5px}.phone-subtitle{font-size:5px;color:#aea6b9;margin-top:5px}.mood-row{display:flex;gap:8px;margin-top:15px;justify-content:center;font-size:18px;color:#b2a4c4}.mood-row span:nth-child(2){color:#806b99}.phone-note{background:#f0ebf6;padding:12px 8px;margin-top:12px;border-radius:7px;font-size:7px;line-height:1.9;color:#9886ac;transform:rotate(2deg)}.phone-date{font-size:5px;color:#b4a9c0;margin-top:8px;text-align:center}.note-deco{font-size:43px;position:absolute;right:57px;top:65px;color:#b7a6ca;transform:rotate(13deg)}.next-project{border:1px dashed #d8dfd0;border-radius:8px;display:flex;align-items:center;gap:15px;margin-top:23px;padding:18px 22px}.next-icon{color:#9cad91;font-size:28px;font-weight:300}.next-project p{font-size:11px;color:#77866b}.next-project p>span{font-size:9px;margin-left:12px;color:#a1a894}.next-tag{margin-left:auto;font-size:8px;letter-spacing:1px;color:#8c9b80;display:flex;align-items:center;gap:9px}.next-tag .live-dot{width:5px;height:5px}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f3eb;padding:65px 0}.about-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.about-visual{min-height:330px;background:#e7ecdf;position:relative;border-radius:10px;overflow:hidden}.about-code{position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:1px;color:#99a38c}.about-flower{position:absolute;left:50%;top:44%;width:148px;height:148px;transform:translate(-50%,-50%) rotate(-12deg)}.about-flower i{position:absolute;background:#abc49c;width:82px;height:82px;border-radius:50%;left:0;top:0}.about-flower i:nth-child(2){left:auto;right:0}.about-flower i:nth-child(3){top:auto;bottom:0}.about-flower i:nth-child(4){left:auto;right:0;top:auto;bottom:0}.about-flower>span{position:absolute;inset:24px;display:grid;place-content:center;font-size:70px;color:#487246;font-family:Arial,sans-serif;transform:rotate(12deg)}.about-sign{position:absolute;bottom:25px;left:25px;right:25px;font-size:10px;color:#87947c;line-height:1.9}.about-sign b{font-size:20px;font-family:'DM Sans',sans-serif;font-weight:500;color:#4b6946}.about-sign>span{float:right;font-size:29px;font-weight:300;color:#7e9772}.about-copy h2{font-size:29px;letter-spacing:-1.3px;line-height:1.6;font-weight:600;margin:15px 0 20px}.about-copy>p:not(.eyebrow){font-size:12px;color:#85907c;line-height:1.95;margin-bottom:16px}.about-values{display:flex;gap:23px;margin-top:24px;color:#6b805e;font-size:10px}.notes{padding-bottom:60px}.notes .section-heading{margin-bottom:23px}.note-row{display:flex;align-items:center;gap:36px;width:100%;border-top:1px solid var(--line);padding:23px 0;background:transparent;text-align:left;transition:padding .2s}.note-row:last-child{border-bottom:1px solid var(--line)}.note-row:hover{padding-left:9px}.note-row .note-type{font-size:10px;color:#829274;width:95px;flex-shrink:0}.note-row h3{font-size:13px;font-weight:400;letter-spacing:-.3px}.note-row .note-index{font-size:9px;color:#a5ad9b;margin-left:auto}.note-row .note-arrow{font-size:19px;font-weight:300;color:#98a48c}.contact-section{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:52px;padding-bottom:60px}.contact-section h2{font-size:33px;letter-spacing:-1.5px;line-height:1.5;margin:15px 0 17px;font-weight:600;position:relative}.contact-section h2>span{position:absolute;right:-52px;top:12px;font-size:52px;color:#e2a47e;font-weight:400}.contact-section>div>p:last-child{font-size:11px;color:#8c9583}.footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:30px}.footer .brand{font-size:20px}.footer>span{font-size:9px;color:#929b89}.footer>p{font-size:8px;color:#a1a995;margin-left:auto}.back-top{display:grid;place-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:5px;color:#829375}.skip-link{position:fixed;top:-70px;left:20px;background:var(--green);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:16px;padding:42px;width:min(560px,calc(100% - 32px));max-height:85dvh;color:var(--ink);background:var(--bg);box-shadow:0 30px 100px #173e352b}dialog::backdrop{background:#1c302a70;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;top:14px;right:16px;background:transparent;font-size:25px;color:#8c9784;width:30px;height:30px}.dialog-label{font-size:9px;letter-spacing:1px;color:#85977a;margin-bottom:14px}.dialog-title{font-size:30px;letter-spacing:-1px;margin:16px 0}.dialog-intro{font-size:14px;line-height:1.9;color:#74816b;margin-bottom:20px}.dialog-features{padding-left:18px;font-size:12px;line-height:2.2;color:#697a5f}.sample-notice{font-size:10px;padding:12px;background:#eaf0e3;color:#829276;border-radius:6px;margin:20px 0;line-height:1.8}.demo-area{border:1px solid var(--line);border-radius:9px;padding:20px;margin-top:20px;background:#fff}.demo-area h3{font-size:12px;font-weight:500;margin-bottom:14px}.demo-area input,.demo-area textarea{border:1px solid #dce3d4;border-radius:5px;padding:10px;width:100%;font-size:12px;color:var(--ink);background:#fbfcf9}.demo-area textarea{min-height:95px;resize:vertical}.demo-area .button{margin-top:12px;min-height:36px;padding:9px 14px;font-size:11px}.demo-timer{font-size:56px;font-weight:500;color:var(--green);text-align:center;letter-spacing:-2px;font-variant-numeric:tabular-nums}.timer-controls{display:flex;justify-content:center;gap:10px}.secondary{background:#e9eee3;color:#627658}.demo-items{padding:0;list-style:none;display:grid;gap:7px}.demo-items li{display:flex;align-items:center;gap:8px;padding:9px;background:#f1f5ec;border-radius:5px;font-size:12px;overflow-wrap:anywhere}.demo-items li span{min-width:0;flex:1}.remove-item{background:transparent;color:#91a082;font-size:18px;flex-shrink:0}.demo-caption{font-size:9px;color:#96a189;margin-top:12px;line-height:1.8}.saved-entry{white-space:pre-wrap;font-size:12px;line-height:1.9;padding:12px;background:#f1edf7;border-radius:6px;margin-top:15px;overflow-wrap:anywhere}.mood-picker{display:flex;gap:8px;margin:12px 0}.mood-picker button{border:1px solid var(--line);border-radius:7px;padding:7px 13px;background:transparent;font-size:18px}.mood-picker button[aria-pressed=true]{background:#e6deef;border-color:#b4a1c9}.char-count{float:right;font-size:9px;color:#a0aa93;margin:5px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--green);color:#fff;padding:12px 20px;border-radius:7px;font-size:12px;transition:opacity .2s,transform .2s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{gap:65px;padding-block:85px}.hero-art{height:440px}.showcase-window{top:80px}.timer-float{bottom:45px}.note-float{bottom:59px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{gap:24px;padding-block:60px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-spark{font-size:32px;margin-left:7px}.hero-actions{gap:16px}.hero-actions .button{gap:15px;padding-inline:14px;font-size:11px}.text-link{font-size:10px}.hero-art{height:365px}.showcase-window{left:20px;right:20px;top:65px}.showcase-body aside{width:88px;padding-inline:6px}.showcase-content{padding-inline:12px}.showcase-body{min-height:210px}.note-float{width:166px;right:9px;bottom:42px}.note-float p{font-size:12px}.timer-float{width:119px;height:119px;bottom:35px;padding-top:19px;left:-5px}.timer-float strong{font-size:27px}.timer-line{margin-bottom:6px}.hero-description{font-size:13px}.section-heading h2{font-size:25px}.project-grid{gap:16px}.project-preview{height:195px;padding:20px}.project-body{padding:20px 18px 0}.project-title h2{font-size:20px}.project-description{font-size:10px}.about-grid{gap:65px}.about-copy h2{font-size:25px}.about-visual{min-height:320px}.next-project p>span{display:none}.note-deco{right:28px}.footer{gap:18px}.footer>span{font-size:8px}.studio-strip>div{gap:16px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header{height:82px}.brand{font-size:24px}nav{gap:20px;font-size:11px}.contact-button{font-size:10px;padding:9px 11px}.contact-button span{margin-left:8px}.hero{grid-template-columns:1fr;gap:40px;padding-block:48px}.hero-copy{padding-block:5px}.hero h1{font-size:58px}.hero-description{font-size:14px}.hero-actions .button{font-size:12px;padding:15px 20px;gap:30px}.text-link{font-size:12px}.hero-spark{font-size:39px}.hero-art{max-width:580px;width:100%;height:400px;margin-inline:auto}.showcase-window{left:55px;right:45px;top:65px}.showcase-body aside{width:115px}.showcase-body{min-height:236px}.showcase-content{padding:22px}.mini-art{height:78px}.timer-float{left:25px;bottom:35px;width:140px;height:140px;padding-top:26px}.timer-float strong{font-size:32px}.note-float{width:190px;right:24px;bottom:45px}.note-float p{font-size:14px}.studio-strip>div{gap:13px;font-size:8px}.studio-strip>span{font-size:10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-description{font-size:11px}.project-preview{height:215px}.about-grid{gap:35px;grid-template-columns:.85fr 1fr}.about-copy h2{font-size:21px}.about-copy>p:not(.eyebrow){font-size:10px}.about-visual{min-height:310px}.section{padding-top:50px;padding-bottom:45px}.section-heading>p{font-size:9px}.note-row{gap:15px}.note-row h3{font-size:11px}.contact-section h2{font-size:28px}.contact-section .button{gap:15px;font-size:10px}.footer>span{display:none}.footer>p{font-size:7px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header{height:76px;flex-wrap:wrap}.brand{font-size:23px}.brand-mark{width:21px;height:21px;gap:2px;margin-right:8px}nav{gap:16px;font-size:10px}nav a:last-child{display:none}.contact-button{display:none}.hero{padding-block:39px 32px;gap:31px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:43px;letter-spacing:-2.7px;margin:22px 0 19px;line-height:1.4}.hero-spark{font-size:28px;margin-left:7px;margin-top:10px}.underline:after{height:12px;bottom:3px}.hero-description{font-size:12px;line-height:1.9}.hero-actions{gap:20px;margin-top:23px}.hero-actions .button{font-size:10px;padding:12px 13px;gap:15px;min-height:44px}.text-link{font-size:10px}.hero-footnote{font-size:8px;margin-top:20px}.hero-art{height:305px;border-radius:13px}.art-label{font-size:6px;top:17px;left:18px}.floating-star{font-size:33px;right:16px;top:17px}.showcase-window{left:18px;right:18px;top:52px;border-radius:7px}.window-bar{height:23px;font-size:5px;padding-inline:9px}.window-dots i{width:4px;height:4px}.showcase-body{min-height:175px}.showcase-body aside{width:79px;padding:13px 6px;font-size:5px}.moa-word{font-size:12px;margin-bottom:13px}.moa-word span{width:18px;height:18px;font-size:12px}.showcase-body aside>div:not(.moa-word){padding:5px 3px;margin-bottom:3px}.side-active small{font-size:5px}.side-bottom{font-size:5px;bottom:12px;left:9px}.showcase-content{padding:14px 10px}.showcase-heading{font-size:8px;margin-bottom:9px}.showcase-heading>span{font-size:5px;padding:3px}.mock-search{padding:5px;font-size:5px}.mini-grid{gap:6px;margin-top:7px}.mini-art{height:53px}.art-shapes i{width:25px;height:25px}.art-type{font-size:29px}.art-type span{font-size:4px}.mini-bookmark b{font-size:5px;margin:5px 4px 2px}.mini-bookmark small{font-size:4px;margin-left:4px}.mock-link{font-size:4px;margin-top:8px}.mock-link small{font-size:4px}.timer-float{left:5px;bottom:30px;width:104px;height:104px;border-width:4px;padding-top:17px}.timer-float>span{font-size:6px}.timer-float strong{font-size:24px}.timer-float small{font-size:5px}.timer-line{width:51px;margin:1px auto 6px}.note-float{width:146px;right:10px;bottom:34px;padding:12px 12px 9px}.note-float>span{font-size:6px}.note-float p{font-size:11px;margin-block:8px}.note-float>div{font-size:5px}.art-caption{bottom:12px;left:17px;right:17px;font-size:5px}.art-caption span:last-child{font-size:5px}.orbit{width:230px;height:230px}.orbit-one{left:25px;top:30px}.orbit-two{left:75px;top:50px}.studio-strip{padding-block:16px}.studio-strip>span{font-size:9px}.studio-strip>div{font-size:7px}.studio-strip>div>span{display:none}.studio-strip>div>i:last-of-type{display:none}.section-heading{align-items:center}.section-heading h2{font-size:23px;margin-top:8px;letter-spacing:-1.3px}.section-heading>p{display:none}.projects-toolbar{margin-top:21px;margin-bottom:18px;gap:8px;flex-wrap:wrap}.filters{gap:2px}.filter{font-size:10px;padding:8px 11px}.sample-label{font-size:7px}.projects-toolbar>.sample-label{margin-left:auto;font-size:6px}.project-grid{grid-template-columns:1fr;gap:22px;min-height:0}.project-preview{height:240px}.bookmark-preview{width:250px}.focus-preview{width:200px;padding:18px}.focus-ring{height:115px;width:115px}.phone-preview{height:226px;width:133px;margin-top:30px}.phone-note{padding:16px 8px;font-size:8px}.phone-title{font-size:12px}.phone-top{margin-bottom:18px}.phone-subtitle{font-size:6px}.note-deco{right:58px;top:70px}.project-body{padding:22px 22px 0}.project-title h2{font-size:22px}.project-description{font-size:12px}.project-bottom{margin-top:20px}.project-category{font-size:10px}.detail-button{font-size:11px}.platform{font-size:10px}.next-project{padding:15px;gap:10px}.next-project p{font-size:9px}.next-tag{font-size:6px;letter-spacing:.4px;gap:5px}.next-icon{font-size:22px}.about-section{padding-block:40px}.about-grid{grid-template-columns:1fr;gap:29px}.about-visual{min-height:275px}.about-flower{width:135px;height:135px;top:45%}.about-flower i{width:75px;height:75px}.about-copy h2{font-size:25px}.about-copy>p:not(.eyebrow){font-size:12px}.about-values{font-size:11px;margin-top:20px}.section{padding-block:42px}.notes .section-heading{margin-bottom:18px}.notes .section-heading h2{font-size:23px}.note-row{position:relative;flex-wrap:wrap;gap:9px;padding-block:20px;padding-right:24px}.note-row .note-type{font-size:9px;width:auto}.note-row h3{font-size:12px;width:100%;order:3}.note-row .note-index{font-size:8px}.note-row .note-arrow{position:absolute;right:1px;top:30px}.contact-section{padding-block:38px;display:block}.contact-section h2{font-size:28px;display:inline-block}.contact-section h2>span{font-size:40px;right:-44px}.contact-section>div>p:last-child{font-size:10px}.contact-section .button{margin-top:24px;font-size:11px;gap:45px;min-height:44px}.footer{gap:10px;flex-wrap:wrap;padding-block:25px}.footer .brand{font-size:20px}.footer>p{font-size:6px;letter-spacing:-.1px}.back-top{width:25px;height:25px;margin-left:3px}dialog{padding:30px 23px}.dialog-title{font-size:26px}.dialog-intro{font-size:12px}.dialog-features{font-size:11px}.demo-area{padding:16px}.toast{font-size:10px;max-width:calc(100% - 32px);text-align:center;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}