@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
:root{--ink:#20201e;--muted:#787872;--line:#deded8;--paper:#fff;--accent:#682e3b;--surface:#f1f1ee;--gutter:4.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,'Arial',sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.3;cursor:default}h1,h2,h3,p{margin:0}img{width:100%;height:100%;object-fit:cover;display:block}em{font-style:normal;color:var(--muted)}[hidden]{display:none!important}.site-header{height:78px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand>span{font-size:12px;vertical-align:top;margin-left:3px;line-height:2}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{padding:15px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:8px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}.site-header nav a:hover:after{width:100%}.nav-contact{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.nav-contact span{font-size:25px}.overline{display:block;font-size:12px;font-weight:600;letter-spacing:.7px}.slash{color:var(--accent);font-size:20px;margin-right:8px}.experience{height:270svh;min-height:1400px}.experience-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:640px;padding:24px var(--gutter) 0;overflow:hidden}.hero-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;height:228px;padding-bottom:24px}.hero-title{flex:1;min-width:0}.hero-title .overline{margin-bottom:12px}h1{font-size:clamp(54px,5.8vw,92px);font-weight:600;line-height:1.04;letter-spacing:-.065em}h1 span{color:var(--accent)}.hero-aside{width:270px;flex-shrink:0;padding-bottom:4px}.scene-counter{font-size:13px;color:#999;display:block;margin-bottom:15px;letter-spacing:1px}.scene-counter b{color:var(--ink);font-weight:500}.hero-aside p{font-size:15px;line-height:1.6}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:14px;border-bottom:1px solid var(--ink);padding:12px 0 7px;margin-top:14px;font-weight:500}.stage{height:calc(100svh - 78px - 228px - 122px);min-height:285px;position:relative;isolation:isolate;background:var(--surface);overflow:hidden}.source-frame{position:absolute;inset:0;overflow:hidden;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s,border-radius .8s;z-index:2}.source-frame img{object-position:50% 58%;transform:scale(1.04);transition:transform 1.5s}.source-shade{position:absolute;inset:0;background:linear-gradient(transparent 28%,#1116)}.source-label{position:absolute;top:25px;left:28px;font:12px Arial;letter-spacing:1.6px;color:white}.source-label i{font-style:normal;opacity:.7;margin-left:7px}.source-bottom{position:absolute;bottom:36px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-end;color:#fff}.source-bottom p{font-size:23px;line-height:1.5;letter-spacing:-.5px}.source-bottom b{font-weight:600}.circle-next{color:#fff;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;font-size:35px;transition:background .3s,transform .3s}.circle-next:hover{background:#fff;color:#222;transform:translateY(5px)}.source-small{position:absolute;bottom:14px;left:28px;color:#fff9;font-size:9px;letter-spacing:2px}.stage-disclaimer{position:absolute;z-index:10;right:15px;bottom:10px;font-size:10px;color:#777;background:#ffffffd9;padding:5px 9px;pointer-events:none}.visual-scene{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(70px) scale(.85);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .6s;will-change:transform}.experience-sticky:not([data-scene="0"]) .source-frame{transform:scale(.6) translateY(-40px);opacity:0;pointer-events:none}.experience-sticky[data-scene="1"] .ad-composition,.experience-sticky[data-scene="2"] .analysis-composition,.experience-sticky[data-scene="3"] .web-composition,.experience-sticky[data-scene="4"] .lead-composition{opacity:1;pointer-events:auto;transform:none}.scene-nav{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);gap:20px}.scene-nav button{padding:16px 0 17px;display:flex;align-items:center;gap:13px;border-top:2px solid transparent;font-size:14px;white-space:nowrap;color:#8a8a83;text-align:left}.scene-nav button span{font-size:11px}.scene-nav button i{font-size:18px;font-style:normal;margin-left:auto;opacity:0}.scene-nav button[aria-pressed=true]{color:var(--ink);border-top-color:var(--accent);font-weight:600}.scene-nav button[aria-pressed=true] i{opacity:1}.scroll-hint{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:12px}.scroll-hint>span:first-child{font-size:9px;letter-spacing:1.7px}
.ad-composition{display:flex;align-items:center;justify-content:center;perspective:1000px}.ad-main{height:92%;aspect-ratio:.79;background:white;position:relative;z-index:3;box-shadow:0 15px 40px #0002;transform:translateY(90px) rotate(-6deg);transition:transform 1s cubic-bezier(.2,.8,.2,1)}[data-scene="1"] .ad-main{transform:translateY(0) rotate(-3deg)}.ad-social{height:8%;min-height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px}.ad-social small{font-size:9px;color:#777}.ad-main-photo{height:84%;position:relative}.ad-main-photo:after,.ad-side:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008);pointer-events:none}.ad-main-photo>div{position:absolute;z-index:1;inset:auto 20px 20px;color:white}.ad-main-photo small{font-size:8px;letter-spacing:1.5px}.ad-main-photo h2{font-size:clamp(24px,2.7vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:9px 0 20px;font-weight:500}.ad-main-photo>div>span{font-size:10px;border-bottom:1px solid #fffa;padding-bottom:5px}.ad-side{position:absolute;height:76%;aspect-ratio:.75;color:#fff;box-shadow:0 15px 35px #0002;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.ad-side>span{position:absolute;left:18px;top:18px;z-index:1;font-size:10px}.ad-side>b{position:absolute;bottom:25px;left:22px;z-index:1;font-size:25px;font-weight:500;line-height:1.3}.side-left{transform:translateX(-30px) rotate(0deg)}.side-right{transform:translateX(30px) rotate(0deg)}[data-scene="1"] .side-left{transform:translateX(-87%) rotate(-13deg)}[data-scene="1"] .side-right{transform:translateX(87%) rotate(11deg)}.creative-note{position:absolute;right:3%;top:15%;width:175px;z-index:4}.creative-note>span{font-size:9px;letter-spacing:1px;color:#777}.creative-note p{font-size:15px;line-height:1.6;margin-top:14px}.creative-note b{font-weight:500}.analysis-composition{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;padding:22px 6%}.analysis-sheet{background:white;padding:25px 28px;transform:rotate(-2deg);box-shadow:0 15px 45px #0000000b}.sheet-label{display:flex;justify-content:space-between;font-size:16px;font-weight:600;gap:12px}.sheet-label>span{font-size:11px;font-weight:400;color:#888}.cost-row{display:grid;grid-template-columns:65px 1fr 98px;align-items:center;gap:12px;margin-top:30px}.cost-row>span{font-size:20px}.cost-row small{font-size:12px;font-weight:400;margin-left:4px;color:#888}.cost-row i{height:18px;background:#ccc;width:var(--w);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .15s}.cost-row b{font-size:22px;text-align:right;font-weight:500;letter-spacing:-1px}.winner i{background:var(--accent)}.winner>b{color:var(--accent)}[data-scene="2"] .cost-row i{transform:scaleX(1)}.analysis-sheet>p{font-size:11px;line-height:1.6;color:#888;border-top:1px solid #eee;padding-top:20px;margin-top:24px}.analysis-decision{position:relative;padding-top:15px}.big-symbol{position:absolute;right:0;top:0;font-size:56px;font-weight:300;color:var(--accent)}.analysis-decision h2{font-size:clamp(24px,2.5vw,38px);line-height:1.2;letter-spacing:-1.4px;font-weight:500;margin-bottom:18px}.analysis-decision>div{padding:9px 0;border-top:1px solid var(--line)}.analysis-decision b{font-size:14px;display:block;margin-bottom:5px;font-weight:600}.analysis-decision>div>span{font-size:13px;color:#777}.analysis-decision>small{display:block;max-width:330px;font-size:10px;line-height:1.6;margin-top:14px;color:#888}.web-composition{display:flex;align-items:center;justify-content:center;gap:7%;padding:24px 6%}.browser-model{height:95%;width:61%;background:white;padding:0;text-align:left;box-shadow:0 15px 40px #0002;transform:perspective(1000px) rotateY(-9deg) rotateZ(-3deg);transition:transform .8s}.browser-model:hover{transform:perspective(1000px) rotateY(0) rotateZ(0)}.browser-chrome{height:30px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#999;border-bottom:1px solid #eee}.browser-chrome>span:first-child{font-size:7px;letter-spacing:3px}.browser-photo{height:calc(100% - 78px);position:relative;color:white}.browser-photo:after{position:absolute;content:'';inset:0;background:#0002}.browser-photo>div{position:absolute;inset:22px;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.browser-photo>div>span{font-family:Georgia,serif;font-size:20px;letter-spacing:2px}.browser-photo h2{font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.2;letter-spacing:-1px}.browser-photo small{font-size:11px}.browser-bottom{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;gap:15px}.browser-bottom b{font-size:11px;font-weight:500}.browser-bottom>span{font-size:7px;letter-spacing:1px}.web-note{flex:1}.pro-label{display:inline-block;font-size:10px;letter-spacing:1px;border:1px solid var(--accent);color:var(--accent);padding:5px 7px;margin-bottom:18px}.web-note h2{font-size:clamp(24px,2.3vw,36px);line-height:1.25;letter-spacing:-1.1px;font-weight:500}.web-note p{font-size:14px;line-height:1.7;color:#888;margin-top:16px}.web-note .text-link{font-size:12px;margin-top:10px}.lead-composition{display:flex;align-items:center;justify-content:center;gap:4%;padding:25px 6%}.inbox{width:56%;background:#fff;padding:24px 27px;box-shadow:0 15px 40px #0000000b;transform:rotate(-2deg)}.inbox-head,.inbox>button:not(.video-link){display:grid;grid-template-columns:.55fr 1.1fr 1fr;align-items:center;gap:12px}.inbox-head{font-size:11px;color:#999;margin-top:22px;padding:10px 8px}.inbox>button:not(.video-link){width:100%;padding:17px 8px;border-top:1px solid var(--line);font-size:13px;text-align:left}.inbox>button.selected{background:#f4eef0;color:var(--accent)}.inbox b{font-weight:500}.video-link{width:100%;display:flex;justify-content:space-between;padding:15px 8px 0;border-top:1px solid var(--line);font-size:12px}.notification{width:36%;background:white;padding:24px;box-shadow:0 20px 50px #0001;transform:translateY(90px) rotate(5deg);transition:transform 1s cubic-bezier(.15,.9,.3,1) .1s;border-top:3px solid var(--accent)}[data-scene="4"] .notification{transform:translateY(0) rotate(2deg)}.notification-top{display:flex;gap:10px;align-items:center;font-size:12px}.message-icon{font-size:24px;color:var(--accent)}.notification-top small{display:block;font-size:9px;color:#888;margin-top:4px}.notification h2{font-size:clamp(25px,2.6vw,39px);letter-spacing:-1.5px;line-height:1.2;font-weight:500;margin:20px 0}.notification p{font-size:13px;line-height:1.8;color:#686864}.notification-foot{display:block;font-size:9px;color:#999;border-top:1px solid #eee;margin-top:15px;padding-top:12px}
.section{padding:85px var(--gutter)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading h2{font-size:clamp(32px,3.4vw,52px);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin-top:20px}.section-heading>p,.heading-aside p{font-size:15px;line-height:1.6;color:var(--muted)}.work{border-top:1px solid var(--line)}.heading-aside{display:flex;gap:35px;align-items:flex-end}.rail-buttons{display:flex;gap:8px}.rail-buttons button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:18px;transition:background .25s}.rail-buttons button:hover{background:var(--ink);color:white}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.gallery-filters{display:flex;gap:22px}.gallery-filters button{padding:9px 0;color:#999;font-size:14px;border-bottom:1px solid transparent;white-space:nowrap}.gallery-filters button.active{color:var(--ink);border-bottom-color:var(--ink)}.gallery-filters button>span{font-size:10px;vertical-align:super;margin-left:3px}#gallery-count{font-size:12px;color:#999}.creative-gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding-bottom:20px}.creative-card{flex:0 0 calc((100% - 66px)/4);padding:0;scroll-snap-align:start;text-align:left;min-width:230px}.creative-poster{height:355px;position:relative;isolation:isolate;overflow:hidden;color:white}.creative-photo,.creative-wash{position:absolute;inset:0;z-index:-1}.creative-photo{background-image:var(--sheet);background-size:300% 200%;background-position:var(--x) var(--y);transition:transform .7s}.creative-card:hover .creative-photo{transform:scale(1.06)}.creative-wash{background:linear-gradient(transparent 15%,#000a)}.creative-top{display:flex;justify-content:space-between;padding:17px;font-size:7px;letter-spacing:1px}.creative-top>span:last-child{font-size:15px}.creative-message{position:absolute;bottom:25px;left:21px;right:15px}.creative-message small{font-size:8px;letter-spacing:1.2px}.creative-message h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:12px 0}.creative-message p{font-size:10px;line-height:1.6;opacity:.8}.creative-cta{display:inline-block;font-size:9px;padding:14px 0 5px;border-bottom:1px solid #fff8}.treatment-1 .creative-message{border-left:1px solid #fff8;padding-left:12px}.treatment-2 .creative-message{bottom:35px}.treatment-2 .creative-message h3{font-weight:300}.treatment-3 .creative-top{padding-top:25px}.creative-caption{display:flex;justify-content:space-between;padding-top:17px}.creative-caption b{font-size:14px;font-weight:500;display:block}.creative-caption div>span{font-size:11px;color:#999;display:block;margin-top:5px}.creative-expand{font-size:24px;font-weight:300}.gallery-note,.fineprint{font-size:11px;color:#999;line-height:1.7;margin-top:18px}.websites{background:#f5f5f2}.website-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.site-card{padding:0;text-align:left}.site-cover{height:330px;position:relative;overflow:hidden;color:white}.site-cover:after{content:'';position:absolute;inset:0;background:#0003;pointer-events:none}.site-cover img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.site-card:hover img{transform:scale(1.08)}.site-cover>div{position:absolute;z-index:1;inset:24px;display:flex;flex-direction:column;justify-content:space-between}.site-cover small{font-size:9px;letter-spacing:1px}.site-cover h3{font-family:Georgia,serif;font-size:43px;letter-spacing:1px;font-weight:400}.site-cover h3 span{font-family:Pretendard,sans-serif;font-size:12px;display:block;margin-top:12px;letter-spacing:0}.site-cover.object h3{font-family:Arial,sans-serif;font-weight:700;font-size:48px;letter-spacing:-2px}.site-cover.forme h3{font-size:38px;letter-spacing:7px}.site-arrow{position:absolute;z-index:2;right:24px;top:20px;font-size:32px;transition:transform .3s}.site-card:hover .site-arrow{transform:rotate(45deg)}.site-card>p{padding:18px 0 0;display:flex;justify-content:space-between;gap:10px;font-size:13px}.site-card>p>b{font-weight:500}.site-card>p>span{font-size:11px;color:#888}.pricing{display:grid;grid-template-columns:1fr 2fr;gap:8%}.pricing-intro h2{font-size:66px;line-height:1.05;letter-spacing:-4px;font-weight:500;margin:25px 0}.pricing-intro>p{font-size:15px;color:#888;line-height:1.7}.plans{display:grid;grid-template-columns:1fr 1fr;gap:30px}.plan{border-top:2px solid var(--ink);padding-top:20px;display:flex;flex-direction:column}.plan.pro{border-top-color:var(--accent)}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-top h3{font-size:15px;letter-spacing:1px;font-weight:600}.plan-top>span{font-size:12px;color:#888}.plan-price{display:flex;align-items:baseline;gap:7px;margin-top:25px}.plan-price strong{font-size:84px;letter-spacing:-5px;font-weight:400;line-height:1.15}.plan-price>span{font-size:13px;color:#888}.pro .plan-price strong{color:var(--accent)}.plan>p{font-size:17px;line-height:1.5;margin:18px 0 24px}.plan ul{padding:0;list-style:none;display:grid;gap:13px;margin:0 0 30px;font-size:13px;color:#777}.plan li:before{content:'+';margin-right:7px;color:#888}.plan-button{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:14px;padding:18px 0 0;margin-top:auto;transition:color .2s}.plan-button:hover{color:var(--accent)}.plan-button span{font-size:23px;line-height:1}.plans details{grid-column:1/-1;margin-top:8px;color:#888;font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plans summary{list-style:none;display:flex;justify-content:space-between;padding:17px 0;cursor:pointer}.plans details p{padding:0 0 17px;line-height:1.8}.contact{background:#edece8;display:flex;align-items:center;justify-content:space-between;padding-top:64px;padding-bottom:64px}.contact h2{font-size:clamp(40px,5vw,78px);letter-spacing:-.06em;line-height:1.08;font-weight:500;margin-top:25px}.contact h2 em{color:var(--accent)}.contact-action{text-align:center}.contact-circle{width:116px;height:116px;border-radius:50%;border:1px solid var(--ink);font-size:62px;font-weight:200;transition:background .35s,color .35s,transform .4s}.contact-circle:hover{background:var(--accent);border-color:var(--accent);color:white;transform:rotate(45deg)}.contact-action>p{font-size:14px;margin-top:20px}.contact-action>small{font-size:10px;color:#999;display:block;margin-top:8px}footer{padding:32px var(--gutter);display:flex;justify-content:space-between;gap:20px;align-items:center}footer .brand{font-size:20px}footer p{font-size:11px;color:#888}footer>span{font-size:10px;letter-spacing:1px;color:#888}
dialog{background:white;color:var(--ink);border:0;padding:26px;max-width:calc(100% - 32px);max-height:92dvh;width:1000px;overflow:auto}dialog::backdrop{background:#191919bd;backdrop-filter:blur(7px)}.modal-head,.ad-detail-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:22px;gap:20px}.modal-head button,.ad-detail-toolbar button{padding:9px 13px;border:1px solid var(--line);font-size:12px}.ad-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:35px}#ad-detail-poster .creative-poster{height:550px}.ad-direction{padding:25px 0}.ad-direction h2{font-size:32px;letter-spacing:-1.4px;margin:20px 0}.eyebrow{font-size:11px;letter-spacing:1px;color:#888}.ad-direction dt{font-size:14px;font-weight:600;margin-top:23px}.ad-direction dd{font-size:15px;line-height:1.7;margin:8px 0}.ad-detail-note{font-size:12px;color:#999;line-height:1.8;margin:25px 0}.button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--ink);color:white;padding:17px 20px;font-size:14px;border:0}.ad-direction .button{width:100%}.ad-paging{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:25px}.ad-paging button{padding:8px}#website-dialog{width:1320px;height:92dvh;padding:12px}#website-dialog .modal-head{margin-bottom:12px}#website-dialog iframe{border:0;width:100%;height:calc(100% - 55px);background:#fff}#video-dialog video{width:100%;max-height:70vh;display:block}#consult-dialog{width:510px;padding:28px}#consult-dialog h2{font-size:38px;letter-spacing:-1.8px;font-weight:500;margin:28px 0 16px;line-height:1.2}#consult-dialog .fineprint{font-size:12px}form label{display:block;font-size:14px;margin:20px 0}input,select{font-size:16px;display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #bbb;color:var(--ink);background:white;margin-top:6px;border-radius:0}form .button{width:100%;margin-top:25px}#consult-result{font-size:14px;line-height:1.8;margin-top:18px;color:var(--accent)}
@media(min-width:1650px){:root{--gutter:max(4.5vw,calc((100vw - 1500px)/2))}.hero-heading{height:250px}.stage{height:calc(100svh - 78px - 250px - 122px);max-height:620px}.creative-poster{height:415px}.site-cover{height:390px}}
@media(max-height:780px) and (min-width:801px){.experience-sticky{padding-top:15px;min-height:600px}.hero-heading{height:185px}.hero-title h1{font-size:60px}.hero-title .overline{font-size:11px;margin-bottom:8px}.hero-aside p{font-size:13px}.scene-counter{margin-bottom:7px}.stage{height:calc(100svh - 78px - 185px - 113px)}.analysis-sheet{padding:18px 22px}.cost-row{margin-top:20px}.analysis-decision h2{font-size:24px}.analysis-decision>div{padding:6px 0}.notification{padding:18px 20px}.notification h2{margin:12px 0;font-size:28px}.inbox{padding:17px 22px}.inbox-head{margin-top:12px}.inbox>button:not(.video-link){padding:12px 8px}}
@media(max-width:1050px){h1{font-size:62px}.hero-aside{width:235px}.hero-aside p{font-size:14px}.creative-note{display:none}.analysis-composition{padding:25px 4%;gap:4%}.analysis-sheet{padding:20px}.cost-row{grid-template-columns:50px 1fr 85px;gap:8px}.cost-row b{font-size:20px}.analysis-decision h2{font-size:26px}.big-symbol{display:none}.notification{width:40%;padding:20px}.notification h2{font-size:28px}.inbox{padding:22px 16px}.inbox>button:not(.video-link){font-size:12px}.heading-aside{display:block}.rail-buttons{justify-content:flex-end;margin-top:15px}.creative-card{flex-basis:30%}.creative-poster{height:340px}.site-cover{height:285px}.site-cover h3{font-size:30px}.site-cover.forme h3{font-size:30px}.site-cover.object h3{font-size:38px}.website-grid{gap:18px}.pricing{gap:5%;grid-template-columns:.8fr 2fr}.pricing-intro h2{font-size:53px}.plans{gap:22px}.plan-price strong{font-size:70px}.plan-top{display:block}.plan-top>span{display:block;margin-top:6px}.plan>p{font-size:16px}.plan ul{font-size:12px}.scene-nav{gap:12px}.scene-nav button{font-size:12px;gap:8px}}
@media(max-width:800px){:root{--gutter:5vw}.site-header{height:64px}.brand{font-size:21px}.site-header nav{display:none}.nav-contact{font-size:12px;gap:15px}.nav-contact span{font-size:22px}.experience{height:270svh;min-height:1500px}.experience-sticky{top:64px;height:calc(100svh - 64px);min-height:605px;padding-top:18px}.hero-heading{height:210px;padding-bottom:20px;gap:15px}.hero-title .overline{font-size:11px;margin-bottom:15px}h1{font-size:clamp(43px,6.5vw,62px)}.hero-aside{width:220px}.hero-aside p{font-size:13px}.stage{height:calc(100svh - 64px - 210px - 114px);min-height:290px}.scene-nav{gap:8px}.scene-nav button{font-size:11px;gap:5px;padding:15px 0}.scene-nav button span{font-size:9px}.scene-nav button i{display:none}.section{padding-top:60px;padding-bottom:60px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:34px}.section-heading>p,.heading-aside p{font-size:13px}.creative-card{flex-basis:38%}.site-cover{height:265px}.website-grid{gap:15px}.site-cover>div{inset:18px}.site-cover h3{font-size:27px}.site-cover h3 span{font-size:10px}.site-cover.forme h3{font-size:25px;letter-spacing:3px}.site-cover.object h3{font-size:32px}.site-cover small{font-size:7px}.site-arrow{font-size:22px;right:15px;top:15px}.site-card>p{display:block}.site-card>p>span{display:block;margin-top:7px}.pricing{grid-template-columns:1fr;gap:30px}.pricing-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end}.pricing-intro>.overline{grid-column:1/-1}.pricing-intro h2{font-size:44px;margin:18px 0 0}.pricing-intro>p{font-size:14px}.plan-top{display:flex}.plan-top>span{margin:0}.plan ul{font-size:14px}.plan-price strong{font-size:78px}.contact-circle{width:85px;height:85px;font-size:45px}.contact-action>p{font-size:12px}.contact-action>small{max-width:150px;line-height:1.6}.contact h2{font-size:49px}footer{flex-wrap:wrap}footer p{font-size:10px}.ad-detail-body{gap:25px}.ad-direction dd{font-size:13px}#ad-detail-poster .creative-poster{height:490px}}
@media(max-width:560px){html{scroll-padding-top:75px}.experience-sticky{padding-top:17px;min-height:580px}.hero-heading{display:block;height:206px;position:relative;padding-bottom:14px}.hero-title .overline{font-size:10px;margin-bottom:11px}.slash{font-size:14px}h1{font-size:50px;letter-spacing:-3px;line-height:1.03}.hero-aside{width:100%;padding:0;display:block;margin-top:13px}.hero-aside p{font-size:12px;line-height:1.5}.hero-aside .text-link{display:none}.scene-counter{position:absolute;right:0;top:0;font-size:10px;margin:0}.stage{height:calc(100svh - 64px - 206px - 108px);min-height:277px}.source-label{font-size:8px;top:17px;left:17px;letter-spacing:.8px}.source-label i{display:none}.source-frame img{object-position:50% 58%}.source-bottom{left:18px;right:18px;bottom:45px}.source-bottom p{font-size:18px;line-height:1.4}.circle-next{width:45px;height:45px;font-size:24px}.source-small{display:none}.stage-disclaimer{font-size:8px;left:10px;right:auto;bottom:8px;padding:4px 6px}.scene-nav{gap:6px}.scene-nav button{display:block;font-size:10px;padding:11px 0;line-height:1.3}.scene-nav button span{font-size:8px;display:block;margin-bottom:6px}.scroll-hint{font-size:9px;margin-top:9px}.scroll-hint>span:first-child{font-size:7px;letter-spacing:.7px}.ad-main{height:80%;max-height:315px;aspect-ratio:.7}.ad-main-photo h2{font-size:25px}.ad-main-photo>div{inset:auto 15px 19px}.ad-main-photo small{font-size:6px;letter-spacing:1px}.ad-main-photo>div>span{font-size:8px}.ad-social{font-size:8px;padding:0 10px}.ad-social small{font-size:7px}.ad-side{height:64%;aspect-ratio:.67}.ad-side>b{font-size:17px;left:13px;bottom:24px}.ad-side>span{font-size:8px;left:13px;top:13px}[data-scene="1"] .side-left{transform:translateX(-59%) rotate(-15deg)}[data-scene="1"] .side-right{transform:translateX(59%) rotate(14deg)}.analysis-composition{display:block;padding:17px 15px 27px}.analysis-sheet{padding:15px 17px;width:100%;transform:none;box-shadow:none}.sheet-label{font-size:13px}.sheet-label>span{font-size:9px}.cost-row{grid-template-columns:46px 1fr 84px;margin-top:14px}.cost-row>span{font-size:16px}.cost-row small{font-size:9px}.cost-row b{font-size:19px}.cost-row i{height:12px}.analysis-sheet>p{font-size:8px;margin-top:13px;padding-top:9px}.analysis-decision{padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.analysis-decision h2,.analysis-decision>small{display:none}.analysis-decision>div{border-top:0;padding:0}.analysis-decision b{font-size:11px;margin-bottom:3px}.analysis-decision>div>span{font-size:9px;line-height:1.4;display:block}.web-composition{display:block;padding:16px 14px 28px}.browser-model{width:100%;height:78%;transform:rotate(-3deg);margin-top:3px}.browser-chrome{height:21px;padding:0 8px;font-size:7px}.browser-chrome small{font-size:6px}.browser-chrome>span:first-child{font-size:5px;letter-spacing:2px}.browser-photo{height:calc(100% - 49px)}.browser-photo>div{inset:15px}.browser-photo>div>span{font-size:12px}.browser-photo h2{font-size:24px}.browser-photo small{font-size:8px}.browser-bottom{height:28px;padding:0 10px}.browser-bottom b{font-size:8px}.browser-bottom>span{font-size:5px;letter-spacing:0}.web-note{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.web-note h2,.web-note p{display:none}.pro-label{font-size:8px;margin:0;letter-spacing:0;padding:4px}.web-note .text-link{font-size:10px;margin:0;padding:5px 0;gap:0}.lead-composition{display:block;padding:15px 15px 28px}.inbox{width:100%;padding:14px;transform:none;box-shadow:none}.inbox-head{font-size:8px;margin-top:8px;padding:7px 5px}.inbox>button:not(.video-link){font-size:10px;padding:10px 5px;gap:5px}.inbox-head,.inbox>button:not(.video-link){grid-template-columns:.5fr 1fr 1fr;gap:5px}.video-link{font-size:9px;padding:9px 5px 0}.notification{position:absolute;width:72%;right:15px;bottom:26px;padding:13px 15px;box-shadow:0 10px 30px #0002;border-top-width:2px}.notification-top{font-size:10px;gap:7px}.notification-top small{font-size:7px}.message-icon{font-size:19px}.notification h2{font-size:19px;letter-spacing:-.7px;margin:9px 0 6px}.notification h2 br{display:none}.notification p{font-size:10px;line-height:1.6}.notification-foot{display:none}.lead-composition .inbox{padding-bottom:75px}.lead-composition .inbox>button:nth-of-type(3){display:none}.lead-composition .video-link{position:absolute;bottom:26px;left:28px;width:auto;padding:0;border:0;z-index:2;gap:6px}.section{padding-top:46px;padding-bottom:46px}.section-heading{gap:14px;align-items:flex-start;margin-bottom:25px}.section-heading .overline,.pricing-intro .overline,.contact .overline{font-size:10px}.section-heading h2{font-size:29px;letter-spacing:-1.5px;margin-top:16px;line-height:1.25}.heading-aside p,.section-heading>p{display:none}.heading-aside{align-self:flex-end}.rail-buttons{gap:5px;margin-top:0}.rail-buttons button{width:31px;height:31px;font-size:16px}.gallery-toolbar{margin-bottom:18px;gap:0}.gallery-filters{gap:17px;overflow-x:auto}.gallery-filters button{font-size:12px;padding:8px 0}.gallery-filters button>span{font-size:8px;margin-left:2px}#gallery-count{display:none}.creative-gallery{gap:15px;padding-bottom:14px}.creative-card{flex-basis:75%;min-width:0}.creative-poster{height:340px}.creative-message h3{font-size:27px}.creative-message p{font-size:10px}.creative-caption b{font-size:13px}.gallery-note,.fineprint{font-size:10px;margin-top:14px}.website-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.site-card{flex:0 0 85%;scroll-snap-align:start}.site-cover{height:345px}.site-cover>div{inset:25px}.site-cover h3{font-size:39px}.site-cover.forme h3{font-size:37px;letter-spacing:5px}.site-cover.object h3{font-size:46px}.site-cover h3 span{font-size:12px}.site-cover small{font-size:9px}.site-arrow{font-size:28px;right:24px;top:21px}.site-card>p{display:flex;font-size:13px}.site-card>p>span{margin:0;font-size:10px}.pricing{gap:26px}.pricing-intro h2{font-size:40px;letter-spacing:-2px}.pricing-intro>p{font-size:12px}.plans{gap:18px}.plan{padding-top:16px}.plan-top{display:block}.plan-top h3{font-size:13px}.plan-top>span{display:block;font-size:10px;margin-top:5px}.plan-price{gap:5px;margin-top:18px}.plan-price strong{font-size:58px;letter-spacing:-3px}.plan-price>span{font-size:10px}.plan>p{font-size:13px;margin:15px 0 21px}.plan ul{font-size:11px;line-height:1.5;gap:12px;margin-bottom:23px}.plan li:before{display:none}.plan-button{font-size:12px;padding-top:14px}.plan-button span{font-size:20px}.plans details{font-size:10px;line-height:1.6}.contact{gap:15px}.contact h2{font-size:39px;letter-spacing:-2px}.contact .overline{font-size:8px;letter-spacing:0}.contact-circle{width:62px;height:62px;font-size:32px}.contact-action>p{font-size:10px;max-width:100px;line-height:1.5;margin-top:13px}.contact-action>small{max-width:100px;font-size:8px}.contact-action{flex-shrink:0}footer{gap:15px;padding-top:25px;padding-bottom:25px}footer .brand{font-size:20px}footer p{font-size:9px;order:2;width:100%}footer>span{font-size:9px;margin-left:auto}dialog{padding:17px;max-width:calc(100% - 20px)}.ad-detail-body{display:block}#ad-detail-poster .creative-poster{height:405px}.ad-direction{padding:25px 0 5px}.ad-direction h2{font-size:27px;margin:15px 0}.ad-direction dd{font-size:14px}.ad-direction dt{font-size:13px}.ad-detail-note{font-size:11px}.modal-head,.ad-detail-toolbar{font-size:10px;margin-bottom:15px}.modal-head button,.ad-detail-toolbar button{font-size:11px;padding:8px 10px}#consult-dialog{padding:24px}#consult-dialog h2{font-size:33px}#consult-dialog .fineprint{font-size:11px}form label{font-size:13px}#website-dialog{padding:8px}#website-dialog .modal-head{margin-bottom:8px}#website-dialog iframe{height:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.experience{height:auto;min-height:0}.experience-sticky{position:relative;top:0}.visual-scene{will-change:auto}}