@font-face{font-family:Geist Sans;src:url(/fonts/Geist-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/fonts/Geist-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/fonts/Geist-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/fonts/Geist-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--black:#151515;--gold:#F0A121;--white:#FFFFFF;--orange:#FF8307;--orange-dark:#E67606;--cream:#F6F4F1;--success:#22C55E;--alert:#C4453C;--info:#3B82F6;--warning:#EAB308;--dark-bg:#0A0A0F;--dark-s1:#151515;--dark-s2:#1E1E24;--dark-s3:#2A2A32;--dark-border:#333340;--page-bg:#FAFAFA;--sidebar-w:220px;--system-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.brandbook-page{scroll-behavior:smooth;font-size:16px;font-family:var(--system-font);background:var(--page-bg);color:var(--black);line-height:1.5;-webkit-font-smoothing:antialiased}.brandbook-page *,.brandbook-page :after,.brandbook-page :before{box-sizing:border-box;margin:0;padding:0}.brandbook-page img{max-width:100%;height:auto;display:block}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--white);border-right:1px solid #e8e8e8;display:flex;flex-direction:column;z-index:100;padding:32px 0}.sidebar__logo{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);padding:0 24px}.sidebar__subtitle{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#BBB;padding:4px 24px 0}.sidebar__divider{width:calc(100% - 48px);height:1px;background:#E8E8E8;margin:20px 24px}.sidebar__nav{list-style:none;flex:1;overflow-y:auto}.sidebar__nav li{margin:0}.sidebar__nav a{display:flex;align-items:baseline;gap:8px;padding:8px 24px;font-size:12px;color:#888;text-decoration:none;border-left:2px solid transparent;transition:all .2s ease}.sidebar__nav a:hover{color:var(--black);background:#F8F8F8}.sidebar__nav a.active{color:var(--black);font-weight:600;border-left-color:var(--black)}.sidebar__nav .nav-num{font-size:10px;color:#BBB;font-weight:500;min-width:16px}.sidebar__nav a.active .nav-num{color:var(--gold)}.sidebar__version{padding:16px 24px;font-size:10px;color:#BBB;letter-spacing:.04em}.main{margin-left:var(--sidebar-w)}.content{max-width:900px;padding:0 64px}.section{padding:80px 0}.section__number{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#BBB;font-weight:600;margin-bottom:8px}.section__title{font-size:28px;font-weight:700;color:var(--black);margin-bottom:8px;line-height:1.2}.section__line{width:32px;height:2px;background:var(--black);margin-bottom:40px}.section__subtitle{font-size:18px;font-weight:600;color:var(--black);margin:40px 0 16px}.section__label{font-size:13px;font-weight:600;color:var(--black);margin:24px 0 8px}.section p{font-size:15px;line-height:1.6;color:#444;margin-bottom:16px}.section p:last-child{margin-bottom:0}.hero{min-height:100vh;background:var(--black);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 0}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.hero__inner{text-align:center;position:relative;z-index:1}.hero__logo{width:320px;margin:0 auto 32px}.hero__line{width:48px;height:2px;background:var(--gold);margin:0 auto 32px}.hero__tagline{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:500;margin-bottom:16px}.hero__meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.3)}.brand-quote{border-left:3px solid var(--gold);padding:16px 24px;font-size:18px;font-style:italic;color:var(--black);margin:16px 0 24px;background:transparent;line-height:1.6}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.value-card{background:var(--white);border:1px solid #e8e8e8;border-radius:6px;padding:24px}.value-card__num{font-size:22px;font-weight:700;color:var(--gold);margin-bottom:4px}.value-card__title{font-size:14px;font-weight:700;color:var(--black);margin-bottom:8px}.value-card__desc{font-size:13px;color:#666;line-height:1.5}.brand-story{font-size:15px;line-height:1.7;color:#444}.brand-story p{margin-bottom:16px}.brand-story .attribution{font-weight:600;color:var(--black);font-style:italic;margin-top:8px}.story-media-grid{display:grid;grid-template-columns:1fr;gap:24px;margin:40px -16px}@media (min-width:768px){.story-media-grid{grid-template-columns:1fr 1fr;gap:32px;margin:48px -48px}}.story-immersive-media{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.15);border:1px solid #e8e8e8;background:var(--white);display:flex;flex-direction:column}.story-immersive-media img.immersive-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.story-immersive-media:hover img.immersive-image{transform:scale(1.03)}.story-immersive-media figcaption{margin-top:auto;padding:16px 24px;font-size:13px;color:#666;text-align:center;border-top:1px solid #e8e8e8;background:#FAFAFA}.dark-block{background:var(--black);border-radius:8px;padding:40px;margin:32px 0;color:var(--white)}.dark-block p{color:rgba(255,255,255,.85);font-size:15px;line-height:1.7}.dark-block .tagline-gold{color:var(--gold);font-weight:700;font-size:16px;margin-top:16px}.archetype-card{background:var(--cream);border-radius:8px;padding:32px;margin:16px 0 32px}.archetype-card .archetype-name{font-size:24px;font-weight:700;color:var(--black)}.archetype-card .archetype-name-en{font-size:13px;color:#999;margin-bottom:16px}.archetype-card p{font-size:14px;color:#555;line-height:1.6}.archetype-card .personality-phrase{font-weight:600;color:var(--black);font-style:italic;font-size:15px;margin-top:16px}.voice-bar{display:flex;gap:4px;margin:24px 0}.voice-bar__item{flex:1;background:var(--black);color:var(--white);text-align:center;padding:14px 8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.voice-bar__item:first-child{border-radius:6px 0 0 6px}.voice-bar__item:last-child{border-radius:0 6px 6px 0}.dodont-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 32px}.dodont-card{padding:16px;border-radius:6px;font-size:13px;line-height:1.5}.dodont-card--do{background:#D4EDDA;color:#155724}.dodont-card--dont{background:#F5C6CB;color:#721C24}.dodont-card__label{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.tone-table{width:100%;border-collapse:collapse;margin:16px 0 32px;font-size:13px}.tone-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#999;padding:8px 12px;border-bottom:2px solid #e8e8e8;font-weight:600}.tone-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.tone-table td:first-child{font-weight:600;color:var(--black)}.tone-table .tone-example{font-style:italic;color:#666}.tone-dots{display:flex;gap:3px}.tone-dot{width:14px;height:14px;border-radius:2px;background:#E8E8E8}.tone-dot--filled{background:var(--gold)}.golden-rule{background:var(--cream);border-radius:8px;padding:32px;text-align:center;margin:24px 0;font-size:16px;font-weight:600;color:var(--black);line-height:2}.logo-display{background:var(--white);border:1px solid #e8e8e8;border-radius:8px;padding:48px;display:flex;align-items:center;justify-content:center;margin:16px 0 32px}.logo-display img{max-width:360px}.logo-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 32px}.logo-variant{border:1px solid #e8e8e8;border-radius:8px;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.logo-variant--dark{background:var(--black);border-color:var(--dark-border)}.logo-variant img{max-height:48px;width:auto}.logo-variant__label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.logo-variant--dark .logo-variant__label{color:#666}.logo-bg-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 32px}.logo-bg-card{border-radius:8px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px}.logo-bg-card--light{background:var(--white);border:1px solid #e8e8e8}.logo-bg-card--dark{background:var(--black)}.logo-bg-card img{max-height:40px;width:auto}.logo-bg-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.logo-bg-card--light .logo-bg-card__label{color:#999}.logo-bg-card--dark .logo-bg-card__label{color:#666}.clearspace{border:2px dashed var(--gold);border-radius:8px;padding:48px;position:relative;display:flex;align-items:center;justify-content:center;margin:16px 0 32px;background:var(--white)}.clearspace img{max-width:200px}.clearspace__marker{position:absolute;font-size:12px;font-weight:700;color:var(--gold)}.clearspace__marker--top{top:16px;left:50%;transform:translateX(-50%)}.clearspace__marker--bottom{bottom:16px;left:50%;transform:translateX(-50%)}.clearspace__marker--left{left:16px;top:50%;transform:translateY(-50%)}.clearspace__marker--right{right:16px;top:50%;transform:translateY(-50%)}.min-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 32px}.min-size-card{background:var(--white);border:1px solid #e8e8e8;border-radius:8px;padding:24px;text-align:center}.min-size-card img{margin:0 auto 12px}.min-size-card__label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.min-size-card__value{font-size:13px;font-weight:600;color:var(--black)}.prohibited-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 32px}.prohibited-card{background:#FFF5F5;border:1px solid #fed7d7;border-radius:8px;padding:20px;text-align:center;font-size:13px;color:var(--alert);font-weight:500}.prohibited-card svg{display:block;margin:0 auto 8px}.file-table{width:100%;border-collapse:collapse;margin:16px 0 32px;font-size:13px}.file-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#999;padding:8px 12px;border-bottom:2px solid #e8e8e8;font-weight:600}.file-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.file-table code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:#F0F0F0;padding:2px 6px;border-radius:3px}.swatches-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 32px}.swatch{border-radius:8px;overflow:hidden;border:1px solid #e8e8e8;cursor:pointer;transition:transform .15s ease}.swatch:hover{transform:translateY(-2px)}.swatch__color{height:140px;position:relative}.swatch__color--medium{height:80px}.swatch__color--small{height:56px}.swatch__tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:var(--white);padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;opacity:0;transition:opacity .3s ease;pointer-events:none}.swatch__tooltip--visible{opacity:1}.swatch__info{padding:12px 16px;background:var(--white)}.swatch__name{font-weight:600}.swatch__hex,.swatch__name{font-size:13px;color:var(--black);margin-bottom:4px}.swatch__hex{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.swatch__details{font-size:11px;color:#999;line-height:1.5}.swatches-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 32px}.swatches-functional{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0 32px}.dark-strip{background:var(--dark-bg);border-radius:8px;padding:32px;margin:16px 0 32px}.dark-strip__title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:16px;font-weight:600}.dark-strip__layers{display:flex;gap:8px;align-items:stretch}.dark-strip__layer{flex:1;padding:20px 12px;border-radius:6px;text-align:center}.dark-strip__layer-name{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:4px}.dark-strip__layer-hex{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;color:rgba(255,255,255,.7)}.ratio-diagram{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 32px}.ratio-card{border:1px solid #e8e8e8;border-radius:8px;padding:24px}.ratio-card__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--black);margin-bottom:16px}.ratio-bar{display:flex;height:24px;border-radius:4px;overflow:hidden;margin-bottom:12px}.ratio-bar__segment{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.02em}.ratio-legend{font-size:11px;color:#666;line-height:1.8}.specimen{font-family:"Geist Sans",var(--system-font)}.type-specimen{background:var(--white);border:1px solid #e8e8e8;border-radius:8px;padding:48px;text-align:center;margin:16px 0 32px}.type-specimen__name{font-family:"Geist Sans",var(--system-font);font-size:72px;font-weight:700;color:var(--black);line-height:1;margin-bottom:16px}.type-specimen__meta{font-size:12px;color:#999}.type-alphabet{background:var(--cream);border-radius:8px;padding:32px;font-family:"Geist Sans",var(--system-font);font-size:20px;line-height:1.8;color:var(--black);word-break:break-all;letter-spacing:.04em}.type-alphabet,.weight-ladder{margin:16px 0 32px}.weight-row{display:flex;align-items:baseline;gap:24px;padding:16px 0;border-bottom:1px solid #f0f0f0}.weight-row__label{min-width:100px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#999}.weight-row__sample{font-family:"Geist Sans",var(--system-font);font-size:24px;color:var(--black);flex:1}.weight-row__context{font-size:12px;color:#999;min-width:160px;text-align:right}.scale-ladder{margin:16px 0 32px}.scale-row{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.scale-row__label{min-width:32px;font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase}.scale-row__sample{font-family:"Geist Sans",var(--system-font);color:var(--black);flex:1;line-height:1.2}.scale-row__specs{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;color:#999;min-width:200px;text-align:right}.scale-divider{height:1px;background:var(--gold);opacity:.3;margin:8px 0}.mono-block{background:var(--black);border-radius:8px;padding:32px;margin:16px 0 32px}.mono-block__title{font-family:Geist Mono,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:500;color:var(--white);margin-bottom:20px}.mono-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mono-example{background:var(--dark-s2);border-radius:6px;padding:20px}.mono-example__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#666;margin-bottom:8px}.mono-example__value{font-family:Geist Mono,SFMono-Regular,Consolas,monospace;font-size:18px;color:var(--white)}.alert-card{background:#FFF5F5;border:1px solid #fed7d7;border-radius:8px;padding:16px 20px;font-size:13px;color:var(--alert);margin:16px 0;display:flex;align-items:center;gap:12px}.alert-card svg{flex-shrink:0}.note-card{background:#F0F7FF;border:1px solid #d0e4ff;border-radius:8px;padding:16px 20px;font-size:13px;color:#1A56DB;margin:16px 0}.icon-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 32px}.icon-spec{background:var(--white);border:1px solid #e8e8e8;border-radius:6px;padding:16px}.icon-spec__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:4px}.icon-spec__value{font-size:14px;font-weight:600;color:var(--black)}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 32px}.icon-cell{background:var(--cream);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.icon-cell svg{width:24px;height:24px;stroke:var(--black);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-cell__name{font-size:11px;font-weight:500;color:var(--black)}.icon-cell__context{font-size:10px;color:#999}.icon-context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 32px}.icon-context-card{border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.icon-context-card--light{background:var(--white);border:1px solid #e8e8e8}.icon-context-card--dark{background:var(--black)}.icon-context-card--action{background:var(--cream);border:1px solid #e8e8e8}.icon-context-card svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-context-card--light svg{stroke:var(--black)}.icon-context-card--dark svg{stroke:var(--white)}.icon-context-card--action svg{stroke:var(--gold)}.icon-context-card__label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.icon-context-card--light .icon-context-card__label{color:#999}.icon-context-card--dark .icon-context-card__label{color:#666}.icon-context-card--action .icon-context-card__label{color:#999}.mood-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.mood-tag{background:var(--black);color:var(--white);padding:6px 14px;border-radius:4px;font-size:12px;font-weight:500;letter-spacing:.02em}.photo-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 32px}.photo-spec{background:var(--white);border:1px solid #e8e8e8;border-radius:6px;padding:16px}.photo-spec__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:4px}.photo-spec__value{font-size:14px;color:var(--black);line-height:1.4}.photo-donts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 32px}.photo-dont{background:#FFF5F5;border:1px solid #fed7d7;border-radius:8px;padding:16px;font-size:12px;color:var(--alert);line-height:1.5;display:flex;align-items:flex-start;gap:8px}.photo-dont svg{flex-shrink:0;margin-top:1px}.section__intro{font-size:15px;line-height:1.7;color:#555;margin-bottom:32px}.app-hero{margin:16px 0 32px;border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 8px 32px rgba(0,0,0,.08)}.app-hero img{display:block;width:100%}.app-annotations{margin:24px 0 32px;display:flex;flex-direction:column;gap:12px}.app-annotation{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--cream);border-radius:8px}.app-annotation__marker{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--black);color:var(--white);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.app-annotation__marker--gold{background:var(--gold);color:var(--black)}.app-annotation__text{font-size:13px;line-height:1.6;color:#444}.app-annotation__text strong{color:var(--black)}.app-design-tokens{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.app-token{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid #e8e8e8;border-radius:6px;padding:8px 14px}.app-token__swatch{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.app-token__label{font-size:12px;font-weight:500;color:#555;font-family:Geist Mono,monospace}.app-screens-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 24px}.app-screen-panel{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 4px 16px rgba(0,0,0,.06)}.app-screen-panel__label{background:var(--black);color:var(--white);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:10px 16px}.app-screen-panel img{display:block;width:100%}.app-components{margin:16px 0 32px;display:flex;flex-direction:column;gap:20px}.app-component{display:grid;grid-template-columns:auto 1fr;gap:24px;background:var(--white);border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;align-items:center}.app-component__preview{background:var(--dark-bg);padding:24px;display:flex;align-items:center;justify-content:center;min-width:200px;max-width:280px;align-self:stretch}.app-component__preview--small{min-width:160px;max-width:200px}.app-component__preview img{max-width:100%;max-height:320px;border-radius:4px}.app-component__info{padding:24px 24px 24px 0}.app-component__name{font-size:16px;font-weight:700;color:var(--black);margin-bottom:6px}.app-component__desc{font-size:13px;line-height:1.6;color:#666;margin-bottom:12px}.app-principles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 40px}.app-principle{background:var(--white);border:1px solid #e8e8e8;border-radius:10px;padding:24px}.app-principle__icon{margin-bottom:12px}.app-principle__title{font-size:14px;font-weight:700;color:var(--black);margin-bottom:6px}.app-principle__desc{font-size:12px;line-height:1.6;color:#666}.app-tags{display:flex;flex-wrap:wrap;gap:6px}.app-tag{background:var(--cream);color:#666;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.web-section{margin-bottom:28px}.web-section--compact{margin-bottom:0}.web-section__label{display:inline-block;background:var(--black);color:var(--white);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;border-radius:6px 6px 0 0;margin-bottom:0}.web-section__screenshot{border:1px solid #e8e8e8;border-radius:0 8px 8px 8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);margin-bottom:12px}.web-section__screenshot--dark{border-color:#333}.web-section__screenshot img{display:block;width:100%}.web-section__analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.web-callout{background:var(--cream);border-radius:8px;padding:16px}.web-callout--inline{margin-top:8px}.web-callout__title{font-size:12px;font-weight:700;color:var(--black);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.web-callout__text{font-size:12px;line-height:1.6;color:#555}.web-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}@media (max-width:700px){.app-component,.app-screens-duo{grid-template-columns:1fr}.app-component__preview{max-width:100%;min-width:0}.app-component__info{padding:20px}.app-principles,.web-duo,.web-section__analysis{grid-template-columns:1fr}}.brand-app-showcase{margin:24px 0 32px}.brand-app-card{margin:0;border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;background:var(--white);box-shadow:0 8px 32px rgba(0,0,0,.08);transition:box-shadow .4s ease,transform .4s ease;display:flex;flex-direction:column}.brand-app-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.12);transform:translateY(-2px)}.brand-app-card__img{overflow:hidden;background:#F0EDE8}.brand-app-card__img img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.brand-app-card:hover .brand-app-card__img img{transform:scale(1.03)}.brand-app-card--hero .brand-app-card__img img{aspect-ratio:16/9;object-position:center}.brand-app-card__caption{padding:16px 20px;font-size:13px;line-height:1.6;color:#666;border-top:1px solid #e8e8e8;background:#FAFAFA;flex:1}.brand-app-card__caption strong{color:var(--black);font-weight:700}.brand-app-grid{margin:24px 0 32px}.brand-app-grid--duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-app-grid--trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.brand-app-grid--duo .brand-app-card__img img,.brand-app-grid--trio .brand-app-card__img img{aspect-ratio:4/3;object-position:center}@media (max-width:700px){.brand-app-grid--duo,.brand-app-grid--trio{grid-template-columns:1fr}}.page-footer{text-align:center;padding:80px 0;border-top:1px solid #e8e8e8}.page-footer__wordmark{max-width:160px;margin:0 auto 16px}.page-footer__line{width:32px;height:2px;background:var(--gold);margin:0 auto 16px}.page-footer__tagline{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#999;margin-bottom:8px}.page-footer__version{font-size:11px;color:#CCC}@media (max-width:768px){.sidebar{position:fixed;width:100%;height:auto;flex-direction:row;align-items:center;padding:0;border-right:none;border-bottom:1px solid #e8e8e8}.sidebar__logo{padding:12px 16px}.sidebar__divider,.sidebar__subtitle,.sidebar__version{display:none}.sidebar__nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:1px solid #e8e8e8;padding:8px 0;box-shadow:0 4px 12px rgba(0,0,0,.08)}.sidebar__nav.open{display:block}.sidebar__hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;margin-right:8px;cursor:pointer;background:none;border:none;font-size:20px;color:var(--black)}.main{margin-left:0;margin-top:48px}.content{padding:0 24px}.hero{margin-top:-48px}.icon-grid,.logo-variants,.mono-examples,.photo-donts,.ratio-diagram,.swatches-functional,.swatches-primary,.swatches-secondary,.values-grid{grid-template-columns:1fr 1fr}.min-sizes{grid-template-columns:1fr}.prohibited-grid{grid-template-columns:1fr 1fr}.logo-bg-compare{grid-template-columns:1fr}.hero__logo{width:200px}.type-specimen__name{font-size:48px}}@media (min-width:769px){.sidebar__hamburger{display:none}}