:root{--orange:#e95524;--ink:#252722}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ae431a;outline-offset:4px}[hidden]{display:none!important}.concept{text-decoration:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}select{font:inherit;padding:13px 14px;min-height:52px;width:100%;border:1px solid #d6c9bc;border-radius:8px;background:white;color:var(--ink)}.check{display:flex;align-items:flex-start;gap:12px;font-weight:400;font-size:15px}.check input{width:22px;min-height:22px;flex-shrink:0;margin-top:5px}.check a{text-decoration:underline}.bot-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}.secondary{font:inherit;border:1px solid #817568;border-radius:10px;background:transparent;padding:12px 16px;min-height:48px;cursor:pointer;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions>*{flex:1}.button[disabled],button[disabled]{opacity:.6;cursor:wait}#form-error,#send-error,.error{color:#9b2816;font-size:16px;margin-top:16px}.data-list{display:grid;grid-template-columns:minmax(85px,1fr) minmax(0,3fr);gap:10px 18px;margin:24px 0}.data-list dt{color:#68645b}.data-list dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#receipt{border:1px solid #d0b8a4;background:#fffaf5;padding:24px;border-radius:16px}#line-handoff{background:#168844;margin-top:16px}.story-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}.story-poster{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px}.story-copy p{margin-bottom:18px}.breadcrumbs{font-size:14px;margin:12px 0 24px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{text-decoration:none}.related img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:10px}.related strong{display:block;font-size:18px}.page-content{padding:28px 0 70px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.admin-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.admin-toolbar label{margin:0}.admin-toolbar>div{flex:1;min-width:140px}.admin-main{max-width:1100px;margin:auto;padding:30px 20px}.case-list{display:grid;gap:12px;margin:22px 0}.case-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid #ddd5c9;border-radius:12px;padding:18px;font:inherit;cursor:pointer}.case-card strong{font-size:20px}.case-meta{display:block;font-size:14px;color:#625f56}.badge{display:inline-block;font-size:13px;background:#eee8de;border-radius:50px;padding:3px 12px;margin-left:10px}.admin-dialog{border:0;border-radius:16px;width:min(680px,calc(100% - 24px));max-height:90dvh;padding:24px;overflow:auto}.admin-dialog::backdrop{background:#0008}.admin-dialog header{height:auto;justify-content:space-between}.admin-dialog textarea{min-height:140px}.settings-panel{margin-top:48px;padding:24px;border:1px solid #ddd5c9;border-radius:14px}.count{font-size:15px;color:#625f56}.inline-status{min-height:1.8em}.skip-link{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none}@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.story-layout{grid-template-columns:1fr;gap:24px}.story-poster{max-width:260px;justify-self:center}.related{grid-template-columns:repeat(2,1fr)}.data-list{grid-template-columns:1fr;gap:2px}.data-list dd{margin-bottom:12px}.admin-toolbar{align-items:stretch}.actions{align-items:stretch}.actions>*{flex-basis:40%}}
:root{color-scheme:light}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.admin-tabs [aria-pressed=true]{background:#252722;color:#fff}.admin-tabs a{text-decoration:none}.cms-panel{padding:0}.cms-panel fieldset{border:0;padding:0;margin:0;min-width:0}.cms-group{padding:24px;margin:20px 0;border:1px solid #ddd5c9;border-radius:14px;background:#fffdf9}.cms-group h3{font-size:22px}.cms-field small{display:block;font-weight:400;color:#68645b}.cms-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.cms-item{border:1px solid #ddd5c9;border-radius:10px;margin:14px 0;background:#fff}.cms-item summary{padding:16px;cursor:pointer;font-weight:650;overflow-wrap:anywhere}.cms-item-body{padding:0 18px 18px}.cms-item-body textarea{min-height:160px}.cms-item-body .actions{margin-top:18px}.cms-checkbox{width:24px;min-height:24px;display:inline-block;margin-left:12px;vertical-align:middle}.cms-cover{width:100px;height:178px;object-fit:cover;border-radius:8px;margin:14px 0}.cms-save{position:sticky;bottom:0;background:#faf7f2f5;display:flex;gap:12px;padding:16px 0;align-items:center;flex-wrap:wrap;border-top:1px solid #ddd5c9;z-index:5}.cms-save .button{margin:0;width:auto}.cms-save span{font-size:14px}.cms-field{overflow-wrap:anywhere}#content-message{position:sticky;top:0;background:#faf7f2;padding:12px 0;z-index:6}.contact-info a{overflow-wrap:anywhere}@media(max-width:600px){.cms-group{padding:18px 14px}.cms-columns{grid-template-columns:1fr;gap:0}.cms-save .button{flex:1}.admin-tabs button,.admin-tabs a{flex:1;text-align:center;font-size:15px}.admin-main h1{font-size:29px}.cms-item-body{padding:0 12px 14px}}

.media-upload{padding:14px;background:#f5f0e9;border:1px dashed #c4b5a3;border-radius:10px;margin:14px 0}.media-upload label{margin:0}.media-upload input[type=file]{padding:10px;font-size:15px;max-width:100%;min-width:0}.media-upload progress{display:block;width:100%;height:12px;accent-color:#e95524;margin:12px 0}.media-upload p{margin:8px 0 0;overflow-wrap:anywhere}
/* Shared identity: the existing Story Frame mark, with a readable wordmark. */
.site-header{height:96px;gap:24px}.brand-lockup{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;line-height:1;color:var(--ink);text-decoration:none}.brand-symbol{display:block;width:52px;height:52px;flex:none}.brand-type{display:flex;flex-direction:column;gap:7px}.brand-type strong{font-family:'Microsoft JhengHei','PingFang TC',sans-serif;font-size:34px;font-weight:900;line-height:1;letter-spacing:2px}.brand-lockup .brand-type small{display:block;margin:0;font-size:12px;line-height:1.25;font-weight:650;letter-spacing:1.4px;white-space:nowrap}.footer-brand{margin-bottom:24px}.footer-brand .brand-lockup{color:#faf7f2}.footer-brand .brand-symbol{width:60px;height:60px}.footer-brand .brand-type strong{font-size:38px}.footer-brand .brand-type small{color:#e6e3dc}.hero .hero-frame{border:0;border-radius:0;background:url('/brand-mark.svg') center/contain no-repeat;transform:none;opacity:.055;width:280px;height:280px;right:0;top:18px;pointer-events:none}.site-header .menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px}@media(max-width:600px){.site-header{height:82px;gap:16px}.brand-lockup{gap:9px}.brand-symbol{width:43px;height:43px}.brand-type strong{font-size:29px;letter-spacing:1px}.brand-type{gap:6px}.brand-lockup .brand-type small{font-size:12px;letter-spacing:.6px}.footer-brand .brand-symbol{width:50px;height:50px}.footer-brand .brand-type strong{font-size:32px}.hero .hero-frame{width:145px;height:145px;right:-8px;top:0;opacity:.045}}
/* Direct LINE enquiries share the existing contact settings. */
.line-button{background:#087d3d;color:#fff;gap:9px}.line-button:hover{background:#066832}.hero-contact-actions{display:flex;gap:12px;align-items:stretch;margin-top:24px;max-width:590px}.hero .hero-contact-actions .button{margin:0}.hero-contact-actions .line-button{flex:1.2}.hero-contact-actions .secondary{display:flex;align-items:center;justify-content:center;text-decoration:none;flex:1;font-size:16px}.line-invite{margin-top:12px}.line-contact-card{padding:24px;background:#fffdf9;border:1px solid #b5cfbb;border-radius:14px;margin:28px 0}.line-contact-card h3{font-size:23px}.line-contact-card p{font-size:16px}.line-contact-card .fine{font-size:14px;margin:14px 0 0}.inquiry-heading{margin:32px 0 20px}.sticky.sticky-contact{display:flex;justify-content:center;gap:10px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sticky-contact .button{flex:1.2;max-width:300px;margin:0}.sticky-contact .secondary{flex:1;max-width:240px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:650}.story-contact-actions{display:grid;gap:12px}.menu .nav-line{color:#087d3d;font-weight:700}.footer-line{color:#c1efcb}@media(max-width:600px){.hero-contact-actions{gap:10px}.hero-contact-actions .button,.hero-contact-actions .secondary{padding:12px 10px;font-size:15px}.line-contact-card{padding:20px}.sticky-contact .button,.sticky-contact .secondary{font-size:15px;min-height:48px;padding:10px 12px}}
/* Desktop composition; mobile retains the existing reading order. */
.desktop-nav,.hero-gallery,.admin-shortcuts{display:none}.hero-copy{position:relative;z-index:1}.admin-workspace{min-width:0}.cms-group{scroll-margin-top:28px}
@media(min-width:1000px){
body:not(.admin-page) .wrap{max-width:1280px;width:calc(100% - 96px)}
.site-header{height:112px}.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.desktop-nav a{font-size:15px;text-decoration:none;font-weight:650;white-space:nowrap}.desktop-nav a:hover{color:var(--orange)}.desktop-nav .nav-line{padding:12px 18px;background:#087d3d;color:white;border-radius:8px}.site-header .menu{display:none}
.hero{padding:54px 0 76px}.hero>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:58px;align-items:center}.hero h1{font-size:54px;line-height:1.23;letter-spacing:-1.5px}.hero .desc{font-size:19px}.hero .hero-frame{width:380px;height:380px;right:26%;top:40px}.hero-copy{min-width:0}.hero-contact-actions{max-width:500px}.hero-gallery{display:block;background:#252722;color:#faf7f2;padding:28px 24px 20px;border-radius:20px;box-shadow:0 24px 60px #25272218;transform:rotate(1deg)}.hero-gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.hero-gallery-heading span{font-size:16px;font-weight:700}.hero-gallery-heading small{font-size:11px;color:#c6c9bd;white-space:nowrap}.hero-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.hero-posters a{display:block;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:9/16;text-decoration:none;box-shadow:0 8px 20px #0004}.hero-posters a:nth-child(2){transform:translateY(-10px)}.hero-posters img{width:100%;height:100%;object-fit:cover;display:block}.hero-posters a>span{position:absolute;inset:auto 0 0;padding:40px 12px 16px;background:linear-gradient(transparent,#000e)}.hero-posters small,.hero-posters strong{display:block}.hero-posters small{font-size:11px;color:#ffc1a8}.hero-posters strong{font-size:18px;line-height:1.4;margin-top:5px}.hero-gallery>p{font-size:12px;color:#c6c9bd;margin:20px 0 0}
section{padding-top:80px;padding-bottom:80px}.concept-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.concept-caption{left:20px;right:20px;bottom:24px}.concept-caption strong{font-size:25px}.story-hook{font-size:15px}.filters{gap:12px;margin-top:30px}.films{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.film video{max-height:520px}.wrap.narrow{max-width:900px!important}#pricing .includes{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}#pricing .price{font-size:52px}#contact form{max-width:none}.sticky{display:none!important}
.admin-page{background:#f3f4f1}.admin-page>.site-header{max-width:none;width:100%;padding:0 40px;background:#fff;height:94px;border-bottom:1px solid #e1e4dc}.admin-page .desktop-nav{display:none}.admin-page .site-header:after{content:'網站管理中心';font-size:14px;color:#6d7568;letter-spacing:1px}.admin-page footer{display:none}.admin-main{max-width:1520px;padding:36px 40px 60px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}.admin-tabs{position:sticky;top:24px;margin:0;padding:20px 14px;display:flex;flex-direction:column;gap:8px;background:#252c25;border-radius:16px;color:#fff;min-height:590px}.admin-tabs>.secondary{color:#e4e8df;border:0;text-align:left;padding:14px 16px;font-size:15px;flex:none}.admin-tabs [aria-pressed=true]{background:#e95524;color:#fff}.admin-tabs>a.secondary{margin-top:24px;background:#ffffff10}.admin-shortcuts{display:flex;flex-direction:column;margin-top:22px;border-top:1px solid #ffffff20;padding:22px 4px 0}.admin-shortcuts>span{color:#a6b0a0;font-size:11px;letter-spacing:1.5px;margin:0 12px 10px}.admin-shortcuts a{padding:9px 12px;font-size:14px;color:#d8dfd1}.admin-shortcuts a:hover{background:#ffffff10;border-radius:6px;color:#fff}.admin-workspace>h1{font-size:34px;margin:8px 0 10px;line-height:1.3}.admin-workspace>.eyebrow{font-size:12px;margin:0}.admin-workspace>p{font-size:15px;color:#697163}.admin-workspace>section{padding:28px 0 0}.admin-workspace section>h2{font-size:24px}.cms-panel>p{font-size:14px;max-width:800px;color:#697163}.cms-panel #content-message:empty{display:none}#content-editor{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.cms-group{margin:0;padding:26px;background:#fff;border:1px solid #e0e4dc;border-radius:14px;min-width:0}.cms-group h3{font-size:20px;margin:0 0 18px}.cms-group:not(#cms-home):not(#cms-price){grid-column:1/-1}.cms-field{font-size:14px}.cms-field small{font-size:12px;line-height:1.6}.cms-group input,.cms-group textarea,.cms-group select{font-size:15px;border-color:#d9dfd3}.cms-item{border-color:#e0e4dc}.cms-item summary{font-size:15px;padding:18px}.cms-item-body{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}.cms-item-body>.actions,.cms-item-body>.media-upload,.cms-item-body>label:has(textarea){grid-column:1/-1}.cms-save{margin-top:24px;padding:16px 20px;background:#fff;border:1px solid #dfe4d9;border-radius:12px;box-shadow:0 -6px 24px #25272208;bottom:14px}.cms-save .button{font-size:15px;min-height:46px}.admin-workspace>.settings-panel{background:white;border-color:#e0e4dc;padding:28px;margin-top:28px}.settings-panel>p{font-size:14px}.admin-toolbar{padding:22px;background:#fff;border:1px solid #e0e4dc;border-radius:14px}.admin-toolbar label{font-size:14px}.admin-toolbar .button{width:auto;margin:0;min-height:52px}.case-card{padding:22px 24px;border-color:#e0e4dc}.case-card:hover{border-color:#e95524}.case-meta{margin-top:8px}.admin-dialog{padding:32px}.admin-dialog header{display:flex}.settings-panel .button{width:auto}
}
@media(min-width:1000px) and (max-width:1190px){.desktop-nav{gap:14px}.desktop-nav a{font-size:13px}.hero>.wrap{gap:30px}.hero h1{font-size:44px}.hero-gallery{padding:22px 16px}.hero-posters strong{font-size:15px}.admin-main{padding:28px 24px;gap:24px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:999px){.admin-main>.admin-tabs{margin-top:0}.admin-workspace>h1{font-size:30px}}
.social-demo{max-width:480px;background:#fff;border:1px solid #e5e6e2;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px #25272214;padding:0!important}.social-demo-top{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 14px;color:#202522;font-size:18px}.social-demo-top>span{font-size:28px}.social-demo-top strong{font-size:16px}.social-demo-disclaimer{padding:9px 12px;background:#fff0e5;color:#913611;text-align:center;font-size:12px;font-weight:700}.social-demo-profile{display:flex;gap:12px;padding:18px 14px;align-items:center}.social-demo-profile img{width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;object-fit:contain!important}.social-demo-profile strong{font-size:14px;display:block}.social-demo-profile small{display:block;font-size:11px;color:#72766d;margin-top:4px}.social-demo-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #e7e9e3;font-size:13px;color:#73776f}.social-demo-tabs>*{padding:12px 18px}.social-demo-tabs strong{color:#b74620;border-bottom:3px solid #e95524}.social-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.social-demo-tile{position:relative;aspect-ratio:2/3;background-image:url('/media/brand-series-ai.png');background-size:300% 300%;overflow:hidden;color:white}.social-demo-tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}.social-demo-title{position:absolute;left:8px;right:8px;bottom:47px;font-size:12px;font-weight:700;line-height:1.5;text-shadow:0 1px 4px #000;z-index:1}.social-demo-views{position:absolute;left:8px;bottom:8px;font-size:16px;font-weight:800;z-index:1;line-height:1.2}.social-demo-views small{display:block;font-size:9px;font-weight:400;margin-top:3px;color:#f3e9dd}.social-demo-bottom{display:flex;justify-content:space-around;padding:14px;color:#72776d;font-size:20px}.social-demo-bottom span{font-size:13px;color:#b74620;font-weight:bold}.social-demo figcaption{padding:12px 16px!important;margin:0!important;font-size:11px!important;line-height:1.7;background:#f7f7f3;color:#646b5d}

/* Front-end refinement: works first, browsable concepts, clear inquiry paths. */
.story-card{min-width:0;display:flex;flex-direction:column}.story-card[hidden]{display:none!important}.story-card .concept{display:block;flex:1}.story-inquire{display:block;text-align:center;padding:16px 8px;border:1px solid #ddd5c9;border-radius:0 0 12px 12px;background:#fff;color:#252722;text-decoration:none;font-size:16px;font-weight:650}.story-inquire:hover{background:#fff0e8;color:#b63510}.stories-more{display:block;margin:28px auto 16px;min-height:48px;padding:12px 28px}.films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.film{min-width:0}.film video{display:block;width:100%;max-height:560px;object-fit:contain;background:#111}.film-copy{padding:24px}.film-inquire{display:block;color:#ffc5aa;margin-top:20px;font-size:16px}.optional-details{margin:20px 0;border:1px solid #d8d2c8;padding:16px;border-radius:10px}.optional-details summary{cursor:pointer;font-size:16px;font-weight:600;min-height:28px}.optional-details[open] summary{margin-bottom:20px}.public-page .fine{font-size:14px;line-height:1.8}.public-page section{scroll-margin-top:24px}.sticky{padding-bottom:max(12px,env(safe-area-inset-bottom))}.sticky[hidden]{display:none!important}
@media(max-width:700px){.filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:12px;max-width:100%;overscroll-behavior-inline:contain}.filter{flex:none;min-height:44px}.films{grid-template-columns:1fr;gap:28px}.film video{max-height:520px}.film-copy{padding:20px}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.story-inquire{font-size:14px;padding:14px 4px}.public-page{padding-bottom:100px}.public-page h2{font-size:28px;line-height:1.4}.public-page .wrap{padding-left:20px;padding-right:20px}.hero-contact-actions{flex-wrap:wrap}.hero-contact-actions>a{min-height:48px}.sticky-contact .button,.sticky-contact .secondary{min-height:48px;font-size:16px}.optional-details{padding:14px}}