:root{--bg:#F9F8F6;--fg:#1A1A1A;--muted-bg:#EBE5DE;--muted-fg:#625E59;--accent:#D4AF37;--accent-fg:#FFFFFF;--hairline:rgba(26,26,26,0.14);--hairline-soft:rgba(26,26,26,0.08);--gridline:rgba(26,26,26,0.06);--hover-tint:rgba(26,26,26,0.03);color-scheme:light;--font-body:var(--font-sans),"Helvetica Neue",sans-serif;--font-serif:var(--font-display),Georgia,serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:26px;--ease-lux:cubic-bezier(0.25,0.46,0.45,0.94)}html[data-theme=dark]{--bg:#171512;--fg:#EDEAE3;--muted-bg:#262320;--muted-fg:#A6A099;--hairline:rgba(237,234,227,0.18);--hairline-soft:rgba(237,234,227,0.10);--gridline:rgba(237,234,227,0.05);--hover-tint:rgba(237,234,227,0.05);color-scheme:dark}html[data-theme=dark] .noise-overlay{filter:invert(1);opacity:.03}*{box-sizing:border-box;border-radius:0!important}body,html{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-md);line-height:1.625;-webkit-font-smoothing:antialiased}.noise-overlay{z-index:50;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}.gridlines,.noise-overlay{position:fixed;inset:0;pointer-events:none}.gridlines{z-index:0;display:none}.gridlines span{position:absolute;top:0;bottom:0;width:1px;background:var(--gridline)}.gridlines span:first-child{left:max(4%,calc(50% - 680px))}.gridlines span:nth-child(2){left:50%}.gridlines span:nth-child(3){left:min(75%,calc(50% + 340px))}.gridlines span:nth-child(4){right:max(4%,calc(50% - 680px))}@media (min-width:1024px){.gridlines{display:block}}.serif{font-family:var(--font-serif)}.overline{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--muted-fg)}.overline.ruled{display:inline-flex;align-items:center;gap:12px}.overline.ruled:before{content:"";display:inline-block;width:32px;height:1px;background:var(--fg)}.italic-accent{font-style:italic;color:var(--accent)}h1,h2,h3{font-family:var(--font-serif);font-weight:400;line-height:1.05;letter-spacing:-.01em;margin:0}.muted{color:var(--muted-fg)}button{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--fg);background:transparent;border:1px solid var(--fg);min-height:40px;padding:0 22px;cursor:pointer;transition:background-color .5s var(--ease-lux),color .5s var(--ease-lux),border-color .5s var(--ease-lux),box-shadow .5s var(--ease-lux)}button:hover:not(:disabled){background:var(--fg);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:var(--accent-fg);border-color:var(--fg);background:linear-gradient(to right,var(--accent) 50%,var(--fg) 50%);background-size:205% 100%;background-position:100% 0;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:background-position .5s var(--ease-lux),box-shadow .5s var(--ease-lux)}button.primary:hover:not(:disabled){background-position:0 0;color:var(--accent-fg);box-shadow:0 8px 24px rgba(0,0,0,.25)}button.transport{min-width:118px;min-height:44px;font-size:var(--text-sm);letter-spacing:.1em;background:var(--fg);color:var(--bg);border-color:var(--fg)}button.transport:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#FFFFFF}button.danger{border-color:var(--hairline);color:var(--muted-fg)}button.danger:hover:not(:disabled){background:transparent;border-color:var(--accent);color:var(--fg)}input,textarea{font-family:var(--font-body);font-size:var(--text-md);color:var(--fg);background:transparent;border:none;border-bottom:1px solid var(--fg);padding:10px 0;transition:border-color .5s var(--ease-lux)}input::placeholder,textarea::placeholder{font-family:var(--font-serif);font-style:italic;color:var(--muted-fg)}input:focus,textarea:focus{outline:none}input:focus,input:hover:not(:focus),textarea:focus,textarea:hover:not(:focus){border-bottom-color:var(--accent)}input[type=range]{border-bottom:none;accent-color:var(--fg);cursor:pointer}input[type=number]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}select{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg);background:var(--bg);border:1px solid var(--hairline);padding:4px 8px;cursor:pointer;transition:border-color .5s var(--ease-lux)}select:focus,select:hover{border-color:var(--accent)}select:focus{outline:none}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.panel{background:var(--bg);border-top:1px solid var(--hairline-soft);border:1px solid var(--hairline-soft);border-top-color:var(--fg);padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.02);transition:box-shadow .7s var(--ease-lux)}.panel:hover{box-shadow:0 8px 24px rgba(0,0,0,.06)}.editor-grid{position:relative;z-index:1;display:grid;grid-template-columns:280px 1fr 340px;grid-template-rows:1fr 250px;grid-gap:16px;gap:16px;height:calc(100vh - 76px);padding:16px 24px 20px;max-width:1600px;margin:0 auto}.editor-library{grid-column:1;grid-row:1/3;overflow-y:auto}.editor-preview{grid-column:2;grid-row:1}.editor-chat,.editor-preview{display:flex;flex-direction:column;min-height:0}.editor-chat{grid-column:3;grid-row:1/3}.editor-timeline{grid-column:2;grid-row:2;overflow-x:auto}@media (max-width:1023px){.editor-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.editor-chat,.editor-library,.editor-preview,.editor-timeline{grid-column:1;grid-row:auto}}.topbar{position:relative;z-index:1;display:flex;align-items:baseline;gap:24px;padding:18px 24px;border-bottom:1px solid var(--hairline);max-width:1600px;margin:0 auto}.topbar h1{font-size:var(--text-xl);font-weight:500}.topbar a{color:var(--muted-fg);text-decoration:none;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;transition:color .5s var(--ease-lux)}.topbar a:hover{color:var(--accent)}.asset-card{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hairline-soft)}.asset-card img{width:64px;height:42px;object-fit:cover;background:var(--muted-bg);filter:grayscale(1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:filter 1.5s var(--ease-lux),transform 1.5s var(--ease-lux)}.asset-card:hover img{filter:grayscale(0);transform:scale(1.05)}.asset-card .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.asset-card button{min-height:34px;padding:0 10px;letter-spacing:.1em}.clip-strip{display:flex;gap:12px;padding:14px 2px;min-height:104px}.clip-block{position:relative;min-width:76px;height:92px;border:1px solid var(--hairline);border-top:2px solid var(--fg);background:var(--bg);padding:8px 10px;cursor:-webkit-grab;cursor:grab;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.02);transition:box-shadow .5s var(--ease-lux),border-color .5s var(--ease-lux),transform .5s var(--ease-lux)}.clip-block:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.clip-block.selected{border-top-color:var(--accent);border-color:var(--fg);box-shadow:0 8px 24px rgba(0,0,0,.1)}.clip-block .label{font-family:var(--font-serif);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-block .meta{text-transform:uppercase;letter-spacing:.08em}.clip-block .badges,.clip-block .meta{font-size:var(--text-xs);color:var(--muted-fg)}.clip-block .badges{position:absolute;bottom:6px;left:10px;letter-spacing:.06em}.clip-handle{width:10px;cursor:ew-resize;touch-action:none;opacity:0;transition:opacity .3s var(--ease-lux)}.clip-handle,.clip-handle:after{position:absolute;top:0;bottom:0}.clip-handle:after{content:"";width:3px;background:var(--accent)}.clip-handle.left,.clip-handle.left:after{left:0}.clip-handle.right,.clip-handle.right:after{right:0}.clip-block.selected .clip-handle,.clip-block:hover .clip-handle{opacity:1}.editor-timeline label{font-size:var(--text-xs);color:var(--muted-fg);text-transform:uppercase;letter-spacing:.1em}.editor-timeline input{font-size:var(--text-sm);padding:4px 0}.panel.editor-chat{border-top:2px solid var(--accent)}.chat-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:var(--text-xs);color:var(--muted-fg)}.chat-status .dot{width:7px;height:7px;background:var(--accent);flex-shrink:0}.msg-role{display:block;font-family:var(--font-body);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px}.msg.user .msg-role{color:rgba(255,255,255,.6)}html[data-theme=dark] .msg.user .msg-role{color:rgba(23,21,18,.65)}.msg.agent .msg-role,.msg.error .msg-role{color:var(--accent)}.composer{display:flex;gap:8px;margin-top:10px;padding:8px;align-items:flex-end;border:1px solid var(--hairline);border-left:2px solid var(--accent);transition:border-color .5s var(--ease-lux)}.composer:focus-within{border-color:var(--fg);border-left-color:var(--accent)}.composer textarea{border-bottom:none}.chat-messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:6px 2px}.msg{padding:12px 14px;max-width:94%;white-space:pre-wrap;font-size:var(--text-sm);line-height:1.625}.msg.user{background:var(--fg);color:var(--bg);align-self:flex-end;box-shadow:0 4px 16px rgba(0,0,0,.12)}.msg.agent{background:transparent;border-top:1px solid var(--fg);border-bottom:1px solid var(--hairline-soft);font-family:var(--font-serif);font-size:var(--text-md)}.msg.error{border-left:2px solid var(--accent);padding-left:14px;color:var(--muted-fg);font-style:italic}.msg .actions{margin-top:10px;font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted-fg);text-transform:uppercase;letter-spacing:.14em}.chat-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chat-options button{font-family:var(--font-body);font-size:var(--text-sm);text-transform:none;letter-spacing:.02em;text-align:left;min-height:38px;padding:8px 14px;border:1px solid var(--hairline);border-left:2px solid var(--accent)}.chat-options button:hover:not(:disabled){background:var(--fg);color:var(--bg);border-color:var(--fg)}.progress-bar{height:2px;background:var(--hairline-soft);overflow:hidden}.progress-bar>div{height:100%;background:var(--accent);transition:width .7s var(--ease-lux)}.home-hero{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:64px 32px 48px;display:grid;grid-gap:48px;gap:48px}@media (min-width:1024px){.home-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:64px;padding:80px 48px 64px}}.home-hero h1{font-size:clamp(2.75rem,5.5vw,5.5rem);line-height:.95;max-width:12ch}.home-content{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:0 32px 88px}@media (min-width:1024px){.home-content{padding:0 48px 112px}}.hero-shot{position:relative}.gallery-duo{display:grid;grid-gap:24px;gap:24px;margin-top:32px}@media (min-width:768px){.gallery-duo{grid-template-columns:1fr 1fr}}.gallery-duo .shot img{aspect-ratio:3/2;object-fit:cover;object-position:top}.shot,.shot img{display:block}.shot img{width:100%;height:auto;filter:grayscale(1);box-shadow:0 4px 24px rgba(0,0,0,.08),inset 0 0 0 1px rgba(0,0,0,.06);transition:filter 1.8s var(--ease-lux),box-shadow .7s var(--ease-lux),transform 1.8s var(--ease-lux)}.shot:hover img{filter:grayscale(0);box-shadow:0 8px 32px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.06);transform:scale(1.01)}.shot figcaption{display:flex;align-items:center;gap:12px;margin-top:14px}.shot figcaption:before{content:"";width:32px;height:1px;background:var(--fg)}.shot figcaption span{letter-spacing:.2em}.shot figcaption span,.vertical-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--muted-fg)}.vertical-label{position:absolute;top:0;left:-40px;writing-mode:vertical-rl;letter-spacing:.24em;display:none}@media (min-width:1280px){.vertical-label{display:block}}.notice{max-width:560px;margin-top:24px;padding:16px 20px;border:1px solid var(--hairline);border-left:2px solid var(--accent);font-family:var(--font-serif);font-style:italic;font-size:var(--text-md);color:var(--fg)}.notice .overline{font-style:normal;display:block;margin-bottom:6px}.project-card{display:block;padding:28px 4px;border-top:1px solid var(--fg);color:inherit;text-decoration:none;transition:background-color .7s var(--ease-lux),padding-left .5s var(--ease-lux)}.project-card:hover{background:var(--hover-tint);padding-left:12px}.project-card strong{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;transition:color .5s var(--ease-lux)}.project-card:hover strong{color:var(--accent)}.site-header{position:relative;z-index:1;max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-bottom:1px solid var(--hairline)}@media (min-width:1024px){.site-header{padding:20px 48px}}.site-header .brand{font-family:var(--font-serif);font-size:20px;letter-spacing:.02em}.site-header .brand em{color:var(--accent);font-style:italic}.theme-toggle{min-height:34px;padding:0 14px;letter-spacing:.12em;border-color:var(--hairline);color:var(--muted-fg)}.theme-toggle:hover:not(:disabled){border-color:var(--fg)}.site-footer{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:28px 32px 40px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (min-width:1024px){.site-footer{padding:28px 48px 40px}}.steps{display:grid;grid-gap:24px;gap:24px;margin-top:32px}@media (min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{border-top:1px solid var(--fg);padding-top:18px}.step .num{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);color:var(--accent)}.step h3{font-size:22px;margin-top:6px}.step p{margin:10px 0 0;color:var(--muted-fg);font-size:var(--text-sm)}.upload-btn{width:100%;margin-top:4px}.upload-zone{margin-top:14px;border:1px dashed var(--hairline);padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .5s var(--ease-lux),background-color .5s var(--ease-lux)}.upload-zone.drag,.upload-zone:hover{border-color:var(--accent);background:var(--hover-tint)}.upload-zone .big{font-family:var(--font-serif);font-size:var(--text-md);display:block}.upload-zone .hint{display:block;margin-top:6px;letter-spacing:.14em}.upload-status,.upload-zone .hint{font-size:var(--text-xs);color:var(--muted-fg);text-transform:uppercase}.upload-status{margin-top:12px;letter-spacing:.12em}.suggestion{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:4px;transition:color .4s var(--ease-lux),-webkit-text-decoration-color .4s var(--ease-lux);transition:color .4s var(--ease-lux),text-decoration-color .4s var(--ease-lux);transition:color .4s var(--ease-lux),text-decoration-color .4s var(--ease-lux),-webkit-text-decoration-color .4s var(--ease-lux)}.suggestion:hover{color:var(--fg);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.suggestion:after{content:" \2192";color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}