@font-face{font-family:Manrope;src:url(fonts/manrope.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-bold.ttf) format('truetype');font-weight:700 900;font-display:swap}
:root{--paper:#fff;--paper2:#f5f5f2;--ink:#111;--muted:#777;font-family:Manrope,Arial,sans-serif;background:#fff}body,button,select,.swatch code{font-family:Manrope,Arial,sans-serif}body{background:#fff}.grain{display:none}button,select,.spin-button,.icon,.help,.lock-button,.pill,#scopeBadge,.audience,.section-no,.notice,dialog,.settings,.variable,.swatch{border-radius:0!important}button{border-width:1px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:none}.spin-button{font-size:16px;font-weight:800}.intro h1{font-size:clamp(48px,7.8vw,108px);font-weight:800;letter-spacing:-.065em;line-height:1.02}.reel-value,.brand.reel-value,.palette-freedom{font-weight:800}.roulette-title{margin-left:.14em}.portfolio-nav{height:90px;padding:0 4.6%;gap:8%;justify-content:flex-start;background:#fffffff2;backdrop-filter:blur(12px);border:0;font:800 16px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.04em}.portfolio-nav a{color:#111;text-decoration:none}.portfolio-brand{font:800 41px/1 Manrope,Arial,sans-serif;letter-spacing:-.09em;text-decoration:none;color:#111}.portfolio-links{display:flex;gap:26px}.portfolio-cta{margin-left:auto;white-space:nowrap}.portfolio-nav a:hover{opacity:.55}main{padding:132px 4.6% 80px;max-width:1800px}.intro{max-width:1280px;margin:0 auto 50px}.roulette-workspace{max-width:1100px}.roulette-contact{margin:0 4.6%;border-top:1px solid #999;padding:12px 0 85px}.roulette-contact h2,.roulette-contact a{display:block;font-size:clamp(24px,2.15vw,36px);font-weight:800;letter-spacing:-.05em;line-height:1.06;margin:0;text-decoration:none}.roulette-contact a{color:#81817b;width:fit-content}.roulette-contact a:hover{color:#111}.roulette-footer{background:#fff;color:#111;border-top:1px solid #ddd;padding:30px 4.6%;display:flex;align-items:center;gap:35px;font-size:12px}.roulette-footer>a:last-child{margin-left:auto;color:inherit;text-decoration:none}.roulette-footer .portfolio-brand{font-size:41px}.roulette-footer span{font-family:Manrope,Arial,sans-serif}
@media(max-width:900px){.portfolio-nav{font-size:13px;gap:6%}.portfolio-links{gap:18px}.roulette-title{display:block;width:fit-content;margin:8px 0 0}}
@media(max-width:600px){.portfolio-nav{height:72px;padding:0 5%;gap:25px;font-size:12px}.portfolio-brand{font-size:34px}.portfolio-links{gap:16px}.services-link{display:none}.portfolio-cta{font-size:10px}main{padding:110px 5% 60px}.intro h1{font-size:clamp(42px,10.8vw,64px);letter-spacing:-.065em}.intro p{font-size:16px}.roulette-contact{margin:0 5%;padding-bottom:55px}.roulette-contact h2,.roulette-contact a{font-size:clamp(20px,5.2vw,24px);line-height:1.08}.roulette-footer{padding:25px 5%;gap:18px;font-size:10px}.roulette-footer .portfolio-brand{font-size:34px}.roulette-settings{gap:18px 12px}}
/* Editorial redesign: the same quiet monochrome system as the portfolio. */
:root{--acid:#111;--pink:#f3f3f3;--blue:#111;--orange:#777;--paper2:#f6f6f6;--line:#dedede;--accent:#111}
.cursor,.trail{display:none!important}body{cursor:auto}a,button,summary{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #111;outline-offset:5px}
main{padding-top:164px;padding-bottom:110px}.intro{max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px;margin:0 0 100px;align-items:end}.page-kicker{grid-column:1/-1;margin:0 0 12px;font-size:12px;letter-spacing:.04em;color:#777}.intro h1{font-size:clamp(44px,5.3vw,78px);text-transform:none;line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:800}.roulette-title{display:block;background:none;padding:0;margin:0;color:#111}.intro p{font-size:16px;line-height:1.6;max-width:370px;color:#777;margin:0 0 4px;justify-self:end}.roulette-workspace{max-width:none}.roulette-settings{gap:40px;padding:0 0 40px}.roulette-settings label{font-size:12px;font-weight:400;color:#777;margin-bottom:12px}.roulette-settings select{font-size:15px;font-weight:800;letter-spacing:-.025em;border-color:#ccc;min-height:44px}.roulette-settings .small{font-size:12px;line-height:1.5;color:#888;margin-top:12px}
.roulette-board{border-top:1px solid #999;border-bottom:1px solid #ccc}.reel-cell{min-height:270px;padding:28px 32px 25px}.reel-cell:nth-child(odd){border-right:1px solid #ddd}.reel-cell:nth-child(-n+2){border-bottom:1px solid #ddd}.reel-label{margin-bottom:34px}.reel-label h2{font-size:12px;text-transform:none;letter-spacing:0;color:#777}.reel-label>span{font-size:10px;color:#999}.reel-value,.brand.reel-value{font-size:clamp(28px,3.4vw,50px);text-transform:none;letter-spacing:-.055em;line-height:1.12;font-weight:800}.reel-value.character-value{font-size:clamp(23px,2.5vw,36px);line-height:1.22;letter-spacing:-.045em}.reel-window{min-height:105px;margin-bottom:20px}.reel-caption{font-size:12px;color:#888}.reel-cell.is-stopped:after{width:24px;height:2px;background:#111}.palette-freedom{font-size:32px;letter-spacing:-.045em;text-transform:none;font-weight:800}.palette-cell #colors{font-size:14px;color:#777;line-height:1.6}.palette-freedom{color:#111}.palette-cell .palette{border-color:#ddd}.palette-cell .swatch code{font-size:10px;color:#777}.palette-cell .small{color:#888}
button{border:1px solid #ccc;background:#fff;color:#111;font-weight:800;box-shadow:none!important}button:hover:not(:disabled){background:#f4f4f4;transform:none}.icon,.variable .icon{border:1px solid #ddd;background:#fff;width:32px;height:32px;min-width:32px;font-size:20px}.lock-button{font-size:11px;height:32px;font-weight:400;border-color:transparent;padding:5px 9px}.lock-button svg{width:14px;height:14px;stroke-width:1.5}.lock-button[aria-pressed=true],.reel-cell .lock-button[aria-pressed=true]{background:#111;color:#fff}.reel-cell .icon:hover{background:#eee}.style-strip{padding:25px 32px;border-bottom:1px solid #ddd;gap:20px}.style-copy .eyebrow{font-size:11px;text-transform:none;letter-spacing:0}#style{font-size:18px;letter-spacing:-.035em}.help{border:1px solid #ccc;width:22px;height:22px;font-size:12px;color:#777}.help-text{font-size:14px;line-height:1.6}.spin-zone{padding:32px 0 75px;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left}.spin-zone .spin-button{background:#111;color:#fff;border:1px solid #111;font-size:14px;text-transform:none;letter-spacing:0;min-width:210px;min-height:56px;padding:16px 24px;gap:35px;order:2}.spin-zone .spin-button:hover:not(:disabled){background:#333;transform:translateY(-2px)}.spin-button span{font-size:23px}.spin-zone p{margin:0;font-size:12px;color:#888;max-width:280px}.primary{background:#111;color:#fff;border-color:#111}.primary:hover:not(:disabled){background:#333;color:#fff}.full-brief{border-top:1px solid #999}.full-brief summary{padding:30px 0 40px}.full-brief summary>span:first-child{font-size:38px;font-weight:800;letter-spacing:-.055em}.summary-label{font-size:12px}.full-brief .brief-top{border-bottom:1px solid #ddd;padding-bottom:25px}.meta{font-size:11px}.meta .pill,#scopeBadge{background:transparent;color:#777;border:1px solid #ddd;padding:4px 8px;font-weight:400}#briefId{font-weight:400;color:#888}.subline{font-size:14px}.full-brief .brief-body{padding-top:36px}.section-title{font-size:16px;font-weight:800;letter-spacing:-.035em;gap:18px}.section-no{border:0;width:auto;height:auto;font-size:11px;color:#999}.brief-body p{font-size:15px;line-height:1.75}.audience{background:none;padding:0}.text-section{margin-bottom:38px}.deliverables li{font-size:14px;border-color:#e5e5e5;padding-top:16px;padding-bottom:16px}.deliverables li:before{top:19px;font-size:10px}.requirements .section-title{font-size:14px}.requirements ul{font-size:14px;color:#555}.export-zone{border-color:#ddd;padding-top:28px}.export-zone button{font-size:13px;min-height:50px}.export-zone .storage-note{font-size:12px;color:#888}.notice{background:#111;color:#fff;box-shadow:none;font-size:12px}
@media(max-width:700px){main{padding-top:120px;padding-bottom:75px}.intro{grid-template-columns:1fr;gap:22px;margin-bottom:55px}.page-kicker{margin:0;font-size:11px}.intro h1{font-size:48px}.intro p{justify-self:start;font-size:14px;max-width:310px;margin:0}.roulette-settings{gap:20px 12px;padding-bottom:30px}.reel-cell{padding:20px 18px;min-height:250px}.reel-label{margin-bottom:26px}.reel-value,.brand.reel-value{font-size:28px}.reel-value.character-value{font-size:22px}.palette-freedom{font-size:24px}.style-strip{padding:22px 18px}.spin-zone{padding:24px 0 50px;flex-direction:column;align-items:stretch;gap:18px}.spin-zone .spin-button{order:0;width:100%}.spin-zone p{max-width:none;order:1;text-align:center}.full-brief summary>span:first-child{font-size:30px}.full-brief summary{padding:25px 0}.summary-label{font-size:10px}.roulette-settings .small{font-size:11px}}
@media(max-width:480px){.roulette-board{grid-template-columns:1fr}.reel-cell{min-height:210px;padding:24px 0}.reel-cell:nth-child(odd){border-right:0}.reel-cell:not(:last-child){border-bottom:1px solid #ddd}.reel-window{min-height:65px;margin-bottom:20px}.reel-label{margin-bottom:22px}.reel-value,.brand.reel-value,#niche.reel-value{font-size:32px;line-height:1.12}.reel-value.character-value{font-size:27px;line-height:1.2}.reel-cell.is-stopped:after{left:0}.style-strip{padding:22px 0}.palette-cell #colors{font-size:13px}.palette-cell .palette{grid-template-columns:repeat(var(--palette-columns,4),minmax(0,1fr))}.palette-cell .swatch span{height:80px}.palette-cell .swatch code{font-size:9px}.palette-cell .palette[data-count="3"] .swatch:last-child,.palette-cell .palette[data-count="5"] .swatch:last-child{grid-column:auto}.reel-cell .lock-button{font-size:11px}.style-copy{gap:10px}.intro h1{font-size:46px}.export-zone button{width:100%}}
/* Result-first composition. */
main{padding-top:150px;padding-bottom:90px}.intro{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:55px}.intro h1{font-size:clamp(42px,5.5vw,82px)}.intro p{font-size:15px;line-height:1.6;max-width:300px;justify-self:end}.page-kicker{font-size:10px;letter-spacing:.08em;margin:0}.roulette-settings{padding-bottom:22px;gap:36px}.roulette-settings .small{font-size:11px;line-height:1.45;margin-top:8px;max-width:280px}.roulette-settings label{margin-bottom:6px}.spin-zone{padding:0 0 30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.spin-zone p{order:0;text-align:left;font-size:11px;line-height:1.6;max-width:none}.spin-zone .spin-button{order:1;min-height:48px;min-width:190px;width:auto;padding:12px 22px;font-size:13px;gap:35px}.roulette-board{grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto auto;border-top:1px solid #aaa;border-bottom:1px solid #ccc}.roulette-board .reel-cell{border:0;min-height:0;padding:25px 28px}.roulette-board .result-name{grid-column:1;grid-row:1/4;border-right:1px solid #ddd;padding:30px 40px 28px 0;min-height:470px}.roulette-board .result-niche,.roulette-board .result-character,.roulette-board .result-palette{grid-column:2;border-bottom:1px solid #ddd}.roulette-board .result-palette{border-bottom:0}.result-name .reel-label{margin-bottom:20px}.result-name .reel-window{flex:1;min-height:240px;align-items:center;margin:0;padding:30px 0}.result-name .brand.reel-value{font-size:clamp(48px,6.1vw,92px);letter-spacing:-.065em;line-height:1.03}.result-name .controls{padding-top:20px}.reel-label{margin-bottom:18px}.result-niche .reel-window,.result-character .reel-window{min-height:0;margin-bottom:8px}.result-niche #niche.reel-value{font-size:27px;line-height:1.15;letter-spacing:-.045em}.result-character .reel-value.character-value{font-size:23px;line-height:1.25;letter-spacing:-.035em}.result-character .controls{padding-top:14px}.result-niche .reel-caption{font-size:11px;margin-top:8px}.palette-freedom{font-size:23px;margin-bottom:6px}.palette-cell #colors{font-size:12px;line-height:1.55}.palette-cell .swatch span{height:56px}.palette-cell .palette{margin-bottom:8px}.palette-cell .small{font-size:11px}.reel-cell.is-stopped:after{left:28px}.result-name.is-stopped:after{left:0}.style-strip{padding:23px 0;border-bottom:1px solid #ccc;margin-bottom:55px}.style-copy{gap:30px}.full-brief{border-top:0}.full-brief summary{padding:0 0 30px}.full-brief summary>span:first-child{font-size:28px;letter-spacing:-.045em}.full-brief[open] summary{padding-bottom:35px}.export-zone{padding-top:25px}.export-zone .primary{background:#fff;color:#111;border:1px solid #aaa;font-weight:800}.export-zone .primary:hover{background:#111;color:#fff}.full-brief .brief-body{display:grid;grid-template-columns:1fr 1fr;gap:32px 55px}.brief-body .text-section{margin:0}.brief-body .requirements{grid-column:1/-1;padding-bottom:35px}.brief-body .deliverables-block{border:0}.brief-body .task-block{padding-bottom:35px}.full-brief .brief-top{padding-top:10px}
@media(min-width:1700px){.result-name .brand.reel-value{font-size:92px}}
@media(max-width:900px){.roulette-board{grid-template-columns:1.2fr 1fr}.result-name .brand.reel-value{font-size:60px}.roulette-board .result-name{padding-right:25px}.result-niche #niche.reel-value{font-size:24px}.result-character .reel-value.character-value{font-size:21px}}
@media(max-width:600px){main{padding-top:110px}.intro{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.intro h1{font-size:42px}.intro p{justify-self:start;font-size:13px;max-width:280px}.intro p br{display:none}.page-kicker{font-size:9px}.roulette-settings{gap:18px 16px;padding-bottom:20px}.roulette-settings .small{font-size:10px}.spin-zone{padding-bottom:24px;gap:15px}.spin-zone p{font-size:10px;max-width:135px}.spin-zone .spin-button{min-width:155px;gap:18px;font-size:12px;padding:12px 16px}.roulette-board{grid-template-columns:1fr;grid-template-rows:auto}.roulette-board .result-name{grid-column:1;grid-row:auto;min-height:280px;border-right:0;border-bottom:1px solid #ddd;padding:24px 0}.result-name .reel-window{min-height:150px;padding:22px 0}.result-name .brand.reel-value{font-size:54px}.roulette-board .result-niche,.roulette-board .result-character,.roulette-board .result-palette{grid-column:1;padding:24px 0}.result-niche #niche.reel-value{font-size:26px}.result-character .reel-value.character-value{font-size:24px}.reel-cell.is-stopped:after{left:0}.style-strip{margin-bottom:35px}.style-copy{gap:10px}.full-brief summary>span:first-child{font-size:24px;max-width:220px}.summary-label{font-size:10px}.full-brief .brief-body{grid-template-columns:1fr;gap:28px}.brief-body .requirements{grid-column:1}.export-zone{align-items:stretch}.export-zone .primary{width:100%}.palette-cell .swatch span{height:65px}}