:root{--bg-color: #171717;--text-color: #ede9e9;--accent-color: #D4AF37;--border-color: #363636;--panel-bg: #242424;--grid-line-color: rgba(237, 233, 233, .05);--placeholder-bg: #1f1f1f;--placeholder-border: #313131;--space-unit: 8px;--container-max-width: 1080px;--container-padding: 45px;--section-gap: 125px;--grid-columns: 12;--grid-gap: 21px;--title-content-gap: 2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--base-size: 16px;--scale-ratio: 1.414;--line-height-base: 1.5;--letter-spacing-base: -.01em;--corner-radius: 0px;--stroke-width: 1px;--texture-opacity: 0;--swiss-header-span: 3;--swiss-content-span: 7;--swiss-content-start: 6;--swiss-hero-title-span: 10}.layout-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--container-padding)}.generated-section{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);margin-bottom:var(--section-gap);align-items:start;position:relative}.archetype-swiss .generated-section{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);align-items:start;border-top:var(--stroke-width) solid var(--border-color);padding-top:40px}.archetype-swiss .group-header{grid-column:1 / span var(--swiss-header-span, 3);grid-row:1 / span 2;padding-right:20px;position:sticky;top:40px}.archetype-swiss .group-visual{grid-column:var(--swiss-content-start, 4) / span var(--swiss-content-span, 9);grid-row:1}.archetype-swiss .group-content{grid-column:var(--swiss-content-start, 4) / span var(--swiss-content-span, 9);grid-row:2}.archetype-swiss .group-header h2{font-size:calc(var(--base-size) * var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio));line-height:1.1;margin-top:0;padding-top:0;border-top:none;text-transform:lowercase}.archetype-swiss .group-header h2:first-letter{text-transform:uppercase}.archetype-swiss.is-hero{padding-top:140px;padding-bottom:100px;border-top:none;min-height:90vh;align-items:flex-start;display:flex;flex-direction:column}.archetype-swiss.is-hero .group-header{width:100%;margin-bottom:60px;padding-right:0;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);align-items:start;position:static}.archetype-swiss.is-hero .section-label{grid-column:1 / -1;margin-bottom:24px;opacity:1;font-size:12px;letter-spacing:.1em}.archetype-swiss.is-hero .group-header h2{grid-column:1 / span var(--swiss-hero-title-span, 10);font-size:clamp(3rem,8vw,6rem);line-height:.9;letter-spacing:-.04em;margin-bottom:0;font-weight:500;text-transform:none}.archetype-swiss.is-hero .group-visual{width:100%;min-height:auto;max-height:600px;margin-bottom:0}.archetype-swiss.is-hero .visual-image{max-height:600px;height:auto;width:100%;object-fit:contain}.archetype-swiss.is-hero .visual-item{max-height:600px}.archetype-swiss.is-hero .group-content{width:100%;margin-top:40px;font-size:1.2rem;line-height:1.4;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap)}.archetype-swiss.is-hero .group-content>p{grid-column:var(--swiss-content-start, 6) / -1!important}.section-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);opacity:.5;margin-bottom:16px;display:block;border-top:var(--stroke-width) solid var(--text-color);padding-top:24px}.group-visual{width:100%;min-height:400px;background-color:transparent;border:none;border-radius:var(--corner-radius);position:relative;overflow:hidden;display:flex;flex-direction:column}.visual-content{width:100%;flex:1;min-height:100%;display:grid;gap:var(--space-unit)}.grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.grid-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.grid-3 .visual-item:nth-child(1){grid-row:span 2}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-5{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.grid-5 .visual-item:nth-child(1){grid-column:span 2;grid-row:span 2}.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-7{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.grid-7 .visual-item:nth-child(1){grid-column:span 2;grid-row:span 1}.grid-8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.visual-item{background-color:var(--placeholder-bg);border:var(--stroke-width) solid var(--placeholder-border);border-radius:var(--corner-radius);display:flex;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden;transition:all .3s ease}.visual-item:hover{background-color:var(--border-color)}.visual-item .item-label{font-family:var(--font-mono);font-size:10px;opacity:.3}.visual-item:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--text-color) 1px,transparent 1px);background-size:20px 20px;opacity:.1}.visual-image{width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:1}.visual-item:has(.visual-image){background-color:transparent;border:none}.visual-item:has(.visual-image):before{display:none}.visual-item:has(.visual-image):hover{background-color:transparent}.group-content{font-family:var(--font-sans)}.group-content p{font-size:var(--base-size);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);margin-bottom:16px;opacity:.9}.group-content ul{list-style:none;padding:0}.group-content li{font-size:var(--base-size);line-height:1.5;margin-bottom:8px;padding-left:16px;position:relative}.group-content li:before{content:"→";position:absolute;left:0;opacity:.5}.content-block{margin-bottom:24px;border-left:1px solid var(--border-color);padding-left:16px}.content-block h4{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;opacity:.6}.content-block p{margin-bottom:0;font-size:var(--base-size);line-height:1.5}.group-content strong{font-weight:600;color:var(--text-color)}.project-details{grid-column:span 12;margin-top:2rem;margin-bottom:4rem;font-family:var(--font-sans);position:relative;z-index:5}.project-details-grid{display:grid;gap:20px}.detail-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-weight:500}.detail-value{font-size:1rem;font-weight:400}.archetype-swiss .project-details{grid-column:var(--swiss-content-start, 4) / -1!important;grid-row:2;width:100%!important;max-width:none!important;border-top:1px solid var(--grid-line-color);padding-top:1.5rem;margin-top:0;margin-bottom:2rem}.archetype-swiss .project-details-grid{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;gap:32px}.archetype-swiss .group-visual{grid-row:1}.archetype-swiss .group-content{grid-row:3}.archetype-swiss .group-header{grid-row:1 / span 3}.archetype-swiss .detail-item{flex-direction:row;align-items:baseline;gap:8px}.archetype-swiss .detail-label{font-family:var(--font-mono);font-weight:400;opacity:.5;font-size:.75rem;letter-spacing:0;margin-bottom:0}.archetype-swiss .detail-value{font-family:var(--font-mono);font-weight:400;font-size:.75rem;opacity:1;color:var(--text-color)}.archetype-swiss.is-hero .project-details{grid-column:1 / -1!important;grid-row:auto;margin-bottom:4rem}@media(max-width:1024px){:root{--container-padding: 24px;--section-gap: 60px}.archetype-swiss .group-header{grid-column:span 12;margin-bottom:20px;position:static}.archetype-swiss .group-visual{grid-column:span 12}.archetype-swiss .group-content{grid-column:span 12;margin-top:20px}.archetype-swiss .project-details{grid-column:span 12!important}.archetype-swiss.is-hero .group-content{display:block}.archetype-swiss.is-hero .group-content>*{grid-column:auto}}@media(max-width:768px){:root{--container-padding: 16px;--section-gap: 48px}.layout-container{padding:16px}.generated-section,.archetype-swiss .generated-section{display:flex;flex-direction:column;margin-bottom:48px;padding-top:24px}.group-header,.archetype-swiss .group-header{width:100%;grid-column:auto;margin-bottom:16px}.group-visual,.archetype-swiss .group-visual{width:100%;grid-column:auto;margin-bottom:24px}.group-content,.archetype-swiss .group-content{width:100%;grid-column:auto;margin-bottom:0}.archetype-swiss.is-hero{padding-top:80px;padding-bottom:32px;min-height:auto}.archetype-swiss.is-hero .group-header{margin-bottom:0}.archetype-swiss.is-hero .group-header h2{font-size:2.5rem;margin-bottom:16px}.archetype-swiss .project-details{margin-top:0;margin-bottom:24px;padding-top:16px}.project-details-grid,.archetype-swiss .project-details-grid{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:12px}.archetype-swiss .detail-item{flex-direction:row;gap:8px;width:100%}.archetype-swiss.is-hero .group-visual{margin-bottom:24px}.archetype-swiss.is-hero .group-content{margin-top:0;margin-bottom:0;display:block}.archetype-swiss.is-hero .group-content>*{grid-column:auto}.visual-image{object-fit:contain!important}.archetype-swiss.is-hero .visual-image{object-fit:cover}}