@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--xp-blue:#0759d6;--xp-blue-dark:#003ba4;--xp-green:#37a32f;--xp-silver:#ece9d8;--ink:#171717}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{color:var(--ink);margin:0;font-family:Tahoma,Verdana,Arial,sans-serif}button{font:inherit}.desktop{isolation:isolate;background:linear-gradient(#4aa9ef 0%,#78c8f4 45%,#cbeaf7 69%,#5da02f 70%,#2e7d1e 100%);width:100vw;height:100dvh;min-height:580px;position:relative;overflow:hidden}.sky-glow{background:radial-gradient(circle at 60% 16%,#ffffff6b,#0000 30%);position:absolute;inset:0 0 30%}.hill{filter:saturate(1.14);border-radius:50% 50% 0 0;position:absolute}.hill-back{background:linear-gradient(165deg,#9ecf52,#4e9f2e 44%,#277319);width:120vw;height:43vh;bottom:20px;left:-30vw;transform:rotate(6deg)}.hill-front{background:linear-gradient(150deg,#82c842,#37881f 52%,#1d6817);width:115vw;height:38vh;bottom:-12vh;right:-36vw;transform:rotate(-8deg)}.cloud{filter:blur(5px);background:#ffffffbd;border-radius:50%;width:190px;height:34px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:82px;height:52px;bottom:3px;left:30px}.cloud:after{width:112px;height:66px;bottom:-2px;right:16px}.cloud-one{top:12%;left:17%;transform:scale(.8)}.cloud-two{opacity:.75;top:19%;right:10%;transform:scale(.55)}.desktop-icons{z-index:3;gap:10px;display:grid;position:absolute;top:22px;left:14px}.desktop-icon{color:#fff;cursor:default;text-align:center;text-shadow:1px 1px 2px #003b68,0 1px 2px #003b68;background:0 0;border:1px solid #0000;border-radius:3px;width:92px;padding:5px 4px;text-decoration:none;display:block}.desktop-icon:hover,.desktop-icon:focus-visible{background:#185bbb61;border-color:#ffffff8c;outline:none}.desktop-icon-art{filter:drop-shadow(1px 2px 1px #00000059);height:52px;font-size:42px;line-height:48px;display:block}.desktop-icon span:last-child{font-size:12px;line-height:1.15;display:inline}.xp-window{border:3px solid var(--xp-blue);background:var(--xp-silver);border-radius:9px 9px 3px 3px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:3px 8px 25px #00194e61}.xp-window-welcome{width:min(850px,100vw - 240px);min-width:660px;top:50%;left:50%;transform:translate(-46%,-53%)}.xp-window-works{width:min(840px,100vw - 230px)}.xp-window-services,.xp-window-about{width:min(760px,100vw - 230px)}.xp-window-contact{width:min(640px,100vw - 230px)}.xp-window-internet{width:min(920px,100vw - 230px)}.xp-window-documents{width:min(720px,100vw - 230px)}.xp-window.is-maximized{border-radius:0;width:100%;height:auto;bottom:42px;left:0;right:0;top:0!important;transform:none!important}.xp-window.is-maximized .explorer-window,.xp-window.is-maximized .contact-window,.xp-window.is-maximized .welcome-content{height:calc(100dvh - 80px)}.titlebar{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#3b91f6 0%,#0862e6 14%,#0655cf 64%,#003eb0 88%,#2d76e6 100%);justify-content:space-between;align-items:center;height:34px;padding:3px 3px 3px 8px;display:flex}.titlebar:active{cursor:grabbing}.window-name{text-shadow:1px 1px #003078;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.window-actions{gap:3px;display:flex}.window-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6aa7ff,#1968df);border:1px solid #fff;border-radius:3px;width:25px;height:25px;padding:0;font-weight:700;line-height:20px;box-shadow:inset 1px 1px #ffffff8c,1px 1px #00368b}.window-actions .close{background:linear-gradient(135deg,#ff9a82,#e23619 52%,#b21c08);font-size:22px}.welcome-content{background:#fff;border:1px solid #fff;grid-template-columns:206px 1fr;min-height:420px;display:grid}.welcome-sidebar{color:#fff;background:linear-gradient(155deg,#0648b9,#176fe8 55%,#0040a9);border-right:1px solid #153b8a;padding:36px 22px}.portrait-placeholder{background:linear-gradient(145deg,#d4f0ff,#79aff7);border:3px solid #fff;border-radius:10px;place-items:center;width:112px;height:112px;margin-bottom:22px;display:grid;box-shadow:4px 5px #01328c}.portrait-placeholder img{object-fit:contain;width:95px;height:58px}.welcome-sidebar b{margin-bottom:9px;font-size:24px;display:block}.welcome-sidebar small{opacity:.88;font-size:12px;line-height:1.55}.welcome-main{background:linear-gradient(135deg,#fff 0% 52%,#eef5ff 100%);flex-direction:column;padding:48px 45px 27px;display:flex}.eyebrow{color:#0754cd;letter-spacing:.11em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:#42ab35;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #c9e9c5}.welcome-main h1{letter-spacing:-.06em;margin:21px 0 16px;font-size:clamp(40px,4.2vw,65px);line-height:.96}.welcome-main h1 em{color:var(--xp-blue);font-style:normal}.welcome-main>p{color:#4b4b4b;max-width:510px;margin:0;font-size:15px;line-height:1.55}.hero-buttons{gap:10px;margin-top:29px;display:flex}.xp-button{cursor:pointer;background:linear-gradient(#fff,#ecebe2);border:1px solid #777;border-radius:3px;min-width:140px;padding:9px 16px;box-shadow:inset 1px 1px #fff,inset -1px -1px #bbb}.xp-button:hover{box-shadow:inset 0 0 0 2px #f4b51e,inset 1px 1px #fff}.xp-button.primary{color:#fff;background:linear-gradient(#3c8cf1,#0754cb);border-color:#003c9d;font-weight:700;box-shadow:inset 1px 1px #ffffff8c}.status-line{color:#6d6d6d;text-transform:uppercase;letter-spacing:.04em;gap:17px;margin-top:auto;padding-top:23px;font-size:10px;display:flex}.status-line span:before{content:"■";color:#3ea433;margin-right:5px;font-size:7px}.placeholder-content{text-align:center;background:#f8f7ef;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.placeholder-content .large-icon{font-size:58px}.placeholder-content h2{margin:13px 0;font-size:19px}.placeholder-content p{color:#555;margin:12px 0 0;font-size:12px}.progress{background:#fff;border:1px solid #777;width:250px;height:20px;padding:2px;box-shadow:inset 1px 1px #999}.progress i{background:repeating-linear-gradient(90deg,#145bd6 0 11px,#0000 11px 13px);width:78%;height:100%;display:block}.explorer-window{background:#fff;border:1px solid #fff;min-height:455px}.menu-row{background:#f5f4ed;border-bottom:1px solid #c8c8c8;align-items:center;gap:22px;height:26px;padding:0 12px;font-size:11px;display:flex}.explorer-bar{background:#efeee7;border-bottom:1px solid #aaa;align-items:center;gap:4px;height:42px;padding:5px 7px;display:flex}.explorer-bar>button{cursor:pointer;background:0 0;border:1px solid #0000;min-width:31px;height:28px;font-size:20px}.explorer-bar>button:hover:not(:disabled){background:#fff;border-color:#aaa}.explorer-bar>button:disabled{color:#aaa;cursor:default}.address-label{color:#666;margin-left:5px;font-size:10px}.address-field{white-space:nowrap;background:#fff;border:1px solid #7f9db9;flex:1;align-items:center;gap:5px;height:26px;padding:0 7px;font-size:11px;display:flex;overflow:hidden}.go-button{min-width:70px!important;font-size:11px!important}.folder-meta{color:#606060;border-bottom:1px solid #e3e3e3;justify-content:space-between;align-items:center;padding:9px 16px;font-size:10px;display:flex}.folder-meta b{color:#1b5fbf;font-weight:400}.case-grid{background:#f8f8f8;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:min(590px,100dvh - 175px);padding:16px;display:grid;overflow-y:auto}.case-card{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #b2b2b2;padding:0;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden;box-shadow:1px 2px 5px #0000001f}.case-card:hover,.case-card:focus-visible{outline-offset:-2px;outline:2px solid #316ac5;transform:translateY(-2px);box-shadow:3px 6px 16px #00327833}.case-thumb{background:#111;height:230px;position:relative;overflow:hidden}.case-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.case-thumb.landscape{background:#e9dfd5}.case-thumb.landscape img{object-fit:contain;object-position:center}.case-thumb.portrait img{object-position:center 24%}.case-card-aladdin .case-thumb,.case-card-tanya .case-thumb{background:#fff}.case-card-aladdin .case-thumb img,.case-card-tanya .case-thumb img{object-fit:contain;object-position:center}.case-card:hover .case-thumb img{transform:scale(1.025)}.case-label{padding:12px;display:block}.case-label small{color:#316ac5;letter-spacing:.08em;margin-bottom:6px;font-size:8px;display:block}.case-label b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.pack-art{background:radial-gradient(circle at 20% 20%,#ffffff80,#0000 28%),linear-gradient(150deg,#ffd943,#e39f00);justify-content:center;align-items:flex-end;gap:8px;padding-bottom:30px;display:flex;position:absolute;inset:0}.pack-art i{background:#fff7db;border:2px solid #272727;width:47px;height:138px;position:relative;transform:rotate(-4deg);box-shadow:7px 9px #2e230038}.pack-art i:nth-child(2){background:#132f76;height:165px;transform:translateY(-3px)}.pack-art i:nth-child(3){background:#c93327;height:130px;transform:rotate(5deg)}.pack-art i:after{content:"◉";color:#111;font-size:20px;position:absolute;top:15px;left:12px}.pack-art i:nth-child(2):after,.pack-art i:nth-child(3):after{color:#fff}.pack-art strong{color:#000000c7;letter-spacing:-.06em;writing-mode:vertical-rl;font-size:30px;position:absolute;top:17px;right:-4px}.hydro-art{background:linear-gradient(135deg,#97ddff,#9b7dff 78%);position:absolute;inset:0;overflow:hidden}.hydro-art:before,.hydro-art:after{content:"";border:1px solid #fffc;border-radius:50%;position:absolute}.hydro-art:before{width:190px;height:190px;top:-65px;right:-40px}.hydro-art:after{width:120px;height:120px;bottom:-50px;right:12px}.hydro-art i{background:linear-gradient(120deg,#fffffff0,#ffffff59);border:2px solid #fff;border-radius:40px 40px 12px 12px;width:82px;height:110px;position:absolute;bottom:28px;left:38px;box-shadow:12px 15px 25px #2f1f9a40}.hydro-art strong{color:#fff;letter-spacing:-.04em;font-size:24px;line-height:.9;position:absolute;top:28px;left:25px}.hydro-art span{color:#fffc;font-size:38px;font-weight:700;position:absolute;bottom:18px;right:22px}.school-art{color:#f6e8d5;background:radial-gradient(circle,#8f3e2b,#562117 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.school-art:before{content:"";border:1px solid #f6e8d56b;position:absolute;inset:18px}.school-art i{border:3px solid #f6e8d5;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:10px;font-size:42px;font-style:normal;font-weight:700;display:grid}.school-art strong{text-align:center;font-family:Georgia,serif;font-size:22px;line-height:.88}.school-art span{letter-spacing:.25em;text-transform:uppercase;margin-top:10px;font-size:8px}.work-detail{background:#f4f1ea}.case-visual{background:var(--case-color);min-height:390px;position:relative;overflow:hidden}.case-visual .pack-art,.case-visual .hydro-art,.case-visual .school-art{right:42%}.case-visual .case-title-block{z-index:2;color:#fff;background:#0d1016eb;flex-direction:column;justify-content:flex-end;width:43%;padding:30px;display:flex;position:absolute;top:0;bottom:0;right:0}.case-title-block p{color:#78b3ff;letter-spacing:.08em;margin:0 0 12px;font-size:9px}.case-title-block h2{margin:0;font-size:30px;line-height:1}.case-title-block span{color:#aaa;margin-top:60px;font-size:10px;line-height:1.4}.case-stamp{z-index:3;color:#fff;letter-spacing:.13em;border:1px solid #ffffff80;padding:4px 7px;font-size:7px;position:absolute;top:14px;right:14px}.real-case-detail{background:#0b0b0b;max-height:min(650px,100dvh - 112px);overflow-y:auto}.real-case-hero{background:#090909;position:relative;overflow:hidden}.real-case-hero.landscape{height:430px}.real-case-hero.portrait{height:520px}.real-case-hero>img{object-fit:cover;width:100%;height:100%}.real-case-hero.portrait>img{object-position:center 18%}.real-case-hero.case-aladdin,.real-case-hero.case-tanya{background:#fff}.real-case-hero.case-aladdin>img,.real-case-hero.case-tanya>img{object-fit:contain;object-position:center}.real-case-hero.case-tanya>img{padding:34px}.real-case-heading{z-index:2;color:#fff;background:linear-gradient(#0000,#000000eb);padding:70px 28px 25px;position:absolute;bottom:0;left:0;right:0}.real-case-heading p{color:#73adff;letter-spacing:.12em;margin:0 0 8px;font-size:8px;font-weight:700}.real-case-heading h2{letter-spacing:-.035em;max-width:620px;margin:0;font-size:32px;line-height:1.02}.real-case-heading span{color:#d5d5d5;max-width:600px;margin-top:10px;font-size:10px;line-height:1.45;display:block}.real-case-gallery{background:#151515;gap:9px;padding:9px;display:grid}.real-case-gallery.landscape{grid-template-columns:1fr}.real-case-gallery.portrait{grid-template-columns:1fr 1fr;align-items:start}.real-case-gallery img{background:#000;border:1px solid #333;width:100%;height:auto;display:block}.about-layout{background:#fff;grid-template-columns:205px 1fr;min-height:385px;display:grid}.xp-info-panel{background:linear-gradient(160deg,#7fa5ea,#5a7bd1);padding:18px 12px}.xp-info-panel h3{color:#174a9d;background:linear-gradient(90deg,#fff,#d8e1f8);border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;margin:0 0 2px;padding:8px 10px;font-size:11px;display:flex}.xp-info-panel h3 span{border:1px solid #7599d0;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.xp-info-panel p{color:#14336b;background:#dce7ffdb;margin:0;padding:9px 11px;font-size:10px;line-height:1.45}.green-text{color:#21801c}.about-copy{grid-template-columns:135px 1fr;align-items:start;gap:25px;padding:36px;display:grid}.about-badge{background:#eaf2f5;border:3px solid #fff;border-radius:3px;outline:2px solid #0c58cc;justify-content:center;align-items:center;height:135px;display:flex;box-shadow:8px 8px #dbe6fa}.about-badge img{width:122px;height:auto}.section-kicker{letter-spacing:.13em;font-weight:700;color:#1c5fb9!important;margin:0 0 8px!important;font-size:9px!important}.about-copy h2,.services-intro h2{letter-spacing:-.04em;margin:0 0 16px;font-size:30px;line-height:1.02}.about-copy p{color:#525252;max-width:430px;font-size:12px;line-height:1.55}.skill-tags{flex-wrap:wrap;gap:5px;margin-top:17px;display:flex}.skill-tags span{color:#144b9b;background:#eaf2ff;border:1px solid #9bb6df;padding:5px 8px;font-size:9px}.services-window{background:#f8f8f8;max-height:min(720px,100dvh - 80px);overflow:hidden}.services-scroll{max-height:min(640px,100dvh - 150px);overflow-y:auto}.services-intro{justify-content:space-between;align-items:flex-end;padding:22px 24px 11px;display:flex}.services-intro h2{margin-bottom:0}.services-intro>span{color:#777;font-size:10px}.service-grid{grid-template-columns:1fr 1fr;gap:9px;padding:0 24px 18px;display:grid}.service-card{background:#fff;border:1px solid #bfc7d2;min-height:123px;padding:17px 16px 13px 68px;position:relative;box-shadow:1px 2px 4px #00000014}.service-card small{color:#aaa;font-size:9px;position:absolute;top:10px;right:11px}.service-card h3,.service-card h2{color:#154eaa;margin:0 0 6px;font-size:16px}.service-card p{color:#575757;margin:0;font-size:10px;line-height:1.45}.service-icon{color:#fff;background:linear-gradient(145deg,#4d9cff,#0649bc);border-radius:6px;place-items:center;width:40px;height:40px;font-size:24px;display:grid;position:absolute;top:20px;left:15px;box-shadow:inset 1px 1px #ffffffa6,2px 3px #bed1ef}.window-cta{justify-content:flex-end;align-items:center;gap:15px;padding:10px 24px 18px;font-size:11px;display:flex}.services-extra{color:#354a6b;background:#eaf2ff;border:1px solid #b7c8e0;margin:0 24px;padding:11px 14px;font-size:10px;line-height:1.4}.contact-window{background:#f7f6ee;border:1px solid #fff;min-height:370px;padding:31px}.contact-message{background:#fff;border:1px solid #b9b9b0;grid-template-columns:52px 1fr;align-items:start;gap:17px;padding:20px;display:grid;box-shadow:2px 3px 6px #00000017}.message-icon{color:#fff;background:radial-gradient(circle at 35% 25%,#5aa8ff,#064dc1 67%);border:2px solid #fff;border-radius:50%;outline:1px solid #0a48a8;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:32px;font-style:italic;font-weight:700;display:grid}.contact-message h2{margin:2px 0 9px;font-size:22px}.contact-message p{color:#555;margin:0;font-size:11px;line-height:1.5}.contact-options{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;display:grid}.contact-options a{color:#222;background:#fff;border:1px solid #aaa;flex-direction:column;align-items:center;min-width:0;padding:16px 8px 14px;text-decoration:none;display:flex;box-shadow:inset 1px 1px #fff,1px 2px 3px #00000017}.contact-options a:hover,.contact-options a:focus-visible{outline-offset:-2px;background:#eef5ff;outline:2px solid #316ac5}.contact-options b{color:#174fa6;margin-top:7px;font-size:12px}.contact-options small{color:#777;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:4px;font-size:8px;overflow:hidden}.contact-icon{color:#fff;background:#1d94d3;border-radius:8px;place-items:center;width:37px;height:37px;font-size:20px;font-weight:700;display:grid}.contact-icon.whatsapp{background:#36aa4a}.contact-icon.email{background:#e06136}.contact-note{color:#555;justify-content:center;align-items:center;margin-top:21px;font-size:10px;display:flex}.contact-note .online-dot{margin-right:7px;display:inline-block}.taskbar{z-index:1000;color:#fff;background:linear-gradient(#2a82eb 0%,#075acb 12%,#0753c6 86%,#003ca5);height:42px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px 2px #ffffffa6}.start-button{color:#fff;text-shadow:1px 1px #155516;cursor:pointer;background:linear-gradient(#74c95a 0%,#37a632 12%,#278a27 85%,#56ae42);border:0;border-radius:0 14px 14px 0;align-items:center;gap:8px;width:118px;padding:0 16px 0 10px;font-size:19px;font-style:italic;font-weight:700;display:flex;box-shadow:inset 0 2px 3px #ffffff8c,3px 0 5px #00320059}.start-button.pressed{filter:brightness(.84)}.xp-mark{grid-template-columns:1fr 1fr;gap:2px;width:24px;height:24px;display:grid;transform:skewY(-5deg)}.xp-mark i:first-child{background:#f05225}.xp-mark i:nth-child(2){background:#8bc34a}.xp-mark i:nth-child(3){background:#16a8e3}.xp-mark i:nth-child(4){background:#f6c41b}.task-items{flex:1;gap:4px;min-width:0;padding:5px 8px;display:flex}.task-item{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#3c89ec,#1762cf);border:1px solid #0b43a4;border-radius:3px;width:min(180px,22vw);padding:0 10px;font-size:11px;overflow:hidden;box-shadow:inset 1px 1px #ffffff3d}.task-item.minimized{background:#1f55a8;box-shadow:inset 1px 2px 3px #00000054}.task-item span{margin-right:6px}.tray{background:linear-gradient(#21a5e8,#0d8ed3 88%,#0572ba);border-left:1px solid #0c6db4;justify-content:flex-end;align-items:center;min-width:125px;padding:0 14px;font-size:12px;display:flex;box-shadow:inset 1px 0 #ffffff40}.online-dot{background:#62df4c;border-radius:50%;width:8px;height:8px;margin-right:7px;box-shadow:0 0 5px #fff}.start-menu{z-index:999;border:3px solid var(--xp-blue);background:#fff;border-radius:8px 8px 0 0;width:360px;position:absolute;bottom:42px;left:0;overflow:hidden;box-shadow:5px -5px 25px #00235a5c}.start-head{color:#fff;text-shadow:1px 1px #003687;background:linear-gradient(#1674e6,#0753c3);align-items:center;gap:13px;height:72px;padding:8px 12px;font-size:18px;display:flex}.avatar{color:#064cb7;background:#d2e9ff;border:2px solid #fff;border-radius:6px;place-items:center;width:52px;height:52px;font-size:30px;font-weight:900;display:grid}.start-body{padding:7px}.start-body a{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:9px;text-decoration:none;display:flex}.start-body a:hover{color:#fff;background:#2863d8}.start-body a>span:first-child{width:38px;font-size:30px}.start-body b,.start-body small{display:block}.start-body small{color:#777;margin-top:3px;font-size:10px}.start-body a:hover small{color:#eaf1ff}.start-foot{color:#fff;background:#2f7ddd;justify-content:space-between;align-items:center;padding:10px 13px;font-size:11px;display:flex}.start-foot span{color:#dfffd8}.start-foot button{color:#fff;cursor:pointer;background:0 0;border:0}.documents-window{min-height:0}.documents-scroll{background:#fff;max-height:min(610px,100dvh - 150px);overflow-y:auto}.notepad-document{color:#1e1e1e;background:#fff;max-width:820px;margin:0 auto;padding:35px 40px 50px;font:13px/1.65 Courier New,monospace}.notepad-document h1{margin:0 0 24px;font-size:22px}.notepad-document h2{margin:28px 0 8px;font-size:16px}.notepad-document a{color:#064fc2}.document-date{color:#666;margin-top:34px}.runner{color:#252525;background:#f3f1e9;border:1px solid #fff;min-height:455px}.runner-browserbar{background:linear-gradient(#fff,#deddd5);border-bottom:1px solid #a9a9a9;align-items:center;gap:16px;height:38px;padding:5px 9px;font-size:10px;display:flex}.runner-browserbar>span{color:#555}.runner-browserbar>div{background:#fff;border:1px solid #7f9db9;flex:1;align-items:center;gap:8px;height:25px;padding:0 8px;display:flex}.runner-offline{align-items:center;gap:15px;padding:14px 22px 8px;display:flex}.runner-offline>span{font-size:31px}.runner-offline b,.runner-offline small{display:block}.runner-offline b{font-size:14px}.runner-offline small{color:#656565;margin-top:4px;font-size:10px}.runner-stage{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #9a9a9a;width:calc(100% - 36px);max-width:900px;margin:0 auto;padding:0;display:block;overflow:hidden}.runner-stage:focus-visible{outline-offset:2px;outline:3px solid #f0b22d}.runner-stage canvas{aspect-ratio:3;width:100%;height:auto;image-rendering:pixelated;display:block}.runner-controls{justify-content:space-between;align-items:center;gap:15px;max-width:900px;margin:0 auto;padding:12px 18px 16px;font-size:11px;display:flex}.runner-controls .xp-button{min-width:115px;padding-block:6px}.seo-desktop{isolation:isolate;background:linear-gradient(#4aa9ef 0%,#78c8f4 45%,#cbeaf7 69%,#5da02f 70%,#2e7d1e 100%);min-height:100dvh;padding:35px 18px 82px;position:relative;overflow:hidden}.seo-desktop>.sky-glow,.seo-desktop>.hill{pointer-events:none;position:fixed}.seo-window{z-index:3;width:min(1050px,100%);min-width:0;margin:0 auto;position:relative;top:auto;left:auto;overflow:hidden;transform:none}.window-close-link{color:#fff;background:linear-gradient(135deg,#ff9a82,#e23619 52%,#b21c08);border:1px solid #fff;border-radius:3px;place-items:center;width:25px;height:25px;font-size:22px;font-weight:700;line-height:1;text-decoration:none;display:grid;box-shadow:inset 1px 1px #ffffff8c,1px 1px #00368b}.seo-window .menu-row a{color:#222;text-decoration:none}.seo-window .menu-row a:hover{text-decoration:underline}.seo-back{color:#174f9f;place-items:center;min-width:31px;height:28px;font-size:20px;text-decoration:none;display:grid}.seo-go{color:#222;background:linear-gradient(#fff,#e7e5dc);border:1px solid #aaa;place-items:center;min-width:64px;height:27px;font-size:10px;text-decoration:none;display:grid}.seo-content{background:#f8f8f8;min-height:440px}.seo-content-dark{background:#0b0b0b}.seo-taskbar{position:fixed}.seo-start{color:#fff;text-decoration:none}.seo-taskbar .task-item{align-items:center;height:32px;display:flex}.seo-heading{background:#fff;border-bottom:1px solid #ddd;padding:30px 30px 21px}.seo-heading p{color:#1c5fb9;letter-spacing:.13em;margin:0 0 8px;font-size:9px;font-weight:700}.seo-heading h1{letter-spacing:-.045em;margin:0;font-size:36px}.seo-heading span{color:#666;margin-top:9px;font-size:12px;display:block}.seo-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:18px;display:grid}.seo-service-grid{padding-top:22px}.seo-cta{justify-content:flex-end;align-items:center;gap:16px;padding:4px 24px 28px;display:flex}.seo-cta p{font-size:12px}.seo-cta a,.seo-inline-button{text-align:center;text-decoration:none;display:inline-block}.seo-about{background:#fff;grid-template-columns:180px 1fr;align-items:start;gap:38px;max-width:840px;min-height:470px;margin:0 auto;padding:55px 45px;display:grid}.seo-about .about-badge{height:180px}.seo-about .about-badge img{width:160px}.seo-about h1{letter-spacing:-.045em;margin:0 0 19px;font-size:39px;line-height:1}.seo-about p{color:#525252;max-width:560px;font-size:13px;line-height:1.65}.seo-inline-button{margin-top:25px}.seo-contact{min-height:500px;padding:55px min(8vw,80px)}.seo-contact .contact-message h1{margin:2px 0 9px;font-size:25px}.seo-project .real-case-hero{min-height:520px}.seo-project .real-case-heading h1{letter-spacing:-.035em;max-width:700px;margin:0;font-size:38px;line-height:1.02}.project-navigation{background:#efeee7;justify-content:space-between;gap:18px;padding:24px;display:flex}.project-navigation a{color:#064fc2;font-size:12px;font-weight:700}@media (max-width:719px){.desktop{min-height:500px}.desktop-icons{grid-template-columns:repeat(2,78px);top:12px;left:5px}.desktop-icon{width:76px}.desktop-icon-art{height:44px;font-size:36px;line-height:42px}.xp-window{width:auto;min-width:0;position:absolute;left:8px;right:8px;top:96px!important;transform:none!important}.xp-window-welcome{top:155px!important}.welcome-content{min-height:0;display:block}.welcome-sidebar{display:none}.welcome-main{min-height:355px;padding:32px 24px 22px}.welcome-main h1{font-size:clamp(40px,12vw,58px)}.welcome-main>p{font-size:13px}.status-line{flex-wrap:wrap;gap:8px 13px}.hero-buttons{flex-wrap:wrap}.xp-button{flex:1;min-width:135px}.xp-window.is-maximized{bottom:42px}.menu-row{gap:14px;overflow:hidden}.explorer-bar{height:37px}.address-label,.go-button{display:none}.case-grid{grid-template-columns:1fr 1fr;max-height:58vh;padding:10px;overflow-y:auto}.case-thumb{height:150px}.real-case-detail{max-height:calc(100dvh - 170px)}.real-case-hero.landscape,.real-case-hero.portrait{height:330px}.real-case-heading{padding:65px 17px 18px}.real-case-heading h2{font-size:23px}.real-case-gallery.portrait{grid-template-columns:1fr}.case-visual{min-height:420px}.case-visual .pack-art,.case-visual .hydro-art,.case-visual .school-art{bottom:42%;right:0}.case-visual .case-title-block{width:100%;height:43%;padding:20px;top:auto}.case-title-block span{margin-top:20px}.about-layout{max-height:62vh;display:block;overflow-y:auto}.xp-info-panel{display:none}.about-copy{grid-template-columns:86px 1fr;gap:17px;padding:24px 18px}.about-badge{height:86px}.about-badge img{width:80px}.about-copy h2,.services-intro h2{font-size:24px}.services-window{max-height:68vh}.services-scroll{max-height:calc(68vh - 68px)}.service-grid{grid-template-columns:1fr;padding:0 14px 14px}.services-intro{padding:18px 14px 10px}.window-cta{padding:5px 14px 15px}.contact-window{min-height:0;padding:18px}.contact-message{grid-template-columns:38px 1fr;padding:14px}.message-icon{width:34px;height:34px;font-size:25px}.contact-message h2{font-size:18px}.contact-options{grid-template-columns:1fr;max-height:200px;overflow-y:auto}.contact-options a{grid-template-columns:40px 1fr;justify-items:start;padding:8px 12px;display:grid}.contact-options a .contact-icon{grid-row:1/3}.contact-options b,.contact-options small{text-align:left;margin-left:9px}.task-items{display:none}.tray{min-width:105px;margin-left:auto;padding:0 9px}.start-menu{width:min(360px,96vw)}.runner{min-height:0}.runner-browserbar>span{display:none}.runner-offline{padding:10px 12px 7px}.runner-offline>span{display:none}.runner-stage{width:calc(100% - 18px)}.runner-controls{padding:9px}.documents-scroll{max-height:60vh}.notepad-document{padding:24px 20px 40px}.seo-desktop{padding:8px 8px 62px;overflow:visible}.seo-window{width:100%;position:relative;left:auto;right:auto;top:auto!important;transform:none!important}.seo-heading{padding:22px 17px 16px}.seo-heading h1{font-size:28px}.seo-case-grid{grid-template-columns:1fr 1fr;padding:10px}.seo-case-grid .case-thumb{height:160px}.seo-service-grid{grid-template-columns:1fr;padding:14px}.seo-about{grid-template-columns:80px 1fr;gap:17px;padding:28px 18px}.seo-about .about-badge{height:80px}.seo-about .about-badge img{width:72px}.seo-about h1{font-size:27px}.seo-contact{min-height:0;padding:18px}.seo-project .real-case-hero{min-height:0}.seo-project .real-case-heading h1{font-size:24px}.project-navigation{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}