/* Luã's own material and process; the interface is an editorial study, not a software screenshot. */
.craft{--craft-ink:#eeede7;--craft-muted:#a5a59f;--craft-line:rgba(232,231,222,.2);padding:clamp(80px,9vw,160px) var(--pad,4vw);background:#080909;color:var(--craft-ink);border-top:1px solid var(--craft-line);overflow:hidden}
.craft-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:end;margin:0 0 clamp(45px,6vw,90px)}
.craft .craft-eyebrow{font-size:9px;letter-spacing:.19em;line-height:1.5;margin:0 0 28px;color:var(--craft-muted)}
.craft-heading h2{font-family:inherit;font-size:clamp(62px,9.2vw,155px);line-height:.85;letter-spacing:-.075em;font-weight:400;margin:0}
.craft-heading h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--craft-ink)}
.craft-heading>p{font-size:clamp(16px,1.5vw,24px);font-weight:400;line-height:1.5;max-width:440px;margin:0 0 2px;color:#b7b8b1}
.craft .craft-tabs{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--craft-line);border-bottom:1px solid var(--craft-line)}
.craft.is-ready .craft-tabs{display:grid}
.craft-tabs>button{position:relative;text-align:left;min-width:0;min-height:98px;padding:20px 0 22px 12px;border:0;background:none;color:#71736d;font-family:inherit;cursor:pointer;transition:color .25s}
.craft-tabs>button:first-child{padding-left:0}
.craft-tabs>button::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#bb3830;opacity:0;transform:scaleX(.4);transform-origin:left;transition:transform .35s,opacity .35s}
.craft-tabs>button>span{display:block;font-size:clamp(18px,2.3vw,38px);letter-spacing:-.055em;line-height:1;font-weight:400}
.craft-tabs>button>small{display:block;font-size:9px;font-weight:400;letter-spacing:.12em;margin-top:11px;opacity:.55}
.craft-tabs>button[aria-selected="true"]{color:var(--craft-ink)}
.craft-tabs>button[aria-selected="true"]::before{opacity:1;transform:scaleX(1)}
.craft-tabs>button[aria-selected="true"]>small{opacity:.8}
.craft-tabs>button:hover{color:#cccfc6}
.craft-tabs>button:focus-visible{outline:1px solid var(--craft-ink);outline-offset:-5px}
.craft-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.55fr);align-items:start;gap:clamp(30px,5vw,90px);padding:45px 0 28px;min-width:0;border-bottom:1px solid var(--craft-line)}
.craft-panel[hidden]{display:none!important}
.craft-panel:focus-visible{outline:1px solid #868a82;outline-offset:7px}
.craft-copy{padding:4px 0 0;min-width:0}
.craft .craft-tool{font-size:9px;line-height:1.4;font-weight:400;letter-spacing:.15em;color:#d3d4cc;margin:0 0 32px;display:flex;align-items:center;gap:10px}
.craft-tool::before{content:"";width:4px;height:4px;background:#bc3930;border-radius:50%;flex:none}
.craft-copy h3{font-family:inherit;font-weight:400;font-size:clamp(28px,3.3vw,55px);line-height:1.01;letter-spacing:-.055em;margin:0 0 23px;max-width:430px}
.craft-copy>p:not(.craft-tool):not(.craft-audio-status){font-size:14px;line-height:1.65;color:var(--craft-muted);max-width:385px;margin:0}
.craft .craft-details{list-style:none;padding:0;margin:35px 0 0}
.craft-details li{display:flex;align-items:baseline;gap:15px;border-top:1px solid var(--craft-line);padding:17px 0 19px}
.craft-details li>span{font-size:8px;color:#878c82;letter-spacing:.1em;flex:none}
.craft-details li>div{font-size:13px;line-height:1.4;color:#dedfd6}
.craft-details small{display:block;font-size:10px;line-height:1.5;color:#8e9389;letter-spacing:.015em;margin-top:5px}
.craft-visual{min-width:0}
.craft-monitor{margin:0;border:1px solid var(--craft-line);background:#000;overflow:hidden}
.craft-monitor-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:35px;padding:10px 12px;background:#0a0c0b;font-size:7px;line-height:1.4;letter-spacing:.14em;color:#a9ada2}
.craft-monitor-bar>span:first-child{display:flex;align-items:center;gap:7px}
.craft-monitor-bar>span:first-child::before{content:"";display:block;width:3px;height:3px;background:#bc3930;border-radius:50%}
.craft-monitor video,.craft-monitor>.craft-camera-image,.craft-colour-frame{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.craft-monitor video{max-height:none}
.craft-monitor--identity video{object-fit:contain}
.craft-colour-frame{position:relative;overflow:hidden}
.craft-colour-frame>img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.craft-monitor figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:37px;padding:12px;background:#0a0c0b;border-top:1px solid rgba(230,232,223,.1);font-size:7px;font-weight:400;line-height:1.5;letter-spacing:.11em;color:#a9ada2}
.craft-monitor video:focus-visible{outline:1px solid #ddd;outline-offset:-4px}
.craft-timeline{position:relative;overflow:hidden;background:#101210;border:1px solid var(--craft-line);padding:14px 13px 12px;margin-top:16px}
.craft-timeline-ruler{display:flex;justify-content:space-between;color:#7d8478;font-size:6px;letter-spacing:.13em;padding-bottom:11px;border-bottom:1px solid #262b25;margin-bottom:8px}
.craft-track{display:flex;gap:3px;height:16px;margin-bottom:4px}
.craft-track i{display:block;min-width:0;background:#3c4946;border:1px solid #5e6d67}
.craft-track--picture i:nth-child(1){width:22%}.craft-track--picture i:nth-child(2){width:31%}.craft-track--picture i:nth-child(3){width:17%}.craft-track--picture i:nth-child(4){flex:1}
.craft-track--sound{height:11px}.craft-track--sound i{background:#343c32;border-color:#4d5946}.craft-track--sound i:nth-child(1){width:43%}.craft-track--sound i:nth-child(2){width:20%}.craft-track--sound i:nth-child(3){flex:1}
.craft-playhead{position:absolute;left:calc(13px + var(--craft-edit-progress,.24)*(100% - 26px));top:9px;bottom:9px;width:1px;background:#b84137;pointer-events:none}
.craft-playhead::before{content:"";display:block;position:absolute;top:0;left:-2px;width:5px;height:5px;background:#b84137}
.craft-visual-note{font-size:6px;letter-spacing:.17em;color:#777f71;margin:9px 0 0;text-align:right}
.craft-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.craft-looks>button{padding:0 0 9px;border:0;border-bottom:1px solid transparent;background:none;color:#8f9688;text-align:left;min-width:0;cursor:pointer;transition:color .25s,border-color .25s}
.craft-looks>button>img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.65;transition:opacity .25s}
.craft-looks>button>span{display:block;font-size:6px;line-height:1.5;letter-spacing:.1em;margin-top:9px}
.craft-looks>button[aria-pressed="true"]{border-color:#ae3a31;color:#e3e7db}
.craft-looks>button[aria-pressed="true"]>img,.craft-looks>button:hover>img{opacity:1}
.craft-looks>button:focus-visible{outline:1px solid #eee;outline-offset:4px}
.craft-method{display:flex;align-items:center;justify-content:center;gap:18px;padding:27px 8px;font-size:7px;letter-spacing:.18em;color:#929c88}
.craft-method i{height:1px;flex:1;max-width:75px;background:#333c30;position:relative}
.craft-method i::after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#7b8473}
.craft-text-link{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;line-height:1.5;letter-spacing:.1em;padding:15px 0;border-top:1px solid var(--craft-line);margin-top:7px}
.craft-text-link>span{font-size:15px}
.craft-sound-button{display:inline-flex;align-items:center;gap:14px;border:1px solid #545d4c;background:transparent;padding:14px 18px;color:#e6eadf;font-family:inherit;font-size:8px;letter-spacing:.12em;cursor:pointer;min-height:46px;margin-top:24px}
.craft-sound-button[hidden]{display:none}
.craft-sound-button:hover{border-color:#aeb5a7}
.craft-sound-icon{display:flex;align-items:center;gap:2px;height:14px}
.craft-sound-icon i{width:2px;height:5px;background:#ba3b30}
.craft-sound-icon i:nth-child(2){height:12px}.craft-sound-icon i:nth-child(3){height:8px}.craft-sound-icon i:nth-child(4){height:4px}
.craft .craft-audio-status{font-size:10px;line-height:1.5;color:#aeb6a4;margin:12px 0 0;min-height:1.5em}
.craft-footer{display:flex;justify-content:space-between;gap:25px;margin-top:24px;font-size:7px;letter-spacing:.13em;line-height:1.5;color:#7b8274}
@media(max-width:1050px){.craft-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:30px}.craft-copy h3{font-size:34px}.craft-copy>p:not(.craft-tool):not(.craft-audio-status){font-size:13px}.craft-details li{gap:10px;padding:13px 0 15px}.craft-details small{font-size:9px}.craft-monitor-bar,.craft-monitor figcaption{font-size:6px}.craft-heading{gap:35px}}
@media(max-width:740px){.craft{padding:80px var(--pad,20px)}.craft-heading{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.craft-heading h2{font-size:clamp(68px,16vw,105px)}.craft .craft-eyebrow{font-size:7px;margin-bottom:22px;max-width:260px}.craft-heading>p{font-size:16px;max-width:360px}.craft-tabs>button{min-height:74px;padding:18px 0 15px 5px}.craft-tabs>button>span{font-size:clamp(11px,3.3vw,22px);letter-spacing:-.04em}.craft-tabs>button>small{font-size:6px;letter-spacing:.02em;margin-top:8px}.craft-panel{grid-template-columns:1fr;gap:28px;padding:30px 0 24px}.craft .craft-tool{font-size:7px;margin-bottom:22px}.craft-copy h3{font-size:clamp(29px,7.6vw,46px);margin-bottom:18px}.craft-copy>p:not(.craft-tool):not(.craft-audio-status){font-size:14px;max-width:550px}.craft .craft-details{margin-top:25px}.craft-details li{padding:13px 0;gap:14px}.craft-details li>div{font-size:13px}.craft-details small{font-size:10px}.craft-monitor-bar{padding:9px;gap:10px}.craft-monitor figcaption{padding:10px 9px;gap:12px;align-items:flex-start}.craft-looks{gap:7px;margin-top:12px}.craft-looks>button>span{font-size:5px;letter-spacing:.03em}.craft-footer{display:block;margin-top:22px;font-size:6px}.craft-footer>span{display:block;margin-top:9px}.craft-method{padding:24px 0;font-size:6px;gap:12px}.craft-timeline{margin-top:12px}.craft-text-link{font-size:8px;max-width:400px}.craft-sound-button{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.craft-tabs>button,.craft-tabs>button::before,.craft-looks>button,.craft-looks>button>img{transition:none}}
