:root{color-scheme:dark;--bg:#090909;--fg:#f2f1ed;--muted:#858582;--line:#292929}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo",sans-serif;font-weight:400;min-width:900px;-webkit-font-smoothing:antialiased}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #c6c3f8;outline-offset:6px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.muted{color:#767673}.eyebrow{font-size:13px;letter-spacing:.12em;color:#a0a09b}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}.header{height:86px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525;background:#090909ed;backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.logo{width:116px;display:block}.logo img{width:100%;filter:grayscale(1) brightness(0) invert(1)}.header nav{display:flex;gap:36px;font-size:14px;color:#c4c4bf}.header nav a:hover{color:white}.header-cta{display:flex;gap:34px;background:#f2f1ed;color:#111;padding:12px 18px;font-size:14px}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 86px);display:grid;place-items:center;overflow:hidden;background:#090909;text-align:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;pointer-events:none;z-index:-2}.hero-video[hidden]{display:none}.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#09090940 0%,#09090966 55%,#090909 100%)}.hero-content{padding:72px 0 62px;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(74px,7.5vw,118px);line-height:1.14;font-weight:400;letter-spacing:-.065em;margin:0}.hero-content>p{font-size:19px;line-height:1.65;color:#aaa9a5;letter-spacing:-.02em;margin-top:32px}.hero-consult{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-top:40px;padding:20px 28px;min-width:230px;background:#fff;color:#111;font-size:18px;font-weight:500;line-height:1.4;transition:background .2s ease}.hero-consult:hover{background:#e6e6e2}.hero-consult>span{font-size:21px;font-weight:400}.concerns{padding:110px 0 115px;border-bottom:1px solid var(--line);text-align:center}.concern-heading{font-size:clamp(38px,3.6vw,54px);font-weight:400;line-height:1.25;letter-spacing:-.045em;color:#f5f5f3}.concern-bubbles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:48px auto 0;max-width:1240px;text-align:left}.concern-bubble{position:relative;padding:30px 28px;min-height:164px;background:#fff;border:1px solid #fff;border-radius:22px;display:flex;align-items:center;opacity:1;transform:none;transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.concern-bubble p{display:grid;width:100%;font-size:clamp(22px,1.85vw,27px);line-height:1.55;letter-spacing:-.035em;word-break:keep-all;color:#111}.bubble-reserve,.bubble-typed{grid-area:1/1}.bubble-reserve{visibility:hidden;white-space:pre-wrap}.bubble-typed{white-space:pre-wrap}.concern-bubble.is-typing .bubble-typed:after{content:"";display:inline-block;width:1px;height:.95em;margin-left:4px;vertical-align:-.08em;background:#111;animation:typing-caret .65s steps(1) infinite}.concern-answer{margin-top:82px;font-size:clamp(38px,3.8vw,58px);line-height:1.35;letter-spacing:-.05em;color:#999994;transition:opacity .7s ease,transform .7s ease}.concern-answer strong{font-weight:400;color:#f2f1ed}.concerns.motion-ready .concern-bubble:not(.is-visible){opacity:0;transform:translateY(22px)}.concerns.motion-ready:not(.is-complete) .concern-answer{opacity:0;transform:translateY(16px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes typing-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.concern-bubble,.concern-answer{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.concern-bubble.is-typing .bubble-typed:after{display:none}}
.work-start{padding:120px 0 66px;position:relative}.work-start h2,.why h2,.pricing h2{font-size:68px;line-height:1.15;font-weight:400;margin-top:25px}.work-intro{position:absolute;right:0;bottom:72px;font-size:17px;color:#9a9a96}.service-nav{position:sticky;top:86px;z-index:19;display:flex;justify-content:center;gap:clamp(28px,4vw,68px);height:58px;align-items:center;background:#090909f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:#82827f}.service-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;transition:.2s}.service-nav a.active,.service-nav a:hover{color:#fff;border-color:#fff}.showcase{padding-top:82px;padding-bottom:46px;scroll-margin-top:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-number{font-size:12px;color:#898984;letter-spacing:.12em}.section-head h2{font-size:62px;font-weight:400;margin-top:14px}.section-head>p{font-size:18px;line-height:1.6;color:#aaa9a5;letter-spacing:-.02em;padding-bottom:5px}.project-caption{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;color:#898984}.detail-stage{width:100%;height:680px;background:#e6c5ca;position:relative;overflow:hidden;display:block;text-align:left;color:#683d46}.detail-copy{position:absolute;top:55px;left:4.5%;width:34%;display:flex;flex-direction:column;align-items:flex-start;height:calc(100% - 108px);z-index:2}.detail-copy>span:first-child{font-size:12px;letter-spacing:.15em}.detail-copy strong{font-size:clamp(65px,7.6vw,118px);font-weight:500;line-height:.98;letter-spacing:-.06em;margin-top:72px}.stage-action{font-size:13px;margin-top:auto;border-bottom:1px solid #946972;padding-bottom:8px}.detail-sheet{position:absolute;width:28%;height:1500px;overflow:hidden;box-shadow:0 12px 45px #76334030;transform:rotate(9deg);background:#fff}.detail-sheet img{width:100%;max-width:none}.sheet-one{left:43%;top:-60px}.sheet-two{left:75%;top:-350px}.sheet-two img{transform:translateY(-22%)}.detail-stage:hover .stage-action{color:#111}.banner-stage{display:grid;grid-template-columns:1.18fr 1fr;gap:18px;height:740px}.ad{position:relative;overflow:hidden;color:#843f52;background:#eac2c8}.ad>img{width:100%;height:100%;object-fit:cover}.ad-main>img{object-position:50% 50%}.ad-main:after{content:"";position:absolute;inset:0;background:linear-gradient(#f4d9dfdd,transparent 60%)}.ad-copy{position:absolute;z-index:1;top:39px;left:35px;right:30px}.ad-copy>span{font-size:12px;letter-spacing:.1em}.ad-copy h3{font-size:44px;line-height:1.12;margin-top:28px}.ad-copy .ad-pill{display:inline-block;font-size:10px;margin-top:20px;border:1px solid #a46b77;border-radius:50px;padding:11px 14px}.banner-side{display:grid;grid-template-rows:1.2fr 1fr;gap:18px}.ad-small>img{object-position:70% 53%}.ad-small .ad-copy{top:28px;left:28px}.ad-small h3{font-size:37px}.ad-text{padding:30px;background:#e393aa;color:#5b2338;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.ad-text>span{font-size:12px;letter-spacing:.08em}.ad-text h3{font-size:55px;font-weight:500;line-height:1.1}.web-stage{background:#181e12;overflow:hidden}.web-stage img{width:100%;height:auto}.video-stage{background:#131313;aspect-ratio:16/9;border:1px solid #282828}.video-stage video{width:100%;height:100%;object-fit:contain}.three-d-stage{height:680px;position:relative;overflow:hidden;background:#111}.three-d-stage img{width:100%;height:100%;object-fit:contain;padding:25px}.visual-label{position:absolute;top:36px;left:36px;z-index:1;font-size:12px;letter-spacing:.13em;color:#aaa}.visual-bottom{position:absolute;bottom:36px;left:36px;font-size:20px;letter-spacing:-.025em}.drawing-stage{height:680px;background:#121514;display:flex;align-items:center;padding:50px 35px 50px 50px;gap:30px}.drawing-title{width:28%;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.drawing-title>span{font-size:12px;color:#98a69e;letter-spacing:.1em}.drawing-title strong{font-size:49px;line-height:1.16;font-weight:400;letter-spacing:-.05em}.drawing-stage img{width:70%;height:100%;object-fit:contain}.why{padding:150px 0 120px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:68px}.reason-grid article{border-top:1px solid #444;padding-top:25px}.reason-grid article>span{color:#8a8a86;font-size:13px}.reason-grid h3{font-size:30px;margin-top:34px;font-weight:400}.reason-grid p{font-size:16px;line-height:1.75;color:#969692;margin-top:20px}.pricing{padding:70px 0 125px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.pricing h2{font-size:52px}.pricing-intro>p:last-child{margin-top:30px;line-height:1.7;font-size:16px;color:#999994}.price-panel{padding:34px;background:#efeee9;color:#151515}.price-top{display:flex;justify-content:space-between;font-size:12px}.price-top>span:first-child{letter-spacing:.13em}.price{display:flex;align-items:baseline;gap:12px;margin-top:42px;font-size:100px;font-weight:400;letter-spacing:-.055em;white-space:nowrap}.price>span{font-size:21px;letter-spacing:-.03em}.price-details{border-top:1px solid #c7c6c0;margin-top:30px;padding-top:20px}.price-details p{display:flex;gap:20px;margin-bottom:16px;font-size:13px;line-height:1.5}.price-details p>span{color:#696965;min-width:61px}.price-details strong{font-weight:500}.price-note{font-size:12px;color:#64645e;margin:24px 0 22px;line-height:1.6}.primary-button{background:#141414;color:#f6f5ef;padding:20px;display:flex;width:100%;justify-content:space-between;align-items:center;font-size:14px}.primary-button:hover{background:#353535}.closing{border-top:1px solid var(--line);padding:105px 0;display:flex;justify-content:space-between;align-items:center}.closing>p{font-size:60px;line-height:1.2;letter-spacing:-.06em}.closing-arrow{width:120px;height:120px;border:1px solid #555;border-radius:50%;font-size:62px;font-weight:200;background:none}.closing-arrow:hover{background:#eee;color:#111}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:35px 0 45px;font-size:11px;color:#82827f;line-height:1.8}.footer .logo{width:86px}.footer>div{margin-left:auto;margin-right:80px}dialog{border:1px solid #444;background:#181818;color:#eee;padding:42px;width:620px;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;top:16px;right:20px;font-size:30px;background:none;color:#aaa}dialog h2{font-size:30px;font-weight:400;margin-top:18px}.dialog-intro{font-size:14px;color:#aaa;line-height:1.7;margin-top:18px}fieldset{border:0;padding:0;margin:30px 0 24px}legend,.brief-label{font-size:14px;margin-bottom:14px}legend span{font-size:12px;color:#92928d}.need-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px;color:#d0d0ca}.need-options label{cursor:pointer}input[type=checkbox]{accent-color:#fff;margin-right:6px}.brief-label{display:block}textarea{display:block;width:100%;background:#111;border:1px solid #555;color:#eee;padding:12px;resize:vertical;line-height:1.6;font-size:14px;margin-bottom:18px}#consult-form .primary-button{background:#eeede8;color:#111}#copy-status{font-size:12px;color:#aaa;margin:17px 0;line-height:1.5}.kakao-link{display:block;text-align:center;border-bottom:1px solid #666;width:max-content;margin:18px auto 0;padding-bottom:5px;font-size:14px}#preview-dialog{width:950px;padding:0}#preview-dialog>img{width:100%}.preview-toolbar{position:sticky;top:0;background:#171717;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-size:13px;z-index:1}.preview-toolbar button{background:none;color:white;padding:8px}@media(min-width:1700px){.detail-stage,.three-d-stage,.drawing-stage{height:780px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Copy rhythm: keep complete thoughts together without squeezing type. */
.hero h1{font-size:clamp(68px,6.6vw,108px)}
.concern-bubble{min-height:190px}
.concern-answer{font-size:clamp(34px,3.4vw,52px)}
.section-head>p{max-width:46%;word-break:keep-all}
.reason-grid h3{font-size:clamp(23px,2.1vw,30px);line-height:1.4;word-break:keep-all}
.reason-grid p{word-break:keep-all}
.pricing h2{font-size:clamp(34px,3.25vw,52px)}
.work-start>.eyebrow,.why>.eyebrow,.pricing-intro>.eyebrow{font-size:16px;letter-spacing:0}
/* Simplified editorial layout and restrained glass surfaces. */
html{scroll-padding-top:100px}
.hero-video{opacity:.5}
.hero-shade{background:linear-gradient(180deg,rgba(9,9,9,.6),rgba(9,9,9,.7) 65%,#090909)}
.hero h1{font-size:clamp(50px,5.8vw,96px);line-height:1.24;color:#e7e7e4;text-shadow:0 2px 28px #0006}
.hero-emphasis{font-weight:650;color:#fff}
.hero-content>p{font-size:clamp(21px,1.8vw,27px);line-height:1.65;color:#dbdbd7;margin-top:32px}
.hero-content>p strong{font-weight:600;color:#fff}
.hero-consult{justify-content:center;gap:13px;border-radius:999px;padding:20px 34px;min-width:244px;background:linear-gradient(180deg,#fff 0%,#fafafa 45%,#d5d7db 100%);border:1px solid #fff9;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px #afb3ba88,0 5px 0 #858990,0 13px 26px #0008;color:#111;font-size:20px;transition:transform .18s ease,box-shadow .18s ease}
.hero-consult svg{width:25px;height:25px;flex-shrink:0;filter:drop-shadow(0 1px 0 #fff)}
.hero-consult>span{font-size:20px;font-weight:600}
.hero-consult:hover{background:linear-gradient(#fff,#e4e6e9);transform:translateY(-2px);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px #afb3ba88,0 7px 0 #858990,0 17px 28px #0008}
.hero-consult:active{transform:translateY(3px);box-shadow:inset 0 1px 2px #fff,0 2px 0 #858990,0 7px 18px #0008}
.hero-video-toggle{position:absolute;right:30px;bottom:26px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff50;background:#0004;color:white;font-size:18px;backdrop-filter:blur(10px)}
.concern-bubbles{position:relative;isolation:isolate;text-align:center;gap:24px}
.concern-bubbles:before{content:"";position:absolute;inset:-65px -15px;background:radial-gradient(ellipse at 20% 70%,#7d94b650,transparent 42%),radial-gradient(ellipse at 80% 30%,#b4a5bd40,transparent 42%);filter:blur(28px);z-index:-1;pointer-events:none}
.concern-bubble{isolation:isolate;overflow:hidden;min-height:200px;padding:32px 22px;border:1px solid #ffffffa6;border-radius:30px;background:linear-gradient(145deg,#ffffffed 0%,#f0f3f7df 45%,#d9dfe7d9 100%);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 4px #aeb7c665,0 12px 30px #0005;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);text-align:center}
.concern-bubble:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 35%,#fff7 36%,#fff2 48%,transparent 60%);z-index:-1}
.concern-bubble p{text-align:center;justify-items:center;font-size:clamp(21px,1.9vw,27px);font-weight:400;color:#171a20}
.bubble-reserve,.bubble-typed{width:100%}
.concern-bubble strong{font-weight:750}
.concern-answer strong{font-weight:750}
.work-start{text-align:center;padding:115px 0 35px}
.work-intro{position:static;margin-top:28px;font-size:21px}
.section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:21px;margin-bottom:45px}
.section-head h2{margin:0;font-size:62px}
.section-head>p{max-width:none;padding:0;font-size:21px;text-align:center}
.showcase{padding-top:95px;padding-bottom:60px}
.why{text-align:center}
.reason-grid article{text-align:center}
.reason-grid h3{margin-top:15px}
.pricing{text-align:center;grid-template-columns:1fr;gap:42px;padding-top:90px}
.pricing h2{font-size:54px}
.price-panel{width:620px;max-width:100%;margin:auto;text-align:left;padding:38px}
.pricing-intro>p:last-child{font-size:20px}
.closing{flex-direction:column;text-align:center;gap:40px}
/* Simplete: one phone and three continuous detail-page strips. */
.simplete-stage{height:760px;padding:70px 46px 84px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;align-items:center;background:radial-gradient(ellipse at 15% 30%,#43333b 0%,#1d191c 40%,#131113 78%);color:#eee;text-align:center;border:1px solid #30292e;cursor:zoom-in}
.detail-phone{position:relative;width:250px;height:548px;padding:9px;border-radius:42px;background:linear-gradient(130deg,#afb1b6,#292a2e 15%,#0b0b0d 50%,#777980 90%,#d8d9dc);border:1px solid #b7b7bf;box-shadow:inset 0 0 0 3px #171719,0 26px 45px #0009;justify-self:center}
.phone-screen{height:100%;width:100%;border-radius:33px;overflow:hidden;background:#260414;border:3px solid #111}
.phone-screen img{width:100%;height:auto;max-width:none;display:block}
.phone-island{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:78px;height:22px;border-radius:20px;background:#050506;box-shadow:0 1px 2px #fff1}
.phone-home{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);width:72px;height:4px;background:#fff9;border-radius:9px}
.detail-spread{height:548px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;min-width:0}
.spread-panel{overflow:hidden;background:#f8f7f5;border:1px solid #ffffff20;box-shadow:0 16px 26px #0005}
.spread-panel img{width:100%;height:auto;max-width:none}
.spread-panel:nth-child(1) img{transform:translateY(-8%)}
.spread-panel:nth-child(2) img{transform:translateY(-36%)}
.spread-panel:nth-child(3) img{transform:translateY(-64%)}
.detail-open{position:absolute;bottom:25px;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px;color:#ddd}
.detail-open>span{font-size:23px}
/* Existing Julie’s Choice and Lyaxome Instagram presentation. */
.instagram-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;padding:45px 55px;background:radial-gradient(ellipse at 15% 35%,#4b253840,transparent 50%),radial-gradient(ellipse at 90% 60%,#25264550,transparent 50%),#141414;border:1px solid #282828;align-items:center}
.instagram-post{background:#fff;color:#171717;min-width:0;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px #0006;border:1px solid #ffffff60}
.instagram-header{height:75px;display:flex;align-items:center;gap:12px;padding:16px 22px;font-size:17px;text-align:left}
.instagram-header strong{font-weight:600}
.instagram-avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d8d8d8;border-radius:50%;font-size:16px;color:#333;background:#f4f4f4}
.instagram-post[data-gallery=julies] .instagram-avatar{background:#fce5ee;color:#ae5977}
.instagram-more{margin-left:auto;font-size:25px;line-height:1}
.instagram-image{display:block;padding:0;margin:0;background:#fafafa;width:100%;cursor:zoom-in}
.instagram-image img{width:100%;height:auto;aspect-ratio:1/1.25;object-fit:contain;background:#fff}
.instagram-post[data-gallery=julies] .instagram-image img{aspect-ratio:1;object-fit:contain;background:#fde6ef}
.instagram-footer{padding:18px 20px 16px}
.instagram-icons{display:flex;align-items:center;gap:15px}
.instagram-icons svg{width:24px;height:24px}
.gallery-controls{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:12px}
.gallery-controls>button{background:none;color:#333;font-size:25px;width:30px;height:30px;line-height:1}
.gallery-dots{display:flex;gap:4px;align-items:center}
.gallery-dots button{padding:9px;background:transparent}
.gallery-dots button:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#d4d4d4}
.gallery-dots button[aria-pressed=true]:before{background:#222}
#preview-dialog.is-ad-preview{width:680px}
@media(min-width:1700px){.simplete-stage{height:820px;grid-template-columns:280px minmax(0,1fr)}.detail-phone{width:280px;height:610px}.detail-spread{height:610px}}

/* Service overview and portfolio updates. */
.service-overview{padding:60px 0 80px;text-align:center;border-bottom:1px solid #303030}
.service-overview h2{font-size:56px;line-height:1.2;font-weight:400;letter-spacing:-.05em}
.service-overview h2 strong{font-weight:750}
.service-lead{font-size:24px;color:#bcbcbc;margin:20px 0 30px}
.service-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-grid li{display:flex;align-items:center;justify-content:center;min-height:64px;padding:15px 8px;font-size:23px;letter-spacing:-.025em;background:linear-gradient(135deg,#222,#171717);border:1px solid #363636;border-radius:12px;color:#eee}
.service-scope{font-size:18px;color:#999;line-height:1.6;margin-top:24px}
.service-scope strong{font-weight:500;color:#ccc}
.hcore-stage{display:flex;flex-direction:column;align-items:center;width:100%;padding:34px 50px 24px;background:radial-gradient(ellipse at 50% 45%,#233b4e,#111a23 65%,#101418);border:1px solid #29343e;cursor:zoom-in}
.hcore-device{display:block;position:relative;width:min(100%,1080px)}
.hcore-frame{display:block;width:100%;height:auto}
.hcore-screen{position:absolute;left:8.356354%;top:7.366483%;width:83.425414%;height:59.944751%;overflow:hidden;background:#fff}
.hcore-screen img{width:100%;height:auto;display:block}
.portfolio-open{color:#d5dce1;font-size:18px;margin-top:-20px;padding:15px}
.print-projects{display:grid;gap:26px}
.print-projects button{display:block;width:100%;padding:0;background:#eee;overflow:hidden;cursor:zoom-in}
.print-projects img{display:block;width:100%;height:auto}

/* Clear delivery commitments and work-in-progress visibility. */
.delivery-trust{padding:100px 0 110px;border-top:1px solid var(--line);text-align:center}
.delivery-heading h2{font-size:clamp(54px,5vw,76px);font-weight:600;line-height:1.2;letter-spacing:-.05em;color:#f3f3f1}
.delivery-heading>p{margin-top:28px;font-size:clamp(23px,2.2vw,30px);color:#c9c9c6;line-height:1.5}
.delivery-heading strong{font-weight:400}
.delivery-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:58px;border-top:1px solid #484848;border-bottom:1px solid #484848;padding:36px 0 30px}
.delivery-times article{position:relative;padding:0 20px;min-height:163px}
.delivery-times article+article{border-left:1px solid #383838}
.delivery-times h3{font-size:24px;font-weight:500;color:#c9c9c6;margin:0 0 14px}
.delivery-days{display:flex;align-items:baseline;justify-content:center;gap:9px;font-size:clamp(56px,5.1vw,76px);letter-spacing:-.045em;font-weight:650;line-height:1.1;white-space:nowrap;color:#fff}
.delivery-days span{font-size:clamp(20px,1.8vw,25px);font-weight:400;letter-spacing:-.03em;color:#ddd}
.delivery-condition{font-size:18px;color:#aaa;margin-top:13px}
.delivery-schedule{font-size:20px;color:#aaa;margin-top:23px}
.figma-monitoring{position:relative;overflow:hidden;margin-top:64px;padding:54px 35px 43px;border:1px solid #494949;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#343438 0,transparent 65%),linear-gradient(130deg,#1e1e20,#131314);box-shadow:inset 0 1px 0 #ffffff15}
.monitoring-label{display:inline-block;font-size:22px;font-weight:600;color:#dedee3;margin-bottom:21px}
.figma-monitoring h3{font-size:48px;line-height:1.22;letter-spacing:-.04em;font-weight:600;margin:0}
.figma-monitoring>p{font-size:23px;line-height:1.6;color:#aaa;margin-top:25px}
.figma-monitoring>p strong{font-weight:600;color:#eee}
.figma-monitoring .monitoring-bottom{font-size:20px;margin:27px auto 0;padding-top:25px;border-top:1px solid #ffffff20;color:#c5c5c8;max-width:680px}
/* Review: synchronized portfolio motion, depth, and source pricing treatment. */
.concern-connector{display:block;width:1px;height:68px;background:linear-gradient(#ffffff20,#aaa);margin:30px auto}
.concern-answer{margin-top:0}
.service-scope{text-align:right;font-size:14px;line-height:1.7}
.service-grid{perspective:1000px}
.service-grid li{box-shadow:inset 0 1px 0 #ffffff18,0 5px 0 #080808;transform-origin:center bottom}
.service-grid.is-clacking li{animation:service-clack .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--tile)*70ms)}
@keyframes service-clack{0%{transform:translateY(-12px) rotateX(24deg);box-shadow:inset 0 1px 0 #ffffff30,0 16px 18px #0008}45%{transform:translateY(4px) rotateX(-5deg);box-shadow:inset 0 1px 0 #ffffff18,0 1px 0 #080808}72%{transform:translateY(-2px)}100%{transform:none}}
.delivery-days{gap:0;font-variant-numeric:tabular-nums}.delivery-days b{font:inherit;min-width:.62em}.delivery-days i{font:inherit}.delivery-days>span{margin-left:10px}
.rail-window{overflow:hidden}.rail-track{display:flex;gap:0;transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform;align-items:stretch}
.detail-slide{flex:0 0 100%;width:100%;padding:35px 22px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;align-items:center;background:transparent;color:inherit;cursor:zoom-in;min-width:0}
.detail-carousel{background:none;border:0}.detail-carousel .phone-screen{display:block}.detail-carousel .detail-spread{display:grid}.detail-carousel .spread-panel{display:block}.detail-carousel .detail-phone{display:block}
.rail-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-inline:24px;gap:20px}
.rail-label,.web-project-name{font-size:20px;color:#ccc}
.motion-controls{display:flex;justify-content:center;align-items:center;gap:10px}
.motion-controls button{background:#1e1e1e;border:1px solid #3d3d3d;border-radius:40px;padding:10px 18px;min-height:44px;font-size:14px;color:#ccc}
.motion-controls button:hover{background:#333;color:#fff}.motion-controls button:first-child,.motion-controls button:last-child{font-size:24px;width:44px;padding:4px}
.instagram-carousel .rail-track{gap:32px}.instagram-carousel .instagram-post{flex:0 0 calc((100% - 32px)/2);min-width:0;border-radius:20px}
.instagram-carousel .instagram-image img{aspect-ratio:4/5!important;object-fit:contain!important;background:#fff!important;width:100%;height:auto}
.instagram-carousel .instagram-header{height:76px}.instagram-carousel .instagram-footer{height:62px;display:flex;align-items:center}.instagram-carousel>.motion-controls{margin-top:28px}
.web-sequence-stage{height:750px;position:relative;overflow:hidden;background:transparent}
.web-pane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:none;opacity:0;visibility:hidden;transform:translateY(25px) scale(.97);transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1),visibility .5s;cursor:zoom-in}
.web-pane.is-active{opacity:1;visibility:visible;transform:none}.web-pane .hcore-device{width:min(100%,1000px);display:block}
.web-pane.is-active .hcore-screen img{animation:web-screen-travel 4.25s cubic-bezier(.3,.05,.25,1) .3s both}
@keyframes web-screen-travel{0%,8%{transform:translateY(0)}90%,100%{transform:translateY(var(--travel,0px))}}
.web-sequence.is-paused .hcore-screen img{animation-play-state:paused}
.laptop-mockup{display:block;width:78%;max-width:930px;transform:perspective(1400px) rotateY(-9deg) rotateX(3deg);position:relative;margin-left:-100px}
.laptop-display{display:block;aspect-ratio:16/10;border:16px solid #262628;border-bottom-width:25px;border-radius:23px 23px 10px 10px;overflow:hidden;box-shadow:inset 0 0 0 2px #aaa,0 30px 80px #0008;background:#fff}
.laptop-display img{display:block;width:100%;height:auto;max-width:none}.laptop-base{display:block;position:relative;width:112%;height:26px;left:-6%;border-radius:3px 3px 55% 55%;background:linear-gradient(#dbdcdf,#74767e 45%,#36363b);box-shadow:0 25px 28px #0007}.laptop-base:before{content:'';position:absolute;left:43%;width:14%;height:7px;top:0;border-radius:0 0 8px 8px;background:#6e7077}
.web-phone{display:block;position:absolute;right:5%;bottom:55px;width:205px;height:434px;background:linear-gradient(130deg,#c5c7cb,#1a1a1d 16%,#60616a);border-radius:34px;padding:8px;box-shadow:0 26px 38px #0009;transform:rotate(5deg)}
.web-phone>span{display:block;width:100%;height:100%;border:3px solid #111;border-radius:27px;overflow:hidden;background:white}.web-phone img{display:block;width:100%;height:auto}.web-phone:before{content:'';position:absolute;top:15px;left:38%;width:24%;height:15px;background:#111;border-radius:20px;z-index:1}
#brand-film .three-d-film{margin-top:32px}
.closing{position:relative;isolation:isolate;border:1px solid #ffffff20;border-radius:32px;margin-top:35px;margin-bottom:100px;min-height:430px;padding:65px 70px;align-items:flex-start;text-align:left;overflow:hidden;background:#191919}
.closing:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/our-team/studio-meeting.webp') center/cover}.closing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070709ed,#09090bc9 45%,#09090b55)}
.closing-content>p{font-size:clamp(40px,4vw,60px);line-height:1.4;letter-spacing:-.05em;color:#ddd}.closing-content strong{font-weight:650;color:#fff}.closing-consult{display:block;margin-top:32px;border-radius:99px;background:#f7f7f7;color:#111;padding:17px 30px;font-size:19px;font-weight:600}.closing-content>a{display:inline-block;margin-top:22px;color:#ccc;font-size:16px;border-bottom:1px solid #ffffff50;padding-bottom:5px}
/* Adapted from ARKEZ pricing: STANDARD column, discount, capacity, checks and pill. */
.plan-column.price-panel{width:560px;padding:40px;background:#f7f7f7;color:#171717;border-radius:24px;border:1px solid #dedede;border-top:4px solid #171717;display:flex;flex-direction:column;box-shadow:0 25px 70px #0008}
.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.plan-heading h3{font-size:26px;font-weight:550;letter-spacing:-.035em}.billing-discount-badge{padding:8px 12px;border-radius:50px;background:#171717;color:#fff;font-size:15px;font-weight:600}
.plan-description{font-size:17px;line-height:1.6;color:#666;margin-top:16px}.plan-term{font-size:16px;font-weight:600;margin-top:28px}
.plan-price-group{display:flex;justify-content:flex-end;align-items:baseline;gap:17px;margin:4px 0 28px}.plan-original-price{font-size:18px;color:#888;white-space:nowrap}.plan-price{display:flex;gap:9px;align-items:baseline}.plan-price strong{font-size:88px;line-height:1.15;font-weight:600;letter-spacing:-.05em}.plan-price>span{font-size:24px}.plan-price small{font-size:16px;margin-left:8px;color:#777}
.plan-capacity{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:14px 16px;background:#eee;border:1px solid #dedede;border-radius:8px;margin-bottom:22px;font-size:18px}.plan-capacity>span{color:#555}.plan-capacity strong{font-weight:600}
.plan-team{display:flex;gap:22px;padding-top:22px;border-top:1px solid #ddd;font-size:16px;margin-bottom:16px}.plan-column ul{list-style:none;padding:0;display:flex;flex-direction:column;margin:0 0 20px}.plan-column li{display:flex;align-items:center;gap:12px;font-size:18px;padding:10px 0;line-height:1.6}.included-check{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#222;color:#fff;font-size:12px;flex-shrink:0}.plan-scope{font-size:14px;color:#777;margin-bottom:25px;line-height:1.7}.plan-column .pill{display:flex;justify-content:center;align-items:center;width:100%;min-height:58px;border:1px solid #111;border-radius:50px;color:#fff;font-size:18px;background:linear-gradient(110deg,#080808,#444 30%,#191919 52%,#555 73%,#080808);background-size:300% 100%;animation:plan-button-flow 2.8s ease-in-out infinite alternate}.tax-note{margin:15px 0 0;text-align:right;font-size:12px;color:#777;line-height:1.6}@keyframes plan-button-flow{from{background-position:0 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.rail-track,.web-pane{transition:none}.service-grid.is-clacking li,.web-pane.is-active .hcore-screen img,.plan-column .pill{animation:none}}

/* Review 2026-10-13: quicker rhythm, visible-only motion and clearer cards. */
.hero h1{line-height:1.4}
main h2,.work-start h2,.service-overview h2,.delivery-heading h2,.section-head h2,.pricing h2,.closing h2{line-height:1.42}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:36px}
.hero-actions .hero-consult,.hero-portfolio{margin:0;min-width:218px;padding:12px 26px;min-height:52px;font-size:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.4}
.hero-actions .hero-consult>span{font-size:18px}.hero-actions .hero-consult svg{width:22px;height:22px}
.hero-portfolio{background:#101012;border:1px solid #ffffff36;color:#f5f5f5;box-shadow:inset 0 1px 1px #ffffff18,0 5px 0 #0005;transition:background .2s,transform .2s}
.hero-portfolio:hover{background:#252528;transform:translateY(-2px)}.hero-portfolio>span{font-size:20px}
.service-grid.service-marquee{display:grid;grid-template-columns:1fr;gap:12px;perspective:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.service-row-window{overflow:hidden}.service-row{display:flex;gap:12px;width:max-content;list-style:none;margin:0;padding:0;animation:service-signboard 18s linear infinite;animation-play-state:paused;will-change:transform}
.service-row-window:nth-child(even) .service-row{animation-direction:reverse;animation-duration:21s}
.service-row-window.is-running .service-row{animation-play-state:running}.service-marquee:hover .service-row{animation-play-state:paused}
.service-grid .service-row li{flex:0 0 clamp(210px,23vw,340px);width:clamp(210px,23vw,340px);min-height:66px;animation:none;transform:none;box-shadow:inset 0 1px 0 #ffffff14}
@keyframes service-signboard{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.delivery-times{gap:20px;border:0;padding:0;margin-top:48px}
.delivery-times article{border:1px solid #ffffff18!important;border-radius:24px;background:linear-gradient(145deg,#25272c,#17181c);padding:34px 20px 28px;min-height:232px;box-shadow:inset 0 1px 0 #ffffff0a,0 16px 35px #0002}
.delivery-times h3{margin-bottom:24px;color:#dadbde;font-size:22px}.delivery-condition{margin-top:20px}.delivery-days{font-size:clamp(52px,5.1vw,76px)}
.figma-monitoring{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;text-align:left;padding:52px 48px;gap:48px;background:radial-gradient(ellipse at 85% 25%,#36373d 0,transparent 60%),#18191d}
.monitoring-copy{padding:12px 35px 12px 0;border-right:1px solid #ffffff25;min-height:290px;display:flex;flex-direction:column;justify-content:center}
.figma-monitoring h3{font-size:44px;line-height:1.45}.monitoring-copy p{font-size:20px;line-height:1.8;color:#a7a8af;margin-top:26px}.monitoring-copy strong{color:#ededf0;font-weight:500}
.monitoring-visual{position:relative;width:100%;max-width:380px;height:275px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:800px}
.monitor-frame{width:90%;height:205px;background:linear-gradient(125deg,#8c8f98,#30323a 45%,#b5b7c0);padding:9px 9px 0;border-radius:14px;box-shadow:0 18px 32px #0006;transform:rotateY(-7deg) rotateX(3deg)}
.monitor-screen{position:relative;height:170px;border-radius:6px;background:#efeff4;overflow:hidden;border:4px solid #111216}.monitor-chin{height:20px}
.monitor-toolbar{height:19px;display:flex;align-items:center;gap:4px;background:#dadbe3;padding:0 8px}.monitor-toolbar i{width:4px;height:4px;border-radius:50%;background:#9a9da9}
.monitor-design{display:flex;align-items:center;gap:12px;margin:22px 22px;width:72%}.design-image{width:78px;height:88px;border-radius:5px;background:linear-gradient(145deg,#d7cee9,#8b83af);position:relative}.design-image:after{content:'';position:absolute;width:42px;height:42px;top:23px;left:17px;border-radius:12px;background:linear-gradient(145deg,#fff,#d8cfec);transform:rotate(-12deg);box-shadow:0 7px 15px #44395e35}
.design-lines{display:grid;gap:9px;flex:1}.design-lines i{height:6px;border-radius:3px;background:#b7b9c6}.design-lines i:nth-child(2){width:70%}.design-lines i:nth-child(3){width:85%;background:#dadbe2}
.monitor-cursor{position:absolute;right:24%;bottom:36px;color:#7161ab;font-size:32px}.monitor-comment{position:absolute;right:15px;bottom:19px;background:#7665ad;color:white;font-size:10px;padding:5px 8px;border-radius:5px}
.monitor-neck{height:27px;width:42px;background:linear-gradient(90deg,#565862,#b6b9c3,#686b75)}.monitor-base{height:8px;width:118px;border-radius:50% 50% 4px 4px;background:linear-gradient(#c1c3cd,#727681);box-shadow:0 8px 18px #0005}
.figma-icon{position:absolute;right:0;bottom:5px;width:88px;height:98px;background:linear-gradient(135deg,#373941,#17181e);border:1px solid #ffffff30;border-radius:24px;box-shadow:0 15px 25px #0005;display:grid;place-items:center;transform:rotate(9deg)}.figma-icon svg{width:38px;height:57px;filter:drop-shadow(0 3px 2px #0004)}
.detail-slide .phone-screen img,.detail-slide .spread-panel img{transform:translateY(var(--detail-start,0px))}
.detail-slide.is-active .phone-screen img,.detail-slide.is-active .spread-panel img{animation:detail-page-pan 2s cubic-bezier(.3,0,.25,1) both;animation-play-state:paused}
.detail-carousel.is-running .detail-slide.is-active img{animation-play-state:running}
@keyframes detail-page-pan{0%,8%{transform:translateY(var(--detail-start,0px))}92%,100%{transform:translateY(var(--detail-end,0px))}}
.instagram-carousel{position:relative;padding-inline:30px}.instagram-carousel>.motion-controls{position:absolute;inset:0;pointer-events:none;margin:0;display:flex;align-items:center;justify-content:space-between}
.instagram-carousel>.motion-controls button{pointer-events:auto;box-shadow:0 5px 20px #0008;background:#222e;border-color:#ffffff30;width:48px;height:48px;backdrop-filter:blur(12px)}
.print-projects button{border-radius:22px;isolation:isolate}.print-projects img{animation:print-project-pan 7s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.print-projects .is-moving img{animation-play-state:running}.print-projects button:hover img{animation-play-state:paused}
@keyframes print-project-pan{from{transform:scale(1.035) translate(-.5%,.5%)}to{transform:scale(1.105) translate(.7%,-1%)}}
@media(max-width:1100px){.figma-monitoring{padding:38px 30px;gap:26px}.figma-monitoring h3{font-size:36px}.monitoring-copy{padding-right:24px}.monitoring-copy p{font-size:18px}.delivery-times{gap:14px}.hero h1{line-height:1.38}}
@media(prefers-reduced-motion:reduce){.service-row,.detail-slide.is-active .phone-screen img,.detail-slide.is-active .spread-panel img,.print-projects img{animation:none;transform:none}.service-grid.service-marquee{mask-image:none}.service-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.service-grid .service-row li{width:auto;min-width:0}.service-row li[aria-hidden=true]{display:none}}